weichen
204ca67dc7
Why: The three-column workbench redesign converges entries and hierarchy: project switching tops the left rail (identity shown once), sessions and search stay centered, files/workspaces/account sink to the bottom. The right column becomes a Work/Files third column that absorbs the preview pane, which is no longer an independent fourth region; the artifacts workspace overlay folds into the Files entry, and stop control consolidates into the input area with a light fast/slow-lane status hint. Evidence: make test-frontend NOT_RUN at commit time; the run and its outcome are recorded in the Dev task card before integration. Impact: App.tsx layout and divider width tiers (work 280-560, files with open preview 420-1100); store UI state rightTab work/files plus filesView with syncFilesEntry replacing syncPreviewRail; Workbench dual entry; PreviewPane gains a back-to-list control; TaskSidebar project switcher; TopBar drops project identity; Conversation drops the header stop button and gains the input status line; workspaces.ts drops the artifacts builtin. Refs: three-column workbench proposal (2026-10-11), DESIGN.md 6/9.3 revision follows in the Dev repo.
70 lines
3.1 KiB
TypeScript
70 lines
3.1 KiB
TypeScript
// 工作区弹层（提案 T4/D25）：深读经 OverlayHost 单层呈现。
|
||
// 服务端声明的工作区（领域插件槽位）对所有用户可见；插件管理面板仍只在系统管理区。
|
||
// 文件浏览已并入第三栏「文件」入口，本弹层只承载代理与领域工作区。
|
||
import { store, useStore } from '../store'
|
||
import type { Run } from '../contracts'
|
||
import { OverlayHost, type DocBridge } from '@ui'
|
||
import { docBridge } from './Workbench'
|
||
import { AgentRow } from './Workbench'
|
||
import { buildWorkspaceEntries, type WorkspaceEntry } from '../workspaces'
|
||
|
||
/** 体系工具（顺序即 ⌘ 序号）。服务端工作区全员可见；插件管理面板只在系统管理区。 */
|
||
export function workspaceEntries(): WorkspaceEntry[] {
|
||
return buildWorkspaceEntries(store.getState().serverWorkspaces)
|
||
}
|
||
|
||
export function Workspaces() {
|
||
const active = useStore(s => s.ui.activeWorkspace)
|
||
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 === 'agents') {
|
||
const convRuns = runs.filter(r => r.kind !== 'tool')
|
||
return <OverlayHost title="代理" icon="🤖" shortcut={entry?.shortcut ?? '⌘2'} sayHint="打开代理" onClose={close}>
|
||
<AgentsPanel runs={convRuns} />
|
||
</OverlayHost>
|
||
}
|
||
if (active.startsWith('plugin:')) {
|
||
const panel = pluginPanels.find(p => `plugin:${p.id}` === active)
|
||
return <OverlayHost title={panel?.title ?? '插件面板'} icon="🧩" onClose={close}
|
||
nodes={panel?.body ?? []} docBridge={docBridge as DocBridge} onRefresh={() => store.refreshPlugins()} />
|
||
}
|
||
if (active.startsWith('ws:')) {
|
||
const ws = serverWorkspaces.find(w => `ws:${w.id}` === active)
|
||
const title = ws?.title ?? '工作区'
|
||
return <OverlayHost title={title} icon={ws?.icon || '🗂'} shortcut={entry?.shortcut} sayHint={`打开${title}`} onClose={close}
|
||
nodes={ws?.body ?? []} docBridge={docBridge as DocBridge} onRefresh={() => store.refreshPlugins()} />
|
||
}
|
||
return null
|
||
}
|
||
|
||
/** 代理面板（任务树；点击进 AgentTracker 深读）。 */
|
||
export function AgentsPanel({ runs }: { runs: Run[] }) {
|
||
if (runs.length === 0) return <div className="empty-note">暂无运行——多代理任务会在此形成任务树（mock：#agents）</div>
|
||
const roots = runs.filter(r => !r.parentRunId)
|
||
return <div className="subagent-tree">
|
||
{roots.map(r => (
|
||
<div key={r.id}>
|
||
<AgentRow run={r} depth={0} />
|
||
{runs.filter(c => c.parentRunId === r.id).map(c => <AgentRow key={c.id} run={c} depth={1} />)}
|
||
</div>
|
||
))}
|
||
</div>
|
||
}
|
||
|
||
/** ⌘1–9 / Ctrl+1–9 全局快捷键（挂载于 App）。 */
|
||
export function workspaceShortcuts(e: KeyboardEvent) {
|
||
if (!(e.metaKey || e.ctrlKey)) return
|
||
const n = parseInt(e.key, 10)
|
||
if (!Number.isInteger(n) || n < 1 || n > 9) return
|
||
const entries = workspaceEntries()
|
||
const hit = entries[n - 1]
|
||
if (!hit) return
|
||
e.preventDefault()
|
||
store.openWorkspace(hit.key)
|
||
}
|