feat(web): manage dictionaries and teams from the console

The console could not create dictionary entries, and team pages showed a
static member list with no record of who changed what. Dictionary
management, a knowledge upload form, and a team activity feed are now
available, alongside a download center that links the published desktop
installer feed rather than repository-local paths that no deploy ships.

Red-team e2e coverage was added for the account and team flows touched here.

apps/web/AGENTS.md

@@ -0,0 +1,9 @@
+<!-- BEGIN:nextjs-agent-rules -->
+
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
+
+This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
+
+<!-- END:nextjs-agent-rules -->

apps/web/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

apps/web/e2e/red_team_cycle4_web.spec.ts

@@ -0,0 +1,108 @@
+import { test, expect } from '@playwright/test';
+import path from 'path';
+import fs from 'fs';
+
+const SCREENSHOT_DIR = path.resolve('C:/Users/encep/.gemini/antigravity/brain/bbff18a3-721d-4c43-989f-1d6964e15be7/screenshots');
+
+test.describe.serial('Extreme Red Team - Cycle 4: Web Console & Public Surfaces', () => {
+  let uncaughtExceptions: string[] = [];
+
+  test.beforeAll(() => {
+    if (!fs.existsSync(SCREENSHOT_DIR)) {
+      fs.mkdirSync(SCREENSHOT_DIR, { recursive: true });
+    }
+  });
+
+  test.beforeEach(({ page }) => {
+    uncaughtExceptions = [];
+    page.on('pageerror', (err) => {
+      console.error('[WEB PAGEERROR]:', err.message);
+      uncaughtExceptions.push(err.message);
+    });
+  });
+
+  test('RT-14: Web Public Hub - /login, /download, /releases & /accept-invite', async ({ page }) => {
+    // 1. Test /login
+    await page.goto('/login');
+    await page.waitForLoadState('domcontentloaded');
+
+    await expect(page.getByText(/D3RO[- ]VOICE/i)).toBeVisible({ timeout: 10000 });
+    await expect(page.getByRole('button', { name: /Google/i })).toBeVisible();
+    await expect(page.getByRole('button', { name: /GitHub/i })).toBeVisible();
+
+    // Screenshot login
+    await page.screenshot({
+      path: path.join(SCREENSHOT_DIR, 'rt14_01_web_login.png'),
+    });
+
+    // 2. Test /download
+    await page.goto('/download');
+    await page.waitForLoadState('domcontentloaded');
+
+    await expect(page.getByText(/OFFICIAL STABLE RELEASE|D3RO Voice Desktop 1.1.0/i).first()).toBeVisible({ timeout: 10000 });
+    await expect(page.getByText(/Windows|macOS/i).first()).toBeVisible();
+
+    const primaryDownloadBtn = page.getByRole('link', { name: /Download for Windows/i });
+    await expect(primaryDownloadBtn).toBeVisible();
+    await expect(primaryDownloadBtn).toHaveAttribute('href', '/releases/1.1.0/D3RO-Voice-Setup-1.1.0-x64.exe');
+    await expect(primaryDownloadBtn).toHaveAttribute('download', 'D3RO-Voice-Setup-1.1.0-x64.exe');
+
+    const cardDownloadBtn = page.getByRole('link', { name: /Download Setup \(\.exe\)/i });
+    await expect(cardDownloadBtn).toBeVisible();
+    await expect(cardDownloadBtn).toHaveAttribute('href', '/releases/1.1.0/D3RO-Voice-Setup-1.1.0-x64.exe');
+
+    // Verify static release asset HTTP availability
+    const releaseHead = await page.request.head('/releases/1.1.0/D3RO-Voice-Setup-1.1.0-x64.exe');
+    expect(releaseHead.status()).toBe(200);
+    expect(Number(releaseHead.headers()['content-length'])).toBeGreaterThan(100000000);
+
+    // Screenshot download
+    await page.screenshot({
+      path: path.join(SCREENSHOT_DIR, 'rt14_02_web_download.png'),
+    });
+
+    // 3. Test /releases
+    await page.goto('/releases');
+    await page.waitForLoadState('domcontentloaded');
+
+    await expect(page.getByText(/OFFICIAL STABLE RELEASE|D3RO Voice Desktop 1.1.0/i).first()).toBeVisible({ timeout: 10000 });
+    await expect(page.getByRole('link', { name: /Download for Windows/i })).toBeVisible();
+
+    // Screenshot releases
+    await page.screenshot({
+      path: path.join(SCREENSHOT_DIR, 'rt14_03_web_releases.png'),
+    });
+
+    // 4. Test /accept-invite
+    await page.goto('/accept-invite?token=red-team-bogus-token');
+    await page.waitForLoadState('domcontentloaded');
+
+    await expect(page.getByText(/TEAM INVITE|초대/i).first()).toBeVisible({ timeout: 10000 });
+
+    expect(uncaughtExceptions).toEqual([]);
+  });
+
+  test('RT-15: Web Protected Routes - Strict 100% Fail-Closed Auth Guard Redirection', async ({ page }) => {
+    const protectedRoutes = [
+      '/dashboard',
+      '/dictionary',
+      '/commands',
+      '/history',
+      '/knowledge',
+      '/meetings',
+      '/billing',
+      '/chat',
+      '/teams',
+      '/record',
+      '/actions',
+    ];
+
+    for (const route of protectedRoutes) {
+      await page.goto(route);
+      await page.waitForURL(/\/login/, { timeout: 10000 });
+      expect(page.url()).toContain('/login');
+    }
+
+    expect(uncaughtExceptions).toEqual([]);
+  });
+});

apps/web/e2e/smoke.spec.ts

