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>
This commit is contained in:
Blizzard
2026-06-10 15:00:32 +08:00
parent a8e210cd96
commit 61c1177eba
14 changed files with 850 additions and 146 deletions
@@ -0,0 +1,19 @@
import { MemoryPanel } from "../panels/MemoryPanel";
import type { Identity } from "../lib/api";
// 记忆模块:当前以偏好登记为主;规划做厚为 画像看/改/删 + 会话历史浏览。
export function MemoryView({ identity }: { identity: Identity }) {
return (
<div className="flex h-full">
<div className="w-96 border-r">
<MemoryPanel identity={identity} />
</div>
<div className="flex-1 p-6 text-xs leading-relaxed text-gray-400">
<div className="mb-1 text-sm font-semibold text-gray-600"> / </div>
/ +
<br />
memory_upsert sundynix_user_profile
</div>
</div>
);
}
@@ -0,0 +1,14 @@
// 规划中模块占位 —— 让信息架构可见,同时说明该模块的定位与依赖。
export function Placeholder({ title, desc }: { title: string; desc: string }) {
return (
<div className="flex h-full items-center justify-center">
<div className="max-w-md rounded-lg border border-dashed bg-gray-50 p-6 text-center">
<div className="mb-1 text-sm font-semibold text-gray-600">{title}</div>
<p className="text-xs leading-relaxed text-gray-400">{desc}</p>
<span className="mt-3 inline-block rounded bg-gray-200 px-2 py-0.5 text-[10px] text-gray-500">
</span>
</div>
</div>
);
}