feat(desktop): 工业化升级 A —— 设计系统地基（primitives + lucide + 语义令牌）

把"手搓内联 class + Unicode 字符图标"换成统一组件与真实图标，为后续工业化打底。

- 依赖：装 lucide-react（描线图标，按需 tree-shake）
- 令牌：tailwind.config 加语义色 brand/accent/success/warn/danger + 圆角档位；
  强调色字面量(violet/cyan/emerald…)收敛到令牌，便于整体换肤
- primitives（src/ui，零重依赖自建）：Button/Input/Textarea/Select/Field/Card/Panel/
  Badge/Dot/Tabs/Skeleton/EmptyState/Dialog/Toast(+useToast)/cn，桶文件统一引入
- 迁移：TopBar/LeftNav/BottomDrawer + Home/Report/Runs/Kb/Placeholder/ExecTrace/
  MemoryPanel/StudioView 全部换 primitives + lucide 图标；导航/能力卡/按钮告别
  ▤◆▣▦ 等 Unicode 字符；错误改用全局 Toast；空状态用 EmptyState
- App 包 ToastProvider

验证：tsc + vite build 通过；浏览器(Preview)走查工作台/报告页——真实图标、统一卡片/
按钮/输入；跑报告端到端正常（执行轨迹 lucide 状态图标点亮、章节耗时/字数/检索片段、
完成弹 Toast + 下载 Word）。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

sundynix-desktop/frontend/src/ui/Badge.tsx

@@ -0,0 +1,38 @@
+import type { ReactNode } from "react";
+import { cn } from "./cn";
+
+type Tone = "neutral" | "brand" | "accent" | "success" | "warn" | "danger";
+
+const tones: Record<Tone, string> = {
+  neutral: "bg-white/5 text-slate-400",
+  brand: "bg-brand/15 text-brand-400",
+  accent: "bg-accent/15 text-accent-400",
+  success: "bg-success/15 text-success",
+  warn: "bg-warn/15 text-warn",
+  danger: "bg-danger/15 text-danger",
+};
+
+export function Badge({ tone = "neutral", className, children }: { tone?: Tone; className?: string; children: ReactNode }) {
+  return (
+    <span className={cn("inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[9px] font-medium leading-none", tones[tone], className)}>
+      {children}
+    </span>
+  );
+}
+
+// Dot 状态小圆点（可脉冲）。
+export function Dot({ tone = "neutral", pulse }: { tone?: Tone | "running"; pulse?: boolean }) {
+  const color =
+    tone === "success"
+      ? "bg-success"
+      : tone === "danger"
+        ? "bg-danger"
+        : tone === "warn"
+          ? "bg-warn"
+          : tone === "running" || tone === "accent"
+            ? "bg-accent"
+            : tone === "brand"
+              ? "bg-brand"
+              : "bg-slate-600";
+  return <span className={cn("h-2 w-2 shrink-0 rounded-full", color, pulse && "animate-pulse")} />;
+}