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/components/OnboardingModal.tsx

@@ -15,9 +15,10 @@ import MicIcon from '@mui/icons-material/Mic'
 import KeyboardIcon from '@mui/icons-material/Keyboard'
 import CheckCircleIcon from '@mui/icons-material/CheckCircle'
 import OpenInNewIcon from '@mui/icons-material/OpenInNew'
-import { d3roPalette, d3roFontMono } from '../theme'
+import { d3roPalette, d3roFontMono, d3roShadow } from '../theme'
 import { Led } from './ds'
 import { HotkeyRecordModal } from './HotkeyRecordModal'
+import { useI18n } from '../i18n'
 import type { HotkeyBinding, AudioDevice } from '@shared/types'
 
 interface OnboardingModalProps {
@@ -26,6 +27,7 @@ interface OnboardingModalProps {
 }
 
 export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.ReactElement {
+  const { t } = useI18n()
   const [step, setStep] = useState(0) // 0: 환영, 1: 마이크, 2: 핫키, 3: Ollama, 4: 완료
   const [devices, setDevices] = useState<AudioDevice[]>([])
   const [selectedDevice, setSelectedDevice] = useState('default')
@@ -66,7 +68,7 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
             bgcolor: d3roPalette.bg.chassis,
             backgroundImage: 'none',
             border: `1px solid ${d3roPalette.border.subtle}`,
-            boxShadow: '0 40px 80px rgba(0,0,0,0.8)',
+            boxShadow: d3roShadow.chassis,
           },
         }}
       >
@@ -88,10 +90,10 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
                 D3RO-VOICE
               </Typography>
               <Typography sx={{ color: d3roPalette.text.secondary, mb: 4 }}>
-                타이핑 없이, 음성으로. 로컬 AI 음성 어시스턴트입니다.
+                {t('onboarding.welcome.desc')}
               </Typography>
               <Button variant="contained" onClick={() => setStep(1)} fullWidth>
-                시작하기
+                {t('onboarding.welcome.start')}
               </Button>
             </Box>
           )}
@@ -102,11 +104,11 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
               <Stack direction="row" alignItems="center" gap={1} mb={3}>
                 <MicIcon sx={{ color: d3roPalette.accent.amber }} />
                 <Typography sx={{ fontFamily: d3roFontMono, fontWeight: 700, fontSize: '14px' }}>
-                  마이크 설정
+                  {t('onboarding.mic.title')}
                 </Typography>
               </Stack>
               <Typography variant="body2" sx={{ color: d3roPalette.text.secondary, mb: 2 }}>
-                사용할 마이크를 선택하세요. 나중에 설정에서 변경할 수 있습니다.
+                {t('onboarding.mic.desc')}
               </Typography>
               <Stack spacing={1} mb={3}>
                 {devices.map((d, idx) => (
@@ -128,14 +130,14 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
                     }}
                   >
                     <Typography variant="body2" sx={{ fontSize: '13px' }}>
-                      {d.label}{d.isDefault ? ' (기본)' : ''}
+                      {d.label}{d.isDefault ? ` ${t('settings.deviceDefault')}` : ''}
                     </Typography>
                   </Box>
                 ))}
               </Stack>
               <Stack direction="row" justifyContent="space-between">
-                <Button onClick={() => setStep(0)} sx={{ color: d3roPalette.text.inactive }}>뒤로</Button>
-                <Button variant="contained" onClick={() => setStep(2)}>다음</Button>
+                <Button onClick={() => setStep(0)} sx={{ color: d3roPalette.text.inactive }}>{t('onboarding.back')}</Button>
+                <Button variant="contained" onClick={() => setStep(2)}>{t('onboarding.next')}</Button>
               </Stack>
             </Box>
           )}
@@ -146,18 +148,18 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
               <Stack direction="row" alignItems="center" gap={1} mb={3}>
                 <KeyboardIcon sx={{ color: d3roPalette.accent.amber }} />
                 <Typography sx={{ fontFamily: d3roFontMono, fontWeight: 700, fontSize: '14px' }}>
-                  단축키 설정
+                  {t('onboarding.hotkey.title')}
                 </Typography>
               </Stack>
               <Typography variant="body2" sx={{ color: d3roPalette.text.secondary, mb: 2 }}>
-                받아쓰기 단축키를 설정하세요. 키를 누르고 있는 동안 녹음됩니다.
+                {t('onboarding.hotkey.desc')}
               </Typography>
               <Box
                 sx={{
                   p: 2,
                   borderRadius: '10px',
                   bgcolor: d3roPalette.bg.inset,
-                  boxShadow: 'inset 0 2px 6px rgba(0,0,0,0.4)',
+                  boxShadow: d3roShadow.inset,
                   textAlign: 'center',
                   mb: 3,
                 }}
@@ -181,7 +183,7 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
                   </Stack>
                 ) : (
                   <Typography sx={{ color: d3roPalette.text.inactive, fontSize: '13px' }}>
-                    단축키가 설정되지 않았습니다
+                    {t('onboarding.hotkey.notSet')}
                   </Typography>
                 )}
               </Box>
