Skip to content

feat(icons) - add animating versions of icons in Launcher and Soup filters#1229

Merged
aidanhb merged 9 commits intomainfrom
aidan/animated-launcher-icons
Feb 10, 2026
Merged

feat(icons) - add animating versions of icons in Launcher and Soup filters#1229
aidanhb merged 9 commits intomainfrom
aidan/animated-launcher-icons

Conversation

@aidanhb
Copy link
Copy Markdown
Contributor

@aidanhb aidanhb commented Jan 28, 2026

Adds animating icons, toggle-able behind flag ENABLE_ANIMATED_ICONS.

Animates all icons in Launcher, and for all entity type filters in unified list (soup).
Next step: animate icons for signal/noise as well as preview.

@aidanhb aidanhb requested a review from a team as a code owner January 28, 2026 19:37
@github-actions
Copy link
Copy Markdown

github-actions bot commented Jan 28, 2026

@claude

This comment was marked as outdated.

aidanhb and others added 5 commits February 3, 2026 17:12
Add animated icons for Email, Canvas, Folder, and Code buttons.
Remove unused static SVG imports. Fix incorrect titles in diagram
and folder icon components.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@aidanhb aidanhb changed the title prelim commit - add chat, email, md, AI, and task animated icons feat(icons) - add animating versions of icons in Launcher and Soup filters Feb 4, 2026
Copy link
Copy Markdown
Contributor

@sedson sedson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

approve with nit

onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
>
{ENABLE_ANIMATED_ICONS && props.animatedIcon ? (
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use SolidJs Show not conditional chaining

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

@claude
Copy link
Copy Markdown
Contributor

claude bot commented Feb 10, 2026

Code review

Found 1 issue:

CSS class mismatch in waveform.tsx

File: js/app/packages/macro-icons/wide/animating/waveform.tsx
Lines: 13, 17

The SVG element uses class animated-task-icon but the CSS styles target .animated-waveform-icon. This appears to be a copy-paste error from task.tsx.

The SVG element on line 13 has:

class={`animated-task-icon ${props.triggerAnimation ? 'animating' : ''}`}

But the CSS on line 17 targets:

.animated-waveform-icon {

This mismatch means the animations will never apply to this component. The class on line 13 should be animated-waveform-icon to match the CSS selector.

Suggested fix:
Change line 13 from animated-task-icon to animated-waveform-icon.

@aidanhb aidanhb merged commit 7c8b385 into main Feb 10, 2026
21 checks passed
@aidanhb aidanhb deleted the aidan/animated-launcher-icons branch February 10, 2026 18:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants