@moretea-labs/forge 1.5.0-rc.1 → 1.5.1

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

@@ -17,6 +17,7 @@ import { observeRuntimeStatus } from '../../runtime/root/status';
 import { readForgeRuntimeStatus } from '../../runtime/control-plane/runtime-status-client';
 import { evaluateActiveRuntimeSourceDrift, readRuntimeGeneration } from '../../runtime/control-plane/runtime-generation';
 import {
+  controllerPluginRepository,
   getAssistantPluginManifest,
   listAssistantPluginManifests,
 } from '../../runtime/plugins/store';
@@ -944,17 +945,25 @@ export function mapPluginCard(manifest: AssistantPluginManifest): PluginCardView
 }
 
 export function listConsolePlugins(ctx: ConsoleFacadeContext): PluginCardViewModel[] {
-  return listAssistantPluginManifests(ctx.controllerHome, ctx.repository, {
-    preferStored: true,
-  }).map(mapPluginCard);
+  const repositories = [ctx.repository, controllerPluginRepository(ctx.controllerHome)];
+  const byPluginId = new Map<string, PluginCardViewModel>();
+  for (const repository of repositories) {
+    for (const manifest of listAssistantPluginManifests(ctx.controllerHome, repository, { preferStored: true })) {
+      if (!byPluginId.has(manifest.pluginId)) byPluginId.set(manifest.pluginId, mapPluginCard(manifest));
+    }
+  }
+  return [...byPluginId.values()].sort((left, right) => left.name.localeCompare(right.name));
 }
 
 export function getConsolePlugin(ctx: ConsoleFacadeContext, pluginId: string): PluginCardViewModel | null {
-  try {
-    return mapPluginCard(getAssistantPluginManifest(ctx.controllerHome, ctx.repository, pluginId));
-  } catch {
-    return null;
+  for (const repository of [ctx.repository, controllerPluginRepository(ctx.controllerHome)]) {
+    try {
+      return mapPluginCard(getAssistantPluginManifest(ctx.controllerHome, repository, pluginId));
+    } catch {
+      // Try the other supported plugin scope before reporting an unknown plugin.
+    }
   }
+  return null;
 }
 
 export function buildPluginSummary(plugins: PluginCardViewModel[]): PluginSummaryViewModel {

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

@@ -0,0 +1,10 @@
+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()}}
+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]);
+const mutate=useCallback(async(fn:()=>Promise<unknown>)=>{setBusy(true);try{await fn();setData(await loadData())}catch(e){setError(e instanceof Error?e.message:String(e))}finally{setBusy(false)}},[]);
+if(!data)return <div className="boot-state"><span className="brand-mark">F</span><strong>{error?'Forge console unavailable':'Loading Forge…'}</strong>{error&&<><p>{error}</p><button className="button" onClick={()=>void refresh()}>Retry</button></>}</div>;
+const common={data,busy,onRefresh:()=>void refresh()};let view;
+switch(route){case'automations':view=<AutomationsView {...common} onAction={(a:AutomationView,action:'run'|'pause'|'resume')=>mutate(()=>api.automationAction(a.source,a.repoId,a.id,action))}/>;break;case'work':view=<WorkView {...common}/>;break;case'capabilities':view=<CapabilitiesView {...common}/>;break;case'repositories':view=<RepositoriesView {...common} onRegister={(p,n)=>mutate(()=>api.registerRepository(p,n))} onRemove={id=>mutate(()=>api.removeRepository(id))}/>;break;case'settings':view=<SettingsView {...common} onProviderAction={(p:ProviderView,a:'enable'|'disable')=>mutate(()=>api.providerAction(p.providerId,a))} onProviderHealth={(p:ProviderView)=>mutate(()=>api.providerHealth(p.providerId))} onToolAction={(t:LocalToolView,a:'enable'|'disable')=>mutate(()=>api.localToolAction(t.toolId,a))} onToolHealth={(t:LocalToolView)=>mutate(()=>api.localToolHealth(t.toolId))}/>;break;case'system':view=<SystemView {...common}/>;break;default:view=<OverviewView {...common}/>}
+return <AppShell route={route}>{error&&<div className="global-error"><strong>Last action failed</strong><span>{error}</span><button onClick={()=>setError('')}>×</button></div>}{view}</AppShell>}

package/src/cli/local-bridge/frontend/src/components/Button.tsx

