Lhy723/dsh-agent-canvas

README excerpt

dsh-agent-canvas 把一个 DSH Web 会话里的 Agent、Subagent、Workflow、Phase 和工具调用 ，变成一张可交互、实时更新的关系画布。 它作为 conversation.view 插件注册在“对话”和“轨迹”之后：打开 Agent 画布 Tab，就能从全局视角观察一次运行如何拆分任务、调度子代理、执行工具，并在浅色 / 深色主题之间自动适配。 宣传图中的二次元角色依据项目提供的视觉参考重新创作，用作仓库的 GitHub Social Preview；界面截图为与当前组件行为一致的示例会话。 功能 - 力导向图布局 - 节点之间自动排斥，有连线的节点互相牵引。 - 支持拖动节点、拖动画布、滚轮缩放。 - 实时数据同步 - 与对话记录同源： useSession / useSessions 读取会话快照和会话列表。 - Subagent / Workflow / 工具调用状态变化时，画布自动更新。 - Workflow 按 Phase 分组 - 主 Agent → Workflow → Phase → Subagent，层级清晰。 - 卡片式节点 - Workflow / Phase / Subagent 使用白底圆角卡片。 - 左侧彩色条区分类型，顶部状态点 + 类型徽标 + 名字，下方内容可滚动。 - 工具和主 Agent 使用圆形节点。 - 力导向参数实时调节 - 右上角 ⚙ 设置面板，可实时调整： - 向心力 - 节点排斥力 - 连线吸引力 - 连线自然距离 - 阻尼 - 参数自动持久化到 localStorage ，刷新后保留。 - 跟随 DSH 明暗模式 - 自动监听 data-ds-dark-theme ，画布和卡片在浅色/深色模式下自动适配。 功能速览 模块 你能看到什么 交互 / 行为 Agent & Subagent 根 Agent、直接子代理、运行状态和任务摘要 节点可拖动，状态变化会实时更新 Workflow & Phase Workflow → Phase → Subagent 的层级关系 Workflow 成员不会重复连回根 Agent，图更清晰 工具调用 运行中的工具，以及最近完成的工具结果 活动连线使用虚线，最近最多保留 12 个结果节点 力导向布局 向心力、排斥力、吸引力、自然距离、阻尼 右上角 ⚙ 面板实时调整，并持久化到 localStorage 画布操作 平移、缩放、视图重置 鼠标拖拽背景 / 节点，滚轮缩放或使用右侧按钮 主题适配 DSH Web 的浅色和深色模式 自动监听 data-ds-dark-theme 演示截图 浅色模式：从 Agent 看到完整协作树 深色模式：打开力导向参数面板 关系模型 画布使用和会话区相同的数据源，节点关系大致如下： 目录结构 构建与开发 sc…

Category