Commit 683796c
committed
feat: replace emoji icons with Lucide SVG system
This commit completes the comprehensive migration from emoji and text-based icons to Lucide SVG icons throughout the entire application. This modernization improves visual consistency, accessibility, and provides better sizing control across all UI components.
**Main Application:**
- Migrated loading overlay success (✓) and error (✕) icons to lucide check-circle and x-circle
- Updated component registry with semantic icon names (camera, gamepad-2, box, printer, thermometer, wind, info, scroll-text)
- Converted edit mode indicator to use lucide pencil icon
- Removed legacy CSS icon pseudo-elements from shortcut buttons
**Dialogs:**
- Component dialog: Migrated header icon to dynamic Lucide rendering with proper hydration
- Material info dialog: Converted Material Station indicator to lucide factory icon
- Material matching dialog: Replaced text × with lucide x icon for remove buttons
- Settings dialog: Updated macOS warning icon to lucide alert-triangle
- Shortcut config: Migrated all component icons to Lucide with proper rendering
**Components:**
- Palette: Updated component icons, pinned (pin), and in-grid (check) status badges
- Log panel: Converted title icon to lucide scroll-text
- Edit mode controller: Replaced emoji pencil with Lucide icon
**WebUI:**
- Implemented Lucide icon hydration utilities (toPascalCase, hydrateLucideIcons)
- Migrated edit mode lock/unlock toggle to dynamic lucide lock/unlock icons
- Updated settings icon initialization
**Logger:**
- Replaced emoji checkmark (✓) and cross (✗) with text prefixes [OK] and [FAIL] for better terminal compatibility
**Additional:**
- Added new WebUI push notifications specification document
- Updated Claude settings to allow chrome.com WebFetch for development
All Lucide icons now use consistent sizing (stroke-width: 2) and proper ARIA attributes for accessibility.1 parent b9f7e71 commit 683796c
25 files changed
Lines changed: 1955 additions & 100 deletions
File tree
- .claude
- ai_specs
- src
- ui
- component-dialog
- gridstack
- material-info-dialog
- material-matching-dialog
- palette
- settings
- shortcut-config-dialog
- utils
- webui/static
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
85 | 85 | | |
86 | 86 | | |
87 | 87 | | |
88 | | - | |
| 88 | + | |
| 89 | + | |
89 | 90 | | |
90 | 91 | | |
91 | 92 | | |
| |||
0 commit comments