Phase 9 완료: 전체 남은 기능 구현

1. RecordingTip: thinking 상태 전환 시 opacity 보장
2. 히스토리 오디오 경로: WAV 파일 경로를 DB에 기록
3. 마이크 테스트 UI: Settings Audio 탭에 TEST 버튼 + 레벨 바
4. 온보딩 플로우: 첫 실행 시 3단계 안내 (환영→마이크→핫키→완료)
5. MetalDial 컴포넌트: 동심원 그루브, 회전 포인터, LED 인디케이터

src/renderer/components/AppLayout.tsx

@@ -1,7 +1,7 @@
 // src/renderer/components/AppLayout.tsx
 // 시안 A+B 융합: 인스트루먼트 섀시 사이드바 + 콘텐츠 영역
 
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 import { Box, Typography, Tooltip } from '@mui/material'
 import DashboardIcon from '@mui/icons-material/Dashboard'
 import HistoryIcon from '@mui/icons-material/History'
@@ -14,6 +14,7 @@ import { HistoryPage } from '../pages/HistoryPage'
 import { DictionaryPage } from '../pages/DictionaryPage'
 import { CommandsPage } from '../pages/CommandsPage'
 import { SettingsModal } from './SettingsModal'
+import { OnboardingModal } from './OnboardingModal'
 import { StatusBar } from './StatusBar'
 import { d3roPalette, d3roFontMono } from '../theme'
 
@@ -29,6 +30,19 @@ const NAV_ITEMS: Array<{ route: Route; label: string; icon: React.ReactElement }
 export function AppLayout(): React.ReactElement {
   const [currentRoute, setCurrentRoute] = useState<Route>('dashboard')
   const [settingsOpen, setSettingsOpen] = useState(false)
+  const [onboardingOpen, setOnboardingOpen] = useState(false)
+
+  // 첫 실행 감지
+  useEffect(() => {
+    window.electronAPI.config.getAll().then((r) => {
+      if (r.success) {
+        const cfg = r.data as Record<string, unknown>
+        if (!cfg['onboardingCompleted']) {
+          setOnboardingOpen(true)
+        }
+      }
+    })
+  }, [])
 
   return (
     <Box sx={{ display: 'flex', height: '100vh', flexDirection: 'column', bgcolor: d3roPalette.bg.app }}>
@@ -161,6 +175,7 @@ export function AppLayout(): React.ReactElement {
       </Box>
       <StatusBar />
       <SettingsModal open={settingsOpen} onClose={() => setSettingsOpen(false)} />
+      <OnboardingModal open={onboardingOpen} onClose={() => setOnboardingOpen(false)} />
     </Box>
   )
 }