feat(V2-1c): packages/ui 추출 — DS 컴포넌트 + theme + theme-vars 분리

packages/ui (@d3ro/ui) 신규:
- src/theme.ts (d3roPalette/d3roTypo/d3roShadow/d3roRadius SSOT)
- src/theme-vars.ts (팝업/main 프로세스용 CSS 변수 맵)
- src/components/ds/ (CrtDisplay, InstrumentPanel, Led, MetalCard,
  MetalDial, PhosphorText, PhysicalButton, ScreenPanel, ButtonGroup)
- src/index.ts barrel
- subpath exports: ./theme, ./theme-vars, ./components/ds
- React/MUI/Emotion은 peerDependencies로 선언
- @d3ro/core만 직접 의존성

apps/desktop/src/shared/ 디렉토리 완전 제거:
- theme-vars가 마지막 남은 파일이었음
- tsconfig include에서 src/shared/**/* 제거

일괄 치환 (renderer 전역):
- ../theme, ../../theme, ./theme → @d3ro/ui/theme
- ../components/ds, ../../components/ds, ./ds, ../ds → @d3ro/ui/components/ds
- ../ds/<Component>, ../../ds/<Component> → @d3ro/ui/components/ds
  (세부 파일 import는 barrel로 통합)
- @shared/theme-vars → @d3ro/ui/theme-vars (WindowManager)

