@moretea-labs/forge 1.5.1 → 1.6.0

package/src/cli/local-bridge/console-view-models.ts

@@ -100,6 +100,8 @@ export interface ConsoleErrorViewModel {
 
 export interface WorkSummaryViewModel {
   id: string;
+  repoId: string;
+  updatedAt: string;
   title: string;
   objective: string;
   modeLabel: string;

package/src/cli/local-bridge/facade-api.ts

@@ -414,6 +414,8 @@ export function mapWorkSummary(
     || (work.status === 'running' ? '任务执行中…' : status.label);
   return {
     id: work.workId,
+    repoId: work.repoId,
+    updatedAt: work.updatedAt,
     title: work.objective.slice(0, 160) || '未命名任务',
     objective: work.objective,
     modeLabel: mode.label,

package/src/cli/local-bridge/frontend/src/App.tsx

@@ -1,5 +1,5 @@
 import{useCallback,useEffect,useState}from'react';import'./design/tokens.css';import'./styles.css';import type{AutomationView,ConsoleData,LocalToolView,ProviderView,RouteId}from'./types';import{api}from'./lib/api';import{routeFromHash}from'./lib/routes';import{AppShell}from'./shell/AppShell';import{OverviewView}from'./features/overview/OverviewView';import{AutomationsView}from'./features/automations/AutomationsView';import{WorkView}from'./features/work/WorkView';import{CapabilitiesView}from'./features/capabilities/CapabilitiesView';import{RepositoriesView}from'./features/repositories/RepositoriesView';import{SettingsView}from'./features/settings/SettingsView';import{SystemView}from'./features/system/SystemView';
-async function loadData():Promise<ConsoleData>{const[commandCenter,work,automations,automationSettings,connector]=await Promise.all([api.commandCenter(),api.work(),api.automations(),api.automationSettings(),api.connector().catch(()=>undefined)]);return{commandCenter,work,automations,automationSettings,connector,generatedAt:new Date().toISOString()}}
+async function loadData():Promise<ConsoleData>{const[commandCenter,work,workPortfolio,automations,automationSettings,connector]=await Promise.all([api.commandCenter(),api.work(),api.workPortfolio(),api.automations(),api.automationSettings(),api.connector().catch(()=>undefined)]);return{commandCenter,work,workPortfolio,automations,automationSettings,connector,generatedAt:new Date().toISOString()}}
 export default function App(){const[route,setRoute]=useState<RouteId>(routeFromHash());const[data,setData]=useState<ConsoleData>();const[busy,setBusy]=useState(false);const[error,setError]=useState('');
 const refresh=useCallback(async()=>{setBusy(true);setError('');try{setData(await loadData())}catch(e){setError(e instanceof Error?e.message:String(e))}finally{setBusy(false)}},[]);
 useEffect(()=>{void refresh();const onHash=()=>setRoute(routeFromHash());addEventListener('hashchange',onHash);return()=>removeEventListener('hashchange',onHash)},[refresh]);

package/src/cli/local-bridge/frontend/src/features/automations/AutomationsView.tsx

@@ -1,3 +1,143 @@
-import{useMemo,useState}from'react';import type{AutomationView,ConsoleData}from'../../types';import{CommandBar}from'../../shell/CommandBar';import{Segmented}from'../../components/Segmented';import{DetailPane,DefinitionList}from'../../components/DetailPane';import{StatusText}from'../../components/StatusText';import{Button}from'../../components/Button';import{formatDate,compact}from'../../lib/format';
-type Filter='enabled'|'paused'|'attention'|'all';
-export function AutomationsView({data,busy,onRefresh,onAction}:{data:ConsoleData;busy:boolean;onRefresh:()=>void;onAction:(a:AutomationView,action:'run'|'pause'|'resume')=>Promise<void>}){const all=data.automations.automations;const[filter,setFilter]=useState<Filter>('enabled');const list=useMemo(()=>all.filter(a=>filter==='all'||a.status===filter),[all,filter]);const[selectedKey,setSelectedKey]=useState<string>();const key=(a:AutomationView)=>`${a.source}:${a.repoId}:${a.id}`;const selected=list.find(a=>key(a)===selectedKey)??list[0];return <><CommandBar eyebrow="LONG-RUNNING CONFIG" title="Automations" description="管理 Forge 持久化 Schedule 与 Assistant Routine；结果正文继续发送到 ChatGPT / Email。" refreshedAt={data.automations.generatedAt} busy={busy} onRefresh={onRefresh}/><div className="toolbar"><Segmented value={filter} onChange={setFilter} items={[{id:'enabled',label:'Enabled',count:all.filter(x=>x.status==='enabled').length},{id:'paused',label:'Paused',count:all.filter(x=>x.status==='paused').length},{id:'attention',label:'Attention',count:all.filter(x=>x.status==='attention').length},{id:'all',label:'All',count:all.length}]}/></div><div className="split-workspace automation-layout"><div className="table-wrap"><table className="data-table"><thead><tr><th>Automation</th><th>Schedule</th><th>Delivery</th><th>Status</th><th>Last</th><th>Next</th></tr></thead><tbody>{list.map(a=><tr key={key(a)} className={selected&&key(selected)===key(a)?'selected':''} onClick={()=>setSelectedKey(key(a))}><td><strong>{a.name}</strong><small>{a.repositoryName} · {a.source}</small></td><td>{a.schedule}</td><td>{a.delivery??'—'}</td><td><StatusText label={a.status} tone={a.status}/></td><td><span>{compact(a.lastResult,30)||'—'}</span><small>{formatDate(a.lastRunAt)}</small></td><td>{formatDate(a.nextRunHint)}</td></tr>)}</tbody></table>{!list.length&&<div className="quiet-empty">这个筛选条件下没有 Automation。</div>}</div><DetailPane title={selected?.name} subtitle={selected?.summary} empty="选择一个 Automation 查看配置">{selected&&<><DefinitionList items={[["Status",<StatusText label={selected.status} tone={selected.status}/>],["Schedule",selected.schedule],["Source",selected.source],["Repository",selected.repositoryName],["Delivery",selected.delivery??'—'],["Last result",selected.lastResult??'—'],["Last run",formatDate(selected.lastRunAt)],["Next",formatDate(selected.nextRunHint)]]}/>{selected.pausedReason&&<div className="detail-callout warning"><strong>Paused reason</strong><p>{selected.pausedReason}</p></div>}<div className="detail-button-row">{selected.actions.map(action=><Button key={action} disabled={busy} className={action==='pause'?'danger-text':''} onClick={()=>void onAction(selected,action)}>{action==='run'?'Run now':action==='pause'?'Pause':'Resume'}</Button>)}</div><p className="detail-note">这里只保存调度配置与最近一次结果摘要，不复制日报、SEO 或研究正文。</p></>}</DetailPane></div></>}
+import { useMemo, useState } from 'react';
+import type { AutomationHistoryView, AutomationView, ConsoleData } from '../../types';
+import { CommandBar } from '../../shell/CommandBar';
+import { Segmented } from '../../components/Segmented';
+import { DetailPane, DefinitionList } from '../../components/DetailPane';
+import { StatusText } from '../../components/StatusText';
+import { Button } from '../../components/Button';
+import { formatDate, compact } from '../../lib/format';
+
+type Filter = 'enabled' | 'paused' | 'attention' | 'all';
+
+function statusLabel(status: AutomationView['status']): string {
+  if (status === 'enabled') return '运行中';
+  if (status === 'paused') return '已暂停';
+  if (status === 'attention') return '需要处理';
+  return '已停用';
+}
+
+function statusTone(status: AutomationView['status']): string {
+  if (status === 'enabled') return 'success';
+  if (status === 'attention') return 'danger';
+  if (status === 'paused') return 'warning';
+  return 'neutral';
+}
+
+function observationLabel(value?: AutomationView['observationStatus']): string | undefined {
+  if (value === 'baseline') return '已建立基线';
+  if (value === 'unchanged') return '无变化';
+  if (value === 'changed') return '检测到变化';
+  if (value === 'keepalive') return '登录保持正常';
+  if (value === 'auth_required') return '需要重新登录';
+  return undefined;
+}
+
+function reasoningLabel(value?: string): string {
+  if (value === 'high') return '高';
+  if (value === 'medium') return '中';
+  if (value === 'xhigh') return '超高';
+  return value ?? '—';
+}
+
+function tabPolicyLabel(value?: string): string {
+  if (value === 'auto') return '自动 · 同一任务优先复用';
+  if (value === 'reuse') return '始终复用已绑定会话';
+  if (value === 'new') return '每次新开标签页';
+  return value ?? '—';
+}
+
+function executionDetails(automation: AutomationView): Array<[string, string]> {
+  if (!automation.agentModel) return [];
+  return [
+    ['执行模型', `${automation.agentModel} · ${reasoningLabel(automation.reasoningLevel)}推理`],
+    ['浏览器会话', tabPolicyLabel(automation.tabPolicy)],
+  ];
+}
+
+function historyTone(tone: AutomationHistoryView['tone']): string {
+  if (tone === 'green') return 'success';
+  if (tone === 'amber') return 'warning';
+  if (tone === 'red') return 'danger';
+  if (tone === 'blue') return 'info';
+  return 'neutral';
+}
+
+function History({ items }: { items: AutomationHistoryView[] }) {
+  if (!items.length) return <div className="automation-history-empty">还没有执行记录。</div>;
+  return <div className="automation-history">{items.map((item) => <div className="automation-history-row" key={item.id}>
+    <div className={`automation-history-mark ${item.tone}`} />
+    <div className="automation-history-copy">
+      <div className="automation-history-top"><StatusText label={item.result} tone={historyTone(item.tone)} /><time>{formatDate(item.at)}</time></div>
+      {item.reason && <p>{item.reason}</p>}
+      {item.trigger && <small>{item.trigger}触发</small>}
+    </div>
+  </div>)}</div>;
+}
+
+export function AutomationsView({ data, busy, onRefresh, onAction }: {
+  data: ConsoleData;
+  busy: boolean;
+  onRefresh: () => void;
+  onAction: (automation: AutomationView, action: 'run' | 'pause' | 'resume') => Promise<void>;
+}) {
+  const all = data.automations.automations;
+  const [filter, setFilter] = useState<Filter>('enabled');
+  const list = useMemo(() => all.filter((automation) => filter === 'all'
+    || (filter === 'paused' ? automation.status === 'paused' || automation.status === 'disabled' : automation.status === filter)), [all, filter]);
+  const [selectedKey, setSelectedKey] = useState<string>();
+  const key = (automation: AutomationView) => `${automation.source}:${automation.repoId}:${automation.id}`;
+  const selected = list.find((automation) => key(automation) === selectedKey) ?? list[0];
+  const observation = selected ? observationLabel(selected.observationStatus) : undefined;
+
+  return <>
+    <CommandBar eyebrow="AUTOMATION" title="Automations" description="查看长期任务如何触发、当前是否正常，以及每一次实际执行发生了什么。" refreshedAt={data.automations.generatedAt} busy={busy} onRefresh={onRefresh} />
+    <div className="toolbar automation-toolbar">
+      <Segmented value={filter} onChange={setFilter} items={[
+        { id: 'enabled', label: '运行中', count: all.filter((item) => item.status === 'enabled').length },
+        { id: 'paused', label: '已暂停', count: all.filter((item) => item.status === 'paused' || item.status === 'disabled').length },
+        { id: 'attention', label: '需要处理', count: all.filter((item) => item.status === 'attention').length },
+        { id: 'all', label: '全部', count: all.length },
+      ]} />
+    </div>
+    <div className="split-workspace automation-layout">
+      <div className="table-wrap">
+        <table className="data-table automation-table">
+          <thead><tr><th>Automation</th><th>触发</th><th>行为</th><th>状态</th><th>最近结果</th></tr></thead>
+          <tbody>{list.map((automation) => <tr key={key(automation)} className={selected && key(selected) === key(automation) ? 'selected' : ''} onClick={() => setSelectedKey(key(automation))}>
+            <td><strong>{automation.name}</strong><small>{automation.repositoryName} · {automation.modeLabel}</small></td>
+            <td><span>{automation.schedule}</span><small>{automation.timezone ?? '本地时区'}</small></td>
+            <td><span>{automation.delivery ?? '本地执行'}</span>{automation.targetLabel && <small>{automation.targetLabel}</small>}</td>
+            <td><StatusText label={statusLabel(automation.status)} tone={statusTone(automation.status)} />{automation.live !== undefined && <small>{automation.live ? 'Live' : 'Shadow'}</small>}</td>
+            <td><span>{compact(automation.lastResult, 26) || '—'}</span><small>{formatDate(automation.lastRunAt)}</small></td>
+          </tr>)}</tbody>
+        </table>
+        {!list.length && <div className="quiet-empty">这个筛选条件下没有 Automation。</div>}
+      </div>
+      <DetailPane title={selected?.name} subtitle={selected?.summary} empty="选择一个 Automation 查看配置与执行历史">
+        {selected && <>
+          <div className="automation-detail-status">
+            <div><span className="eyebrow">CURRENT STATE</span><StatusText label={statusLabel(selected.status)} tone={statusTone(selected.status)} /></div>
+            <div className="automation-result"><strong>{selected.lastResult ?? '尚未执行'}</strong><small>{formatDate(selected.observationAt ?? selected.lastRunAt)}</small></div>
+          </div>
+          <DefinitionList items={[
+            ['类型', selected.modeLabel],
+            ['触发计划', `${selected.schedule}${selected.timezone ? ` · ${selected.timezone}` : ''}`],
+            ['触发后的行为', selected.delivery ?? '本地执行'],
+            ['观察目标', selected.targetLabel ?? '—'],
+            ['观察状态', observation ?? '—'],
+            ['绑定 Work', selected.boundWorkObjective ? compact(selected.boundWorkObjective, 96) : selected.boundWorkId ?? '—'],
+            ['运行模式', selected.live === undefined ? '—' : selected.live ? 'Live · 会产生实际动作' : 'Shadow · 只记录预演'],
+            ...executionDetails(selected),
+            ['运行策略', selected.policySummary ?? '—'],
+          ]} />
+          {selected.pausedReason && <div className="detail-callout warning"><strong>暂停原因</strong><p>{selected.pausedReason}</p></div>}
+          <div className="detail-button-row">{selected.actions.map((action) => <Button key={action} disabled={busy} className={action === 'pause' ? 'danger-text' : ''} onClick={() => void onAction(selected, action)}>{action === 'run' ? '立即运行' : action === 'pause' ? '暂停任务' : '开启任务'}</Button>)}</div>
+          <div className="automation-section-head"><div><span className="eyebrow">EXECUTION HISTORY</span><h3>最近执行</h3></div><span>{selected.history.length} 条</span></div>
+          <History items={selected.history} />
+          <details className="advanced automation-advanced"><summary>技术信息</summary><pre>{JSON.stringify({ scheduleId: selected.source === 'schedule' ? selected.id : undefined, workId: selected.boundWorkId, source: selected.source, next: selected.nextRunHint, failureCount: selected.failureCount }, null, 2)}</pre></details>
+          <p className="detail-note">这里只展示配置、状态与执行摘要；邮件正文、浏览器 Cookie、登录凭据和 continuation prompt 不会复制到控制台。</p>
+        </>}
+      </DetailPane>
+    </div>
+  </>;
+}

package/src/cli/local-bridge/frontend/src/features/capabilities/CapabilitiesView.tsx

@@ -1,4 +1,4 @@
 import{useMemo,useState}from'react';import type{ConsoleData,PluginView}from'../../types';import{CommandBar}from'../../shell/CommandBar';import{Segmented}from'../../components/Segmented';import{DetailPane,DefinitionList}from'../../components/DetailPane';import{StatusText}from'../../components/StatusText';import{compact,pretty}from'../../lib/format';
 type Filter='all'|'extensions'|'services'|'execution'|'models';
 function category(p:PluginView):Exclude<Filter,'all'|'models'>{const s=`${p.name} ${p.provider} ${(p.capabilityLabels??[]).join(' ')}`.toLowerCase();if(/gmail|calendar|github|google task|notion/.test(s))return'services';if(/browser|desktop|ios|repository|codegraph|local/.test(s))return'execution';return'extensions'}
-export function CapabilitiesView({data,busy,onRefresh}:{data:ConsoleData;busy:boolean;onRefresh:()=>void}){const plugins=data.commandCenter.plugins??[],providers=data.automationSettings.providers??[];const[filter,setFilter]=useState<Filter>('all');const[selectedId,setSelectedId]=useState<string>();const filtered=useMemo(()=>plugins.filter(p=>filter==='all'||filter==='models'||category(p)===filter),[plugins,filter]);const selected=filtered.find(x=>x.id===selectedId)??filtered[0];return <><CommandBar eyebrow="CAPABILITY CATALOG" title="Capabilities" description="从“Forge 能做什么”查看扩展、服务、执行能力和模型，而不是浏览 MCP tool 清单。" refreshedAt={data.generatedAt} busy={busy} onRefresh={onRefresh}/><div className="toolbar"><Segmented value={filter} onChange={setFilter} items={[{id:'all',label:'All',count:plugins.length+providers.length},{id:'extensions',label:'Extensions',count:plugins.filter(x=>category(x)==='extensions').length},{id:'services',label:'Services',count:plugins.filter(x=>category(x)==='services').length},{id:'execution',label:'Execution',count:plugins.filter(x=>category(x)==='execution').length},{id:'models',label:'Models',count:providers.length}]}/></div>{filter==='models'?<div className="single-list"><div className="scan-list">{providers.map(p=><div className="scan-row static" key={p.providerId}><div className="scan-main"><strong>{p.displayName}</strong><p>{compact(p.explanation??p.summary,110)}</p></div><StatusText label={p.statusLabel??p.status??'Unknown'} tone={p.status}/></div>)}</div></div>:<div className="split-workspace"><div className="scan-list">{filtered.map(p=><button key={p.id} className={`scan-row ${selected?.id===p.id?'selected':''}`} onClick={()=>setSelectedId(p.id)}><div className="scan-main"><span className="row-eyebrow">{category(p).toUpperCase()}</span><strong>{p.name}</strong><p>{compact(p.description,100)}</p></div><StatusText label={p.statusLabel??p.status??'Unknown'} tone={p.status??p.tone}/></button>)}</div><DetailPane title={selected?.name} subtitle={selected?.description}>{selected&&<><DefinitionList items={[["Status",<StatusText label={selected.statusLabel??selected.status??'Unknown'} tone={selected.status??selected.tone}/>],["Provider",selected.provider??'—'],["Health",selected.healthLabel??'—'],["Lifecycle",selected.lifecycleLabel??'—']]}/>{selected.nextStep&&<div className="detail-callout warning"><strong>Next step</strong><p>{selected.nextStep}</p></div>}{(selected.capabilityLabels??[]).length>0&&<div className="capability-lines">{selected.capabilityLabels!.map(x=><span key={x}>{x}</span>)}</div>}{(selected.warnings??[]).map(w=><div className="detail-callout warning" key={w}>{w}</div>)}<details className="advanced"><summary>Advanced · actions & protocol</summary><pre>{pretty({actions:selected.actions,advanced:selected.advanced})}</pre></details></>}</DetailPane></div>}</>}
+export function CapabilitiesView({data,busy,onRefresh}:{data:ConsoleData;busy:boolean;onRefresh:()=>void}){const plugins=data.commandCenter.plugins??[],providers=data.automationSettings.providers??[];const[filter,setFilter]=useState<Filter>('all');const[selectedId,setSelectedId]=useState<string>();const filtered=useMemo(()=>plugins.filter(p=>filter==='all'||filter==='models'||category(p)===filter),[plugins,filter]);const selected=filtered.find(x=>x.id===selectedId)??filtered[0];return <><CommandBar eyebrow="CAPABILITY CATALOG" title="Capabilities" description="从“Forge 能做什么”查看扩展、服务、执行能力和模型，而不是浏览 MCP tool 清单。" refreshedAt={data.generatedAt} busy={busy} onRefresh={onRefresh}/><div className="toolbar"><Segmented value={filter} onChange={setFilter} items={[{id:'all',label:'All',count:plugins.length},{id:'extensions',label:'Extensions',count:plugins.filter(x=>category(x)==='extensions').length},{id:'services',label:'Services',count:plugins.filter(x=>category(x)==='services').length},{id:'execution',label:'Execution',count:plugins.filter(x=>category(x)==='execution').length},{id:'models',label:'Models',count:providers.length}]}/></div>{filter==='models'?<div className="single-list"><div className="scan-list">{providers.map(p=><div className="scan-row static" key={p.providerId}><div className="scan-main"><strong>{p.displayName}</strong><p>{compact(p.explanation??p.summary,110)}</p></div><StatusText label={p.statusLabel??p.status??'Unknown'} tone={p.status}/></div>)}</div></div>:<div className="split-workspace"><div className="scan-list">{filtered.map(p=><button key={p.id} className={`scan-row ${selected?.id===p.id?'selected':''}`} onClick={()=>setSelectedId(p.id)}><div className="scan-main"><span className="row-eyebrow">{category(p).toUpperCase()}</span><strong>{p.name}</strong><p>{compact(p.description,100)}</p></div><StatusText label={p.statusLabel??p.status??'Unknown'} tone={p.status??p.tone}/></button>)}</div><DetailPane title={selected?.name} subtitle={selected?.description}>{selected&&<><DefinitionList items={[["Status",<StatusText label={selected.statusLabel??selected.status??'Unknown'} tone={selected.status??selected.tone}/>],["Provider",selected.provider??'—'],["Health",selected.healthLabel??'—'],["Lifecycle",selected.lifecycleLabel??'—']]}/>{selected.nextStep&&<div className="detail-callout warning"><strong>Next step</strong><p>{selected.nextStep}</p></div>}{(selected.capabilityLabels??[]).length>0&&<div className="capability-lines">{selected.capabilityLabels!.map(x=><span key={x}>{x}</span>)}</div>}{(selected.warnings??[]).map(w=><div className="detail-callout warning" key={w}>{w}</div>)}<details className="advanced"><summary>Advanced · actions & protocol</summary><pre>{pretty({actions:selected.actions,advanced:selected.advanced})}</pre></details></>}</DetailPane></div>}</>}

package/src/cli/local-bridge/frontend/src/features/overview/OverviewView.tsx

@@ -1,3 +1,181 @@
-import type{ConsoleData,Dict}from'../../types';import{CommandBar}from'../../shell/CommandBar';import{StatusText}from'../../components/StatusText';import{SectionHeader}from'../../components/SectionHeader';import{compact}from'../../lib/format';
-function attentionKey(h:Dict){return`${String(h.title??'')}:${String(h.reason??'')}`}
-export function OverviewView({data,busy,onRefresh}:{data:ConsoleData;busy:boolean;onRefresh:()=>void}){const cc=data.commandCenter,a=data.automations.summary,w=data.work,p=cc.pluginSummary??{},repos=cc.repositories??[],readiness=cc.readiness??{};const unique=[...(cc.handoffs??[])].filter((h,i,all)=>all.findIndex(x=>attentionKey(x)===attentionKey(h))===i);const workAttention=w.waitingForUserCount??0;const attention=[...unique.slice(0,3),...(workAttention?[{title:'Persistent work needs attention',reason:`${workAttention} 项长期目标需要确认`,statusLabel:'Review',tone:'warning'}]:[]),...((p.needsAttention??0)?[{title:'Capabilities need attention',reason:`${p.needsAttention} 项能力需要配置或检查`,statusLabel:'Inspect',tone:'warning'}]:[])].slice(0,4)as Dict[];return <><CommandBar eyebrow="FORGE" title="Overview" description="长期配置与系统可用性。执行结果和通知继续由 ChatGPT 承担。" refreshedAt={data.generatedAt} busy={busy} onRefresh={onRefresh}/><div className="metric-strip"><a href="#/automations"><span>Automations</span><strong>{a.enabled}</strong><small>{a.paused?`${a.paused} paused`:'enabled'}</small></a><a href="#/capabilities"><span>Capabilities</span><strong>{p.ready??0}/{p.total??(cc.plugins??[]).length}</strong><small>ready</small></a><a href="#/repositories"><span>Repositories</span><strong>{repos.length}</strong><small>registered</small></a><a href="#/work"><span>Persistent work</span><strong>{w.activeRequirementCount??0}</strong><small>{w.waitingForUserCount??0} waiting</small></a></div><section className="page-section"><SectionHeader title="Needs attention" meta={attention.length?`${attention.length} actionable groups`:'All clear'}/>{attention.length?<div className="attention-list">{attention.map((h,i)=><div className="attention-row" key={`${String(h.title)}-${i}`}><span className="attention-index">{String(i+1).padStart(2,'0')}</span><div><strong>{String(h.title??'需要处理')}</strong><p>{compact(String(h.reason??'请在 ChatGPT 中确认'),120)}</p></div><StatusText label={String(h.statusLabel??'Review')} tone={String(h.tone??'warning')}/></div>)}</div>:<div className="quiet-empty"><StatusText label={String(readiness.label??readiness.headline??'Ready')} tone={String(readiness.state??'success')}/><p>当前没有需要你在控制台处理的配置问题。</p></div>}</section><section className="page-section"><SectionHeader title="Configured work" meta="只显示持久化目标，不展示执行流水"/><div className="compact-work-list">{(w.requirements??[]).filter(x=>x.state!=='done'&&x.state!=='cancelled').slice(0,5).map(x=><a href="#/work" key={x.requirementId}><div><strong>{x.title}</strong><p>{compact(x.outcome,100)}</p></div><StatusText label={x.state==='waiting_for_user'?'Waiting':x.state==='planned'?'Planned':'Active'} tone={x.state}/></a>)}</div></section></>}
+import type { ConsoleData, Dict, WorkPortfolioItem } from '../../types';
+import { CommandBar } from '../../shell/CommandBar';
+import { StatusText } from '../../components/StatusText';
+import { SectionHeader } from '../../components/SectionHeader';
+import { compact } from '../../lib/format';
+
+type AttentionItem = {
+  key: string;
+  source: string;
+  title: string;
+  summary: string;
+  statusLabel: string;
+  tone: string;
+  href: string;
+};
+
+type WorkspaceRow = {
+  key: string;
+  label: string;
+  summary: string;
+  href: string;
+  statusLabel?: string;
+  tone?: string;
+};
+
+function workStatus(item: WorkPortfolioItem): string {
+  return item.advanced?.status ?? '';
+}
+
+function isAttentionWork(item: WorkPortfolioItem): boolean {
+  return ['blocked', 'failed'].includes(workStatus(item));
+}
+
+function attentionKey(item: Dict): string {
+  return `${String(item.title ?? '')}:${String(item.reason ?? '')}`;
+}
+
+function repositoryNeedsAttention(repository: NonNullable<ConsoleData['commandCenter']['repositories']>[number]): boolean {
+  const state = `${repository.readinessLabel ?? ''} ${repository.statusLabel ?? ''}`;
+  return /error|failed|blocked|unavailable|degraded|warning|attention/i.test(state);
+}
+
+export function OverviewView({ data, busy, onRefresh }: { data: ConsoleData; busy: boolean; onRefresh: () => void }) {
+  const cc = data.commandCenter;
+  const portfolio = data.workPortfolio;
+  const automations = data.automations.summary;
+  const plugins = cc.pluginSummary ?? {};
+  const repositories = cc.repositories ?? [];
+  const readiness = cc.readiness ?? {};
+  const capabilityTotal = plugins.total ?? (cc.plugins ?? []).length;
+  const repositoryAttention = repositories.filter(repositoryNeedsAttention).length;
+  const readinessState = String(readiness.state ?? readiness.status ?? 'ready');
+  const runtimeNeedsAttention = /error|failed|blocked|unavailable|degraded|warning|attention/i.test(readinessState);
+  const runtimeLabel = String(readiness.label ?? readiness.headline ?? (runtimeNeedsAttention ? 'Needs attention' : 'Ready'));
+
+  const attentionWork = portfolio.items.filter(isAttentionWork).slice(0, 4);
+  const uniqueHandoffs = [...(cc.handoffs ?? [])].filter((handoff, index, all) => all.findIndex((candidate) => attentionKey(candidate) === attentionKey(handoff)) === index);
+
+  const attention: AttentionItem[] = [
+    ...(runtimeNeedsAttention ? [{
+      key: 'runtime',
+      source: 'System',
+      title: runtimeLabel,
+      summary: compact(String(readiness.explanation ?? readiness.summary ?? 'Inspect Runtime status.'), 112),
+      statusLabel: 'Inspect',
+      tone: readinessState,
+      href: '#/system',
+    }] : []),
+    ...attentionWork.map((item) => ({
+      key: `work:${item.id}`,
+      source: `Work · ${item.repositoryName}`,
+      title: item.title,
+      summary: compact(item.latestSummary || item.nextAction || item.objective, 112),
+      statusLabel: item.statusLabel,
+      tone: item.tone ?? 'warning',
+      href: '#/work',
+    })),
+    ...uniqueHandoffs.slice(0, 2).map((handoff, index) => ({
+      key: `handoff:${index}:${attentionKey(handoff)}`,
+      source: 'Decision',
+      title: String(handoff.title ?? 'Needs review'),
+      summary: compact(String(handoff.reason ?? handoff.summary ?? 'Review in ChatGPT.'), 112),
+      statusLabel: String(handoff.statusLabel ?? 'Review'),
+      tone: String(handoff.tone ?? 'warning'),
+      href: '#/work',
+    })),
+    ...((automations.needsAttention ?? 0) > 0 ? [{
+      key: 'automations',
+      source: 'Automations',
+      title: `${automations.needsAttention} automation${automations.needsAttention === 1 ? '' : 's'} need attention`,
+      summary: 'Inspect configured routines and schedules.',
+      statusLabel: 'Inspect',
+      tone: 'warning',
+      href: '#/automations',
+    }] : []),
+    ...((plugins.needsAttention ?? 0) > 0 ? [{
+      key: 'capabilities',
+      source: 'Capabilities',
+      title: `${plugins.needsAttention} ${plugins.needsAttention === 1 ? 'capability' : 'capabilities'} need attention`,
+      summary: 'Inspect configured capability readiness.',
+      statusLabel: 'Inspect',
+      tone: 'warning',
+      href: '#/capabilities',
+    }] : []),
+    ...(repositoryAttention > 0 ? [{
+      key: 'repositories',
+      source: 'Repositories',
+      title: `${repositoryAttention} ${repositoryAttention === 1 ? 'repository' : 'repositories'} need attention`,
+      summary: 'Inspect repository registration and readiness.',
+      statusLabel: 'Inspect',
+      tone: 'warning',
+      href: '#/repositories',
+    }] : []),
+  ].filter((item, index, all) => all.findIndex((candidate) => candidate.key === item.key) === index).slice(0, 6);
+
+  const workSummary = portfolio.summary.needsAttention
+    ? `${portfolio.summary.open} open · ${portfolio.summary.needsAttention} need attention`
+    : `${portfolio.summary.open} open · no attention needed`;
+  const automationSummary = automations.needsAttention
+    ? `${automations.enabled} enabled · ${automations.needsAttention} need attention`
+    : automations.paused
+      ? `${automations.enabled} enabled · ${automations.paused} paused`
+      : `${automations.enabled} enabled · healthy`;
+  const capabilitySummary = (plugins.needsAttention ?? 0) > 0
+    ? `${plugins.ready ?? 0} / ${capabilityTotal} ready · ${plugins.needsAttention} need attention`
+    : `${plugins.ready ?? 0} / ${capabilityTotal} ready`;
+  const repositorySummary = repositoryAttention
+    ? `${repositories.length} registered · ${repositoryAttention} need attention`
+    : `${repositories.length} registered`;
+
+  const workspaces: WorkspaceRow[] = [
+    { key: 'work', label: 'Work', summary: workSummary, href: '#/work', statusLabel: portfolio.summary.needsAttention ? 'Attention' : undefined, tone: portfolio.summary.needsAttention ? 'warning' : undefined },
+    { key: 'automations', label: 'Automations', summary: automationSummary, href: '#/automations', statusLabel: automations.needsAttention ? 'Attention' : undefined, tone: automations.needsAttention ? 'warning' : undefined },
+    { key: 'capabilities', label: 'Capabilities', summary: capabilitySummary, href: '#/capabilities', statusLabel: (plugins.needsAttention ?? 0) > 0 ? 'Attention' : undefined, tone: (plugins.needsAttention ?? 0) > 0 ? 'warning' : undefined },
+    { key: 'repositories', label: 'Repositories', summary: repositorySummary, href: '#/repositories', statusLabel: repositoryAttention ? 'Attention' : undefined, tone: repositoryAttention ? 'warning' : undefined },
+    { key: 'system', label: 'System', summary: runtimeNeedsAttention ? runtimeLabel : 'Runtime ready', href: '#/system', statusLabel: runtimeNeedsAttention ? 'Attention' : 'Ready', tone: runtimeNeedsAttention ? readinessState : 'success' },
+  ];
+
+  return <>
+    <CommandBar
+      eyebrow="FORGE CONTROL PLANE"
+      title="Overview"
+      description="需要处理的事项，以及 Forge 各工作区当前状态。"
+      refreshedAt={data.generatedAt}
+      busy={busy}
+      onRefresh={onRefresh}
+    />
+
+    <div className="overview-home">
+      <section className="page-section overview-attention-section">
+        <SectionHeader title="Needs attention" meta={attention.length ? `${attention.length} items` : 'All clear'} />
+        {attention.length ? <div className="overview-attention-list">
+          {attention.map((item) => <a className="overview-attention-row" href={item.href} key={item.key}>
+            <div className="overview-attention-source">{item.source}</div>
+            <div className="overview-attention-copy">
+              <strong>{compact(item.title, 82)}</strong>
+              <p>{item.summary}</p>
+            </div>
+            <StatusText label={item.statusLabel} tone={item.tone} />
+            <span className="overview-row-arrow" aria-hidden="true">→</span>
+          </a>)}
+        </div> : <div className="overview-clear-state">
+          <StatusText label="No action needed" tone="success" />
+          <span>Forge is operating normally.</span>
+        </div>}
+      </section>
+
+      <section className="page-section overview-workspace-section">
+        <SectionHeader title="Workspace" meta="Current state" />
+        <div className="overview-workspace-list">
+          {workspaces.map((workspace) => <a className="overview-workspace-row" href={workspace.href} key={workspace.key}>
+            <strong>{workspace.label}</strong>
+            <span>{workspace.summary}</span>
+            {workspace.statusLabel && <StatusText label={workspace.statusLabel} tone={workspace.tone} />}
+            <span className="overview-row-arrow" aria-hidden="true">→</span>
+          </a>)}
+        </div>
+      </section>
+    </div>
+  </>;
+}

package/src/cli/local-bridge/frontend/src/features/repositories/RepositoriesView.tsx

@@ -1,2 +1,2 @@
 import{useMemo,useState}from'react';import type{ConsoleData}from'../../types';import{CommandBar}from'../../shell/CommandBar';import{SearchField}from'../../components/SearchField';import{DetailPane,DefinitionList}from'../../components/DetailPane';import{StatusText}from'../../components/StatusText';import{Button}from'../../components/Button';import{compact,pretty}from'../../lib/format';
-export function RepositoriesView({data,busy,onRefresh,onRegister,onRemove}:{data:ConsoleData;busy:boolean;onRefresh:()=>void;onRegister:(path:string,name?:string)=>Promise<void>;onRemove:(id:string)=>Promise<void>}){const all=data.commandCenter.repositories??[];const[q,setQ]=useState('');const[selectedId,setSelectedId]=useState<string>();const[path,setPath]=useState('');const[name,setName]=useState('');const list=useMemo(()=>all.filter(r=>`${r.name} ${r.path} ${r.branchLabel}`.toLowerCase().includes(q.toLowerCase())),[all,q]);const selected=list.find(x=>x.id===selectedId)??list[0];return <><CommandBar eyebrow="CONTROLLER REGISTRY" title="Repositories" description="管理 Forge 已注册仓库；不存在隐含的全局“当前仓库”。" refreshedAt={data.generatedAt} busy={busy} onRefresh={onRefresh}/><div className="repository-tools"><SearchField value={q} onChange={setQ} placeholder="Search repositories…"/><form onSubmit={e=>{e.preventDefault();if(path.trim())void onRegister(path.trim(),name.trim()||undefined).then(()=>{setPath('');setName('')})}}><input value={path} onChange={e=>setPath(e.target.value)} placeholder="/absolute/path"/><input value={name} onChange={e=>setName(e.target.value)} placeholder="Display name (optional)"/><Button disabled={busy||!path.trim()}>Add</Button></form></div><div className="split-workspace"><div className="scan-list">{list.map(r=><button key={r.id} className={`scan-row ${selected?.id===r.id?'selected':''}`} onClick={()=>setSelectedId(r.id)}><div className="scan-main"><strong>{r.name}</strong><p>{compact(r.path,100)}</p></div><div className="scan-meta"><StatusText label={r.readinessLabel??r.statusLabel??'Registered'} tone={r.readinessLabel??r.statusLabel}/><span>{r.branchLabel??'—'}</span></div></button>)}</div><DetailPane title={selected?.name} subtitle={selected?.path}>{selected&&<><DefinitionList items={[["Repository id",<code>{selected.id}</code>],["Branch",selected.branchLabel??'—'],["Working tree",selected.dirtyLabel??'—'],["Readiness",<StatusText label={selected.readinessLabel??selected.statusLabel??'Registered'} tone={selected.readinessLabel??selected.statusLabel}/>]]}/><details className="advanced"><summary>Advanced registry metadata</summary><pre>{pretty(selected.advanced)}</pre></details><div className="detail-button-row"><Button className="danger-text" disabled={busy} onClick={()=>void onRemove(selected.id)}>Remove registry entry</Button></div></>}</DetailPane></div></>}
+export function RepositoriesView({data,busy,onRefresh,onRegister,onRemove}:{data:ConsoleData;busy:boolean;onRefresh:()=>void;onRegister:(path:string,name?:string)=>Promise<void>;onRemove:(id:string)=>Promise<void>}){const all=data.commandCenter.repositories??[];const[q,setQ]=useState('');const[selectedId,setSelectedId]=useState<string>();const[path,setPath]=useState('');const[name,setName]=useState('');const[adding,setAdding]=useState(false);const list=useMemo(()=>all.filter(r=>`${r.name} ${r.path} ${r.branchLabel}`.toLowerCase().includes(q.toLowerCase())),[all,q]);const selected=list.find(x=>x.id===selectedId)??list[0];return <><CommandBar eyebrow="CONTROLLER REGISTRY" title="Repositories" description="查看和管理 Forge 的持久化仓库边界；临时目录不需要出现在这里。" refreshedAt={data.generatedAt} busy={busy} onRefresh={onRefresh} actions={<Button onClick={()=>setAdding(v=>!v)} aria-expanded={adding}>{adding?'Cancel':'Add repository'}</Button>}/><div className="repository-tools"><SearchField value={q} onChange={setQ} placeholder="Search repositories…"/><span className="repository-count">{list.length===all.length?`${all.length} registered`:`${list.length} of ${all.length}`}</span></div>{adding&&<form className="repository-add-panel" onSubmit={e=>{e.preventDefault();if(path.trim())void onRegister(path.trim(),name.trim()||undefined).then(()=>{setPath('');setName('');setAdding(false)})}}><div className="repository-add-fields"><label><span>Local path</span><input autoFocus value={path} onChange={e=>setPath(e.target.value)} placeholder="/absolute/path"/></label><label><span>Display name</span><input value={name} onChange={e=>setName(e.target.value)} placeholder="Optional"/></label><Button type="submit" disabled={busy||!path.trim()}>Register</Button></div><p>只为需要持久化 Work、缓存、并发隔离或发布治理的仓库建立注册项。</p></form>}<div className="split-workspace repository-workspace"><div className="scan-list">{list.map(r=><button key={r.id} className={`scan-row ${selected?.id===r.id?'selected':''}`} onClick={()=>setSelectedId(r.id)}><div className="scan-main"><strong>{r.name}</strong><p>{compact(r.path,100)}</p></div><div className="scan-meta"><StatusText label={r.readinessLabel??r.statusLabel??'Registered'} tone={r.readinessLabel??r.statusLabel}/><span>{r.branchLabel??'—'}</span></div></button>)}</div><DetailPane title={selected?.name} subtitle={selected?.path}>{selected&&<><DefinitionList items={[["Repository id",<code>{selected.id}</code>],["Branch",selected.branchLabel??'—'],["Working tree",selected.dirtyLabel??'—'],["Readiness",<StatusText label={selected.readinessLabel??selected.statusLabel??'Registered'} tone={selected.readinessLabel??selected.statusLabel}/>]]}/><details className="advanced"><summary>Advanced registry metadata</summary><pre>{pretty(selected.advanced)}</pre></details><div className="detail-button-row"><Button className="danger-text" disabled={busy} onClick={()=>void onRemove(selected.id)}>Remove registry entry</Button></div></>}</DetailPane></div></>}

package/src/cli/local-bridge/frontend/src/features/work/WorkView.tsx

@@ -1,3 +1,4 @@
-import{useMemo,useState}from'react';import type{ConsoleData,TrackedWorkView}from'../../types';import{CommandBar}from'../../shell/CommandBar';import{Segmented}from'../../components/Segmented';import{DetailPane,DefinitionList}from'../../components/DetailPane';import{StatusText}from'../../components/StatusText';import{formatDate,compact}from'../../lib/format';
-type Filter='active'|'waiting'|'completed'|'all';function match(w:TrackedWorkView,f:Filter){if(f==='all')return true;if(f==='waiting')return w.state==='waiting_for_user';if(f==='completed')return w.state==='done'||w.state==='cancelled';return w.state==='active'||w.state==='planned'}
-export function WorkView({data,busy,onRefresh}:{data:ConsoleData;busy:boolean;onRefresh:()=>void}){const all=data.work.requirements??[];const[filter,setFilter]=useState<Filter>('active');const list=useMemo(()=>all.filter(w=>match(w,filter)),[all,filter]);const[selectedId,setSelectedId]=useState<string>();const selected=list.find(x=>x.requirementId===selectedId)??list[0];return <><CommandBar eyebrow="PERSISTENT GOALS" title="Work" description="粗粒度查看长期目标；不展示 Agent 步骤、Run 流水或推测进度。" refreshedAt={data.generatedAt} busy={busy} onRefresh={onRefresh}/><div className="toolbar"><Segmented value={filter} onChange={setFilter} items={[{id:'active',label:'Open',count:all.filter(x=>match(x,'active')).length},{id:'waiting',label:'Waiting',count:all.filter(x=>match(x,'waiting')).length},{id:'completed',label:'Completed',count:all.filter(x=>match(x,'completed')).length},{id:'all',label:'All',count:all.length}]}/></div><div className="split-workspace"><div className="scan-list">{list.map(w=><button key={w.requirementId} className={`scan-row ${selected?.requirementId===w.requirementId?'selected':''}`} onClick={()=>setSelectedId(w.requirementId)}><div className="scan-main"><strong>{w.title}</strong><p>{compact(w.outcome||w.blocker,96)}</p></div><div className="scan-meta"><StatusText label={w.state==='waiting_for_user'?'Waiting':w.state==='done'?'Completed':w.state==='planned'?'Planned':'Active'} tone={w.state}/><time>{formatDate(w.updatedAt)}</time></div></button>)}{!list.length&&<div className="quiet-empty">这个筛选条件下没有持久化目标。</div>}</div><DetailPane title={selected?.title} subtitle={selected?.outcome} empty="选择一个长期目标查看完整上下文">{selected&&<><DefinitionList items={[["State",<StatusText label={selected.state} tone={selected.state}/>],["Updated",formatDate(selected.updatedAt)],["Requirement",<code>{selected.requirementId}</code>]]}/>{selected.blocker&&<div className="detail-callout warning"><strong>Blocker</strong><p>{selected.blocker}</p></div>}{selected.requiredUserDecision&&<div className="detail-callout danger"><strong>Decision required</strong><p>{selected.requiredUserDecision}</p></div>}<p className="detail-note">执行步骤、检查证据和 Run 细节不在这里展开；继续工作请回到 ChatGPT。</p></>}</DetailPane></div></>}
+import{useMemo,useState}from'react';import type{ConsoleData,WorkPortfolioItem}from'../../types';import{CommandBar}from'../../shell/CommandBar';import{Segmented}from'../../components/Segmented';import{DetailPane,DefinitionList}from'../../components/DetailPane';import{StatusText}from'../../components/StatusText';import{formatDate,compact}from'../../lib/format';
+type Filter='open'|'attention'|'completed'|'all';
+function statusOf(w:WorkPortfolioItem){return w.advanced?.status??''}function match(w:WorkPortfolioItem,f:Filter){const s=statusOf(w);if(f==='all')return true;if(f==='attention')return s==='blocked'||s==='failed';if(f==='completed')return s==='completed'||s==='cancelled';return s==='open'||s==='running'||s==='ready'}
+export function WorkView({data,busy,onRefresh}:{data:ConsoleData;busy:boolean;onRefresh:()=>void}){const portfolio=data.workPortfolio;const all=portfolio.items??[];const[filter,setFilter]=useState<Filter>('open');const[repoId,setRepoId]=useState('all');const[selectedId,setSelectedId]=useState<string>();const list=useMemo(()=>all.filter(w=>match(w,filter)&&(repoId==='all'||w.repoId===repoId)),[all,filter,repoId]);const selected=list.find(x=>x.id===selectedId)??list[0];return <><CommandBar eyebrow="EXECUTION WORK" title="Work" description="查看所有已注册仓库的持久 Work；仓库是归属维度，默认聚合展示。" refreshedAt={portfolio.generatedAt} busy={busy} onRefresh={onRefresh}/><div className="toolbar work-toolbar"><Segmented value={filter} onChange={setFilter} items={[{id:'open',label:'Open',count:all.filter(x=>match(x,'open')).length},{id:'attention',label:'Needs attention',count:all.filter(x=>match(x,'attention')).length},{id:'completed',label:'Completed',count:all.filter(x=>match(x,'completed')).length},{id:'all',label:'All',count:all.length}]}/><label className="repository-filter"><span>Repository</span><select value={repoId} onChange={e=>{setRepoId(e.target.value);setSelectedId(undefined)}}><option value="all">All repositories</option>{portfolio.repositories.map(r=><option key={r.repoId} value={r.repoId}>{r.repositoryName}</option>)}</select></label></div><div className="split-workspace"><div className="scan-list">{list.map(w=><button key={w.id} className={`scan-row work-row ${selected?.id===w.id?'selected':''}`} onClick={()=>setSelectedId(w.id)}><div className="scan-main"><span className="row-eyebrow">{w.repositoryName}</span><strong>{w.title}</strong><p>{compact(w.latestSummary||w.objective,108)}</p></div><div className="scan-meta"><StatusText label={w.statusLabel} tone={w.tone}/><time>{formatDate(w.updatedAt)}</time></div></button>)}{!list.length&&<div className="quiet-empty">这个筛选条件下没有 Work。</div>}</div><DetailPane title={selected?.title} subtitle={selected?.objective} empty="选择一个 Work 查看完整上下文">{selected&&<><DefinitionList items={[["Repository",selected.repositoryName],["Status",<StatusText label={selected.statusLabel} tone={selected.tone}/>],["Updated",formatDate(selected.updatedAt)],["Work id",<code>{selected.id}</code>]]}/>{selected.latestSummary&&<div className="detail-callout"><strong>Latest</strong><p>{selected.latestSummary}</p></div>}<p className="detail-note">这里聚合所有仓库的持久 Work。具体执行、检查和继续操作仍由 ChatGPT 主控。</p></>}</DetailPane></div></>}

package/src/cli/local-bridge/frontend/src/lib/api.ts

@@ -1,14 +1,26 @@
-import type { AutomationSettingsView, AutomationsResponse, CommandCenterView, Dict, WorkResponse } from '../types';
+import type { AutomationSettingsView, AutomationsResponse, CommandCenterView, Dict, WorkPortfolioResponse, WorkResponse } from '../types';
 export class ApiError extends Error { constructor(message:string, readonly status:number, readonly payload:unknown){super(message);} }
-export async function requestJson<T>(path:string, init:RequestInit={}):Promise<T>{
-  const headers=new Headers(init.headers); if(init.body&&!headers.has('content-type'))headers.set('content-type','application/json');
-  const response=await fetch(path,{...init,headers,credentials:'same-origin'}); let payload:unknown={}; try{payload=await response.json();}catch{}
-  if(!response.ok){const r=payload&&typeof payload==='object'?payload as Dict:{}; const message=typeof r.error==='string'?r.error:typeof r.message==='string'?r.message:`Request failed (${response.status})`; throw new ApiError(message,response.status,payload);}
-  return payload as T;
+const CONSOLE_REQUEST_TIMEOUT_MS=15_000;
+export async function requestJson<T>(path:string,init:RequestInit={}):Promise<T>{
+  const headers=new Headers(init.headers);if(init.body&&!headers.has('content-type'))headers.set('content-type','application/json');
+  const controller=new AbortController();let timedOut=false;const callerSignal=init.signal;const abortFromCaller=()=>controller.abort();
+  if(callerSignal){if(callerSignal.aborted)abortFromCaller();else callerSignal.addEventListener('abort',abortFromCaller,{once:true});}
+  const timer=setTimeout(()=>{timedOut=true;controller.abort();},CONSOLE_REQUEST_TIMEOUT_MS);
+  try{
+    const response=await fetch(path,{...init,headers,signal:controller.signal,credentials:'same-origin'});let payload:unknown={};try{payload=await response.json();}catch{}
+    if(!response.ok){const r=payload&&typeof payload==='object'?payload as Dict:{};const message=typeof r.error==='string'?r.error:typeof r.message==='string'?r.message:`Request failed (${response.status})`;throw new ApiError(message,response.status,payload);}
+    return payload as T;
+  }catch(error){
+    if(timedOut)throw new Error('Forge Runtime 暂时没有响应。请在连接恢复后重试。');
+    throw error;
+  }finally{
+    clearTimeout(timer);callerSignal?.removeEventListener('abort',abortFromCaller);
+  }
 }
 export const api={
   commandCenter:()=>requestJson<CommandCenterView>('/api/console/command-center'),
   work:()=>requestJson<WorkResponse>('/api/console/requirements'),
+  workPortfolio:()=>requestJson<WorkPortfolioResponse>('/api/console/work-portfolio'),
   automations:()=>requestJson<AutomationsResponse>('/api/console/automations'),
   automationSettings:()=>requestJson<AutomationSettingsView>('/api/console/automation-settings'),
   connector:()=>requestJson<Dict>('/api/console/connector/status'),

package/src/cli/local-bridge/frontend/src/shell/CommandBar.tsx

@@ -1,2 +1,2 @@
 import type{ReactNode}from'react';import{RefreshIcon}from'../design/icons';import{formatDate}from'../lib/format';
-export function CommandBar({eyebrow,title,description,refreshedAt,busy,onRefresh,actions}:{eyebrow?:string;title:string;description:string;refreshedAt?:string;busy?:boolean;onRefresh:()=>void;actions?:ReactNode}){return <header className="command-bar"><div className="command-title">{eyebrow&&<div className="eyebrow">{eyebrow}</div>}<h1>{title}</h1><p>{description}</p></div><div className="command-actions"><span className="refreshed">Updated {formatDate(refreshedAt)}</span><button className="icon-button" onClick={onRefresh} disabled={busy} title="Refresh"><RefreshIcon/></button>{actions}<a className="button ghost-link" href="https://chatgpt.com" target="_blank" rel="noreferrer">ChatGPT ↗</a></div></header>}
+export function CommandBar({eyebrow,title,description,refreshedAt,busy,onRefresh,actions}:{eyebrow?:string;title:string;description:string;refreshedAt?:string;busy?:boolean;onRefresh:()=>void;actions?:ReactNode}){return <header className="command-bar"><div className="command-title">{eyebrow&&<div className="eyebrow">{eyebrow}</div>}<h1>{title}</h1><p>{description}</p></div><div className="command-actions"><div className="command-meta"><span>Last synced</span><strong>{formatDate(refreshedAt)}</strong></div><button className="icon-button" onClick={onRefresh} disabled={busy} title="Refresh"><RefreshIcon/></button>{actions}<a className="button ghost-link" href="https://chatgpt.com" target="_blank" rel="noreferrer">Open ChatGPT ↗</a></div></header>}

package/src/cli/local-bridge/frontend/src/shell/Sidebar.tsx

@@ -1,3 +1,4 @@
 import type{ComponentType,SVGProps}from'react';import type{RouteId}from'../types';import{routes}from'../lib/routes';import{AutomationIcon,CapabilityIcon,OverviewIcon,RepoIcon,SettingsIcon,SystemIcon,WorkIcon}from'../design/icons';
 const icons:Record<RouteId,ComponentType<SVGProps<SVGSVGElement>>>={overview:OverviewIcon,automations:AutomationIcon,work:WorkIcon,capabilities:CapabilityIcon,repositories:RepoIcon,settings:SettingsIcon,system:SystemIcon};
-export function Sidebar({route}:{route:RouteId}){let last='';return <aside className="sidebar"><div className="brand"><span className="brand-mark">F</span><div><strong>Forge</strong><small>Utility Console</small></div></div><nav>{routes.map(item=>{const Icon=icons[item.id];const sep=Boolean(last&&last!==item.group);last=item.group;return <div key={item.id} className={sep?'nav-group-start':''}><a href={`#/${item.id}`} className={route===item.id?'active':''}><Icon/><span>{item.label}</span></a></div>})}</nav><div className="sidebar-foot"><span className="pulse-dot"/>ChatGPT is the primary workspace</div></aside>}
+const groupLabels={daily:'Workspace',manage:'Configure',system:'System'} as const;
+export function Sidebar({route}:{route:RouteId}){let last='';return <aside className="sidebar"><div className="brand"><span className="brand-mark">F</span><div><strong>Forge</strong><small>Utility Console</small></div></div><nav>{routes.map(item=>{const Icon=icons[item.id];const first=item.group!==last;last=item.group;return <div key={item.id} className={first?'nav-group-start':'nav-item'}>{first&&<div className="nav-group-label">{groupLabels[item.group]}</div>}<a href={`#/${item.id}`} className={route===item.id?'active':''}><Icon/><span>{item.label}</span></a></div>})}</nav><div className="sidebar-foot"><span className="pulse-dot"/><span><strong>Runtime connected</strong><small>ChatGPT remains the primary workspace</small></span></div></aside>}