Phase 10~11 전체 구현: 킬러 피처 5종 + 수익화 시스템

Phase 10 킬러 피처:
- MemoService: 태그 CRUD + 마크다운 내보내기 (memo_tags DB)
- VoiceCommandService: 키워드→명령어 매칭, 프리셋 4종
- ScreenContextService: PowerShell 활성 윈도우 + Ctrl+C 선택 텍스트
- ChainService: LLM 명령어 순차 실행 파이프라인
- CaptionService: 6초 청크 연속 전사 + 시스템 오디오 루프백

VoiceModeService 파이프라인 통합:
- 녹음 시작 → 컨텍스트 캡처 → STT → 키워드 매칭 → LLM(체인/컨텍스트 주입) → 삽입

시스템 오디오 캡처:
- setDisplayMediaRequestHandler + audio: 'loopback' (IPC 브릿지)
- electron-audio-loopback 패키지 contextIsolation 호환 불가 → 직접 구현

Phase 11 수익화:
- LicenseService: Free/Pro/Pro+ 3티어, LemonSqueezy API
- Feature Gate: requireFeature/checkFeature/consumeFeature
- 일일 쿼터: Free dictation 20/일, LLM 10/일 (SQLite daily_usage)
- LicenseModal, ProBadge, UpgradePromptModal UI

디자인 보강:
- d3roTypo(13종), d3roShadow(10종), d3roRadius(7종) 토큰 시스템
- ScreenPanel, ButtonGroup DS 컴포넌트 신규
- PhosphorText 4→13종 변형, MetalDial conic-gradient 광택
- 공유 컴포넌트: EmptyStateCard, SearchInput, PageHeader, HistoryEntryCard

기타:
- 자막 핫키 SSOT 전체 연동 (Config→Hotkey→VoiceMode→Caption→Settings)
- StatusBar 자막 LED + 효과음, 자막 로딩 UI
- LLM 상태 이벤트 전파 수정 (폴링 제거 → onStatusChanged)
- 커맨드 팝업 "선택 해제" 항목 추가

src/renderer/App.tsx

@@ -1,31 +1,71 @@
 // src/renderer/App.tsx — 루트 컴포넌트
 // 테마 시스템: auto(시스템) / dark / light. 기본은 auto → 다크.
+// i18n: I18nProvider가 전체 트리를 감쌈. ConfigService에서 언어 로드.
 
-import { useState, useEffect, useMemo } from 'react'
+import { useState, useEffect, useMemo, useRef } from 'react'
 import { ThemeProvider, CssBaseline, useMediaQuery } from '@mui/material'
 import { getTheme } from './theme'
+import { I18nProvider } from './i18n'
 import { AppLayout } from './components/AppLayout'
-import type { ThemeMode } from '@shared/types'
+import { UpgradePromptModal } from './components/UpgradePromptModal'
+import { startSystemAudioCapture, stopSystemAudioCapture } from './utils/systemAudioCapture'
+import type { ThemeMode, ConfigChangedEvent } from '@shared/types'
 
 export function App(): React.ReactElement {
   const [themeMode, setThemeMode] = useState<ThemeMode>('auto')
   const prefersDark = useMediaQuery('(prefers-color-scheme: dark)')
+  const systemAudioCleanupRef = useRef<(() => void) | null>(null)
 
-  // 설정에서 테마 로드
+  // 설정에서 테마 로드 + 변경 감지
   useEffect(() => {
     window.electronAPI.config.getTheme().then((result) => {
       if (result.success) {
         setThemeMode(result.data)
       }
     })
+
+    const unsub = window.electronAPI.config.onChanged((e: ConfigChangedEvent) => {
+      if (e.key === 'theme') {
+        setThemeMode(e.value as ThemeMode)
+      }
+    })
+    return unsub
+  }, [])
+
+  // 시스템 오디오 캡처: 메인 프로세스의 시작/중지 요청에 응답
+  useEffect(() => {
+    const unsubStart = window.electronAPI.caption.onStartSystemAudio(() => {
+      startSystemAudioCapture((pcm16Buffer) => {
+        window.electronAPI.caption.sendSystemAudioData(pcm16Buffer)
+      }).catch(() => {
+        // 시스템 오디오 캡처 실패 시 무시 — 마이크 자막만 사용
+      })
+    })
+
+    const unsubStop = window.electronAPI.caption.onStopSystemAudio(() => {
+      stopSystemAudioCapture()
+    })
+
+    systemAudioCleanupRef.current = () => {
+      stopSystemAudioCapture()
+    }
+
+    return () => {
+      unsubStart()
+      unsubStop()
+      systemAudioCleanupRef.current?.()
+    }
   }, [])
 
   const theme = useMemo(() => getTheme(themeMode, prefersDark), [themeMode, prefersDark])
 
   return (
-    <ThemeProvider theme={theme}>
-      <CssBaseline />
-      <AppLayout />
-    </ThemeProvider>
+    <I18nProvider>
+      <ThemeProvider theme={theme}>
+        <CssBaseline />
+        <AppLayout />
+        <UpgradePromptModal />
+      </ThemeProvider>
+    </I18nProvider>
   )
 }