@@ -0,0 +1 @@
+import type{ButtonHTMLAttributes,PropsWithChildren}from'react';export function Button({children,className='',...props}:PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>){return <button className={`button ${className}`.trim()} {...props}>{children}</button>}

package/src/cli/local-bridge/frontend/src/components/DetailPane.tsx

@@ -0,0 +1,3 @@
+import type{PropsWithChildren,ReactNode}from'react';
+export function DetailPane({title,subtitle,actions,children,empty}:{title?:string;subtitle?:string;actions?:ReactNode;empty?:string}&PropsWithChildren){return <aside className="detail-pane">{title?<><div className="detail-head"><div><div className="eyebrow">DETAIL</div><h2>{title}</h2>{subtitle&&<p>{subtitle}</p>}</div>{actions&&<div className="detail-actions">{actions}</div>}</div><div className="detail-body">{children}</div></>:<div className="detail-empty">{empty??'选择一项查看详细配置'}</div>}</aside>}
+export function DefinitionList({items}:{items:Array<[string,ReactNode]>}){return <dl className="definition-list">{items.map(([k,v])=><div key={k}><dt>{k}</dt><dd>{v}</dd></div>)}</dl>}

package/src/cli/local-bridge/frontend/src/components/SearchField.tsx

@@ -0,0 +1 @@
+import{SearchIcon}from'../design/icons';export function SearchField({value,onChange,placeholder='Search…'}:{value:string;onChange:(v:string)=>void;placeholder?:string}){return <label className="search-field"><SearchIcon/><input value={value} onChange={e=>onChange(e.target.value)} placeholder={placeholder}/></label>}

package/src/cli/local-bridge/frontend/src/components/SectionHeader.tsx

@@ -0,0 +1 @@
+import type{ReactNode}from'react';export function SectionHeader({title,meta,actions}:{title:string;meta?:ReactNode;actions?:ReactNode}){return <div className="section-header"><div><h2>{title}</h2>{meta&&<span>{meta}</span>}</div>{actions&&<div>{actions}</div>}</div>}

package/src/cli/local-bridge/frontend/src/components/Segmented.tsx

@@ -0,0 +1 @@
+export interface Segment<T extends string>{id:T;label:string;count?:number}export function Segmented<T extends string>({items,value,onChange}:{items:Segment<T>[];value:T;onChange:(v:T)=>void}){return <div className="segmented" role="tablist">{items.map(i=><button key={i.id} role="tab" aria-selected={value===i.id} className={value===i.id?'selected':''} onClick={()=>onChange(i.id)}>{i.label}{i.count!==undefined&&<span>{i.count}</span>}</button>)}</div>}

package/src/cli/local-bridge/frontend/src/components/StatusText.tsx

@@ -0,0 +1,3 @@
+export type StatusTone='success'|'warning'|'danger'|'info'|'neutral';
+export function toneFor(value?:string):StatusTone{const s=(value??'').toLowerCase();if(/ready|enabled|healthy|success|done|completed|active/.test(s))return'success';if(/attention|blocked|error|fail|danger/.test(s))return'danger';if(/pause|waiting|warn|degrad|stale|planned/.test(s))return'warning';if(/info|running/.test(s))return'info';return'neutral';}
+export function StatusText({label,tone}:{label:string;tone?:StatusTone|string}){const t=(tone&&['success','warning','danger','info','neutral'].includes(tone)?tone:toneFor(tone??label))as StatusTone;return <span className="status-text"><i className={`status-dot ${t}`}/>{label}</span>}

