feat(design): surface phase PR 1 — Lucide icon migration + scale enforcement

Replaces every hand-inlined SVG in the chrome (60 across 15 files)
with Lucide components. Snaps icon sizes to the doc's 16/24 scale —
all icons in this pass land at 16. AppLogo wordmark stays as the
legitimate "custom app icon" exception per the doc; GraphView's <svg>
mount point for D3 stays as well.

Replaces emoji-as-icons in clear button-affordance cases with their
Lucide equivalents: ✕ → X (close/dismiss buttons across 8 files), ✓ →
Check (ProjectView task-advance button), 🎤 → Mic (ChatPanel voice
CTA), 📎 → Paperclip (ChatView context toggle), &uarr; → ArrowUp
(ChatInputBar Send), &times; → X (ChatPanel context-note remove), ☀/☾
→ Sun/Moon (AppHeader theme toggle).

Inline emoji punctuation in textual confirmation copy ("Saved ✓",
"Created ✓", `done: "✓"` status maps, `'✓' : '📄'` interpolations)
is left for surface-phase voice/tone touchups — replacing requires
structural template changes and is best done per-component.

Stroke weight stays at Lucide's default 2px; tightening to the doc's
1.5/1 is deferred per the surface-phase spec (option ii: drop-in +
scale enforcement).

Adds lucide-vue-next ^0.469.0 to frontend/package.json. Docker
rebuild handles the install.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

frontend/src/components/ChatInputBar.vue

@@ -10,6 +10,15 @@ import { useChatStore } from '@/stores/chat'
 import { useSettingsStore } from '@/stores/settings'
 import { useToastStore } from '@/stores/toast'
 import type { Note } from '@/types/note'
+import {
+  Paperclip,
+  Volume2,
+  VolumeX,
+  Square,
+  Mic,
+  Loader2,
+  ArrowUp,
+} from 'lucide-vue-next'
 
 const props = withDefaults(defineProps<{
   /** Textarea placeholder */
@@ -277,9 +286,7 @@ defineExpose({ focus, prefill })
           :disabled="!store.chatReady"
           title="Attach a note"
         >
-          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/>
-          </svg>
+          <Paperclip :size="16" />
         </button>
         <div v-if="showNotePicker" class="note-picker-dropdown">
           <input
@@ -322,12 +329,8 @@ defineExpose({ focus, prefill })
           :title="listenMode ? 'Listen mode on' : 'Listen / volume'"
           aria-label="Listen and volume settings"
         >
-          <svg v-if="!tts.speaking.value" width="17" height="17" viewBox="0 0 24 24" fill="currentColor">
-            <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
-          </svg>
-          <svg v-else width="17" height="17" viewBox="0 0 24 24" fill="currentColor">
-            <path d="M18 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C21.8 14.82 22 13.43 22 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
-          </svg>
+          <Volume2 v-if="!tts.speaking.value" :size="16" />
+          <VolumeX v-else :size="16" />
         </button>
         <div v-if="speakerPopoverOpen" class="speaker-popover">
           <button
@@ -354,7 +357,7 @@ defineExpose({ focus, prefill })
             class="speaker-row speaker-row--stop"
             @click="tts.stop()"
           >
-            <svg width="12" height="12" viewBox="0 0 14 14" fill="currentColor"><rect width="14" height="14" rx="2"/></svg>
+            <Square :size="16" fill="currentColor" />
             <span>Stop playback</span>
           </button>
         </div>
@@ -371,12 +374,8 @@ defineExpose({ focus, prefill })
           :title="recorder.recording.value ? 'Click to stop (or wait for silence)' : 'Click to speak'"
           :aria-label="recorder.recording.value ? 'Stop recording' : 'Start recording'"
         >
-        <svg v-if="!transcribingVoice" width="17" height="17" viewBox="0 0 24 24" fill="currentColor">
-          <path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/>
-        </svg>
-        <svg v-else width="17" height="17" viewBox="0 0 24 24" fill="currentColor">
-          <circle cx="12" cy="12" r="8" opacity="0.35"/><circle cx="12" cy="12" r="4"/>
-        </svg>
+        <Mic v-if="!transcribingVoice" :size="16" />
+        <Loader2 v-else :size="16" class="mic-loader" />
         </button>
       </div>
 
@@ -387,14 +386,14 @@ defineExpose({ focus, prefill })
         @click="emit('abort')"
         title="Stop generation"
       >
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor"><rect width="14" height="14" rx="2"/></svg>
+        <Square :size="16" fill="currentColor" />
       </button>
       <button
         v-else
         class="btn-send"
         @click="onSubmit"
         :disabled="!messageInput.trim() || !store.chatReady"
-      >&uarr;</button>
+      ><ArrowUp :size="16" /></button>
     </div>
   </div>
 </template>
@@ -484,6 +483,8 @@ defineExpose({ focus, prefill })
   z-index: 1;
 }
 .btn-mic.mic-transcribing { opacity: 0.5; }
+.mic-loader { animation: mic-spin 1s linear infinite; }
+@keyframes mic-spin { to { transform: rotate(360deg); } }
 
 /* Mic wrapper + live amplitude halo. The glow is a filled red disc
    absolutely positioned behind the button, scaled/faded by the