Workspace 组件开发
多标签工作区:浏览器预览、文件查看、任务列表、实时跟进等标签页。
源码位置
- 主组件:
src/Workspace/index.tsx - 子面板:
src/Workspace/Browser.tsx、src/Workspace/File/、src/Workspace/RealtimeFollow/、TaskList等 - 类型:
src/Workspace/types.ts(TabConfiguration、TabItem、WorkspaceProps 等)
主要能力
- 通过
tabs、activeKey、onTabChange配置标签与切换 - 内置类型:browser、file、realtime、task 等,可扩展
custom类型 - 与 AgenticLayout、ChatLayout 等布局配合使用
开发规范
- 样式使用 token 与
useWorkspaceStyle(或等价 createStyles)。 - 新增 tab 类型时在类型中声明并保持与现有 TabItem 结构一致。
- 参考
AGENTS.md的 Props 命名与导出规范。
开发或修改工作区、浏览器/文件/任务标签时,参考 src/Workspace/ 与 AGENTS.md。