package/src/cli/local-bridge/frontend/src/design/icons.tsx

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+function Icon({children,...props}:SVGProps<SVGSVGElement>){return <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" strokeWidth="1.55" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" {...props}>{children}</svg>}
+export const OverviewIcon=(p:SVGProps<SVGSVGElement>)=><Icon {...p}><path d="M3 9.2 10 3l7 6.2v7.1a.7.7 0 0 1-.7.7h-4.2v-5H7.9v5H3.7a.7.7 0 0 1-.7-.7z"/></Icon>;
+export const AutomationIcon=(p:SVGProps<SVGSVGElement>)=><Icon {...p}><path d="M4.2 6.3A6.5 6.5 0 0 1 16 7"/><path d="m16 3 .4 4.4-4.4.4"/><path d="M15.8 13.7A6.5 6.5 0 0 1 4 13"/><path d="m4 17-.4-4.4 4.4-.4"/></Icon>;
+export const WorkIcon=(p:SVGProps<SVGSVGElement>)=><Icon {...p}><path d="M4 5.2h12v10.6H4z"/><path d="M7 5.2V3.6h6v1.6M7 9h6M7 12h4"/></Icon>;
+export const CapabilityIcon=(p:SVGProps<SVGSVGElement>)=><Icon {...p}><path d="m10 2.8 2 4 4.4.7-3.2 3.1.8 4.4-4-2.1L6 15l.8-4.4-3.2-3.1L8 6.8z"/></Icon>;
+export const RepoIcon=(p:SVGProps<SVGSVGElement>)=><Icon {...p}><path d="M4 3.5h5l1.4 2H16v11H4z"/><path d="M4 8h12"/></Icon>;
+export const SettingsIcon=(p:SVGProps<SVGSVGElement>)=><Icon {...p}><circle cx="10" cy="10" r="2.5"/><path d="M10 2.8v2M10 15.2v2M2.8 10h2M15.2 10h2M4.9 4.9l1.4 1.4M13.7 13.7l1.4 1.4M15.1 4.9l-1.4 1.4M6.3 13.7l-1.4 1.4"/></Icon>;
+export const SystemIcon=(p:SVGProps<SVGSVGElement>)=><Icon {...p}><path d="M3.2 4.5h13.6v9.2H3.2z"/><path d="M7 17h6M10 13.7V17"/></Icon>;
+export const RefreshIcon=(p:SVGProps<SVGSVGElement>)=><Icon {...p}><path d="M15.5 6A6 6 0 1 0 16 12"/><path d="m15.5 2.8.3 3.7-3.7.2"/></Icon>;
+export const SearchIcon=(p:SVGProps<SVGSVGElement>)=><Icon {...p}><circle cx="8.8" cy="8.8" r="5"/><path d="m12.5 12.5 4 4"/></Icon>;

package/src/cli/local-bridge/frontend/src/design/tokens.css

@@ -0,0 +1,8 @@
+:root{
+  --canvas:#F5F5F3;--surface:#FFFFFF;--surface-subtle:#F0F0EE;--surface-strong:#E8E8E5;
+  --rail:#19191B;--rail-hover:#242427;--rail-selected:#303037;--ink:#1D1D20;--muted:#646469;--faint:#909096;--inverse:#F7F7F8;
+  --border:#E1E1DE;--border-strong:#CECECA;--accent:#5E54E8;--accent-hover:#5046D9;--accent-soft:#EFEEFF;
+  --success:#237A57;--success-soft:#EAF5EF;--warning:#946200;--warning-soft:#FFF4D8;--danger:#B44444;--danger-soft:#FBECEC;--info:#3567B7;--focus:#786FF7;
+  --font-sans:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
+  --r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--rail-width:224px;--content-max:1280px;
+}

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

@@ -0,0 +1,3 @@
+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></>}

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

@@ -0,0 +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>}</>}

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

@@ -0,0 +1,3 @@
+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></>}

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

@@ -0,0 +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></>}

package/src/cli/local-bridge/frontend/src/features/settings/SettingsView.tsx

