-
{plan.title}
- {plan.steps.map(s => (
+
+
+ ●
+ {plan?.title ?? '当前任务'}
+ {done}/{total}
+
+ {steps.map(s => (
-
+
{s.text}
{s.agentRun && }
))}
+ {items.map(t => (
+
+
+ {t.text}
+
+ ))}
)
}
-function TodosTab({ todos }: { todos: { items: { id: string; text: string; status: string }[] } | null }) {
- if (!todos?.items?.length) return
- return <>{todos.items.map(t => (
-
-
- {t.text}
-
- ))}
+export function StatusIcon({ status }: { status?: string }) {
+ if (status === 'done' || status === 'completed') return
●
+ if (status === 'in_progress' || status === 'running') return
◐
+ if (status === 'skipped') return
◌
+ return
○
}
-function ArtifactsTab() {
- const artifacts = useStore(s => s.artifacts)
- if (artifacts.length === 0) return
- return <>{artifacts.map(a => (
-
store.viewArtifact(a)}>
- {a.kind === 'image' ? '🖼' : a.kind === 'document' ? '📄' : '🗂'}
- {a.name}
- {a.kind}
-
- ))}
-}
-
-function AgentsTab({ runs }: { runs: Run[] }) {
- const convRuns = runs.filter(r => r.kind !== 'tool')
- if (convRuns.length === 0) return
- // 任务树：顶层 run + 其子代理。
- const roots = convRuns.filter(r => !r.parentRunId)
- return
- {roots.map(r => (
-
-
- {convRuns.filter(c => c.parentRunId === r.id).map(c =>
)}
-
- ))}
-
-}
-
-function AgentRow({ run, depth }: { run: Run; depth: number }) {
+/** 代理行（工作区弹层复用；点击进 AgentTracker）。 */
+export function AgentRow({ run, depth }: { run: Run; depth: number }) {
const label = run.kind === 'subagent' ? `🤖 ${run.agentName || '子代理'}` : '💬 对话任务'
- const terminal = isTerminal(run.status)
return (
store.openTracker(run.id)}>
- {label}
- {terminal ? run.status : (run.phase || run.status)}
+ {label}
+ {run.status}
)
}
-
-function Empty({ text }: { text: string }) {
- return
{text}
-}
diff --git a/src/components/Workspaces.tsx b/src/components/Workspaces.tsx
new file mode 100644
index 0000000..edff518
--- /dev/null
+++ b/src/components/Workspaces.tsx
@@ -0,0 +1,92 @@
+// 工作区弹层（提案 T4/D25）：工件/代理/插件面板/插件声明工作区统一经 OverlayHost 呈现；
+// ⌘1–9 快捷键与左栏快捷区共享同一清单（workspaceEntries）。
+import { store, useStore } from '../store'
+import type { Run } from '../contracts'
+import { OverlayHost, type DocBridge } from '@ui'
+import { docBridge } from './Workbench'
+import { AgentRow } from './Workbench'
+
+/** 工作区清单（顺序即 ⌘ 序号）：内置在前，插件面板/声明工作区随后。 */
+export function workspaceEntries(): { key: string; title: string; icon: string; shortcut: string }[] {
+ const s = store.getState()
+ const out = [
+ { key: 'artifacts', title: '工件', icon: '📦', shortcut: '⌘1' },
+ { key: 'agents', title: '代理', icon: '🤖', shortcut: '⌘2' },
+ ...s.pluginPanels.map((p, i) => ({ key: `plugin:${p.id}`, title: p.title, icon: '🧩', shortcut: `⌘${i + 3}` })),
+ ...s.serverWorkspaces.map((w, i) => ({ key: `ws:${w.id}`, title: w.title, icon: w.icon || '🗂', shortcut: w.shortcut ? `⌘${w.shortcut}` : `⌘${i + 3 + s.pluginPanels.length}` })),
+ ]
+ return out.slice(0, 9)
+}
+
+export function Workspaces() {
+ const active = useStore(s => s.ui.activeWorkspace)
+ const artifacts = useStore(s => s.artifacts)
+ const runs = useStore(s => s.runs)
+ const pluginPanels = useStore(s => s.pluginPanels)
+ const serverWorkspaces = useStore(s => s.serverWorkspaces)
+ if (!active) return null
+ const entry = workspaceEntries().find(e => e.key === active)
+ const close = () => store.closeWorkspace()
+
+ if (active === 'artifacts') {
+ return
+
+
+ }
+ if (active === 'agents') {
+ const convRuns = runs.filter(r => r.kind !== 'tool')
+ return
+
+
+ }
+ if (active.startsWith('plugin:')) {
+ const panel = pluginPanels.find(p => `plugin:${p.id}` === active)
+ return
store.refreshPlugins()} />
+ }
+ if (active.startsWith('ws:')) {
+ const ws = serverWorkspaces.find(w => `ws:${w.id}` === active)
+ return store.refreshPlugins()} />
+ }
+ return null
+}
+
+/** 工件面板（自 Workbench tabs 迁入；点击进 DocViewer 深读）。 */
+export function ArtifactsPanel() {
+ const artifacts = useStore(s => s.artifacts)
+ if (artifacts.length === 0) return 暂无工件——上传附件或让模型产出文档（mock：#doc）
+ return <>{artifacts.map(a => (
+ store.viewArtifact(a)}>
+ {a.kind === 'image' ? '🖼' : a.kind === 'document' ? '📄' : '🗂'}
+ {a.name}
+ {a.kind}
+
+ ))}
+}
+
+/** 代理面板（任务树；点击进 AgentTracker 深读）。 */
+export function AgentsPanel({ runs }: { runs: Run[] }) {
+ if (runs.length === 0) return 暂无运行——多代理任务会在此形成任务树（mock：#agents）
+ const roots = runs.filter(r => !r.parentRunId)
+ return
+ {roots.map(r => (
+
+
+ {runs.filter(c => c.parentRunId === r.id).map(c =>
)}
+
+ ))}
+