@moretea-labs/forge 1.5.0 → 1.6.0

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>}

package/src/cli/local-bridge/frontend/src/styles.css

@@ -1,12 +1,28 @@
 *{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font-sans);font-size:13px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{transition:background-color .14s,border-color .14s,color .14s,opacity .14s}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr)}
-.sidebar{position:sticky;top:0;height:100vh;background:var(--rail);color:#B8B8BF;padding:18px 12px 14px;display:flex;flex-direction:column}.brand{height:50px;display:flex;align-items:center;gap:10px;padding:0 8px;color:var(--inverse)}.brand-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--accent);color:white;font-weight:750}.brand strong{display:block;font-size:14px}.brand small{display:block;color:#77777F;font-size:10px;margin-top:1px}.sidebar nav{margin-top:18px;display:grid;gap:2px}.sidebar nav>div.nav-group-start{margin-top:13px;padding-top:13px;border-top:1px solid #2A2A2E}.sidebar nav a{display:flex;height:34px;align-items:center;gap:10px;padding:0 9px;border-radius:6px;color:#9C9CA4}.sidebar nav a:hover{background:var(--rail-hover);color:#DCDCE0}.sidebar nav a.active{background:var(--rail-selected);color:var(--inverse);box-shadow:inset 2px 0 var(--accent)}.sidebar nav svg{width:16px;height:16px}.sidebar-foot{margin-top:auto;border-top:1px solid #2A2A2E;padding:13px 8px 0;color:#75757D;font-size:10px;display:flex;align-items:center;gap:7px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#5CC58A}
-.workspace{width:100%;max-width:calc(var(--content-max) + 80px);padding:0 40px 64px;min-width:0}.command-bar{min-height:126px;display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:28px 0 20px;border-bottom:1px solid var(--border)}.command-title{min-width:0}.eyebrow,.row-eyebrow{font-size:10px;letter-spacing:.1em;color:var(--faint);font-weight:700}.command-title h1{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:4px 0 5px;font-weight:650}.command-title p{margin:0;color:var(--muted);max-width:700px;line-height:1.45}.command-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.refreshed{color:var(--faint);font-size:11px;margin-right:2px}
-.button,.icon-button,.text-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:6px;min-height:32px;padding:0 10px;cursor:pointer}.button:hover,.icon-button:hover{background:var(--surface-subtle)}.button:disabled,.icon-button:disabled{opacity:.45;cursor:default}.ghost-link{display:inline-flex;align-items:center}.icon-button{width:32px;padding:0;display:grid;place-items:center}.icon-button svg{width:15px;height:15px}.text-button{border:0;background:transparent;padding:0;color:var(--accent);min-height:auto}.text-button:hover{text-decoration:underline}.global-error{margin:12px 0 -4px;border:1px solid #E7BFBF;background:var(--danger-soft);border-radius:8px;padding:10px 12px;display:flex;gap:10px;align-items:center}.global-error span{color:var(--muted);flex:1}.global-error button{border:0;background:transparent;font-size:18px;cursor:pointer}
-.metric-strip{margin-top:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.metric-strip a{padding:16px 18px;border-right:1px solid var(--border);min-width:0}.metric-strip a:last-child{border-right:0}.metric-strip a:hover{background:#FAFAF9}.metric-strip span{display:block;color:var(--muted);font-size:11px}.metric-strip strong{display:inline-block;font-size:22px;letter-spacing:-.02em;margin:5px 6px 0 0}.metric-strip small{color:var(--faint)}.page-section{margin-top:30px}.section-header{height:32px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border)}.section-header>div:first-child{display:flex;align-items:baseline;gap:10px}.section-header h2{font-size:15px;margin:0;font-weight:650}.section-header span{font-size:11px;color:var(--faint)}
-.attention-list,.compact-work-list{background:var(--surface);border-bottom:1px solid var(--border)}.attention-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 4px;border-bottom:1px solid var(--border)}.attention-row:last-child{border-bottom:0}.attention-index{font-family:var(--font-mono);font-size:10px;color:var(--faint)}.attention-row strong,.compact-work-list strong{font-size:13px}.attention-row p,.compact-work-list p{margin:3px 0 0;color:var(--muted);font-size:12px}.compact-work-list a>div{min-width:0}.compact-work-list p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-work-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-height:54px;padding:8px 4px;border-bottom:1px solid var(--border)}.compact-work-list a:last-child{border-bottom:0}.compact-work-list a:hover strong{color:var(--accent)}.quiet-empty{padding:28px 4px;color:var(--muted)}.quiet-empty p{margin:6px 0 0}.status-text{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.status-dot.success{background:var(--success)}.status-dot.warning{background:var(--warning)}.status-dot.danger{background:var(--danger)}.status-dot.info{background:var(--info)}
-.toolbar{min-height:58px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.segmented{display:inline-flex;padding:2px;background:var(--surface-strong);border-radius:7px;gap:1px}.segmented button{border:0;background:transparent;color:var(--muted);border-radius:5px;height:28px;padding:0 9px;cursor:pointer;font-size:11px}.segmented button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.05)}.segmented button span{margin-left:5px;color:var(--faint);font-size:10px}.split-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);min-height:520px;border-bottom:1px solid var(--border)}.automation-layout{grid-template-columns:minmax(0,2.2fr) minmax(300px,.9fr)}.scan-list{min-width:0}.scan-row{width:100%;min-height:68px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;padding:11px 12px 11px 4px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;cursor:pointer;color:var(--ink)}.scan-row.static{cursor:default}.scan-row:hover{background:#FAFAF8}.scan-row.selected{background:var(--accent-soft);box-shadow:inset 2px 0 var(--accent)}.scan-main{min-width:0}.scan-main strong{display:block;font-size:13px;font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-main p{margin:4px 0 0;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-eyebrow{display:block;margin-bottom:3px}.scan-meta{text-align:right;display:grid;justify-items:end;gap:5px;color:var(--faint);font-size:10px}
-.detail-pane{border-left:1px solid var(--border);background:rgba(255,255,255,.55);min-width:0}.detail-head{padding:18px 18px 15px;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between}.detail-head h2{font-size:16px;margin:4px 0 5px;line-height:1.3}.detail-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.detail-body{padding:18px}.detail-empty{display:grid;place-items:center;min-height:260px;color:var(--faint);font-size:12px}.definition-list{margin:0}.definition-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.definition-list dt{color:var(--faint);font-size:11px}.definition-list dd{margin:0;min-width:0;overflow-wrap:anywhere}.definition-list code{font-size:10px;color:var(--muted)}.detail-callout{margin-top:16px;border-left:2px solid var(--warning);padding:4px 0 4px 12px}.detail-callout.danger{border-color:var(--danger)}.detail-callout p{margin:5px 0 0;color:var(--muted);line-height:1.5}.detail-note{margin-top:18px;color:var(--faint);font-size:11px;line-height:1.55}.detail-button-row{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}.danger-text{color:var(--danger)}
-.table-wrap{min-width:0;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;height:38px;color:var(--faint);font-size:10px;font-weight:650;letter-spacing:.03em;border-bottom:1px solid var(--border);padding:0 10px}.data-table td{height:62px;border-bottom:1px solid var(--border);padding:9px 10px;vertical-align:middle}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#FAFAF8}.data-table tbody tr.selected{background:var(--accent-soft)}.data-table td:first-child{max-width:280px}.data-table td strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table td small{display:block;color:var(--faint);margin-top:3px}.capability-lines{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.capability-lines span{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:4px 6px;background:var(--surface)}.advanced{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.advanced summary{cursor:pointer;color:var(--muted);font-size:11px}.advanced pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-subtle);border-radius:6px;padding:10px;font-size:10px;max-height:420px;overflow:auto}
-.repository-tools{min-height:64px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;justify-content:space-between}.repository-tools form{display:flex;gap:6px}.repository-tools input,.search-field input{height:32px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);padding:0 9px;color:var(--ink);min-width:170px}.search-field{display:flex;align-items:center;position:relative}.search-field svg{position:absolute;left:9px;width:14px;color:var(--faint)}.search-field input{padding-left:30px;width:230px}.settings-column{max-width:900px;padding-top:12px}.settings-column section{margin-top:26px}.settings-list{border-top:1px solid var(--border)}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:20px;align-items:center;min-height:68px;border-bottom:1px solid var(--border);padding:9px 0}.settings-row strong{font-size:13px}.settings-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.settings-actions{display:flex;gap:6px}.system-layout{max-width:900px;padding-top:26px}.system-summary{border-bottom:1px solid var(--border);padding-bottom:20px}.system-posture{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px}.system-posture h2{font-size:18px;margin:4px 0}.system-posture p{margin:0;color:var(--muted)}.system-layout>section+section{margin-top:24px}.boot-state{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;background:var(--canvas);color:var(--muted)}.boot-state .brand-mark{width:34px;height:34px}.boot-state p{max-width:460px;text-align:center}.single-list{max-width:900px}
-@media(max-width:1080px){.workspace{padding-left:28px;padding-right:28px}.command-bar{align-items:flex-start;flex-direction:column}.command-actions{width:100%;justify-content:flex-start}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip a:nth-child(2){border-right:0}.metric-strip a:nth-child(-n+2){border-bottom:1px solid var(--border)}.split-workspace,.automation-layout{grid-template-columns:1fr}.detail-pane{border-left:0;border-top:1px solid var(--border)}.data-table{min-width:760px}}
-@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;z-index:10;top:0;width:100%;height:auto;padding:8px 12px;flex-direction:row;align-items:center;overflow:auto}.brand{height:38px;min-width:120px}.brand small,.sidebar-foot{display:none}.sidebar nav{display:flex;margin:0 0 0 8px;gap:2px}.sidebar nav>div.nav-group-start{margin:0;padding:0;border:0}.sidebar nav a{white-space:nowrap;height:32px}.sidebar nav svg{display:none}.workspace{padding:0 18px 44px}.command-actions{flex-wrap:wrap}.refreshed{width:100%}.metric-strip{grid-template-columns:1fr 1fr}.repository-tools{align-items:flex-start;flex-direction:column;padding:12px 0}.repository-tools form{width:100%;flex-wrap:wrap}.repository-tools input{flex:1}.settings-row{grid-template-columns:1fr auto}.settings-row>.status-text{grid-column:2}.settings-actions{grid-column:1/-1}.definition-list>div{grid-template-columns:88px 1fr}}
+.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#1A1A1D 0%,#171719 100%);color:#B8B8BF;padding:20px 14px 16px;display:flex;flex-direction:column;border-right:1px solid #252529}.brand{height:48px;display:flex;align-items:center;gap:11px;padding:0 8px;color:var(--inverse)}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#746CF0,#554AE0);box-shadow:0 6px 18px rgba(94,84,232,.28);color:white;font-weight:780}.brand strong{display:block;font-size:14px;letter-spacing:-.01em}.brand small{display:block;color:#77777F;font-size:10px;margin-top:2px}.sidebar nav{margin-top:20px;display:grid;gap:2px}.sidebar nav>div.nav-group-start{margin-top:15px}.sidebar nav>div.nav-group-start:first-child{margin-top:0}.nav-group-label{height:24px;display:flex;align-items:center;padding:0 10px;color:#626269;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.sidebar nav a{display:flex;height:36px;align-items:center;gap:10px;padding:0 10px;border-radius:8px;color:#9999A1;position:relative}.sidebar nav a:hover{background:rgba(255,255,255,.045);color:#E0E0E4}.sidebar nav a.active{background:rgba(255,255,255,.075);color:var(--inverse)}.sidebar nav a.active:before{content:"";position:absolute;left:-4px;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--accent)}.sidebar nav svg{width:16px;height:16px}.sidebar-foot{margin-top:auto;border-top:1px solid #28282C;padding:14px 8px 0;color:#77777F;font-size:10px;display:flex;align-items:flex-start;gap:8px}.sidebar-foot>span:last-child{display:grid;gap:2px}.sidebar-foot strong{font-size:10px;font-weight:620;color:#A7A7AE}.sidebar-foot small{font-size:9px;color:#696970}.pulse-dot{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#5CC58A;box-shadow:0 0 0 3px rgba(92,197,138,.1)}
+.workspace{width:100%;max-width:calc(var(--content-max) + 88px);padding:0 44px 72px;min-width:0}.command-bar{min-height:112px;display:flex;justify-content:space-between;gap:32px;align-items:center;padding:24px 0 20px}.command-title{min-width:0}.eyebrow,.row-eyebrow{font-size:9px;letter-spacing:.12em;color:var(--faint);font-weight:760}.command-title h1{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:4px 0 6px;font-weight:650}.command-title p{margin:0;color:var(--muted);max-width:720px;line-height:1.5}.command-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.command-meta{display:grid;justify-items:end;line-height:1.2;margin-right:3px}.command-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.command-meta strong{font-size:10px;color:var(--muted);font-weight:580;margin-top:3px}.refreshed{display:none}
+.button,.icon-button,.text-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:8px;min-height:34px;padding:0 11px;cursor:pointer}.button:hover,.icon-button:hover{background:var(--surface-subtle);border-color:#C5C5C0}.button:disabled,.icon-button:disabled{opacity:.45;cursor:default}.ghost-link{display:inline-flex;align-items:center}.icon-button{width:34px;padding:0;display:grid;place-items:center}.icon-button svg{width:15px;height:15px}.text-button{border:0;background:transparent;padding:0;color:var(--accent);min-height:auto}.text-button:hover{text-decoration:underline}.global-error{margin:12px 0 -4px;border:1px solid #E7BFBF;background:var(--danger-soft);border-radius:8px;padding:10px 12px;display:flex;gap:10px;align-items:center}.global-error span{color:var(--muted);flex:1}.global-error button{border:0;background:transparent;font-size:18px;cursor:pointer}
+.overview-hero{margin-top:10px;min-height:190px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:26px;align-items:stretch;padding:28px 30px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--accent-soft),#FCFCFB 60%,#F1F1EE);box-shadow:inset 0 0 0 1px rgba(94,84,232,.09)}.overview-posture{align-self:center;max-width:760px}.overview-posture-title{display:flex;align-items:center;gap:14px;margin-top:7px}.overview-posture h2{font-size:25px;line-height:1.18;letter-spacing:-.03em;margin:0;font-weight:670}.overview-posture p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.overview-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:stretch}.overview-action{min-width:0;border-radius:11px;background:rgba(255,255,255,.68);padding:17px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 1px rgba(34,34,39,.06)}a.overview-action:hover{background:#FFF;box-shadow:inset 0 0 0 1px rgba(34,34,39,.08);transform:translateY(-1px)}.overview-action.primary{background:var(--ink);color:white;box-shadow:none}.overview-action.primary:hover{background:#2B2B30}.overview-action.calm{background:rgba(255,255,255,.5)}.overview-action span{font-size:10px;color:var(--faint)}.overview-action.primary span,.overview-action.primary small{color:#B9B9C0}.overview-action strong{font-size:28px;line-height:1;margin-top:10px;letter-spacing:-.04em}.overview-action small{font-size:10px;color:var(--muted);margin-top:8px}.signal-strip{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 4px}.signal-strip a{padding:14px 16px;border-radius:9px;min-width:0;position:relative}.signal-strip a:not(:last-child):after{content:"";position:absolute;right:-2px;top:17px;bottom:17px;width:1px;background:var(--border)}.signal-strip a:hover{background:rgba(255,255,255,.72)}.signal-strip span{display:block;color:var(--muted);font-size:10px}.signal-strip strong{display:block;font-size:19px;letter-spacing:-.02em;margin-top:5px;text-transform:capitalize}.signal-strip strong i{font-style:normal;font-size:12px;color:var(--faint);font-weight:550}.signal-strip small{display:block;color:var(--faint);font-size:10px;margin-top:3px}.page-section{margin-top:34px}.section-header{height:32px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border)}.section-header>div:first-child{display:flex;align-items:baseline;gap:10px}.section-header h2{font-size:15px;margin:0;font-weight:650}.section-header span{font-size:11px;color:var(--faint)}
+.attention-list,.compact-work-list{border-bottom:1px solid var(--border)}.attention-section .attention-list{margin-top:4px}.attention-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:10px 8px;border-bottom:1px solid var(--border);border-radius:8px}.attention-row:hover{background:rgba(255,255,255,.7)}.attention-row:last-child{border-bottom:0}.attention-index{font-family:var(--font-mono);font-size:10px;color:var(--faint)}.attention-row strong,.compact-work-list strong{font-size:13px}.attention-row p,.compact-work-list p{margin:3px 0 0;color:var(--muted);font-size:12px}.compact-work-list a>div{min-width:0}.compact-work-list p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-work-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-height:54px;padding:8px 4px;border-bottom:1px solid var(--border)}.compact-work-list a:last-child{border-bottom:0}.compact-work-list a:hover strong{color:var(--accent)}.quiet-empty{padding:30px 8px;color:var(--muted)}.success-empty{padding:24px 8px;border-radius:10px;background:linear-gradient(90deg,var(--success-soft),transparent 72%)}.quiet-empty p{margin:6px 0 0}.status-text{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.status-dot.success{background:var(--success)}.status-dot.warning{background:var(--warning)}.status-dot.danger{background:var(--danger)}.status-dot.info{background:var(--info)}
+.toolbar{min-height:58px;display:flex;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:4;background:rgba(245,245,243,.92);backdrop-filter:blur(12px)}.work-toolbar{justify-content:space-between;gap:18px}.repository-filter{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:10px}.repository-filter select{height:30px;max-width:220px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);padding:0 28px 0 9px;font:inherit}.work-row .row-eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:none}.segmented{display:inline-flex;padding:2px;background:var(--surface-strong);border-radius:7px;gap:1px}.segmented button{border:0;background:transparent;color:var(--muted);border-radius:5px;height:28px;padding:0 9px;cursor:pointer;font-size:11px}.segmented button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.05)}.segmented button span{margin-left:5px;color:var(--faint);font-size:10px}.split-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:22px;min-height:520px;padding-top:16px}.automation-layout{grid-template-columns:minmax(0,2.1fr) minmax(320px,.9fr)}.scan-list{min-width:0}.scan-row{width:100%;min-height:68px;border:0;border-bottom:1px solid var(--border);border-radius:9px;background:transparent;text-align:left;padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;cursor:pointer;color:var(--ink)}.scan-row.static{cursor:default}.scan-row:hover{background:rgba(255,255,255,.72)}.scan-row.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px rgba(94,84,232,.12)}.scan-main{min-width:0}.scan-main strong{display:block;font-size:13px;font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-main p{margin:4px 0 0;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-eyebrow{display:block;margin-bottom:3px}.scan-meta{text-align:right;display:grid;justify-items:end;gap:5px;color:var(--faint);font-size:10px}
+.detail-pane{border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0;align-self:start;position:sticky;top:18px;overflow:hidden}.detail-head{padding:19px 20px 16px;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between}.detail-head h2{font-size:16px;margin:4px 0 5px;line-height:1.3}.detail-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.detail-body{padding:18px}.detail-empty{display:grid;place-items:center;min-height:260px;color:var(--faint);font-size:12px}.definition-list{margin:0}.definition-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.definition-list dt{color:var(--faint);font-size:11px}.definition-list dd{margin:0;min-width:0;overflow-wrap:anywhere}.definition-list code{font-size:10px;color:var(--muted)}.detail-callout{margin-top:16px;border-left:2px solid var(--warning);padding:4px 0 4px 12px}.detail-callout.danger{border-color:var(--danger)}.detail-callout p{margin:5px 0 0;color:var(--muted);line-height:1.5}.detail-note{margin-top:18px;color:var(--faint);font-size:11px;line-height:1.55}.detail-button-row{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}.danger-text{color:var(--danger)}
+.table-wrap{min-width:0;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;height:38px;color:var(--faint);font-size:10px;font-weight:650;letter-spacing:.03em;border-bottom:1px solid var(--border);padding:0 10px;position:sticky;top:58px;background:rgba(245,245,243,.96);backdrop-filter:blur(10px);z-index:2}.data-table td{height:62px;border-bottom:1px solid var(--border);padding:9px 10px;vertical-align:middle}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:rgba(255,255,255,.72)}.data-table tbody tr.selected{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.data-table td:first-child{max-width:280px}.data-table td strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table td small{display:block;color:var(--faint);margin-top:3px}.capability-lines{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.capability-lines span{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:4px 6px;background:var(--surface)}.advanced{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.advanced summary{cursor:pointer;color:var(--muted);font-size:11px}.advanced pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-subtle);border-radius:6px;padding:10px;font-size:10px;max-height:420px;overflow:auto}
+.repository-tools{min-height:58px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;justify-content:space-between}.repository-count{color:var(--faint);font-size:10px}.repository-tools input,.search-field input,.repository-add-panel input{height:34px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);padding:0 10px;color:var(--ink);min-width:170px}.search-field{display:flex;align-items:center;position:relative}.search-field svg{position:absolute;left:10px;width:14px;color:var(--faint)}.search-field input{padding-left:31px;width:250px}.repository-add-panel{margin:14px 0 2px;padding:18px 20px;border-radius:11px;background:var(--surface);border:1px solid var(--border)}.repository-add-fields{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(180px,.8fr) auto;gap:10px;align-items:end}.repository-add-fields label{display:grid;gap:6px}.repository-add-fields label>span{font-size:10px;color:var(--faint);font-weight:650}.repository-add-fields input{width:100%}.repository-add-panel p{margin:11px 0 0;color:var(--faint);font-size:10px}.repository-workspace{padding-top:14px}.settings-column{max-width:900px;padding-top:12px}.settings-column section{margin-top:26px}.settings-list{border-top:1px solid var(--border)}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:20px;align-items:center;min-height:68px;border-bottom:1px solid var(--border);padding:9px 0}.settings-row strong{font-size:13px}.settings-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.settings-actions{display:flex;gap:6px}.system-layout{max-width:900px;padding-top:26px}.system-summary{border-bottom:1px solid var(--border);padding-bottom:20px}.system-posture{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px}.system-posture h2{font-size:18px;margin:4px 0}.system-posture p{margin:0;color:var(--muted)}.system-layout>section+section{margin-top:24px}.boot-state{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;background:var(--canvas);color:var(--muted)}.boot-state .brand-mark{width:34px;height:34px}.boot-state p{max-width:460px;text-align:center}.single-list{max-width:900px}
+@media(max-width:1080px){.workspace{padding-left:28px;padding-right:28px}.command-bar{align-items:flex-start;flex-direction:column}.command-actions{width:100%;justify-content:flex-start}.command-meta{justify-items:start}.overview-hero{grid-template-columns:1fr}.overview-actions{min-height:130px}.signal-strip{grid-template-columns:repeat(2,1fr)}.signal-strip a:nth-child(2):after{display:none}.split-workspace,.automation-layout{grid-template-columns:1fr}.detail-pane{position:static;border:1px solid var(--border);margin-bottom:20px}.data-table{min-width:760px}}
+@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;z-index:10;top:0;width:100%;height:auto;padding:8px 12px;flex-direction:row;align-items:center;overflow:auto}.brand{height:38px;min-width:120px}.brand small,.sidebar-foot,.nav-group-label{display:none}.sidebar nav{display:flex;margin:0 0 0 8px;gap:2px}.sidebar nav>div.nav-group-start{margin:0}.sidebar nav a{white-space:nowrap;height:32px}.sidebar nav svg{display:none}.workspace{padding:0 18px 44px}.command-actions{flex-wrap:wrap}.command-meta{width:100%;justify-items:start}.overview-hero{padding:22px 20px}.overview-actions{grid-template-columns:1fr}.signal-strip{grid-template-columns:1fr 1fr}.signal-strip a:after{display:none}.repository-tools{align-items:center;padding:10px 0}.repository-add-fields{grid-template-columns:1fr}.repository-add-panel{padding:16px}.repository-tools input{flex:1}.settings-row{grid-template-columns:1fr auto}.settings-row>.status-text{grid-column:2}.settings-actions{grid-column:1/-1}.definition-list>div{grid-template-columns:88px 1fr}}
+
+.overview-posture{margin-top:8px;max-width:none;min-height:144px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:32px;align-items:center;padding:24px 4px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
+.overview-posture-copy{max-width:760px}.overview-posture h2{font-size:20px;line-height:1.25;letter-spacing:-.02em;font-weight:650}.overview-posture p{margin-top:9px;line-height:1.55}
+.posture-attention{min-height:88px;border-left:1px solid var(--border);padding:8px 0 8px 22px;display:flex;flex-direction:column;justify-content:center}.posture-attention.has-attention{border-left-color:var(--warning)}.posture-attention:hover strong{color:var(--accent)}.posture-attention span,.posture-attention small{font-size:10px;color:var(--faint)}.posture-attention strong{font-size:25px;line-height:1;margin-top:7px;letter-spacing:-.03em}.posture-attention small{margin-top:7px;color:var(--muted)}
+
+.signal-strip{margin-top:14px;gap:0;padding:0 4px}.signal-strip a{border-radius:0;padding:14px 16px}.signal-strip a:not(:last-child):after{right:0;top:16px;bottom:16px}.signal-strip a:hover{background:transparent}.signal-strip a:hover strong{color:var(--accent)}
+.detail-pane{border-radius:var(--r-md);background:var(--surface);top:76px;box-shadow:none}.repository-workspace .detail-pane{top:18px}.repository-add-panel{border-radius:var(--r-md);background:var(--surface-subtle);box-shadow:none}
+@media(max-width:1080px){.overview-posture{grid-template-columns:1fr 160px}.detail-pane{top:auto}}
+@media(max-width:760px){.overview-posture{grid-template-columns:1fr;padding:20px 4px}.posture-attention{border-left:0;border-top:1px solid var(--border);padding:16px 0 0;min-height:auto}}
+
+/* Overview V2: portfolio-first workspace; hierarchy comes from rows, whitespace and hairlines. */
+.overview-home{width:min(100%,920px);padding-top:2px}.overview-home .page-section{margin-top:0}.overview-home .page-section+.page-section{margin-top:42px}.overview-attention-list,.overview-workspace-list{border-bottom:1px solid var(--border)}.overview-attention-row{min-height:66px;display:grid;grid-template-columns:150px minmax(0,1fr) auto 16px;gap:18px;align-items:center;padding:12px 4px 12px 0;border-top:1px solid var(--border)}.overview-attention-row:hover .overview-attention-copy strong,.overview-workspace-row:hover>strong{color:var(--accent)}.overview-attention-source{color:var(--faint);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.045em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-attention-copy{min-width:0}.overview-attention-copy strong{display:block;font-size:13px;font-weight:650;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-attention-copy p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-attention-row>.status-text{white-space:nowrap}.overview-row-arrow{color:var(--faint);font-size:13px;text-align:right}.overview-clear-state{min-height:52px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.overview-workspace-row{min-height:50px;display:grid;grid-template-columns:150px minmax(0,1fr) auto 16px;gap:18px;align-items:center;padding:0 4px 0 0;border-top:1px solid var(--border)}.overview-workspace-row>strong{font-size:13px;font-weight:650}.overview-workspace-row>span:nth-child(2){color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-workspace-row>.status-text{white-space:nowrap}
+@media(max-width:760px){.overview-home{width:100%}.overview-home .page-section+.page-section{margin-top:32px}.overview-attention-row{grid-template-columns:minmax(0,1fr) auto 14px;gap:10px;padding:12px 0}.overview-attention-source{grid-column:1/-1;margin-bottom:-4px}.overview-attention-copy p{white-space:normal}.overview-workspace-row{grid-template-columns:112px minmax(0,1fr) 14px;gap:10px}.overview-workspace-row>.status-text{display:none}}
+
+/* Automation configuration + execution history */
+.automation-toolbar{justify-content:flex-start}.automation-table th:nth-child(1){width:30%}.automation-table th:nth-child(2){width:17%}.automation-table th:nth-child(3){width:23%}.automation-table th:nth-child(4){width:13%}.automation-table th:nth-child(5){width:17%}.automation-detail-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:2px 0 16px;margin-bottom:4px;border-bottom:1px solid var(--border)}.automation-detail-status>div:first-child{display:grid;gap:7px}.automation-result{text-align:right;display:grid;gap:3px}.automation-result strong{font-size:14px;font-weight:650}.automation-result small{color:var(--faint);font-size:10px}.automation-section-head{display:flex;justify-content:space-between;align-items:end;margin:22px 0 8px;padding-top:16px;border-top:1px solid var(--border)}.automation-section-head h3{font-size:13px;margin:3px 0 0;font-weight:650}.automation-section-head>span{font-size:10px;color:var(--faint)}.automation-history{display:grid}.automation-history-row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid var(--border)}.automation-history-row:last-child{border-bottom:0}.automation-history-mark{width:7px;height:7px;border-radius:50%;margin-top:6px;background:var(--faint)}.automation-history-mark.green{background:#268a5c}.automation-history-mark.amber{background:#b27820}.automation-history-mark.red{background:#b74c4c}.automation-history-mark.blue{background:#557bd8}.automation-history-copy{min-width:0}.automation-history-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.automation-history-top time{color:var(--faint);font-size:10px;white-space:nowrap}.automation-history-copy p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.automation-history-copy small{display:block;margin-top:4px;color:var(--faint);font-size:10px}.automation-history-empty{padding:18px 0;color:var(--faint);font-size:11px}.automation-advanced{margin-top:14px}@media(max-width:720px){.automation-detail-status{grid-template-columns:1fr}.automation-result{text-align:left}.automation-table{min-width:680px}}

package/src/cli/local-bridge/frontend/src/types.ts

@@ -7,8 +7,12 @@ export interface ProviderView { providerId:string; displayName:string; status?:s
 export interface LocalToolView { toolId:string; displayName:string; status?:string; summary?:string; enabled?:boolean; executablePath?:string; version?:string; usedByWorkflows?:string[] }
 export interface AutomationSettingsView { schemaVersion?:number; overview?:Dict; providers?:ProviderView[]; localTools?:LocalToolView[]; credentials?:Dict[]; routing?:{orders?:Record<string,string[]>}; warnings?:string[] }
 export interface CommandCenterView { readiness?:Dict; repositories?:RepositoryView[]; handoffs?:Dict[]; plugins?:PluginView[]; pluginSummary?:{total?:number;ready?:number;needsAttention?:number}; warnings?:string[] }
-export interface AutomationView { id:string; source:'schedule'|'routine'; repoId:string; repositoryName:string; name:string; summary?:string; status:'enabled'|'paused'|'attention'|'disabled'; schedule:string; timezone?:string; delivery?:string; lastRunAt?:string; lastResult?:string; nextRunHint?:string; pausedReason?:string; actions:Array<'run'|'pause'|'resume'> }
+export type AutomationMode='browser_watch'|'browser_keepalive'|'continuation'|'routine'|'schedule';
+export interface AutomationHistoryView { id:string; at:string; result:string; tone:'green'|'amber'|'red'|'blue'|'gray'; reason?:string; trigger?:string }
+export interface AutomationView { id:string; source:'schedule'|'routine'; repoId:string; repositoryName:string; name:string; summary?:string; status:'enabled'|'paused'|'attention'|'disabled'; schedule:string; timezone?:string; delivery?:string; mode:AutomationMode; modeLabel:string; live?:boolean; targetLabel?:string; boundWorkId?:string; boundWorkObjective?:string; observationStatus?:'baseline'|'unchanged'|'changed'|'keepalive'|'auth_required'; observationAt?:string; failureCount?:number; policySummary?:string; agentModel?:string; reasoningLevel?:string; tabPolicy?:string; lastRunAt?:string; lastResult?:string; nextRunHint?:string; pausedReason?:string; history:AutomationHistoryView[]; actions:Array<'run'|'pause'|'resume'> }
 export interface AutomationsResponse { schemaVersion:1; generatedAt:string; summary:{total:number;enabled:number;paused:number;needsAttention:number}; automations:AutomationView[] }
 export interface TrackedWorkView { requirementId:string; title:string; outcome?:string; state:'planned'|'active'|'waiting_for_user'|'done'|'cancelled'; needsAttention?:boolean; blocker?:string; requiredUserDecision?:string; updatedAt?:string }
 export interface WorkResponse { schemaVersion?:number; requirementCount?:number; activeRequirementCount?:number; waitingForUserCount?:number; needsAttentionCount?:number; requirements?:TrackedWorkView[]; requirementTruncatedCount?:number }
-export interface ConsoleData { commandCenter:CommandCenterView; work:WorkResponse; automations:AutomationsResponse; automationSettings:AutomationSettingsView; connector?:Dict; generatedAt:string }
+export interface WorkPortfolioItem { id:string; repoId:string; repositoryName:string; updatedAt:string; title:string; objective:string; modeLabel:string; statusLabel:string; tone?:string; phase:string; phaseLabel:string; nextAction:string; latestSummary:string; latestVerification?:Dict; changedFiles?:Dict; advanced?:{workId:string;status:string;checkIds:string[];handoffRefs:string[]} }
+export interface WorkPortfolioResponse { schemaVersion:1; generatedAt:string; summary:{total:number;open:number;needsAttention:number;completed:number}; repositories:Array<{repoId:string;repositoryName:string}>; items:WorkPortfolioItem[] }
+export interface ConsoleData { commandCenter:CommandCenterView; work:WorkResponse; workPortfolio:WorkPortfolioResponse; automations:AutomationsResponse; automationSettings:AutomationSettingsView; connector?:Dict; generatedAt:string }

package/src/cli/local-bridge/server.ts

@@ -73,6 +73,7 @@ import {
   verifyEditSession,
 } from "../editing/edit-session";
 import { localBridgeDashboardHtml } from "./dashboard";
+import { readConsoleAsset, type ConsoleAssetName } from "./console-assets";
 import { applyConsoleAutomationAction, listConsoleAutomations, summarizeConsoleAutomations } from "./console-automations";
 import {
   ackConsoleHandoff,
@@ -170,7 +171,7 @@ import { approveAssistantActionProposal, listAssistantActionProposals, rejectAss
 import { assistantModelReadiness } from "../../runtime/assistant/model-provider";
 import { createAssistantStandingGrant, listAssistantStandingGrants, revokeAssistantStandingGrant } from "../../runtime/assistant/standing-grants";
 import { buildAssistantReadinessReport } from "../../runtime/assistant/readiness";
-import { listWebTargets, previewBrowserDomainAccess, summarizePluginForLowInterception } from "../../runtime/safe-tooling";
+import { summarizePluginForLowInterception } from "../../runtime/safe-tooling";
 import { buildModelClientSummary, buildModelControlPlaneSummary, deepSeekControllerManifest, deepSeekFunctionToolManifest, prepareDeepSeekControllerHandoff, prepareDeepSeekControllerRequest, prepareDeepSeekToolCall } from "../../runtime/model-clients";
 import { applyRuntimeCleanup, previewRuntimeCleanup } from "../../runtime/maintenance/cleanup";
 import { assertRecoveryAuthorized, buildCapabilityRecoverySnapshot, buildRecoveryAuditRecord, recoveryActionById, writeRecoveryAuditRecord } from "../../runtime/recovery";
@@ -994,7 +995,7 @@ export async function startLocalBridgeServer(
     if (asset !== "app.js" && asset !== "app.css") { response.status(404).end(); return; }
     response.setHeader("Cache-Control", "no-cache");
     response.type(asset.endsWith(".css") ? "text/css" : "application/javascript");
-    response.send(readFileSync(new URL(`./ui-dist/${asset}`, import.meta.url), "utf8"));
+    response.send(readConsoleAsset(asset as ConsoleAssetName));
   });
 
   app.get("/", (_request, response) => {
@@ -1284,6 +1285,34 @@ export async function startLocalBridgeServer(
     }
   });
 
+  app.get("/api/console/work-portfolio", (_request, response) => {
+    try {
+      const repositories = loadRepositoryRegistry(controllerHome).repositories
+        .filter((repository) => repository.enabled && !repository.removedAt);
+      const items = repositories.flatMap((repository) =>
+        listConsoleWork({ controllerHome, repository }, "all").map((work) => ({
+          ...work,
+          repositoryName: repository.displayName,
+        })),
+      ).sort((left, right) => right.updatedAt.localeCompare(left.updatedAt));
+      const statusOf = (item: (typeof items)[number]) => String(item.advanced?.status ?? "");
+      response.json({
+        schemaVersion: 1,
+        generatedAt: new Date().toISOString(),
+        summary: {
+          total: items.length,
+          open: items.filter((item) => ["open", "running", "ready"].includes(statusOf(item))).length,
+          needsAttention: items.filter((item) => ["blocked", "failed"].includes(statusOf(item))).length,
+          completed: items.filter((item) => ["completed", "cancelled"].includes(statusOf(item))).length,
+        },
+        repositories: repositories.map((repository) => ({ repoId: repository.repoId, repositoryName: repository.displayName })),
+        items,
+      });
+    } catch (error) {
+      response.status(400).json({ error: errorMessage(error) });
+    }
+  });
+
   app.get("/api/console/automations", (_request, response) => {
     try {
       const repositories = loadRepositoryRegistry(controllerHome).repositories;
@@ -2915,24 +2944,6 @@ export async function startLocalBridgeServer(
       response.status(404).json({ error: errorMessage(error) });
     }
   });
-  app.get("/api/toolchain/web-targets", (request, response) => {
-    try {
-      const repository = requestRepositorySelection(request, options, controllerHome);
-      const manifest = getAssistantPluginManifest(controllerHome, repository, "browser");
-      response.json({ targets: listWebTargets(repository.canonicalRoot, manifest), arbitraryUrlAccepted: false });
-    } catch (error) {
-      response.status(400).json({ error: errorMessage(error) });
-    }
-  });
-  app.post("/api/toolchain/web-domain-preview", (request, response) => {
-    try {
-      const repository = requestRepositorySelection(request, options, controllerHome);
-      const manifest = getAssistantPluginManifest(controllerHome, repository, "browser");
-      response.json({ preview: previewBrowserDomainAccess(repository.canonicalRoot, request.body?.domain, request.body?.reason, manifest) });
-    } catch (error) {
-      response.status(400).json({ error: errorMessage(error) });
-    }
-  });
   app.get("/api/toolchain/model-clients", (_request, response) => {
     response.json({ clients: buildModelClientSummary(), policyOwner: "forge" });
   });