@@ -0,0 +1,2 @@
+import type{ConsoleData,LocalToolView,ProviderView}from'../../types';import{CommandBar}from'../../shell/CommandBar';import{StatusText}from'../../components/StatusText';import{Button}from'../../components/Button';import{SectionHeader}from'../../components/SectionHeader';import{compact,pretty}from'../../lib/format';
+export function SettingsView({data,busy,onRefresh,onProviderAction,onProviderHealth,onToolAction,onToolHealth}:{data:ConsoleData;busy:boolean;onRefresh:()=>void;onProviderAction:(p:ProviderView,a:'enable'|'disable')=>Promise<void>;onProviderHealth:(p:ProviderView)=>Promise<void>;onToolAction:(t:LocalToolView,a:'enable'|'disable')=>Promise<void>;onToolHealth:(t:LocalToolView)=>Promise<void>}){const s=data.automationSettings;return <><CommandBar eyebrow="LONG-LIVED CONFIG" title="Settings" description="模型、Provider 与本地工具的长期默认配置。Automation 调度不在这里。" refreshedAt={data.generatedAt} busy={busy} onRefresh={onRefresh}/><div className="settings-column">{(s.warnings??[]).map(w=><div className="detail-callout warning" key={w}>{w}</div>)}<section><SectionHeader title="Models & routing" meta={`${s.providers?.length??0} providers`}/><div className="settings-list">{(s.providers??[]).map(p=><div className="settings-row" key={p.providerId}><div><strong>{p.displayName}</strong><p>{compact(p.explanation??p.summary,120)}</p></div><StatusText label={p.statusLabel??p.status??'Unknown'} tone={p.status}/><div className="settings-actions"><Button disabled={busy} onClick={()=>void onProviderHealth(p)}>Check</Button><Button disabled={busy} onClick={()=>void onProviderAction(p,p.enabled===false?'enable':'disable')}>{p.enabled===false?'Enable':'Disable'}</Button></div></div>)}</div></section><section><SectionHeader title="Local tools" meta={`${s.localTools?.length??0} configured`}/><div className="settings-list">{(s.localTools??[]).map(t=><div className="settings-row" key={t.toolId}><div><strong>{t.displayName}</strong><p>{compact(t.summary,120)}</p></div><StatusText label={t.status??(t.enabled===false?'Disabled':'Configured')} tone={t.status}/><div className="settings-actions"><Button disabled={busy} onClick={()=>void onToolHealth(t)}>Check</Button><Button disabled={busy} onClick={()=>void onToolAction(t,t.enabled===false?'enable':'disable')}>{t.enabled===false?'Enable':'Disable'}</Button></div></div>)}</div></section><details className="advanced"><summary>Advanced routing & credentials metadata</summary><pre>{pretty({routing:s.routing,credentials:s.credentials,overview:s.overview})}</pre></details></div></>}

package/src/cli/local-bridge/frontend/src/features/system/SystemView.tsx

@@ -0,0 +1,2 @@
+import{useState}from'react';import type{ConsoleData,Dict}from'../../types';import{CommandBar}from'../../shell/CommandBar';import{DefinitionList}from'../../components/DetailPane';import{StatusText}from'../../components/StatusText';import{pretty,asText}from'../../lib/format';import{api}from'../../lib/api';
+export function SystemView({data,busy,onRefresh}:{data:ConsoleData;busy:boolean;onRefresh:()=>void}){const[advanced,setAdvanced]=useState<Dict>();const r=data.commandCenter.readiness??{};return <><CommandBar eyebrow="MAINTENANCE" title="System" description="低频工程维护入口。正常使用 Forge 不需要理解这里的运行时细节。" refreshedAt={data.generatedAt} busy={busy} onRefresh={onRefresh}/><div className="system-layout"><section className="system-summary"><div className="system-posture"><div><span className="eyebrow">SYSTEM POSTURE</span><h2>{asText(r.label??r.headline,'Controller state')}</h2><p>{asText(r.explanation??r.summary,'Controller and connector status')}</p></div><StatusText label={asText(r.state,'Unknown')} tone={asText(r.state)}/></div><DefinitionList items={[["Controller",asText(r.label??r.headline,'—')],["Connector",asText((data.connector as Dict|undefined)?.status,'—')],["Repositories",String(data.commandCenter.repositories?.length??0)],["Plugins",String(data.commandCenter.plugins?.length??0)]]}/></section><section><button className="text-button" onClick={()=>void api.advanced().then(setAdvanced)}>Load advanced diagnostics</button>{advanced&&<details className="advanced" open><summary>Advanced diagnostics</summary><pre>{pretty(advanced)}</pre></details>}</section></div></>}

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

@@ -0,0 +1,3 @@
+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></>}

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

