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

@@ -11,10 +11,10 @@ import {
   TextField,
   LinearProgress,
 } from '@mui/material'
-import { MetalCard } from '../ds/MetalCard'
-import { PhosphorText } from '../ds/PhosphorText'
-import { PhysicalButton } from '../ds/PhysicalButton'
-import { d3roPalette, d3roTypo, d3roRadius, d3roShadow } from '../../theme'
+import { MetalCard } from '@d3ro/ui/components/ds'
+import { PhosphorText } from '@d3ro/ui/components/ds'
+import { PhysicalButton } from '@d3ro/ui/components/ds'
+import { d3roPalette, d3roTypo, d3roRadius, d3roShadow } from '@d3ro/ui/theme'
 import { useI18n } from '../../i18n'
 
 interface TemplateItem {

apps/desktop/src/renderer/components/meeting/DocumentTab.tsx

@@ -6,8 +6,8 @@ import { Box } from '@mui/material'
 import DeleteIcon from '@mui/icons-material/Delete'
 import { MarkdownEditor } from './MarkdownEditor'
 import { ExportMenu } from './ExportMenu'
-import { PhysicalButton } from '../ds/PhysicalButton'
-import { d3roPalette, d3roTypo } from '../../theme'
+import { PhysicalButton } from '@d3ro/ui/components/ds'
+import { d3roPalette, d3roTypo } from '@d3ro/ui/theme'
 import { useI18n } from '../../i18n'
 import type { MeetingExportFormat } from '@d3ro/core/types'
 

apps/desktop/src/renderer/components/meeting/EditableSegment.tsx

@@ -3,7 +3,7 @@
 
 import { useState, useRef, useCallback } from 'react'
 import { Box, TextField, Tooltip, Chip } from '@mui/material'
-import { d3roPalette, d3roFontMono } from '../../theme'
+import { d3roPalette, d3roFontMono } from '@d3ro/ui/theme'
 import { useI18n } from '../../i18n'
 
 // Phase 15.5: 화자별 색상 매핑 (d3roPalette SSOT)

apps/desktop/src/renderer/components/meeting/ExportMenu.tsx

@@ -4,8 +4,8 @@
 import { useState, useCallback } from 'react'
 import { Menu, MenuItem } from '@mui/material'
 import FileDownloadIcon from '@mui/icons-material/FileDownload'
-import { PhysicalButton } from '../ds/PhysicalButton'
-import { d3roPalette, d3roTypo, d3roFontMono, d3roRadius, d3roShadow } from '../../theme'
+import { PhysicalButton } from '@d3ro/ui/components/ds'
+import { d3roPalette, d3roTypo, d3roFontMono, d3roRadius, d3roShadow } from '@d3ro/ui/theme'
 import { useI18n } from '../../i18n'
 import type { MeetingExportFormat } from '@d3ro/core/types'
 

apps/desktop/src/renderer/components/meeting/MarkdownEditor.tsx

@@ -4,8 +4,8 @@
 import { useState } from 'react'
 import { Box } from '@mui/material'
 import { MarkdownRenderer } from './MarkdownRenderer'
-import { PhysicalButton } from '../ds/PhysicalButton'
-import { d3roPalette, d3roFontMono, d3roTypo, d3roShadow, d3roRadius } from '../../theme'
+import { PhysicalButton } from '@d3ro/ui/components/ds'
+import { d3roPalette, d3roFontMono, d3roTypo, d3roShadow, d3roRadius } from '@d3ro/ui/theme'
 import { useI18n } from '../../i18n'
 
 interface MarkdownEditorProps {

apps/desktop/src/renderer/components/meeting/MarkdownRenderer.tsx

@@ -4,7 +4,7 @@
 import ReactMarkdown from 'react-markdown'
 import remarkGfm from 'remark-gfm'
 import { Box } from '@mui/material'
-import { d3roPalette, d3roFontMono, d3roTypo, d3roRadius } from '../../theme'
+import { d3roPalette, d3roFontMono, d3roTypo, d3roRadius } from '@d3ro/ui/theme'
 import type { Components } from 'react-markdown'
 
 interface MarkdownRendererProps {

apps/desktop/src/renderer/components/meeting/MeetingChatPanel.tsx

@@ -7,9 +7,9 @@ import SendIcon from '@mui/icons-material/Send'
 import DeleteSweepIcon from '@mui/icons-material/DeleteSweep'
 import ExpandLessIcon from '@mui/icons-material/ExpandLess'
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
-import { PhosphorText } from '../ds/PhosphorText'
-import { PhysicalButton } from '../ds/PhysicalButton'
-import { d3roPalette, d3roFontMono, d3roTypo, d3roShadow } from '../../theme'
+import { PhosphorText } from '@d3ro/ui/components/ds'
+import { PhysicalButton } from '@d3ro/ui/components/ds'
+import { d3roPalette, d3roFontMono, d3roTypo, d3roShadow } from '@d3ro/ui/theme'
 import { useI18n } from '../../i18n'
 import type { MeetingChatMessage } from '@d3ro/core/types'
 

apps/desktop/src/renderer/components/meeting/MeetingDetailTabs.tsx

@@ -18,8 +18,8 @@ import { TranscriptTab } from './TranscriptTab'
 import { DocumentTab } from './DocumentTab'
 import { AddDocumentDialog } from './AddDocumentDialog'
 import { MeetingChatPanel } from './MeetingChatPanel'
-import { PhosphorText } from '../ds/PhosphorText'
-import { d3roPalette, d3roFontMono, d3roTypo } from '../../theme'
+import { PhosphorText } from '@d3ro/ui/components/ds'
+import { d3roPalette, d3roFontMono, d3roTypo } from '@d3ro/ui/theme'
 import { useI18n } from '../../i18n'
 import type {
   MeetingSessionDetail,

apps/desktop/src/renderer/components/meeting/TranscriptTab.tsx

@@ -4,9 +4,9 @@
 import { useState, useCallback } from 'react'
 import { Box, Switch, FormControlLabel, LinearProgress, Snackbar, Alert } from '@mui/material'
 import { EditableSegment } from './EditableSegment'
-import { PhysicalButton } from '../ds/PhysicalButton'
-import { PhosphorText } from '../ds/PhosphorText'
-import { d3roPalette, d3roFontMono, d3roTypo } from '../../theme'
+import { PhysicalButton } from '@d3ro/ui/components/ds'
+import { PhosphorText } from '@d3ro/ui/components/ds'
+import { d3roPalette, d3roFontMono, d3roTypo } from '@d3ro/ui/theme'
 import { useI18n } from '../../i18n'
 import FileDownloadIcon from '@mui/icons-material/FileDownload'
 import AutoFixHighIcon from '@mui/icons-material/AutoFixHigh'