feat(desktop): MVP 驾驶舱外壳 + 类型化节点 Studio + 运行抽屉

按 desktop-ui-plan.md 落 MVP：五区外壳 + 编排 Studio + 底部抽屉 + 健康灯。

- shell: TopBar(垂直切换/健康灯[Gateway/DB 实时,余规划]/身份会话) +
  LeftNav(BUILD/RUN/MANAGE 分组,未就绪模块灰显) + BottomDrawer(输出/轨迹/工具调用/引用/评测)
- studio: 类型化节点目录(输入/检索RAG/Agent/工具/记忆/分支/并行/汇聚/渲染/输出,
  按类配色) + 自定义 TypedNode(状态徽标) + Inspector(按类型渲染配置表单) +
  校验(孤立节点/必填项) + 运行
- views: MemoryView(复用偏好面板) + Placeholder(规划中模块,露出 IA 与依赖)
- lib: run(运行状态机) + health(轮询 billing) + dsl(导出类型化 DSL + validate)
- 删旧 AgentCanvas(被 StudioView 取代)

验证: npm run build(tsc+vite)✓; 真实浏览器跑通——加类型化节点→校验(标出孤立)→运行
→SSE 注入画像(老王)+历史 流入抽屉, 健康灯 Gateway/DB 实时绿

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

sundynix-desktop/frontend/src/shell/TopBar.tsx

@@ -0,0 +1,54 @@
+import type { Identity } from "../lib/api";
+import { useHealth } from "../lib/health";
+
+function Light({ on, label, unknown }: { on?: boolean; label: string; unknown?: boolean }) {
+  const color = unknown ? "bg-gray-300" : on ? "bg-emerald-500" : "bg-rose-500";
+  return (
+    <span className="flex items-center gap-1 text-[11px] text-gray-500" title={label}>
+      <span className={`h-2 w-2 rounded-full ${color}`} />
+      {label}
+    </span>
+  );
+}
+
+// 顶栏：垂直切换 · 健康灯 · 身份/会话。
+export function TopBar({
+  identity,
+  setIdentity,
+}: {
+  identity: Identity;
+  setIdentity: (id: Identity) => void;
+}) {
+  const h = useHealth();
+  return (
+    <header className="flex h-11 shrink-0 items-center gap-3 border-b bg-white px-3">
+      <span className="font-semibold text-gray-800">sundynix-agentix</span>
+      <select className="rounded border px-2 py-0.5 text-xs text-gray-700" defaultValue="通用版">
+        <option>通用版</option>
+        <option>法律版</option>
+        <option>医疗版</option>
+      </select>
+      <div className="ml-2 flex items-center gap-3">
+        <Light on={h.gateway} label="Gateway" />
+        <Light on={h.persisted} label="DB" />
+        <Light unknown label="NATS" />
+        <Light unknown label="Milvus" />
+        <Light unknown label="Neo4j" />
+      </div>
+      <div className="ml-auto flex items-center gap-2">
+        <input
+          className="w-20 rounded border px-2 py-0.5 text-xs"
+          value={identity.userId}
+          onChange={(e) => setIdentity({ ...identity, userId: e.target.value })}
+          title="用户"
+        />
+        <input
+          className="w-24 rounded border px-2 py-0.5 text-xs"
+          value={identity.sessionId}
+          onChange={(e) => setIdentity({ ...identity, sessionId: e.target.value })}
+          title="会话"
+        />
+      </div>
+    </header>
+  );
+}