@@ -0,0 +1,23 @@
+import type { AutomationSettingsView, AutomationsResponse, CommandCenterView, Dict, 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;
+}
+export const api={
+  commandCenter:()=>requestJson<CommandCenterView>('/api/console/command-center'),
+  work:()=>requestJson<WorkResponse>('/api/console/requirements'),
+  automations:()=>requestJson<AutomationsResponse>('/api/console/automations'),
+  automationSettings:()=>requestJson<AutomationSettingsView>('/api/console/automation-settings'),
+  connector:()=>requestJson<Dict>('/api/console/connector/status'),
+  advanced:()=>requestJson<Dict>('/api/console/advanced'),
+  automationAction:(source:string,repoId:string,id:string,action:string)=>requestJson<Dict>(`/api/console/automations/${encodeURIComponent(source)}/${encodeURIComponent(repoId)}/${encodeURIComponent(id)}/${encodeURIComponent(action)}`,{method:'POST',body:'{}'}),
+  providerAction:(id:string,action:'enable'|'disable')=>requestJson<Dict>(`/api/console/providers/${encodeURIComponent(id)}/${action}`,{method:'POST',body:'{}'}),
+  providerHealth:(id:string)=>requestJson<Dict>('/api/console/providers/health',{method:'POST',body:JSON.stringify({providerId:id})}),
+  localToolAction:(id:string,action:'enable'|'disable')=>requestJson<Dict>(`/api/console/local-tools/${encodeURIComponent(id)}/${action}`,{method:'POST',body:'{}'}),
+  localToolHealth:(id:string)=>requestJson<Dict>('/api/console/local-tools/health',{method:'POST',body:JSON.stringify({toolId:id})}),
+  registerRepository:(path:string,displayName?:string)=>requestJson<Dict>('/api/repositories/register',{method:'POST',body:JSON.stringify({path,displayName})}),
+  removeRepository:(id:string)=>requestJson<Dict>(`/api/repositories/${encodeURIComponent(id)}/remove`,{method:'POST',body:'{}'}),
+};

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