@@ -191,11 +193,11 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
                 onClick={() => setHotkeyModalOpen(true)}
                 sx={{ mb: 3, fontFamily: d3roFontMono }}
               >
-                {hotkeyBinding ? '단축키 변경' : '단축키 설정'}
+                {hotkeyBinding ? t('onboarding.hotkey.change') : t('onboarding.hotkey.set')}
               </Button>
               <Stack direction="row" justifyContent="space-between">
-                <Button onClick={() => setStep(1)} sx={{ color: d3roPalette.text.inactive }}>뒤로</Button>
-                <Button variant="contained" onClick={() => setStep(3)}>다음</Button>
+                <Button onClick={() => setStep(1)} sx={{ color: d3roPalette.text.inactive }}>{t('onboarding.back')}</Button>
+                <Button variant="contained" onClick={() => setStep(3)}>{t('onboarding.next')}</Button>
               </Stack>
             </Box>
           )}
@@ -206,12 +208,11 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
               <Stack direction="row" alignItems="center" gap={1} mb={3}>
                 <Led color="amber" size={12} />
                 <Typography sx={{ fontFamily: d3roFontMono, fontWeight: 700, fontSize: '14px' }}>
-                  Ollama 설치 (선택)
+                  {t('onboarding.ollama.title')}
                 </Typography>
               </Stack>
               <Typography variant="body2" sx={{ color: d3roPalette.text.secondary, mb: 2 }}>
-                번역, 요약 등 LLM 후처리를 사용하려면 Ollama가 필요합니다.
-                음성 받아쓰기 자체는 Ollama 없이도 동작합니다.
+                {t('onboarding.ollama.desc')}
               </Typography>
               <Button
                 variant="outlined"
@@ -220,19 +221,19 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
                 fullWidth
                 sx={{ mb: 1.5, fontFamily: d3roFontMono }}
               >
-                Ollama 다운로드
+                {t('onboarding.ollama.download')}
               </Button>
-              <Box sx={{ p: 1.5, borderRadius: '8px', bgcolor: d3roPalette.bg.inset, boxShadow: 'inset 0 1px 4px rgba(0,0,0,0.3)', mb: 3 }}>
+              <Box sx={{ p: 1.5, borderRadius: '8px', bgcolor: d3roPalette.bg.inset, boxShadow: d3roShadow.inset, mb: 3 }}>
                 <Typography sx={{ fontFamily: d3roFontMono, fontSize: '11px', color: d3roPalette.accent.amber }}>
                   $ ollama pull qwen3:4b
                 </Typography>
                 <Typography sx={{ fontSize: '10px', color: d3roPalette.text.inactive, mt: 0.5 }}>
-                  설치 후 터미널에서 모델을 다운로드하세요
+                  {t('onboarding.ollama.modelHint')}
                 </Typography>
               </Box>
               <Stack direction="row" justifyContent="space-between">
-                <Button onClick={() => setStep(2)} sx={{ color: d3roPalette.text.inactive }}>뒤로</Button>
-                <Button variant="contained" onClick={() => setStep(4)}>다음</Button>
+                <Button onClick={() => setStep(2)} sx={{ color: d3roPalette.text.inactive }}>{t('onboarding.back')}</Button>
+                <Button variant="contained" onClick={() => setStep(4)}>{t('onboarding.next')}</Button>
               </Stack>
             </Box>
           )}
@@ -242,15 +243,15 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
             <Box sx={{ textAlign: 'center', py: 3 }}>
               <CheckCircleIcon sx={{ fontSize: 48, color: d3roPalette.tag.green, mb: 2 }} />
               <Typography sx={{ fontFamily: d3roFontMono, fontSize: '18px', fontWeight: 700, mb: 1 }}>
-                설정 완료!
+                {t('onboarding.done.title')}
               </Typography>
               <Typography variant="body2" sx={{ color: d3roPalette.text.secondary, mb: 4 }}>
                 {hotkeyBinding
-                  ? `${hotkeyBinding.displayLabel} 키를 누르고 말하면 음성이 텍스트로 변환됩니다.`
-                  : '설정에서 단축키를 지정하면 음성 받아쓰기를 시작할 수 있습니다.'}
+                  ? t('onboarding.done.descWithKey', { key: hotkeyBinding.displayLabel })
+                  : t('onboarding.done.descNoKey')}
               </Typography>
               <Button variant="contained" onClick={handleFinish} fullWidth>
-                시작하기
+                {t('onboarding.done.start')}
               </Button>
             </Box>
           )}
@@ -262,7 +263,7 @@ export function OnboardingModal({ open, onClose }: OnboardingModalProps): React.
         onClose={() => setHotkeyModalOpen(false)}
         onSave={handleHotkeySave}
         currentBinding={hotkeyBinding}
-        title="받아쓰기 단축키 설정"
+        title={t('hotkey.dictationTitle')}
       />
     </>
   )