diff --git a/docs/icon-mapping.md b/docs/icon-mapping.md new file mode 100644 index 0000000..df2a5f1 --- /dev/null +++ b/docs/icon-mapping.md @@ -0,0 +1,89 @@ +# Icon Audit — Lucide Migration + +## Sidebar Icons (`src/lib/Sidebar.svelte`) + +| Current Icon | Path ID | Function | Lucide Replacement | +|---|---|---|---| +| SVG path `mic` | mic | Recording/Dictation nav | `Mic` | +| SVG path `file` | file | Files nav | `FileText` | +| SVG path `tasks` | tasks | Tasks nav | `SquareCheck` | +| SVG path `clock` | clock | History nav | `Clock` | +| SVG path `settings` | settings | Settings nav | `Settings` | +| SVG path `menu` | menu | Sidebar hamburger | `Menu` | +| SVG path `expand` | expand | Sidebar chevron expand | `ChevronRight` | +| SVG path (chevron left) | inline | Sidebar collapse | `ChevronLeft` | + +## Titlebar (`src/lib/components/Titlebar.svelte`) + +| Current Icon | Location | Function | Lucide Replacement | +|---|---|---|---| +| SVG `M1 6h10` | :53 | Minimise | `Minus` | +| SVG rect+path | :59-61 | Maximise/restore | `Maximize2` / `Minimize2` | +| SVG `M1 1l10 10...` | :69-71 | Close | `X` | + +## Dictation Page (`src/lib/pages/DictationPage.svelte`) + +| Current Icon | Location | Function | Lucide Replacement | +|---|---|---|---| +| SVG spinner | :526-528 | Loading/transcribing | `Loader2` (with spin class) | +| SVG checkbox path | :589-591 | Task sidebar toggle | `SquareCheck` | + +## History Page (`src/lib/pages/HistoryPage.svelte`) + +| Current Icon | Location | Function | Lucide Replacement | +|---|---|---|---| +| SVG circle+path (search) | :160-162 | Search | `Search` | +| SVG clock face | :186-188 | Empty state clock | `Clock` | +| SVG rect (pause) | :218-220 | Pause indicator | `Pause` | +| SVG play triangle | :223-225 | Play indicator | `Play` | +| SVG file path | :249-250 | File source | `FileText` | +| SVG mic path | :253-254 | Mic source | `Mic` | + +## Files Page (`src/lib/pages/FilesPage.svelte`) + +| Current Icon | Location | Function | Lucide Replacement | +|---|---|---|---| +| SVG upload arrows | :155-157 | Upload/drop area | `Upload` | + +## Model Downloader (`src/lib/components/ModelDownloader.svelte`) + +| Current Icon | Location | Function | Lucide Replacement | +|---|---|---|---| +| SVG download arrows | :61-63 | Download indicator | `Download` | + +## Task Sidebar (`src/lib/components/TaskSidebar.svelte`) + +| Current Icon | Location | Function | Lucide Replacement | +|---|---|---|---| +| SVG X path | :53-55 | Close sidebar | `X` | + +## Float Window (`src/routes/float/+page.svelte`) + +| Current Icon | Location | Function | Lucide Replacement | +|---|---|---|---| +| SVG pin (filled) | :184-186 | Pin active | `Pin` | +| SVG pin (outline) | :188-190 | Pin inactive | `Pin` | +| SVG X | :200-202 | Close | `X` | +| SVG person | :266-268 | Speaker/user | `User` | +| SVG lines | :346-348 | Menu/filter | `AlignLeft` | +| SVG X | :416-418 | Close task | `X` | +| SVG triangle | :432-434 | Expand/collapse | `ChevronRight` | +| SVG checkmark | :447-449 | Task complete | `Check` | + +## Viewer Window (`src/routes/viewer/+page.svelte`) + +| Current Icon | Location | Function | Lucide Replacement | +|---|---|---|---| +| SVG X | :257-259 | Close | `X` | +| SVG pause bars | :285-288 | Pause | `Pause` | +| SVG play triangle | :290-292 | Play | `Play` | +| SVG circle+search | :331-334 | Search | `Search` | +| SVG star | :388-390 | Star/bookmark | `Star` | +| SVG copy rect | :426-428 | Copy | `Copy` | +| SVG X | :435-437 | Delete/remove | `X` | + +## Unicode Spinner (`src/lib/components/UnicodeSpinner.svelte`) + +| Current | Function | Lucide Replacement | +|---|---|---| +| ◉ ◎ ○ Unicode chars | Loading pulse | `Loader2` (animated) |