@@ -0,0 +1,4 @@
+export function formatDate(value?:string):string{if(!value)return '—';const d=new Date(value);if(Number.isNaN(d.getTime()))return value;return new Intl.DateTimeFormat('zh-CN',{month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit',hour12:false}).format(d);}
+export function compact(value?:string,max=86):string{const s=(value??'').trim();return s.length>max?`${s.slice(0,max-1)}…`:s;}
+export function asText(value:unknown,fallback='—'):string{return typeof value==='string'&&value.trim()?value:String(value??fallback);}
+export function pretty(value:unknown):string{return JSON.stringify(value??{},null,2);}

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

@@ -0,0 +1,7 @@
+import type { RouteId } from '../types';
+export const routes:{id:RouteId;label:string;group:'daily'|'manage'|'system'}[]=[
+  {id:'overview',label:'Overview',group:'daily'}, {id:'automations',label:'Automations',group:'daily'}, {id:'work',label:'Work',group:'daily'},
+  {id:'capabilities',label:'Capabilities',group:'manage'}, {id:'repositories',label:'Repositories',group:'manage'}, {id:'settings',label:'Settings',group:'manage'},
+  {id:'system',label:'System',group:'system'},
+];
+export function routeFromHash():RouteId{const id=location.hash.replace(/^#\/?/,'').split('/')[0] as RouteId;return routes.some(r=>r.id===id)?id:'overview';}

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

@@ -0,0 +1 @@
+import{StrictMode}from'react';import{createRoot}from'react-dom/client';import App from'./App';const root=document.getElementById('app');if(!root)throw new Error('Forge console root missing');createRoot(root).render(<StrictMode><App/></StrictMode>);

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

@@ -0,0 +1 @@
+import type{PropsWithChildren}from'react';import type{RouteId}from'../types';import{Sidebar}from'./Sidebar';export function AppShell({route,children}:PropsWithChildren<{route:RouteId}>){return <div className="app-shell"><Sidebar route={route}/><main className="workspace">{children}</main></div>}

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

@@ -0,0 +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>}

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

@@ -0,0 +1,3 @@
+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>}

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

@@ -0,0 +1,12 @@
+*{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}}

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

@@ -0,0 +1,14 @@
+export type RouteId = 'overview' | 'automations' | 'work' | 'capabilities' | 'repositories' | 'settings' | 'system';
+export type Dict = Record<string, unknown>;
+export interface RepositoryView { id:string; name:string; path?:string; branchLabel?:string; dirtyLabel?:string; readinessLabel?:string; statusLabel?:string; current?:boolean; advanced?:Dict }
+export interface PluginActionView { id:string; title?:string; description?:string; risk?:string; riskLabel?:string; readOnly?:boolean; canPreview?:boolean; confirmationLabel?:string }
+export interface PluginView { id:string; name:string; description?:string; status?:string; statusLabel?:string; tone?:string; nextStep?:string; provider?:string; healthLabel?:string; lifecycleLabel?:string; capabilityLabels?:string[]; actions?:PluginActionView[]; warnings?:string[]; advanced?:Dict }
+export interface ProviderView { providerId:string; displayName:string; status?:string; statusLabel?:string; kindLabel?:string; summary?:string; explanation?:string; directDispatch?:boolean; handoffOnly?:boolean; enabled?:boolean; priority?:number; capabilities?:string[]; lastErrorSummary?:string }
+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 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 }

package/src/cli/local-bridge/frontend/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/src/cli/local-bridge/frontend/vite.config.ts

@@ -0,0 +1,27 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { resolve } from 'node:path';
+
+export default defineConfig({
+  define: { 'process.env.NODE_ENV': JSON.stringify('production') },
+  plugins: [react()],
+  build: {
+    outDir: resolve(import.meta.dirname, '../ui-dist'),
+    emptyOutDir: true,
+    sourcemap: false,
+    minify: 'esbuild',
+    cssCodeSplit: false,
+    lib: {
+      entry: resolve(import.meta.dirname, 'src/main.tsx'),
+      formats: ['es'],
+      fileName: () => 'app.js',
+      cssFileName: 'app',
+    },
+    rollupOptions: {
+      output: {
+        entryFileNames: 'app.js',
+        assetFileNames: (asset) => asset.name?.endsWith('.css') ? 'app.css' : '[name][extname]',
+      },
+    },
+  },
+});

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

@@ -1,4 +1,5 @@
 import { randomBytes } from "crypto";
+import { readFileSync } from "fs";
 import { spawn } from "child_process";
 import { createServer, type Server } from "http";
 import express, {
@@ -72,6 +73,8 @@ 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,
   approveConsoleHandoff,
@@ -987,6 +990,14 @@ export async function startLocalBridgeServer(
     next();
   };
 
+  app.get("/console-assets/:asset", (request, response) => {
+    const asset = String(request.params.asset ?? "");
+    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(readConsoleAsset(asset as ConsoleAssetName));
+  });
+
   app.get("/", (_request, response) => {
     response.setHeader("Cache-Control", "no-store, max-age=0");
     response.setHeader("Pragma", "no-cache");
@@ -1266,6 +1277,40 @@ export async function startLocalBridgeServer(
     }
   });
 
+  app.get("/api/console/requirements", (_request, response) => {
+    try {
+      response.json(buildRequirementBoard({ controllerHome }));
+    } catch (error) {
+      response.status(400).json({ error: errorMessage(error) });
+    }
+  });
+
+  app.get("/api/console/automations", (_request, response) => {
+    try {
+      const repositories = loadRepositoryRegistry(controllerHome).repositories;
+      const automations = listConsoleAutomations(controllerHome, repositories);
+      response.json({ schemaVersion: 1, generatedAt: new Date().toISOString(), summary: summarizeConsoleAutomations(automations), automations });
+    } catch (error) {
+      response.status(400).json({ error: errorMessage(error) });
+    }
+  });
+
+  app.post("/api/console/automations/:source/:repoId/:automationId/:action", async (request, response) => {
+    try {
+      const result = await applyConsoleAutomationAction(
+        controllerHome,
+        loadRepositoryRegistry(controllerHome).repositories,
+        String(request.params.source ?? ""),
+        String(request.params.repoId ?? ""),
+        String(request.params.automationId ?? ""),
+        String(request.params.action ?? ""),
+      );
+      response.json({ result });
+    } catch (error) {
+      response.status(400).json({ error: errorMessage(error) });
+    }
+  });
+
   app.get("/api/console/readiness", async (request, response) => {
     try {
       response.json(await buildSystemReadiness(consoleCtx(request)));

package/src/cli/local-bridge/ui-dist/app.css

@@ -0,0 +1 @@
+:root{--canvas:#F5F5F3;--surface:#FFFFFF;--surface-subtle:#F0F0EE;--surface-strong:#E8E8E5;--rail:#19191B;--rail-hover:#242427;--rail-selected:#303037;--ink:#1D1D20;--muted:#646469;--faint:#909096;--inverse:#F7F7F8;--border:#E1E1DE;--border-strong:#CECECA;--accent:#5E54E8;--accent-hover:#5046D9;--accent-soft:#EFEEFF;--success:#237A57;--success-soft:#EAF5EF;--warning:#946200;--warning-soft:#FFF4D8;--danger:#B44444;--danger-soft:#FBECEC;--info:#3567B7;--focus:#786FF7;--font-sans:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--rail-width:224px;--content-max:1280px}*{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:#fff;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 #0000000d}.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:#ffffff8c;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}}