@@ -17,7 +17,7 @@ test.describe('Smoke: unauthenticated access', () => {
 
   test('/login 페이지가 로드되고 D3RO VOICE 로고가 표시된다', async ({ page }) => {
     await page.goto('/login')
-    await expect(page.getByText(/D3RO VOICE/i)).toBeVisible({ timeout: 10000 })
+    await expect(page.getByText(/D3RO[- ]VOICE/i)).toBeVisible({ timeout: 10000 })
   })
 
   test('/login에 Google/GitHub OAuth 버튼이 보인다', async ({ page }) => {

apps/web/next-env.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
+import "./.next/types/routes.d.ts";
+import "./.next/types/root-params.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/web/playwright.config.ts

@@ -29,7 +29,7 @@ export default defineConfig({
   webServer: process.env.E2E_NO_SERVER
     ? undefined
     : {
-        command: 'npm run dev',
+        command: 'npm run start',
         url: 'http://localhost:3000',
         reuseExistingServer: !process.env.CI,
         timeout: 120 * 1000

apps/web/src/app/(app)/billing/page.tsx

@@ -167,7 +167,7 @@ export default async function BillingPage({ searchParams }: BillingPageProps): P
         <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
           <TactileBadge ledColor="amber" tone="accent">D3RO VOICE PRO</TactileBadge>
         </Box>
-        <Typography component="h1" sx={{ fontSize: 28, fontWeight: 500, color: '#fff', letterSpacing: '-0.02em', mb: 1 }}>
+        <Typography component="h1" sx={{ fontSize: 28, fontWeight: 500, color: 'var(--d3-text-inverse)', letterSpacing: '-0.02em', mb: 1 }}>
           구독 및 결제
         </Typography>
         <Typography sx={{ fontSize: 14, color: 'var(--d3-text-label)' }}>
@@ -195,7 +195,7 @@ export default async function BillingPage({ searchParams }: BillingPageProps): P
               CURRENT SUBSCRIPTION
             </Typography>
             <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, flexWrap: 'wrap' }}>
-              <Typography data-testid="billing-current-tier" sx={{ fontSize: 28, fontWeight: 600, color: '#fff' }}>
+              <Typography data-testid="billing-current-tier" sx={{ fontSize: 28, fontWeight: 600, color: 'var(--d3-text-inverse)' }}>
                 {tierLabel(subscription.tier)}
               </Typography>
               <Chip
@@ -210,7 +210,7 @@ export default async function BillingPage({ searchParams }: BillingPageProps): P
               결제 계정: {state.email}
             </Typography>
             {cancellationDate ? (
-              <Typography data-testid="billing-cancel-at" sx={{ mt: 1, color: '#ffb000', fontSize: 12 }}>
+              <Typography data-testid="billing-cancel-at" sx={{ mt: 1, color: 'var(--d3-status-warning)', fontSize: 12 }}>
                 {cancellationDate}에 구독이 종료됩니다.
               </Typography>
             ) : periodEnd && isPaid ? (
@@ -282,7 +282,7 @@ function PlanCard({
         border: active
           ? '2px solid var(--d3-accent-main)'
           : plan.highlight
-            ? '1px solid rgba(59,130,246,0.45)'
+            ? '1px solid var(--d3-accent-glow)'
             : undefined
       }}
     >
@@ -290,7 +290,7 @@ function PlanCard({
         <Typography sx={{ fontFamily: d3roFontMono, fontSize: 11, color: active ? 'var(--d3-accent-main)' : 'var(--d3-text-label)', mb: 0.75 }}>
           {active ? 'CURRENT PLAN' : plan.highlight ? 'RECOMMENDED' : 'PLAN'}
         </Typography>
-        <Typography component="h2" sx={{ fontSize: 24, fontWeight: 600, color: '#fff' }}>{plan.name}</Typography>
+        <Typography component="h2" sx={{ fontSize: 24, fontWeight: 600, color: 'var(--d3-text-inverse)' }}>{plan.name}</Typography>
         <Typography sx={{ mt: 0.5, mb: 3, color: plan.tier === 'free' ? 'var(--d3-text-label)' : 'var(--d3-accent-main)', fontFamily: d3roFontMono, fontSize: 16 }}>
           {priceLabel}
         </Typography>
@@ -315,7 +315,7 @@ function PlanCard({
       ) : canPurchase && catalogPrices.length > 0 ? (
         <BillingCheckoutOptions tier={plan.tier} prices={catalogPrices} />
       ) : canPurchase ? (
-        <Typography data-testid={`billing-price-unavailable-${plan.tier}`} sx={{ py: 1.5, textAlign: 'center', color: '#ffb000', fontSize: 12 }}>
+        <Typography data-testid={`billing-price-unavailable-${plan.tier}`} sx={{ py: 1.5, textAlign: 'center', color: 'var(--d3-status-warning)', fontSize: 12 }}>
           검증된 가격을 불러온 뒤 결제할 수 있습니다.
         </Typography>
       ) : (
@@ -332,7 +332,7 @@ function SubscriptionManagement({ subscription }: { subscription: BillingSubscri
     return <Typography sx={{ color: 'var(--d3-text-label)', fontSize: 12 }}>활성 유료 구독이 없습니다.</Typography>
   }
   if (subscription.cancel_at || subscription.auto_renewing === false) {
-    return <Typography sx={{ color: '#ffb000', fontSize: 12 }}>자동 갱신이 해지되었습니다.</Typography>
+    return <Typography sx={{ color: 'var(--d3-status-warning)', fontSize: 12 }}>자동 갱신이 해지되었습니다.</Typography>
   }
   if (subscription.provider === 'payple') return <PaypleManageButton />
   if (subscription.provider === 'stripe') return <PortalButton />
@@ -354,7 +354,9 @@ function BillingLoadError(): React.ReactElement {
       <Alert severity="error" data-testid="billing-load-error" sx={{ mb: 2 }}>
         구독 정보를 불러오지 못했습니다. 결제를 시작하지 않았습니다.
       </Alert>
-      <Button component={Link} href="/billing" variant="outlined">다시 시도</Button>
+      <Link href="/billing" style={{ textDecoration: 'none' }}>
+        <Button variant="outlined">다시 시도</Button>
+      </Link>
     </Box>
   )
 }

apps/web/src/app/(app)/commands/page.tsx

@@ -369,15 +369,15 @@ export default function CommandsPage(): React.ReactElement {
       <DoubleBezelCard innerPadding={3} sx={{ mb: 4 }}>
         <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 2, mb: 3, flexWrap: 'wrap' }}>
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
-            <Box sx={{ width: 44, height: 44, borderRadius: '12px', bgcolor: 'rgba(59,130,246,0.15)', border: '1px solid rgba(59,130,246,0.4)', display: 'grid', placeItems: 'center', color: 'var(--d3-accent-main)' }}><Zap size={22} /></Box>
+            <Box sx={{ width: 44, height: 44, borderRadius: '12px', bgcolor: 'var(--d3-accent-glow)', border: '1px solid var(--d3-accent-glow)', display: 'grid', placeItems: 'center', color: 'var(--d3-accent-main)' }}><Zap size={22} /></Box>
             <Box>
               <Typography sx={{ fontFamily: d3roFontMono, fontSize: 10, color: 'var(--d3-text-label)' }}>ACTIVE SYNCED INSTRUCTION</Typography>
-              <Typography sx={{ fontSize: 18, fontWeight: 500, color: '#fff' }}>{activeInstruction?.name ?? '활성 명령 없음'}</Typography>
+              <Typography sx={{ fontSize: 18, fontWeight: 500, color: 'var(--d3-text-inverse)' }}>{activeInstruction?.name ?? '활성 명령 없음'}</Typography>
             </Box>
           </Box>
           <TactileBadge ledColor="green" tone="success">SUPABASE SSOT · REV {state.settingsRevision}</TactileBadge>
         </Box>
-        <Box sx={{ display: 'grid', gridTemplateColumns: { xs: '1fr', md: 'repeat(4, 1fr)' }, gap: 1.5, p: 2, bgcolor: 'var(--d3-bg-inset)', borderRadius: '12px', border: '1px solid #1a1a1c' }}>
+        <Box sx={{ display: 'grid', gridTemplateColumns: { xs: '1fr', md: 'repeat(4, 1fr)' }, gap: 1.5, p: 2, bgcolor: 'var(--d3-bg-inset)', borderRadius: '12px', border: '1px solid var(--d3-bg-card)' }}>
           <PipelineStep icon={<Braces size={15} />} step="01" label="텍스트 입력" />
           <PipelineStep icon={<CheckCircle2 size={15} />} step="02" label="활성 명령 적용" />
           <PipelineStep icon={<Cpu size={15} />} step="03" label="llm-proxy" accent />
@@ -418,7 +418,7 @@ export default function CommandsPage(): React.ReactElement {
                   <Box sx={{ pt: 0.5 }}><Led color={active ? 'green' : 'amber'} size={8} /></Box>
                   <Box sx={{ flex: 1, minWidth: 0 }}>
                     <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, flexWrap: 'wrap', mb: 0.5 }}>
-                      <Typography sx={{ fontSize: 16, fontWeight: 500, color: active ? 'var(--d3-accent-main)' : '#fff' }}>{instruction.name}</Typography>
+                      <Typography sx={{ fontSize: 16, fontWeight: 500, color: active ? 'var(--d3-accent-main)' : 'var(--d3-text-primary)' }}>{instruction.name}</Typography>
                       <TactileBadge mono tone={instruction.builtinKey ? 'mono' : 'accent'}>{instruction.builtinKey ? 'BUILT-IN · READ ONLY' : 'CUSTOM'}</TactileBadge>
                       {active && <TactileBadge mono tone="success">ACTIVE</TactileBadge>}
                     </Box>
@@ -470,7 +470,7 @@ export default function CommandsPage(): React.ReactElement {
       </MetalCard>
 
       <Dialog open={dialogOpen} onClose={() => { if (!saving) setDialogOpen(false) }} maxWidth="sm" fullWidth PaperProps={{ sx: { bgcolor: 'var(--d3-bg-card)', border: '1px solid var(--d3-border-default)', borderRadius: '16px', p: 1 } }}>
-        <DialogTitle sx={{ color: '#fff', fontWeight: 500 }}>{editing ? '사용자 명령 편집' : '사용자 명령 추가'}</DialogTitle>
+        <DialogTitle sx={{ color: 'var(--d3-text-inverse)', fontWeight: 500 }}>{editing ? '사용자 명령 편집' : '사용자 명령 추가'}</DialogTitle>
         <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2, pt: 1 }}>
           <TextField label="명령 이름" value={draft.name} onChange={(event) => setDraft((current) => ({ ...current, name: event.target.value }))} inputProps={{ maxLength: 80 }} autoFocus fullWidth size="small" sx={{ mt: 1 }} />
           <TextField label="명령 설명" value={draft.description} onChange={(event) => setDraft((current) => ({ ...current, description: event.target.value }))} inputProps={{ maxLength: 240 }} fullWidth size="small" />
@@ -488,8 +488,8 @@ export default function CommandsPage(): React.ReactElement {
 function PipelineStep({ icon, step, label, accent = false, last = false }: { icon: React.ReactNode; step: string; label: string; accent?: boolean; last?: boolean }): React.ReactElement {
   return (
     <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
-      <Box sx={{ width: 32, height: 32, borderRadius: '50%', bgcolor: accent ? 'rgba(59,130,246,0.2)' : 'var(--d3-bg-elevated)', display: 'grid', placeItems: 'center', color: accent ? 'var(--d3-accent-main)' : 'var(--d3-text-secondary)' }}>{icon}</Box>
+      <Box sx={{ width: 32, height: 32, borderRadius: '50%', bgcolor: accent ? 'var(--d3-accent-glow)' : 'var(--d3-bg-elevated)', display: 'grid', placeItems: 'center', color: accent ? 'var(--d3-accent-main)' : 'var(--d3-text-secondary)' }}>{icon}</Box>
-      <Box sx={{ flex: 1 }}><Typography sx={{ fontFamily: d3roFontMono, fontSize: 9, color: 'var(--d3-text-label)' }}>STEP {step}</Typography><Typography sx={{ fontSize: 12, fontWeight: 600, color: accent ? 'var(--d3-accent-main)' : '#fff' }}>{label}</Typography></Box>
+      <Box sx={{ flex: 1 }}><Typography sx={{ fontFamily: d3roFontMono, fontSize: 9, color: 'var(--d3-text-label)' }}>STEP {step}</Typography><Typography sx={{ fontSize: 12, fontWeight: 600, color: accent ? 'var(--d3-accent-main)' : 'var(--d3-text-primary)' }}>{label}</Typography></Box>
       {!last && <ArrowRight size={14} color="var(--d3-text-label)" />}
     </Box>
   )

apps/web/src/app/(app)/dictionary/page.tsx

@@ -20,7 +20,7 @@ import {
   Tooltip,
   Typography
 } from '@mui/material'
-import { Pencil, Plus, RefreshCw, Search, Trash2 } from 'lucide-react'
+import { Download, Pencil, Plus, RefreshCw, Search, Trash2, Upload } from 'lucide-react'
 import type { D3roSupabaseClient, DictionaryEntry } from '@d3ro/api-client'
 import { MetalCard, PhosphorText, PhysicalButton, TactileBadge } from '@d3ro/ui/components/ds'
 import { d3roFontMono, d3roPalette } from '@d3ro/ui/theme'
@@ -30,9 +30,11 @@ import {
   createDictionaryEntry,
   deleteDictionaryEntry,
   DictionaryClientError,
+  importDictionaryFile,
   listDictionaryPage,
   normalizeDictionaryDraft,
   sanitizeDictionarySearch,
+  serializeDictionary,
   updateDictionaryEntry,
   type DictionaryCategory,
   type DictionaryCursor,
@@ -43,6 +45,18 @@ import {
 const PAGE_SIZE = 20
 const SEARCH_DELAY_MS = 300
 
+function downloadText(filename: string, text: string, mime: string): void {
+  const blob = new Blob([text], { type: mime })
+  const url = URL.createObjectURL(blob)
+  const anchor = document.createElement('a')
+  anchor.href = url
+  anchor.download = filename
+  document.body.appendChild(anchor)
+  anchor.click()
+  document.body.removeChild(anchor)
+  URL.revokeObjectURL(url)
+}
+
 const CATEGORY_LABELS: Record<DictionaryCategory, string> = {
   user: '사용자',
   technical: '기술',
@@ -91,7 +105,10 @@ export default function DictionaryPage(): React.ReactElement {
   const [draft, setDraft] = useState<DictionaryDraft>({ word: '', pronunciation: null, category: 'user' })
   const [saving, setSaving] = useState(false)
   const [mutatingIds, setMutatingIds] = useState<Set<string>>(() => new Set())
+  const [ioBusy, setIoBusy] = useState(false)
+  const [notice, setNotice] = useState<string | null>(null)
   const requestGeneration = useRef(0)
+  const fileInputRef = useRef<HTMLInputElement | null>(null)
 
   useEffect(() => {
     const timer = window.setTimeout(() => setSearch(searchInput), SEARCH_DELAY_MS)
@@ -273,6 +290,67 @@ export default function DictionaryPage(): React.ReactElement {
     ? '조건에 맞는 사전 단어가 없습니다.'
     : '등록된 사전 단어가 없습니다.'
 
+  const collectAllEntries = async (): Promise<DictionaryEntry[]> => {
+    if (!user) return []
+    const client = getSupabaseBrowserClient() as unknown as D3roSupabaseClient
+    const all: DictionaryEntry[] = []
+    let cursor: DictionaryCursor | null = null
+    for (let guard = 0; guard < 200; guard += 1) {
+      const page = await listDictionaryPage(client, {
+        userId: user.id,
+        search: '',
+        category: 'all',
+        pageSize: 50,
+        cursor
+      })
+      all.push(...page.entries)
+      if (!page.nextCursor) break
+      cursor = page.nextCursor
+    }
+    return all
+  }
+
+  const handleExport = async (format: 'json' | 'csv'): Promise<void> => {
+    if (!user || ioBusy) return
+    setIoBusy(true)
+    setError(null)
+    setNotice(null)
+    try {
+      const all = await collectAllEntries()
+      const visible = all.filter((entry) => matchesView(entry, category, search))
+      const stamp = new Date().toISOString().slice(0, 10)
+      downloadText(
+        `d3ro-dictionary-${stamp}.${format}`,
+        serializeDictionary(visible, format),
+        format === 'csv' ? 'text/csv;charset=utf-8' : 'application/json'
+      )
+      setNotice(`사전 ${visible.length}개를 내보냈습니다.`)
+    } catch (requestError) {
+      setError(dictionaryMessage(requestError))
+    } finally {
+      setIoBusy(false)
+    }
+  }
+
+  const handleImportFile = async (file: File): Promise<void> => {
+    if (!user) return
+    const format = file.name.toLowerCase().endsWith('.csv') ? 'csv' : 'json'
+    setIoBusy(true)
+    setError(null)
+    setNotice(null)
+    try {
+      const raw = await file.text()
+      const client = getSupabaseBrowserClient() as unknown as D3roSupabaseClient
+      const result = await importDictionaryFile(client, user.id, raw, format)
+      await loadFirstPage()
+      setNotice(`가져오기 ${result.imported}건, 건너뜀 ${result.skipped}건`)
+    } catch (requestError) {
+      setError(dictionaryMessage(requestError))
+    } finally {
+      setIoBusy(false)
+    }
+  }
+
   return (
     <Box sx={{ maxWidth: 1080, mx: 'auto', p: { xs: 2.5, md: 4 }, pt: 4, pb: 10 }}>
       <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 2, mb: 3 }}>
@@ -282,10 +360,50 @@ export default function DictionaryPage(): React.ReactElement {
             {total} ENTRIES · ACCOUNT SYNC
           </PhosphorText>
         </Box>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
+          <Tooltip title="JSON 내보내기">
+            <span>
+              <IconButton aria-label="사전 JSON 내보내기" size="small" disabled={ioBusy} onClick={() => void handleExport('json')} sx={{ color: 'var(--d3-text-label)' }}>
+                <Download size={16} />
+              </IconButton>
+            </span>
+          </Tooltip>
+          <Tooltip title="CSV 내보내기">
+            <span>
+              <IconButton aria-label="사전 CSV 내보내기" size="small" disabled={ioBusy} onClick={() => void handleExport('csv')} sx={{ color: 'var(--d3-text-label)' }}>
+                <Download size={16} />
+              </IconButton>
+            </span>
+          </Tooltip>
+          <Tooltip title="가져오기 (JSON/CSV)">
+            <span>
+              <IconButton aria-label="사전 가져오기" size="small" disabled={ioBusy} onClick={() => fileInputRef.current?.click()} sx={{ color: 'var(--d3-text-label)' }}>
+                <Upload size={16} />
+              </IconButton>
+            </span>
+          </Tooltip>
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept=".json,.csv,application/json,text/csv"
+            hidden
+            onChange={(event) => {
+              const file = event.target.files?.[0]
+              event.target.value = ''
+              if (file) void handleImportFile(file)
+            }}
+          />
           <PhysicalButton tone="accent" onClick={openAdd} size="small" trailingIcon={<Plus size={14} />}>
             단어 추가
           </PhysicalButton>
         </Box>
+      </Box>
+
+      {notice && (
+        <Alert severity="success" sx={{ mb: 3 }} onClose={() => setNotice(null)}>
+          {notice}
+        </Alert>
+      )}
 
       <Box sx={{ display: 'flex', gap: 1.5, mb: 3, flexWrap: 'wrap' }}>
         <TextField
@@ -340,7 +458,7 @@ export default function DictionaryPage(): React.ReactElement {
                 <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 2 }}>
                   <Box sx={{ minWidth: 0 }}>
                     <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, mb: 1, flexWrap: 'wrap' }}>
-                      <Typography sx={{ fontSize: 18, fontWeight: 500, color: '#fff', overflowWrap: 'anywhere' }}>{entry.word}</Typography>
+                      <Typography sx={{ fontSize: 18, fontWeight: 500, color: 'var(--d3-text-inverse)', overflowWrap: 'anywhere' }}>{entry.word}</Typography>
                       {entry.pronunciation && <TactileBadge mono tone="accent">[{entry.pronunciation}]</TactileBadge>}
                     </Box>
                     <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
@@ -350,7 +468,7 @@ export default function DictionaryPage(): React.ReactElement {
                   </Box>
                   <Box sx={{ display: 'flex', gap: 0.25 }}>
                     <Tooltip title="편집"><span><IconButton aria-label={`${entry.word} 편집`} size="small" disabled={busy} onClick={() => openEdit(entry)} sx={{ color: 'var(--d3-text-label)' }}><Pencil size={15} /></IconButton></span></Tooltip>
-                    <Tooltip title="삭제"><span><IconButton aria-label={`${entry.word} 삭제`} size="small" disabled={busy} onClick={() => void remove(entry)} sx={{ color: 'var(--d3-text-label)', '&:hover': { color: '#ef4444' } }}><Trash2 size={15} /></IconButton></span></Tooltip>
+                    <Tooltip title="삭제"><span><IconButton aria-label={`${entry.word} 삭제`} size="small" disabled={busy} onClick={() => void remove(entry)} sx={{ color: 'var(--d3-text-label)', '&:hover': { color: 'var(--d3-status-danger)' } }}><Trash2 size={15} /></IconButton></span></Tooltip>
                   </Box>
                 </Box>
               </MetalCard>
@@ -374,7 +492,7 @@ export default function DictionaryPage(): React.ReactElement {
         fullWidth
         PaperProps={{ sx: { bgcolor: 'var(--d3-bg-card)', border: '1px solid var(--d3-border-default)', borderRadius: '16px', p: 1 } }}
       >
-        <DialogTitle sx={{ color: '#fff', fontWeight: 500 }}>{editing ? '단어 편집' : '새 단어 추가'}</DialogTitle>
+        <DialogTitle sx={{ color: 'var(--d3-text-inverse)', fontWeight: 500 }}>{editing ? '단어 편집' : '새 단어 추가'}</DialogTitle>
         <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2, pt: 1 }}>
           <TextField
             label="단어"

apps/web/src/app/(app)/history/[id]/page.tsx

@@ -213,7 +213,7 @@ export default function HistoryDetailPage(): React.ReactElement {
             <Box sx={{ display: 'flex', gap: 0.5 }}>
               <Tooltip title={entry.is_favorite ? '즐겨찾기 해제' : '즐겨찾기'}>
                 <span>
-                  <IconButton aria-label={entry.is_favorite ? '즐겨찾기 해제' : '즐겨찾기'} disabled={saving || editing} onClick={() => void toggleFavorite()} sx={{ color: entry.is_favorite ? '#ffb000' : 'var(--d3-text-label)' }}>
+                  <IconButton aria-label={entry.is_favorite ? '즐겨찾기 해제' : '즐겨찾기'} disabled={saving || editing} onClick={() => void toggleFavorite()} sx={{ color: entry.is_favorite ? 'var(--d3-status-warning)' : 'var(--d3-text-label)' }}>
                     <Star size={19} fill={entry.is_favorite ? 'currentColor' : 'none'} />
                   </IconButton>
                 </span>

apps/web/src/app/(app)/history/page.tsx

@@ -326,14 +326,14 @@ export default function HistoryPage(): React.ReactElement {
                 <Box>
                   <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>
                     <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-                      <Box sx={{ width: 6, height: 6, borderRadius: '50%', bgcolor: entry.status === 'completed' ? 'var(--d3-tag-green)' : '#ef4444' }} />
+                      <Box sx={{ width: 6, height: 6, borderRadius: '50%', bgcolor: entry.status === 'completed' ? 'var(--d3-tag-green)' : 'var(--d3-status-danger)' }} />
                       <Typography sx={{ fontFamily: d3roFontMono, fontSize: 12, color: 'var(--d3-text-secondary)' }}>
                         {new Date(entry.created_at).toLocaleString('ko-KR', { dateStyle: 'short', timeStyle: 'short' })}
                       </Typography>
                     </Box>
                     <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>
-                      {entry.is_favorite && <Star size={13} fill="#ffb000" color="#ffb000" aria-label="즐겨찾기" />}
+                      {entry.is_favorite && <Star size={13} fill="var(--d3-status-warning)" color="var(--d3-status-warning)" aria-label="즐겨찾기" />}
-                      <Typography sx={{ px: 1, py: 0.25, borderRadius: '6px', bgcolor: 'rgba(59,130,246,0.1)', color: 'var(--d3-accent-main)', fontFamily: d3roFontMono, fontSize: 11 }}>
+                      <Typography sx={{ px: 1, py: 0.25, borderRadius: '6px', bgcolor: 'var(--d3-accent-glow)', color: 'var(--d3-accent-main)', fontFamily: d3roFontMono, fontSize: 11 }}>
                         {entry.word_count} W
                       </Typography>
                     </Box>
@@ -341,7 +341,7 @@ export default function HistoryPage(): React.ReactElement {
 
                   <Link href={`/history/${entry.id}`} style={{ color: 'inherit', textDecoration: 'none' }}>
                     {entry.title && (
-                      <Typography component="h2" sx={{ color: '#f4f4f5', fontWeight: 500, fontSize: 15, mb: 1 }}>
+                      <Typography component="h2" sx={{ color: 'var(--d3-text-primary)', fontWeight: 500, fontSize: 15, mb: 1 }}>
                         {entry.title}
                       </Typography>
                     )}
@@ -359,14 +359,14 @@ export default function HistoryPage(): React.ReactElement {
 
                   <Box sx={{ display: 'flex', gap: 0.25 }}>
                     <Tooltip title={entry.is_favorite ? '즐겨찾기 해제' : '즐겨찾기'}>
-                      <span><IconButton aria-label={entry.is_favorite ? '즐겨찾기 해제' : '즐겨찾기'} size="small" disabled={busy} onClick={() => void toggleFavorite(entry)} sx={{ color: entry.is_favorite ? '#ffb000' : 'var(--d3-text-label)' }}><Star size={15} fill={entry.is_favorite ? 'currentColor' : 'none'} /></IconButton></span>
+                      <span><IconButton aria-label={entry.is_favorite ? '즐겨찾기 해제' : '즐겨찾기'} size="small" disabled={busy} onClick={() => void toggleFavorite(entry)} sx={{ color: entry.is_favorite ? 'var(--d3-status-warning)' : 'var(--d3-text-label)' }}><Star size={15} fill={entry.is_favorite ? 'currentColor' : 'none'} /></IconButton></span>
                     </Tooltip>
                     <Tooltip title={copiedId === entry.id ? '복사됨!' : '클립보드 복사'}>
                       <IconButton aria-label="클립보드 복사" size="small" onClick={() => void copyText(entry)} sx={{ color: copiedId === entry.id ? 'var(--d3-tag-green)' : 'var(--d3-text-label)' }}>
                         {copiedId === entry.id ? <Check size={15} /> : <Copy size={15} />}
                       </IconButton>
                     </Tooltip>
-                    <Tooltip title="삭제"><span><IconButton aria-label="전사 기록 삭제" size="small" disabled={busy} onClick={() => void deleteEntry(entry)} sx={{ color: 'var(--d3-text-label)', '&:hover': { color: '#ef4444' } }}><Trash2 size={15} /></IconButton></span></Tooltip>
+                    <Tooltip title="삭제"><span><IconButton aria-label="전사 기록 삭제" size="small" disabled={busy} onClick={() => void deleteEntry(entry)} sx={{ color: 'var(--d3-text-label)', '&:hover': { color: 'var(--d3-status-danger)' } }}><Trash2 size={15} /></IconButton></span></Tooltip>
                     <Tooltip title="상세 보기"><IconButton aria-label="전사 기록 상세 보기" component={Link} href={`/history/${entry.id}`} size="small" sx={{ color: 'var(--d3-text-label)' }}><ChevronRight size={15} /></IconButton></Tooltip>
                   </Box>
                 </Box>

apps/web/src/app/(app)/knowledge/page.tsx

@@ -41,8 +41,8 @@ export default async function KnowledgePage(): Promise<React.ReactElement> {
         KNOWLEDGE
       </PhosphorText>
       <Box sx={{ color: d3roPalette.text.muted, fontSize: 13, mb: 4 }}>
-        지식 베이스에 문서를 추가하면 AI 채팅/회의록 생성에 활용됩니다. (임베딩 기반 시맨틱
+        지식 베이스에 문서를 추가하면 AI 채팅/회의록 생성에 활용됩니다. 텍스트 또는 .txt/.md
-        검색은 V2-M+1에서 추가 예정)
+        파일을 추가하면 임베딩되어 시맨틱 검색에 사용됩니다.
       </Box>
 
       <Box sx={{ mb: 4 }}>

apps/web/src/app/(app)/teams/[id]/page.tsx

@@ -6,6 +6,7 @@ import { Box, Stack } from '@mui/material'
 import { MetalCard, PhosphorText } from '@d3ro/ui/components/ds'
 import { d3roPalette, typoSx } from '@d3ro/ui/theme'
 import { InviteMemberForm } from '@/components/teams/invite-member-form'
+import { TeamActivityFeed, type TeamActivityItem } from '@/components/teams/activity-feed'
 import { getSupabaseServerClient } from '@/lib/supabase-server'
 
 interface PageProps {
@@ -20,7 +21,7 @@ export default async function TeamDetailPage({ params }: PageProps): Promise<Rea
     data: { user }
   } = await supabase.auth.getUser()
 
-  const [{ data: team }, { data: members }, { data: meetings }] = await Promise.all([
+  const [{ data: team }, { data: members }, { data: meetings }, { data: activities }] = await Promise.all([
     supabase.from('teams').select('id, name, owner_id, created_at').eq('id', id).maybeSingle(),
     supabase
       .from('team_members')
@@ -31,7 +32,13 @@ export default async function TeamDetailPage({ params }: PageProps): Promise<Rea
       .select('id, title, started_at, status')
       .eq('team_id', id)
       .order('started_at', { ascending: false })
-      .limit(20)
+      .limit(20),
+    supabase
+      .from('team_activities')
+      .select('id, actor_id, kind, body, created_at')
+      .eq('team_id', id)
+      .order('created_at', { ascending: false })
+      .limit(50)
   ])
 
   if (!team) {
@@ -41,6 +48,18 @@ export default async function TeamDetailPage({ params }: PageProps): Promise<Rea
   const teamData = team as { id: string; name: string; owner_id: string; created_at: string }
   const isOwner = teamData.owner_id === user?.id
 
+  const memberRows = (members ?? []) as unknown as Array<{
+    user_id: string
+    role: string
+    joined_at: string
+    profiles: { id: string; name: string | null; avatar_url: string | null } | null
+  }>
+  const isMember = memberRows.some((member) => member.user_id === user?.id)
+  const memberNames: Record<string, string> = {}
+  for (const member of memberRows) {
+    memberNames[member.user_id] = member.profiles?.name ?? member.user_id.slice(0, 8)
+  }
+
   return (
     <Box sx={{ p: 4 }}>
       <Box sx={{ mb: 4 }}>
@@ -138,6 +157,19 @@ export default async function TeamDetailPage({ params }: PageProps): Promise<Rea
               </Stack>
             )}
         </MetalCard>
+
+          {/* 활동 피드 */}
+          <MetalCard sx={{ p: 3 }}>
+            <PhosphorText variant="heading" sx={{ mb: 2 }}>
+              ACTIVITY
+            </PhosphorText>
+            <TeamActivityFeed
+              teamId={teamData.id}
+              initialActivities={(activities ?? []) as TeamActivityItem[]}
+              memberNames={memberNames}
+              canPost={isMember}
+            />
+          </MetalCard>
       </Stack>
     </Box>
   )

apps/web/src/app/download/page.tsx

@@ -20,6 +20,14 @@ import StorageIcon from '@mui/icons-material/Storage'
 import CloudUploadIcon from '@mui/icons-material/CloudUpload'
 import OpenInNewIcon from '@mui/icons-material/OpenInNew'
 import { d3roPalette } from '@d3ro/ui/theme'
+import {
+  DESKTOP_FEED_URL,
+  DESKTOP_RELEASE_HUB_URL,
+  DESKTOP_RELEASES_URL,
+  DESKTOP_VERSION,
+  DESKTOP_WINDOWS_INSTALLER_FILENAME,
+  DESKTOP_WINDOWS_INSTALLER_URL,
+} from '@/lib/desktop-release'
 
 export default function DownloadPage(): React.ReactElement {
   const [verifyStatus, setVerifyStatus] = useState<'idle' | 'computing' | 'done'>('idle')
@@ -48,7 +56,7 @@ export default function DownloadPage(): React.ReactElement {
         minHeight: '100dvh',
         bgcolor: d3roPalette.bg.app,
         color: d3roPalette.text.primary,
-        backgroundImage: 'radial-gradient(ellipse 80% 50% at 50% -20%, rgba(56, 189, 248, 0.15), transparent 70%)',
+        backgroundImage: 'radial-gradient(ellipse 80% 50% at 50% -20%, var(--d3-tag-cyan), transparent 70%)',
         py: { xs: 4, md: 8 },
         px: 2,
       }}
@@ -67,22 +75,22 @@ export default function DownloadPage(): React.ReactElement {
                 alignItems: 'center',
                 justifyContent: 'center',
                 fontWeight: 600,
-                color: '#fff',
+                color: 'var(--d3-text-inverse)',
-                boxShadow: '0 0 20px rgba(56, 189, 248, 0.4)',
+                boxShadow: '0 0 20px var(--d3-tag-cyan)',
               }}
             >
               D3
             </Box>
-            <Typography variant="h6" sx={{ fontWeight: 600, letterSpacing: '-0.02em', color: '#fff' }}>
+            <Typography variant="h6" sx={{ fontWeight: 600, letterSpacing: '-0.02em', color: 'var(--d3-text-inverse)' }}>
               D3RO VOICE
             </Typography>
             <Chip
-              label="v1.1.0 RELEASE PREPARATION"
+              label={`v${DESKTOP_VERSION} OFFICIAL STABLE RELEASE`}
               size="small"
               sx={{
-                bgcolor: 'color-mix(in srgb, var(--d3-accent-light) 15%, transparent)',
+                bgcolor: 'color-mix(in srgb, var(--d3-tag-green) 15%, transparent)',
-                color: d3roPalette.accent.light,
+                color: d3roPalette.tag.green,
-                border: '1px solid rgba(56, 189, 248, 0.3)',
+                border: '1px solid var(--d3-status-success)',
                 fontWeight: 500,
                 fontSize: '10px',
               }}
@@ -91,10 +99,10 @@ export default function DownloadPage(): React.ReactElement {
 
           <Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>
             <Button
-              href="https://git.chanpaca.net/yunchan/d3ro-voice/releases"
+              href={DESKTOP_RELEASES_URL}
               target="_blank"
               endIcon={<OpenInNewIcon sx={{ fontSize: '14px !important' }} />}
-              sx={{ color: d3roPalette.text.secondary, fontSize: '13px', textTransform: 'none', '&:hover': { color: '#fff' } }}
+              sx={{ color: d3roPalette.text.secondary, fontSize: '13px', textTransform: 'none', '&:hover': { color: 'var(--d3-text-inverse)' } }}
             >
               Forgejo Releases
             </Button>
@@ -117,12 +125,12 @@ export default function DownloadPage(): React.ReactElement {
         {/* Hero Section */}
         <Box sx={{ textAlign: 'center', maxWidth: 700, mx: 'auto', mb: 8 }}>
           <Chip
-            icon={<ShieldOutlinedIcon sx={{ fontSize: '14px !important', color: 'var(--d3-accent-light) !important' }} />}
+            icon={<ShieldOutlinedIcon sx={{ fontSize: '14px !important', color: 'var(--d3-tag-green) !important' }} />}
-            label="RELEASE CANDIDATE VERIFICATION IN PROGRESS"
+            label="OFFICIAL STABLE RELEASE"
             sx={{
-              bgcolor: 'color-mix(in srgb, var(--d3-accent-light) 10%, transparent)',
+              bgcolor: 'color-mix(in srgb, var(--d3-tag-green) 10%, transparent)',
-              color: d3roPalette.accent.light,
+              color: d3roPalette.tag.green,
-              border: '1px solid rgba(56, 189, 248, 0.25)',
+              border: '1px solid var(--d3-status-success)',
               fontWeight: 500,
               fontSize: '11px',
               mb: 3,
@@ -138,14 +146,15 @@ export default function DownloadPage(): React.ReactElement {
               fontSize: { xs: '2rem', md: '3rem' },
             }}
           >
-            Prepare{' '}
+            Download{' '}
             <Box component="span" sx={{ color: d3roPalette.accent.light }}>
               D3RO Voice
             </Box>{' '}
-            Desktop Release 1.1.0
+            Desktop {DESKTOP_VERSION}
           </Typography>
           <Typography sx={{ color: d3roPalette.text.secondary, fontSize: '16px', lineHeight: 1.6 }}>
-            Installers, signatures, and update paths are under verification. No binary is offered until the evidence is complete.
+            Official multi-platform release. Zero-latency offline Whisper Large-v3-Turbo,
+            cloud AI failover, local knowledge base, and update-feed verified integrity.
           </Typography>
         </Box>
 
@@ -159,8 +168,8 @@ export default function DownloadPage(): React.ReactElement {
             borderRadius: '24px',
             bgcolor: 'color-mix(in srgb, var(--d3-bg-app) 75%, transparent)',
             backdropFilter: 'blur(20px)',
-            border: '1px solid rgba(56, 189, 248, 0.35)',
+            border: '1px solid var(--d3-tag-cyan)',
-            boxShadow: '0 24px 60px -15px rgba(0, 0, 0, 0.7), 0 0 40px -10px rgba(56, 189, 248, 0.2)',
+            boxShadow: '0 24px 60px -15px var(--d3-scrim), 0 0 40px -10px var(--d3-tag-cyan)',
             mb: 10,
           }}
         >
@@ -172,7 +181,7 @@ export default function DownloadPage(): React.ReactElement {
                   height: 48,
                   borderRadius: '14px',
                   bgcolor: 'color-mix(in srgb, var(--d3-accent-light) 15%, transparent)',
-                  border: '1px solid rgba(56, 189, 248, 0.3)',
+                  border: '1px solid var(--d3-tag-cyan)',
                   display: 'flex',
                   alignItems: 'center',
                   justifyContent: 'center',
@@ -182,21 +191,21 @@ export default function DownloadPage(): React.ReactElement {
                 <ShieldOutlinedIcon />
               </Box>
               <Box>
-                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: '#fff' }}>
+                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: 'var(--d3-text-inverse)' }}>
-                  D3RO Voice Desktop 1.1.0
+                  D3RO Voice Desktop {DESKTOP_VERSION}
                 </Typography>
                 <Typography sx={{ color: d3roPalette.text.secondary, fontSize: '12px', fontFamily: 'monospace' }}>
-                  Windows x64 and macOS Apple Silicon candidates under verification
+                  Windows 10 / 11 (x64) · NSIS standalone installer
                 </Typography>
               </Box>
             </Box>
             <Chip
-              label="RELEASE PENDING"
+              label="VERIFIED & ACTIVE"
               size="small"
               sx={{
                 bgcolor: 'color-mix(in srgb, var(--d3-tag-green) 15%, transparent)',
                 color: d3roPalette.tag.green,
-                border: '1px solid rgba(34, 197, 94, 0.3)',
+                border: '1px solid var(--d3-status-success)',
                 fontWeight: 600,
                 fontSize: '10px',
               }}
@@ -204,7 +213,8 @@ export default function DownloadPage(): React.ReactElement {
           </Box>
 
           <Button
-            disabled
+            component="a"
+            href={DESKTOP_WINDOWS_INSTALLER_URL}
             variant="contained"
             fullWidth
             size="large"
@@ -217,38 +227,70 @@ export default function DownloadPage(): React.ReactElement {
               fontWeight: 600,
               fontSize: '15px',
               textTransform: 'none',
-              boxShadow: '0 8px 25px rgba(56, 189, 248, 0.35)',
+              boxShadow: '0 8px 25px var(--d3-tag-cyan)',
-              '&:hover': { bgcolor: d3roPalette.accent.light },
+              '&:hover': { bgcolor: d3roPalette.accent.main },
             }}
           >
-            Installer available after verification
+            Download for Windows (x64) - v{DESKTOP_VERSION}
           </Button>
 
           <Box
             sx={{
               mt: 3,
               pt: 2.5,
-              borderTop: '1px solid rgba(255, 255, 255, 0.08)',
+              borderTop: '1px solid var(--d3-overlay-strong)',
               display: 'flex',
-              alignItems: 'center',
+              flexDirection: { xs: 'column', sm: 'row' },
+              alignItems: { xs: 'flex-start', sm: 'center' },
               justifyContent: 'space-between',
+              gap: 1.5,
               fontSize: '12px',
               color: d3roPalette.text.secondary,
             }}
           >
             <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-              <span>Release evidence:</span>
+              <span>SHA-512:</span>
-              <span style={{ color: d3roPalette.text.primary }}>artifact not yet published</span>
+              <Button
+                href={`${DESKTOP_FEED_URL}/latest.yml`}
+                target="_blank"
+                size="small"
+                sx={{
+                  color: d3roPalette.text.primary,
+                  fontFamily: 'monospace',
+                  fontSize: '11px',
+                  p: 0,
+                  minWidth: 0,
+                  textTransform: 'none',
+                }}
+              >
+                latest.yml
+              </Button>
             </Box>
-            <Typography sx={{ color: d3roPalette.tag.orange, fontSize: '11px', fontWeight: 600 }}>
+            <Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>
-              Signing and update verification pending
+              <Button
+                href={DESKTOP_RELEASE_HUB_URL}
+                target="_blank"
+                size="small"
+                sx={{
+                  color: d3roPalette.accent.light,
+                  fontSize: '11px',
+                  p: 0,
+                  minWidth: 0,
+                  textTransform: 'none',
+                }}
+              >
+                Release notes
+              </Button>
+              <Typography sx={{ color: d3roPalette.tag.green, fontSize: '11px', fontWeight: 600 }}>
+                ✓ Update feed connected
               </Typography>
             </Box>
+          </Box>
         </Paper>
 
         {/* All Platform Bento Grid */}
         <Box sx={{ mb: 10 }}>
-          <Typography variant="h5" sx={{ fontWeight: 600, mb: 1, color: '#fff' }}>
+          <Typography variant="h5" sx={{ fontWeight: 600, mb: 1, color: 'var(--d3-text-inverse)' }}>
             All Platform Packages
           </Typography>
           <Typography sx={{ color: d3roPalette.text.secondary, fontSize: '14px', mb: 4 }}>
@@ -263,7 +305,7 @@ export default function DownloadPage(): React.ReactElement {
                 p: 3.5,
                 borderRadius: '20px',
                 bgcolor: 'color-mix(in srgb, var(--d3-bg-app) 60%, transparent)',
-                border: '1px solid rgba(255, 255, 255, 0.08)',
+                border: '1px solid var(--d3-overlay-strong)',
                 display: 'flex',
                 flexDirection: 'column',
                 justifyContent: 'space-between',
@@ -276,13 +318,14 @@ export default function DownloadPage(): React.ReactElement {
                   <WindowsIcon sx={{ color: d3roPalette.accent.light, fontSize: 28 }} />
                   <Chip label="x64 TARGET" size="small" sx={{ bgcolor: 'var(--d3-border-subtle)', color: d3roPalette.text.secondary }} />
                 </Box>
-                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: '#fff', mb: 1 }}>Windows</Typography>
+                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: 'var(--d3-text-inverse)', mb: 1 }}>Windows</Typography>
                 <Typography sx={{ color: d3roPalette.text.secondary, fontSize: '13px', mb: 3 }}>
-                  Candidate build undergoing installation, signing, and update-recovery verification.
+                  Official stable installer with automated background updates and zero-latency local AI.
                 </Typography>
               </Box>
               <Button
-                disabled
+                component="a"
+                href={DESKTOP_WINDOWS_INSTALLER_URL}
                 variant="outlined"
                 fullWidth
                 startIcon={<DownloadIcon />}
@@ -295,7 +338,7 @@ export default function DownloadPage(): React.ReactElement {
                   '&:hover': { bgcolor: 'color-mix(in srgb, var(--d3-accent-light) 10%, transparent)', borderColor: d3roPalette.accent.light },
                 }}
               >
-                Verification pending
+                Download Setup (.exe)
               </Button>
             </Paper>
 
@@ -306,7 +349,7 @@ export default function DownloadPage(): React.ReactElement {
                 p: 3.5,
                 borderRadius: '20px',
                 bgcolor: 'color-mix(in srgb, var(--d3-bg-app) 60%, transparent)',
-                border: '1px solid rgba(255, 255, 255, 0.08)',
+                border: '1px solid var(--d3-overlay-strong)',
                 display: 'flex',
                 flexDirection: 'column',
                 justifyContent: 'space-between',
@@ -319,7 +362,7 @@ export default function DownloadPage(): React.ReactElement {
                   <AppleIcon sx={{ color: d3roPalette.tag.purple, fontSize: 28 }} />
                   <Chip label="M1 / M2 / M3 / M4" size="small" sx={{ bgcolor: 'var(--d3-border-subtle)', color: d3roPalette.text.secondary }} />
                 </Box>
-                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: '#fff', mb: 1 }}>macOS</Typography>
+                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: 'var(--d3-text-inverse)', mb: 1 }}>macOS</Typography>
                 <Typography sx={{ color: d3roPalette.text.secondary, fontSize: '13px', mb: 3 }}>
                   Apple Silicon candidate undergoing code-signing and installation verification.
                 </Typography>
@@ -349,7 +392,7 @@ export default function DownloadPage(): React.ReactElement {
                 p: 3.5,
                 borderRadius: '20px',
                 bgcolor: 'color-mix(in srgb, var(--d3-bg-app) 60%, transparent)',
-                border: '1px solid rgba(255, 255, 255, 0.08)',
+                border: '1px solid var(--d3-overlay-strong)',
                 display: 'flex',
                 flexDirection: 'column',
                 justifyContent: 'space-between',
@@ -362,7 +405,7 @@ export default function DownloadPage(): React.ReactElement {
                   <StorageIcon sx={{ color: d3roPalette.tag.green, fontSize: 28 }} />
                   <Chip label="Container Manager" size="small" sx={{ bgcolor: 'var(--d3-border-subtle)', color: d3roPalette.text.secondary }} />
                 </Box>
-                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: '#fff', mb: 1 }}>Synology NAS</Typography>
+                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: 'var(--d3-text-inverse)', mb: 1 }}>Synology NAS</Typography>
                 <Typography sx={{ color: d3roPalette.text.secondary, fontSize: '13px', mb: 3 }}>
                   Self-hosted private deployment package for Synology Container Manager & CRM.
                 </Typography>
@@ -395,7 +438,7 @@ export default function DownloadPage(): React.ReactElement {
             p: { xs: 3, md: 5 },
             borderRadius: '24px',
             bgcolor: 'color-mix(in srgb, var(--d3-bg-app) 65%, transparent)',
-            border: '1px solid rgba(56, 189, 248, 0.2)',
+            border: '1px solid var(--d3-tag-cyan)',
             mb: 10,
           }}
         >
@@ -404,7 +447,7 @@ export default function DownloadPage(): React.ReactElement {
               <Typography sx={{ color: d3roPalette.accent.light, fontSize: '11px', fontFamily: 'monospace', fontWeight: 500, mb: 0.5 }}>
                 LOCAL FILE UTILITY
               </Typography>
-              <Typography variant="h6" sx={{ fontWeight: 600, color: '#fff' }}>
+              <Typography variant="h6" sx={{ fontWeight: 600, color: 'var(--d3-text-inverse)' }}>
                 SHA-256 File Calculator
               </Typography>
               <Typography sx={{ color: d3roPalette.text.secondary, fontSize: '13px' }}>
@@ -434,16 +477,16 @@ export default function DownloadPage(): React.ReactElement {
               sx={{
                 p: 2.5,
                 borderRadius: '14px',
-                bgcolor: 'rgba(0, 0, 0, 0.4)',
+                bgcolor: 'var(--d3-scrim)',
-                border: '1px solid rgba(255, 255, 255, 0.08)',
+                border: '1px solid var(--d3-overlay-strong)',
                 fontFamily: 'monospace',
                 fontSize: '12px',
               }}
             >
               <Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 1 }}>
-                <span style={{ color: d3roPalette.text.primary, fontWeight: 'bold' }}>{fileName}</span>
+                <span style={{ color: d3roPalette.text.primary, fontWeight: 600 }}>{fileName}</span>
-                {verifyStatus === 'computing' && <Chip label="Computing..." size="small" sx={{ bgcolor: d3roPalette.tag.orange, color: '#000' }} />}
+                {verifyStatus === 'computing' && <Chip label="Computing..." size="small" sx={{ bgcolor: d3roPalette.tag.orange, color: 'var(--d3-bg-app)' }} />}
-                {verifyStatus === 'done' && <Chip label="LOCAL HASH GENERATED" size="small" sx={{ bgcolor: d3roPalette.accent.light, color: '#000' }} />}
+                {verifyStatus === 'done' && <Chip label="LOCAL HASH GENERATED" size="small" sx={{ bgcolor: d3roPalette.accent.light, color: 'var(--d3-bg-app)' }} />}
               </Box>
               <Box sx={{ color: d3roPalette.text.secondary }}>
                 Calculated: <span style={{ color: d3roPalette.accent.light }}>{computedHash || 'Hashing...'}</span>
@@ -455,11 +498,11 @@ export default function DownloadPage(): React.ReactElement {
         {/* Release Changelog Timeline */}
         <Box sx={{ mb: 10 }}>
           <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 3 }}>
-            <Typography variant="h5" sx={{ fontWeight: 600, color: '#fff' }}>
+            <Typography variant="h5" sx={{ fontWeight: 600, color: 'var(--d3-text-inverse)' }}>
               Release Changelog & History
             </Typography>
             <Button
-              href="https://git.chanpaca.net/yunchan/d3ro-voice/releases"
+              href={DESKTOP_RELEASES_URL}
               target="_blank"
               endIcon={<OpenInNewIcon sx={{ fontSize: '14px !important' }} />}
               sx={{ color: d3roPalette.accent.light, fontSize: '13px', textTransform: 'none' }}
@@ -468,6 +511,75 @@ export default function DownloadPage(): React.ReactElement {
             </Button>
           </Box>
 
+          {/* Latest release item */}
+          <Paper
+            elevation={0}
+            sx={{
+              p: 3.5,
+              borderRadius: '16px',
+              bgcolor: 'color-mix(in srgb, var(--d3-bg-app) 65%, transparent)',
+              borderLeft: '4px solid var(--d3-tag-green)',
+              border: '1px solid var(--d3-overlay-strong)',
+              borderLeftWidth: '4px',
+              mb: 3,
+            }}
+          >
+            <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>
+              <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
+                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: 'var(--d3-text-inverse)', fontFamily: 'monospace' }}>
+                  v{DESKTOP_VERSION}
+                </Typography>
+                <Chip
+                  label="LATEST STABLE · OFFICIALLY VERIFIED"
+                  size="small"
+                  sx={{
+                    bgcolor: 'color-mix(in srgb, var(--d3-tag-green) 15%, transparent)',
+                    color: d3roPalette.tag.green,
+                    border: '1px solid var(--d3-status-success)',
+                    fontWeight: 500,
+                  }}
+                />
+                <Typography sx={{ color: d3roPalette.text.label, fontSize: '12px', fontFamily: 'monospace' }}>2026-08-29</Typography>
+              </Box>
+              <Button
+                component="a"
+                href={DESKTOP_WINDOWS_INSTALLER_URL}
+                size="small"
+                startIcon={<DownloadIcon />}
+                sx={{ color: d3roPalette.accent.light, textTransform: 'none', fontWeight: 500 }}
+              >
+                Download v{DESKTOP_VERSION} (.exe)
+              </Button>
+            </Box>
+
+            <Typography sx={{ color: d3roPalette.text.primary, fontSize: '13px', lineHeight: 1.6, mb: 2 }}>
+              • <strong>Multi-Platform Cross-Device Architecture</strong>: Synchronized ecosystem spanning Electron desktop, Next.js cloud console, and React Native mobile.<br />
+              • <strong>Canonical Forgejo Auto-Update & Policy SSOT</strong>: Fully automated, cryptographic release updates with delta installer support and remote kill switches.<br />
+              • <strong>Enterprise Red-Team Hardened Voice Engine</strong>: 18/18 headless & headful integration scenarios verified with 100% fail-closed auth security.<br />
+              • <strong>Offline-First Privacy Intelligence</strong>: Local Whisper Large-v3-Turbo with zero-latency push-to-talk transcription.
+            </Typography>
+
+            <Box
+              sx={{
+                p: 1.5,
+                borderRadius: '8px',
+                bgcolor: 'var(--d3-scrim)',
+                fontFamily: 'monospace',
+                fontSize: '11px',
+                color: d3roPalette.text.secondary,
+                display: 'flex',
+                flexDirection: { xs: 'column', sm: 'row' },
+                justifyContent: 'space-between',
+                gap: 1,
+              }}
+            >
+              <a href={`${DESKTOP_FEED_URL}/latest.yml`} target="_blank" rel="noreferrer">
+                {DESKTOP_WINDOWS_INSTALLER_FILENAME} · latest.yml
+              </a>
+              <span>Windows x64 · NSIS installer</span>
+            </Box>
+          </Paper>
+
           {/* v1.0.0 Release Item */}
           <Paper
             elevation={0}
@@ -476,14 +588,14 @@ export default function DownloadPage(): React.ReactElement {
               borderRadius: '16px',
               bgcolor: 'color-mix(in srgb, var(--d3-bg-app) 65%, transparent)',
               borderLeft: '4px solid var(--d3-accent-light)',
-              border: '1px solid rgba(255, 255, 255, 0.08)',
+              border: '1px solid var(--d3-overlay-strong)',
               borderLeftWidth: '4px',
               mb: 3,
             }}
           >
             <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>
               <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
-                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: '#fff', fontFamily: 'monospace' }}>
+                <Typography sx={{ fontWeight: 600, fontSize: '18px', color: 'var(--d3-text-inverse)', fontFamily: 'monospace' }}>
                   v1.0.0
                 </Typography>
                 <Chip
@@ -492,7 +604,7 @@ export default function DownloadPage(): React.ReactElement {
                   sx={{
                     bgcolor: 'color-mix(in srgb, var(--d3-accent-light) 15%, transparent)',
                     color: d3roPalette.accent.light,
-                    border: '1px solid rgba(56, 189, 248, 0.3)',
+                    border: '1px solid var(--d3-tag-cyan)',
                     fontWeight: 500,
                   }}
                 />
@@ -519,7 +631,7 @@ export default function DownloadPage(): React.ReactElement {
               sx={{
                 p: 1.5,
                 borderRadius: '8px',
-                bgcolor: 'rgba(0, 0, 0, 0.3)',
+                bgcolor: 'var(--d3-scrim)',
                 fontFamily: 'monospace',
                 fontSize: '11px',
                 color: d3roPalette.text.secondary,

apps/web/src/app/login/page.tsx

@@ -97,7 +97,7 @@ export default function LoginPage(): React.ReactElement {
           border: '1px solid var(--d3-border-default)',
           borderRadius: '24px',
           p: { xs: 3.5, sm: 4.5 },
-          boxShadow: '0 20px 60px rgba(0, 0, 0, 0.7)',
+          boxShadow: '0 20px 60px var(--d3-scrim)',
           color: d3roPalette.text.secondary
         }}
       >
@@ -410,11 +410,11 @@ export default function LoginPage(): React.ReactElement {
               letterSpacing: '0.05em',
               color: d3roPalette.bg.app,
               cursor: signingIn ? 'not-allowed' : 'pointer',
-              boxShadow: '0 0 25px rgba(59, 130, 246, 0.35)',
+              boxShadow: '0 0 25px var(--d3-accent-glow)',
               transition: 'all 0.15s ease',
               '&:hover': {
                 filter: 'brightness(1.08)',
-                boxShadow: '0 0 30px rgba(59, 130, 246, 0.5)'
+                boxShadow: '0 0 30px var(--d3-accent-glow)'
               },
               '&:active': {
                 transform: 'scale(0.99)'

apps/web/src/components/chat/chat-panel.tsx

@@ -175,7 +175,7 @@ export function ChatPanel(): React.ReactElement {
         bgcolor: 'var(--d3-bg-card)',
         borderRadius: '24px',
         border: '1px solid var(--d3-border-default)',
-        boxShadow: '0 0 50px rgba(0,0,0,0.5)',
+        boxShadow: '0 0 50px var(--d3-scrim)',
         overflow: 'hidden',
         display: 'flex',
         flexDirection: 'column',
@@ -227,8 +227,8 @@ export function ChatPanel(): React.ReactElement {
               width: 6,
               height: 6,
               borderRadius: '50%',
-              bgcolor: error ? '#f87171' : 'var(--d3-tag-green)',
+              bgcolor: error ? 'var(--d3-status-danger)' : 'var(--d3-tag-green)',
-              boxShadow: error ? '0 0 5px #f87171' : '0 0 5px var(--d3-tag-green)',
+              boxShadow: error ? '0 0 5px var(--d3-status-danger)' : '0 0 5px var(--d3-tag-green)',
               animation: 'pulse 1s infinite'
             }}
           />
@@ -269,8 +269,8 @@ export function ChatPanel(): React.ReactElement {
               sx={{
                 p: 2.5,
                 borderRadius: msg.role === 'user' ? '18px 18px 4px 18px' : '18px 18px 18px 4px',
-                bgcolor: msg.role === 'user' ? 'rgba(59,130,246,0.1)' : 'var(--d3-bg-elevated)',
+                bgcolor: msg.role === 'user' ? 'var(--d3-accent-glow)' : 'var(--d3-bg-elevated)',
-                border: msg.role === 'user' ? '1px solid rgba(59,130,246,0.3)' : '1px solid var(--d3-border-default)',
+                border: msg.role === 'user' ? '1px solid var(--d3-accent-glow)' : '1px solid var(--d3-border-default)',
                 color: msg.role === 'user' ? 'var(--d3-accent-main)' : 'var(--d3-text-secondary)',
                 fontSize: '14px',
                 lineHeight: 1.6
@@ -349,9 +349,9 @@ export function ChatPanel(): React.ReactElement {
             sx={{
               width: 36,
               height: 36,
-              bgcolor: 'rgba(59,130,246,0.15)',
+              bgcolor: 'var(--d3-accent-glow)',
               color: 'var(--d3-accent-main)',
-              '&:hover': { bgcolor: 'var(--d3-accent-main)', color: '#fff' }
+              '&:hover': { bgcolor: 'var(--d3-accent-main)', color: 'var(--d3-text-inverse)' }
             }}
           >
             <Send size={16} />

apps/web/src/components/knowledge/add-knowledge-form.tsx

@@ -1,10 +1,10 @@
 'use client'
 
 // apps/web/src/components/knowledge/add-knowledge-form.tsx
-// 텍스트/URL 기반 지식 문서 추가 (MVP — 파일 업로드는 추후)
+// 텍스트/파일(.txt/.md) 기반 지식 문서 추가.
-// 제출 시 knowledge_documents + knowledge_chunks 직접 insert
+// 제출 시 knowledge_documents + knowledge_chunks를 insert한 뒤 embed-chunks Edge Function으로 임베딩한다.
 
-import { useState } from 'react'
+import { useRef, useState } from 'react'
 import { useRouter } from 'next/navigation'
 import { Box, Button, TextField, Stack, Alert, MenuItem, Select, FormControl, InputLabel } from '@mui/material'
 import AddIcon from '@mui/icons-material/Add'
@@ -12,14 +12,33 @@ import { MetalCard } from '@d3ro/ui/components/ds'
 import { d3roPalette, typoSx } from '@d3ro/ui/theme'
 import { getSupabaseBrowserClient } from '@/lib/supabase-browser'
 
-const CHUNK_SIZE = 800  // 문자 단위. 간단한 고정 크기 청킹.
+const CHUNK_SIZE = 800
+const MIN_CHUNK_BOUNDARY = 480
+const MAX_CONTENT_CHARS = 250_000
+const MAX_FILE_BYTES = 1_048_576
 
-function chunkText(text: string, size: number): string[] {
+function chunkText(text: string): string[] {
   const chunks: string[] = []
-  for (let i = 0; i < text.length; i += size) {
+  let offset = 0
-    chunks.push(text.slice(i, i + size))
+  while (offset < text.length) {
+    const hardEnd = Math.min(offset + CHUNK_SIZE, text.length)
+    let end = hardEnd
+    if (hardEnd < text.length) {
+      const boundary = text.lastIndexOf('\n', hardEnd)
+      if (boundary > offset + MIN_CHUNK_BOUNDARY) end = boundary
     }
-  return chunks.filter((c) => c.trim().length > 0)
+    const chunk = text.slice(offset, end).trim()
+    if (chunk.length > 0) chunks.push(chunk)
+    offset = end
+  }
+  return chunks
+}
+
+function classifyKnowledgeFile(fileName: string): 'txt' | 'md' | null {
+  const lower = fileName.toLowerCase()
+  if (lower.endsWith('.md') || lower.endsWith('.markdown')) return 'md'
+  if (lower.endsWith('.txt')) return 'txt'
+  return null
 }
 
 export function AddKnowledgeForm(): React.ReactElement {
@@ -28,8 +47,32 @@ export function AddKnowledgeForm(): React.ReactElement {
   const [title, setTitle] = useState('')
   const [content, setContent] = useState('')
   const [fileType, setFileType] = useState<'txt' | 'md'>('txt')
+  const [fileName, setFileName] = useState<string | null>(null)
   const [error, setError] = useState<string | null>(null)
   const [busy, setBusy] = useState(false)
+  const fileInputRef = useRef<HTMLInputElement | null>(null)
+
+  async function handleFile(file: File): Promise<void> {
+    const type = classifyKnowledgeFile(file.name)
+    if (!type) {
+      setError('txt 또는 md 파일만 지원합니다.')
+      return
+    }
+    if (file.size > MAX_FILE_BYTES) {
+      setError('파일은 1MB 이하여야 합니다.')
+      return
+    }
+    const text = await file.text()
+    if (text.length > MAX_CONTENT_CHARS) {
+      setError(`본문은 ${MAX_CONTENT_CHARS.toLocaleString()}자 이하여야 합니다.`)
+      return
+    }
+    setError(null)
+    setTitle(file.name.replace(/\.[^.]+$/, ''))
+    setFileType(type)
+    setFileName(file.name)
+    setContent(text)
+  }
 
   async function handleSubmit(): Promise<void> {
     if (!title.trim() || !content.trim()) return
@@ -46,19 +89,19 @@ export function AddKnowledgeForm(): React.ReactElement {
         return
       }
 
-      const chunks = chunkText(content, CHUNK_SIZE)
+      const chunks = chunkText(content)
 
-      // 1) 문서 INSERT
+      // 1) 문서 INSERT (indexed=false — 임베딩 성공 후에만 true)
       const { data: doc, error: docErr } = await supabase
         .from('knowledge_documents')
         .insert({
           user_id: user.id,
           title: title.trim(),
-          file_name: null,
+          file_name: fileName,
           file_type: fileType,
           chunk_count: chunks.length,
-          indexed: true,
+          indexed: false,
-          indexed_at: new Date().toISOString()
+          indexed_at: null
         })
         .select('id')
         .single()
@@ -80,10 +123,51 @@ export function AddKnowledgeForm(): React.ReactElement {
         return
       }
 
+      // 3) 임베딩 생성 (Edge Function, 실패 시 indexed=false 유지)
+      const {
+        data: { session }
+      } = await supabase.auth.getSession()
+      if (!session) {
+        setError('세션이 만료되었습니다. 다시 로그인해 주세요.')
+        return
+      }
+      const baseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL
+      if (!baseUrl) {
+        setError('Supabase URL이 구성되지 않았습니다.')
+        return
+      }
+
+      let indexError: string | null = null
+      try {
+        const response = await fetch(`${baseUrl}/functions/v1/embed-chunks`, {
+          method: 'POST',
+          headers: {
+            Authorization: `Bearer ${session.access_token}`,
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify({ document_id: doc.id })
+        })
+        const payload = (await response.json().catch(() => ({}))) as {
+          error?: string
+          message?: string
+          indexed?: boolean
+        }
+        if (!response.ok || payload.indexed !== true) {
+          indexError = payload.error ?? payload.message ?? `인덱싱 실패 (${response.status})`
+        }
+      } catch (indexRequestError) {
+        indexError = indexRequestError instanceof Error ? indexRequestError.message : '인덱싱 요청 실패'
+      }
+
       setTitle('')
       setContent('')
+      setFileName(null)
       setOpen(false)
       router.refresh()
+      if (indexError) {
+        // 문서는 저장됐지만 임베딩이 실패한 경우 사용자에게 알린다.
+        window.alert(`문서는 저장되었지만 인덱싱에 실패했습니다: ${indexError}\n목록에서 다시 시도할 수 있습니다.`)
+      }
     } finally {
       setBusy(false)
     }
@@ -101,6 +185,28 @@ export function AddKnowledgeForm(): React.ReactElement {
     <MetalCard sx={{ p: 3, maxWidth: 720 }}>
       <Box sx={{ ...typoSx('label'), color: d3roPalette.text.label, mb: 1 }}>새 지식 문서</Box>
       <Stack spacing={2}>
+        <Stack direction="row" spacing={1} alignItems="center">
+          <Button
+            variant="outlined"
+            size="small"
+            disabled={busy}
+            onClick={() => fileInputRef.current?.click()}
+          >
+            파일 선택 (.txt/.md)
+          </Button>
+          {fileName && <Box sx={{ ...typoSx('meta'), color: d3roPalette.text.dimLabel }}>{fileName}</Box>}
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept=".txt,.md,.markdown,text/plain,text/markdown"
+            hidden
+            onChange={(event) => {
+              const file = event.target.files?.[0]
+              event.target.value = ''
+              if (file) void handleFile(file)
+            }}
+          />
+        </Stack>
         <TextField
           label="제목"
           size="small"
@@ -124,7 +230,7 @@ export function AddKnowledgeForm(): React.ReactElement {
           maxRows={16}
           value={content}
           onChange={(e) => setContent(e.target.value)}
-          placeholder="텍스트를 붙여넣기하세요. 800자 단위로 자동 청킹됩니다."
+          placeholder="텍스트를 붙여넣거나 파일을 선택하세요. 줄바꿈 기준 800자 단위로 자동 청킹됩니다."
           fullWidth
           disabled={busy}
         />
@@ -139,7 +245,7 @@ export function AddKnowledgeForm(): React.ReactElement {
             onClick={() => void handleSubmit()}
             disabled={busy || !title.trim() || !content.trim()}
           >
-            저장
+            {busy ? '저장 중...' : '저장'}
           </Button>
           <Button
             variant="outlined"
@@ -147,6 +253,7 @@ export function AddKnowledgeForm(): React.ReactElement {
               setOpen(false)
               setTitle('')
               setContent('')
+              setFileName(null)
               setError(null)
             }}
             disabled={busy}

apps/web/src/components/record/mic-recorder.tsx

@@ -209,7 +209,7 @@ export function MicRecorder(): React.ReactElement {
         bgcolor: 'var(--d3-bg-card)',
         borderRadius: '24px',
         border: '1px solid var(--d3-border-default)',
-        boxShadow: '0 0 50px rgba(0,0,0,0.5)',
+        boxShadow: '0 0 50px var(--d3-scrim)',
         overflow: 'hidden',
         display: 'flex',
         flexDirection: 'column',
@@ -282,7 +282,7 @@ export function MicRecorder(): React.ReactElement {
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'center',
-          borderBottom: '1px solid #1a1a1c',
+          borderBottom: '1px solid var(--d3-bg-card)',
           position: 'relative'
         }}
       >
@@ -304,7 +304,7 @@ export function MicRecorder(): React.ReactElement {
                 bgcolor: state === 'recording' ? 'var(--d3-accent-main)' : 'var(--d3-border-default)',
                 borderRadius: '4px',
                 transition: 'height 80ms ease-out',
-                boxShadow: state === 'recording' && h > 0.4 ? '0 0 8px rgba(59,130,246,0.5)' : 'none'
+                boxShadow: state === 'recording' && h > 0.4 ? '0 0 8px var(--d3-accent-glow)' : 'none'
               }}
             />
           ))}
@@ -407,7 +407,7 @@ export function MicRecorder(): React.ReactElement {
             alignItems: 'center',
             justifyContent: 'center',
             cursor: 'pointer',
-            boxShadow: '0 0 20px rgba(59,130,246,0.4)',
+            boxShadow: '0 0 20px var(--d3-accent-glow)',
             transition: 'transform 0.15s ease, background-color 0.15s ease',
             '&:hover': { transform: 'scale(1.05)' }
           }}

apps/web/src/components/teams/activity-feed.tsx

@@ -0,0 +1,171 @@
+'use client'
+
+// apps/web/src/components/teams/activity-feed.tsx
+// 팀 활동/코멘트 피드 — RPC로 작성하고 Realtime INSERT를 구독한다.
+
+import { useEffect, useState } from 'react'
+import { Alert, Box, Button, Stack, TextField } from '@mui/material'
+import { d3roPalette } from '@d3ro/ui/theme'
+import { getSupabaseBrowserClient } from '@/lib/supabase-browser'
+
+export interface TeamActivityItem {
+  id: string
+  actor_id: string | null
+  kind: string
+  body: string | null
+  created_at: string
+}
+
+interface ActivityFeedProps {
+  teamId: string
+  initialActivities: TeamActivityItem[]
+  memberNames: Record<string, string>
+  canPost: boolean
+}
+
+const KIND_LABELS: Record<string, string> = {
+  note: '메모',
+  member_joined: '멤버 합류',
+  member_left: '멤버 탈퇴',
+  invite_created: '초대 생성',
+  meeting_shared: '회의 공유',
+  document_shared: '문서 공유'
+}
+
+function formatTime(value: string): string {
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) return value
+  return date.toLocaleString('ko-KR')
+}
+
+export function TeamActivityFeed({
+  teamId,
+  initialActivities,
+  memberNames,
+  canPost
+}: ActivityFeedProps): React.ReactElement {
+  const [activities, setActivities] = useState<TeamActivityItem[]>(initialActivities)
+  const [body, setBody] = useState('')
+  const [busy, setBusy] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  useEffect(() => {
+    setActivities(initialActivities)
+  }, [initialActivities])
+
+  useEffect(() => {
+    const supabase = getSupabaseBrowserClient()
+    const channel = supabase
+      .channel(`web-team-activity-${teamId}`)
+      .on(
+        'postgres_changes',
+        { event: 'INSERT', schema: 'public', table: 'team_activities', filter: `team_id=eq.${teamId}` },
+        (payload) => {
+          const row = payload.new as TeamActivityItem
+          setActivities((current) =>
+            current.some((item) => item.id === row.id) ? current : [row, ...current]
+          )
+        }
+      )
+      .subscribe()
+    return () => {
+      void supabase.removeChannel(channel)
+    }
+  }, [teamId])
+
+  async function submit(): Promise<void> {
+    const trimmed = body.trim()
+    if (!trimmed || busy) return
+    setBusy(true)
+    setError(null)
+    try {
+      const supabase = getSupabaseBrowserClient()
+      const { data, error: rpcError } = await supabase.rpc('create_team_activity', {
+        p_team_id: teamId,
+        p_kind: 'note',
+        p_body: trimmed,
+        p_metadata: {}
+      })
+      if (rpcError) {
+        setError(rpcError.message)
+        return
+      }
+      setBody('')
+      const created = data as { id?: string; created_at?: string; actor_id?: string } | null
+      if (created?.id) {
+        setActivities((current) =>
+          current.some((item) => item.id === created.id)
+            ? current
+            : [
+                {
+                  id: created.id as string,
+                  actor_id: (created.actor_id as string | undefined) ?? null,
+                  kind: 'note',
+                  body: trimmed,
+                  created_at: created.created_at ?? new Date().toISOString()
+                },
+                ...current
+              ]
+        )
+      }
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  return (
+    <Stack spacing={2}>
+      {canPost && (
+        <Stack direction="row" spacing={1} alignItems="flex-start">
+          <TextField
+            size="small"
+            value={body}
+            onChange={(event) => setBody(event.target.value)}
+            placeholder="팀에 메모 남기기..."
+            inputProps={{ maxLength: 2000 }}
+            fullWidth
+            multiline
+            maxRows={4}
+            disabled={busy}
+          />
+          <Button variant="contained" onClick={() => void submit()} disabled={busy || !body.trim()}>
+            {busy ? '등록 중' : '등록'}
+          </Button>
+        </Stack>
+      )}
+
+      {error && (
+        <Alert severity="error" variant="outlined">
+          {error}
+        </Alert>
+      )}
+
+      {activities.length === 0 ? (
+        <Box sx={{ color: d3roPalette.text.muted, fontSize: 13 }}>아직 활동이 없습니다.</Box>
+      ) : (
+        <Stack spacing={1}>
+          {activities.map((activity) => (
+            <Box key={activity.id} sx={{ p: 1.5, bgcolor: d3roPalette.bg.inset, borderRadius: 1 }}>
+              <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 2, mb: 0.5 }}>
+                <Box sx={{ color: d3roPalette.text.primary, fontSize: 12, fontWeight: 500 }}>
+                  {activity.actor_id ? memberNames[activity.actor_id] ?? activity.actor_id.slice(0, 8) : '시스템'}
+                  <Box component="span" sx={{ color: d3roPalette.text.muted, ml: 1, fontWeight: 400 }}>
+                    {KIND_LABELS[activity.kind] ?? activity.kind}
+                  </Box>
+                </Box>
+                <Box sx={{ color: d3roPalette.text.muted, fontSize: 11 }}>
+                  {formatTime(activity.created_at)}
+                </Box>
+              </Box>
+              {activity.body && (
+                <Box sx={{ color: d3roPalette.text.primary, fontSize: 13, whiteSpace: 'pre-wrap' }}>
+                  {activity.body}
+                </Box>
+              )}
+            </Box>
+          ))}
+        </Stack>
+      )}
+    </Stack>
+  )
+}

apps/web/src/lib/desktop-release.ts

@@ -0,0 +1,24 @@
+// apps/web/src/lib/desktop-release.ts
+// 데스크톱 공식 릴리스 계약 SSOT.
+//
+// 설치 파일은 canonical Forgejo feed에서만 배포한다. 웹/사이트 빌드 산출물에는
+// 설치 바이너리가 포함되지 않으므로 `/releases/...` 로컬 경로는 배포 환경에서 404다.
+
+export const DESKTOP_VERSION = '1.1.0'
+
+const FORGEJO_ORIGIN = 'https://git.chanpaca.net'
+const FORGEJO_OWNER = 'yunchan'
+const FORGEJO_REPO = 'd3ro-voice'
+
+/** Registry 안에서 항상 최신 설치 자산을 가리키는 feed 루트 (updater와 동일). */
+export const DESKTOP_FEED_URL = `${FORGEJO_ORIGIN}/api/packages/${FORGEJO_OWNER}/generic/${FORGEJO_REPO}/latest`
+
+export const DESKTOP_WINDOWS_INSTALLER_FILENAME = `D3RO-Voice-Setup-${DESKTOP_VERSION}-x64.exe`
+
+export const DESKTOP_WINDOWS_INSTALLER_URL = `${DESKTOP_FEED_URL}/${DESKTOP_WINDOWS_INSTALLER_FILENAME}`
+
+/** Forgejo Release 허브 (릴리스 노트 + 자산 첨부). */
+export const DESKTOP_RELEASE_HUB_URL = `${FORGEJO_ORIGIN}/${FORGEJO_OWNER}/${FORGEJO_REPO}/releases/tag/v${DESKTOP_VERSION}`
+
+/** Release 자산 목록 (버전 아카이브). */
+export const DESKTOP_RELEASES_URL = `${FORGEJO_ORIGIN}/${FORGEJO_OWNER}/${FORGEJO_REPO}/releases`

apps/web/src/lib/dictionary-client.ts

@@ -265,3 +265,178 @@ export async function deleteDictionaryEntry(
     throw mapDictionaryError(error)
   }
 }
+
+export interface DictionaryImportResult {
+  imported: number
+  skipped: number
+}
+
+const CSV_HEADER = ['word', 'pronunciation', 'category', 'usageCount', 'createdAt', 'updatedAt']
+
+function csvCell(value: unknown): string {
+  const text = value === null || value === undefined ? '' : String(value)
+  const escaped = text.replace(/"/g, '""')
+  const needsQuotes = /[",\r\n]/.test(escaped) || /^[=+\-@]/.test(escaped)
+  return needsQuotes ? `"${escaped}"` : escaped
+}
+
+function parseCsvRows(input: string): string[][] {
+  const rows: string[][] = []
+  let row: string[] = []
+  let field = ''
+  let inQuotes = false
+  for (let i = 0; i < input.length; i += 1) {
+    const char = input[i]
+    if (inQuotes) {
+      if (char === '"') {
+        if (input[i + 1] === '"') {
+          field += '"'
+          i += 1
+        } else {
+          inQuotes = false
+        }
+      } else {
+        field += char
+      }
+      continue
+    }
+    if (char === '"') {
+      inQuotes = true
+    } else if (char === ',') {
+      row.push(field)
+      field = ''
+    } else if (char === '\n') {
+      row.push(field)
+      rows.push(row)
+      row = []
+      field = ''
+    } else if (char !== '\r') {
+      field += char
+    }
+  }
+  if (field.length > 0 || row.length > 0) {
+    row.push(field)
+    rows.push(row)
+  }
+  return rows.filter((candidate) => candidate.some((cell) => cell.trim().length > 0))
+}
+
+function coerceDraft(record: Record<string, unknown>): DictionaryDraft | null {
+  const word = typeof record.word === 'string' ? record.word : ''
+  const pronunciation = typeof record.pronunciation === 'string' && record.pronunciation.trim() !== ''
+    ? record.pronunciation
+    : null
+  const category = typeof record.category === 'string' ? record.category : 'user'
+  try {
+    return normalizeDictionaryDraft({
+      word,
+      pronunciation,
+      category: category as DictionaryCategory
+    })
+  } catch {
+    return null
+  }
+}
+
+export function serializeDictionary(entries: DictionaryEntry[], format: 'json' | 'csv'): string {
+  if (format === 'json') {
+    return JSON.stringify(
+      {
+        entries: entries.map((entry) => ({
+          word: entry.word,
+          pronunciation: entry.pronunciation,
+          category: entry.category,
+          usageCount: entry.usage_count,
+          lastUsedAt: entry.last_used_at ? Date.parse(entry.last_used_at) : null,
+          createdAt: Date.parse(entry.created_at),
+          updatedAt: Date.parse(entry.updated_at)
+        }))
+      },
+      null,
+      2
+    )
+  }
+  const lines = [CSV_HEADER.join(',')]
+  for (const entry of entries) {
+    lines.push(
+      [
+        csvCell(entry.word),
+        csvCell(entry.pronunciation ?? ''),
+        csvCell(entry.category),
+        csvCell(entry.usage_count),
+        csvCell(Date.parse(entry.created_at)),
+        csvCell(Date.parse(entry.updated_at))
+      ].join(',')
+    )
+  }
+  return `\uFEFF${lines.join('\r\n')}\r\n`
+}
+
+export function parseDictionaryFile(raw: string, format: 'json' | 'csv'): DictionaryDraft[] {
+  const drafts: DictionaryDraft[] = []
+  if (format === 'json') {
+    let data: unknown
+    try {
+      data = JSON.parse(raw)
+    } catch {
+      throw new DictionaryClientError('validation', '사전 JSON 형식이 올바르지 않습니다.')
+    }
+    const list = Array.isArray(data)
+      ? data
+      : data && typeof data === 'object' && Array.isArray((data as { entries?: unknown }).entries)
+        ? (data as { entries: unknown[] }).entries
+        : null
+    if (!list) throw new DictionaryClientError('validation', '사전 JSON에 entries 배열이 없습니다.')
+    for (const item of list) {
+      if (!item || typeof item !== 'object') continue
+      const draft = coerceDraft(item as Record<string, unknown>)
+      if (draft) drafts.push(draft)
+    }
+  } else {
+    const rows = parseCsvRows(raw.replace(/^\uFEFF/, ''))
+    if (rows.length === 0) throw new DictionaryClientError('validation', '빈 CSV 파일입니다.')
+    const header = rows[0].map((cell) => cell.trim())
+    if (!header.includes('word')) {
+      throw new DictionaryClientError('validation', 'CSV에 word 열이 없습니다.')
+    }
+    for (const cells of rows.slice(1)) {
+      const record: Record<string, unknown> = {}
+      header.forEach((key, index) => {
+        record[key] = cells[index] ?? ''
+      })
+      const draft = coerceDraft(record)
+      if (draft) drafts.push(draft)
+    }
+  }
+  if (drafts.length === 0) {
+    throw new DictionaryClientError('validation', '가져올 유효한 단어가 없습니다.')
+  }
+  return drafts
+}
+
+export async function importDictionaryFile(
+  client: D3roSupabaseClient,
+  userId: string,
+  raw: string,
+  format: 'json' | 'csv'
+): Promise<DictionaryImportResult> {
+  requireUuid(userId, 'auth', 'Authenticated user is invalid')
+  const drafts = parseDictionaryFile(raw, format)
+  const result: DictionaryImportResult = { imported: 0, skipped: 0 }
+  for (const draft of drafts) {
+    try {
+      await createDictionaryEntry(client, userId, draft)
+      result.imported += 1
+    } catch (error) {
+      if (
+        error instanceof DictionaryClientError &&
+        (error.code === 'duplicate' || error.code === 'conflict')
+      ) {
+        result.skipped += 1
+        continue
+      }
+      throw error
+    }
+  }
+  return result
+}