apps/desktop 설정:
- package.json: @d3ro/ui: '*' dep 추가
- tsconfig.node/web.json: @shared/* paths 완전 제거, @d3ro/ui,
  @d3ro/ui/* paths 추가
- electron.vite.config.ts: @shared alias 제거, @d3ro/ui alias 추가,
  externalize exclude에 @d3ro/ui 추가
- vitest.config.ts: alias 교체

DS 컴포넌트 내부의 '../../theme' 상대 경로는 packages/ui 구조에서
동일하게 해결되어 그대로 유효.

검증: typecheck + build + dev 런타임 모두 통과.

apps/desktop/src/renderer/pages/CommandsPage.tsx

@@ -10,9 +10,9 @@ import EditIcon from '@mui/icons-material/Edit'
 import CheckCircleIcon from '@mui/icons-material/CheckCircle'
 import PlayArrowIcon from '@mui/icons-material/PlayArrow'
 import LinkIcon from '@mui/icons-material/Link'
-import { MetalCard, PhosphorText, Led, ScreenPanel } from '../components/ds'
+import { MetalCard, PhosphorText, Led, ScreenPanel } from '@d3ro/ui/components/ds'
 import { PageHeader, EmptyStateCard } from '../components/shared'
-import { d3roPalette, d3roFontMono, d3roTypo, d3roRadius } from '../theme'
+import { d3roPalette, d3roFontMono, d3roTypo, d3roRadius } from '@d3ro/ui/theme'
 import { useI18n } from '../i18n'
 import { TemplateSection } from '../components/TemplateSection'
 import type { VoiceCommandRule, VoiceCommandKeyword, KeywordMatchMode, LLMChain, ChainStep } from '@d3ro/core/types'

apps/desktop/src/renderer/pages/DashboardPage.tsx

@@ -4,9 +4,9 @@
 
 import { useState, useEffect, useCallback, useMemo, useRef } from 'react'
 import { Box } from '@mui/material'
-import { CrtDisplay, InstrumentPanel, Led, MetalCard, PhosphorText, ScreenPanel, ButtonGroup, PhysicalButton } from '../components/ds'
+import { CrtDisplay, InstrumentPanel, Led, MetalCard, PhosphorText, ScreenPanel, ButtonGroup, PhysicalButton } from '@d3ro/ui/components/ds'
 import { EmptyStateCard, HistoryEntryCard } from '../components/shared'
-import { d3roPalette, d3roTypo } from '../theme'
+import { d3roPalette, d3roTypo } from '@d3ro/ui/theme'
 import { useI18n } from '../i18n'
 import { formatRecordingTime, formatRecordingTimeUnit, formatNumber, getDateKey } from '../utils/formatters'
 import { FileDropZone } from '../components/FileDropZone'

apps/desktop/src/renderer/pages/DictionaryPage.tsx

@@ -6,9 +6,9 @@ import { Box, TextField, Button, IconButton, Dialog, DialogTitle, DialogContent,
 import AddIcon from '@mui/icons-material/Add'
 import DeleteIcon from '@mui/icons-material/Delete'
 import EditIcon from '@mui/icons-material/Edit'
-import { MetalCard, PhosphorText } from '../components/ds'
+import { MetalCard, PhosphorText } from '@d3ro/ui/components/ds'
 import { PageHeader, SearchInput, EmptyStateCard } from '../components/shared'
-import { d3roPalette, d3roFontMono, d3roTypo } from '../theme'
+import { d3roPalette, d3roFontMono, d3roTypo } from '@d3ro/ui/theme'
 import { useI18n } from '../i18n'
 import type { DictionaryEntry, DictionaryPage as DictPageData } from '@d3ro/core/types'
 

apps/desktop/src/renderer/pages/HistoryPage.tsx

@@ -5,8 +5,8 @@
 import { useState, useEffect, useCallback, useMemo } from 'react'
 import { Box, Chip, IconButton, Tooltip } from '@mui/material'
 import FileDownloadIcon from '@mui/icons-material/FileDownload'
-import { PhosphorText } from '../components/ds'
-import { d3roPalette, d3roTypo, d3roFontMono, d3roRadius } from '../theme'
+import { PhosphorText } from '@d3ro/ui/components/ds'
+import { d3roPalette, d3roTypo, d3roFontMono, d3roRadius } from '@d3ro/ui/theme'
 import { useI18n } from '../i18n'
 import { getDateKey } from '../utils/formatters'
 import { EmptyStateCard, SearchInput, PageHeader, HistoryEntryCard } from '../components/shared'

apps/desktop/src/renderer/pages/KnowledgeBasePage.tsx

@@ -10,9 +10,9 @@ import RefreshIcon from '@mui/icons-material/Refresh'
 import SearchIcon from '@mui/icons-material/Search'
 import SendIcon from '@mui/icons-material/Send'
 import DescriptionIcon from '@mui/icons-material/Description'
-import { MetalCard, PhosphorText, Led, PhysicalButton, ScreenPanel } from '../components/ds'
+import { MetalCard, PhosphorText, Led, PhysicalButton, ScreenPanel } from '@d3ro/ui/components/ds'
 import { PageHeader, EmptyStateCard } from '../components/shared'
-import { d3roPalette, d3roFontMono, d3roTypo } from '../theme'
+import { d3roPalette, d3roFontMono, d3roTypo } from '@d3ro/ui/theme'
 import { useI18n } from '../i18n'
 import type { RAGDocument, RAGQueryResult, RAGIndexProgress } from '@d3ro/core/types'
 

apps/desktop/src/renderer/pages/MeetingModePage.tsx

@@ -12,11 +12,11 @@ import {
 import AddIcon from '@mui/icons-material/Add'
 import StopIcon from '@mui/icons-material/Stop'
 import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord'
-import { MetalCard, PhosphorText, Led, PhysicalButton, ScreenPanel } from '../components/ds'
+import { MetalCard, PhosphorText, Led, PhysicalButton, ScreenPanel } from '@d3ro/ui/components/ds'
 import { MeetingDetailTabs } from '../components/meeting/MeetingDetailTabs'
 import { EditableSegment } from '../components/meeting/EditableSegment'
 import { PageHeader, EmptyStateCard } from '../components/shared'
-import { d3roPalette, d3roFontMono, d3roTypo } from '../theme'
+import { d3roPalette, d3roFontMono, d3roTypo } from '@d3ro/ui/theme'
 import { useI18n } from '../i18n'
 import type {
   MeetingSessionSummary,

apps/desktop/src/renderer/pages/VoiceConversationPage.tsx

@@ -9,9 +9,9 @@ import StopIcon from '@mui/icons-material/Stop'
 import SendIcon from '@mui/icons-material/Send'
 import DeleteSweepIcon from '@mui/icons-material/DeleteSweep'
 import CancelIcon from '@mui/icons-material/Cancel'
-import { MetalCard, PhosphorText, Led, PhysicalButton, ScreenPanel, InstrumentPanel } from '../components/ds'
+import { MetalCard, PhosphorText, Led, PhysicalButton, ScreenPanel, InstrumentPanel } from '@d3ro/ui/components/ds'
 import { PageHeader } from '../components/shared'
-import { d3roPalette, d3roFontMono, d3roTypo } from '../theme'
+import { d3roPalette, d3roFontMono, d3roTypo } from '@d3ro/ui/theme'
 import { useI18n } from '../i18n'
 import type {
   ConversationState,