Phase 8: SSOT 리팩토링 + HotkeyRecordModal + Dashboard 재작성

- d3roPalette 11개 토큰 추가 (sidebar, chassis, inactive 등)
- DS 컴포넌트 6개 + 페이지 5개 매직넘버 → 팔레트 참조 (0개 잔여)
- HotkeyRecordModal 신규: 커스텀 핫키 녹화 모달
- SettingsModal 재작성: 음성 모드 3개(받아쓰기/Agent/원터치) + 핫키 변경
- DashboardPage 재작성: Hero + 통계 4카드 + CRT 서비스 상태 + 히스토리 날짜 그룹핑
- recording-tip 색상 수정: #1F5DF2(파란) → #f25b29(앰버)
- 설계 문서: phase-8.md, speakly-settings-ui.md

CLAUDE.md

@@ -77,31 +77,11 @@ npm run typecheck    # tsc --noEmit
 6. **녹음 UI**: 9개 웨이브 바, cos 분포 가중치, 100ms 애니메이션
 
 ## 현재 상태
-Phase: 7.5 완료 + UI WIP (Phase 1~7.5 + 3.5 기능 완료, UI 미완성)
-마지막 작업: 인스트루먼트 UI 시도 (DS 컴포넌트 + CRT 셰이더) — WIP
-다음 작업: **UI 디자인 근본 재설계** (아래 "디자인 재설계 TODO" 참조)
+Phase: 8 진행 중 (Phase 1~7.5 + 3.5 완료, Phase 8 UI+기능 보강 진행)
+마지막 작업: Phase 8 — SSOT 리팩토링 + HotkeyRecordModal + Dashboard 재작성
+다음 작업: **녹음→전사 파이프라인 E2E 테스트** (핫키 변경 후 실제 사이클 확인)
 차단 이슈: @nut-tree-fork/nut-js 포크 사용
 
-### ⚠️ 디자인 재설계 TODO (다음 세션 최우선)
-시안 A (Meteorological Instrument) 정체성을 앱 전체에 충실히 반영해야 함.
-현재 WIP 상태에서 해결해야 할 문제:
-
-1. **SSOT 위반**: 색상/폰트 매직넘버 41곳 → 전부 d3roPalette/d3roFontMono 참조로 교체
-2. **시안 A 정체성 부족**: CRT+버튼은 만들었으나 "정밀 기기" 느낌이 안 살아남
-   - 메탈 다이얼 컴포넌트 미구현
-   - 서브페이지(History/Dict/Commands)가 여전히 평범한 리스트
-3. **모달/팝업 방치**: Settings 모달, 히스토리 팝업(Ctrl+Shift+V) 스타일 미적용
-4. **08-design-system.md 정비 필요**: 문서와 실제 구현의 괴리 해소
-5. **테마 시스템**: dark+light+auto 유지하되, 나중에 커스텀 테마 추가 가능 구조
-
-순서: 08 문서 정비 → DS 토큰/컴포넌트 정비 → Dashboard → 서브페이지 → 모달/팝업
-
-참조 파일:
-- 시안 A HTML: docs/design-refs/instrument-panel.html (또는 유저가 준 HTML)
-- 디자인 시스템: docs/design/08-design-system.md
-- DS 컴포넌트: src/renderer/components/ds/
-- 메모리: memory/ui_design_lessons.md
-
 ### DS 컴포넌트 현황 (src/renderer/components/ds/)
 - CrtDisplay.tsx: WebGL CRT 셰이더 (파형+스캔라인+비네팅+글리치) ✅
 - InstrumentPanel.tsx: 메탈 섀시 컨테이너 (각인 텍스트, 노이즈) ✅
@@ -111,12 +91,16 @@ Phase: 7.5 완료 + UI WIP (Phase 1~7.5 + 3.5 기능 완료, UI 미완성)
 - PhosphorText.tsx: 인광 텍스트 (hero/value/label/dim) ✅
 - ❌ MetalDial: 미구현 (시안 A의 핵심 요소)
 
-### Phase 8 구현 내용 (WIP)
-- theme.ts: d3roPalette(SSOT), createD3ROTheme('dark'|'light'), getTheme(mode, prefersDark)
-- DS 컴포넌트 6개 생성 (CrtDisplay, InstrumentPanel, Led, PhysicalButton, MetalCard, PhosphorText)
-- Dashboard: CRT WebGL + 물리 버튼 + LED — 시안 A 느낌 시도 중
-- 사이드바: 72px 미니 네비게이션 (물리 버튼 느낌)
-- 문제: 매직넘버 41곳, 시안 A 정체성 부족, 모달/팝업 방치
+### Phase 8 구현 내용 (진행 중)
+- **SSOT 완료**: d3roPalette에 11개 토큰 추가 (sidebar, chassis, inactive, dimLabel 등)
+- **매직넘버 제거**: tsx/ts 파일 매직넘버 0개 달성 (theme.ts 제외)
+- **DS 컴포넌트 SSOT**: 6개 모두 d3roPalette 참조로 교체
+- **HotkeyRecordModal**: 신규 — 커스텀 핫키 녹화 모달 (키 조합 입력→Chip 표시→저장)
+- **SettingsModal 재작성**: 음성 모드 3개(받아쓰기/Agent/원터치) 토글+핫키 표시+변경 UI
+- **DashboardPage 재작성**: 기능 중심 — Hero(핫키 표시) + 통계 4카드 + CRT 서비스 상태 + 최근 히스토리(날짜 그룹핑)
+- **recording-tip 수정**: 웨이브 바/프로그레스 바 색상 #1F5DF2(파란)→#f25b29(앰버)
+- **페이지 SSOT**: AppLayout, StatusBar, HistoryPage, DictionaryPage, CommandsPage 모두 완료
+- **설계 문서**: docs/phases/phase-8.md, docs/re-findings/speakly-settings-ui.md 작성
 
 ### Phase 7.5 구현 내용
 - SoundEffectService: WAV 프리로드, fire-and-forget, PowerShell SoundPlayer로 재생