@moretea-labs/forge 1.7.2 → 1.8.1

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

@@ -1,183 +0,0 @@
-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 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} 个运行中 · ${automations.needsAttention} 个需要处理`
-    : automations.paused
-      ? `${automations.enabled} 个运行中 · ${automations.paused} 个已暂停`
-      : (automations.completed ?? 0) > 0
-        ? `${automations.enabled} 个运行中 · ${automations.completed} 个已完成`
-        : `${automations.enabled} 个运行中 · 状态正常`;
-  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 +0,0 @@
-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[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/system/SystemView.tsx

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

@@ -1,4 +0,0 @@
-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,30 +0,0 @@
-import type { AutomationsResponse, CommandCenterView, Dict, WorkPortfolioResponse, WorkResponse } from '../types';
-export class ApiError extends Error { constructor(message:string, readonly status:number, readonly payload:unknown){super(message);} }
-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'),
-  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:'{}'}),
-  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

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

@@ -1,7 +0,0 @@
-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:'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

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

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

@@ -1,2 +0,0 @@
-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"><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,4 +0,0 @@
-import type{ComponentType,SVGProps}from'react';import type{RouteId}from'../types';import{routes}from'../lib/routes';import{AutomationIcon,CapabilityIcon,OverviewIcon,RepoIcon,SystemIcon,WorkIcon}from'../design/icons';
-const icons:Record<RouteId,ComponentType<SVGProps<SVGSVGElement>>>={overview:OverviewIcon,automations:AutomationIcon,work:WorkIcon,capabilities:CapabilityIcon,repositories:RepoIcon,system:SystemIcon};
-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,28 +0,0 @@
-*{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: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.success{border-color:var(--success)}.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

@@ -1,15 +0,0 @@
-export type RouteId = 'overview' | 'automations' | 'work' | 'capabilities' | 'repositories' | '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 CommandCenterView { readiness?:Dict; repositories?:RepositoryView[]; handoffs?:Dict[]; plugins?:PluginView[]; pluginSummary?:{total?:number;ready?:number;needsAttention?:number}; warnings?:string[] }
-export type AutomationMode='browser_watch'|'browser_keepalive'|'continuation'|'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'; repoId:string; repositoryName:string; name:string; summary?:string; status:'enabled'|'paused'|'attention'|'completed'|'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; attentionMessage?:string; history:AutomationHistoryView[]; actions:Array<'run'|'pause'|'resume'> }
-export interface AutomationsResponse { schemaVersion:1; generatedAt:string; summary:{total:number;enabled:number;paused:number;completed: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 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; connector?:Dict; generatedAt:string }

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

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

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

@@ -1,27 +0,0 @@
-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/ui-dist/app.css

@@ -1 +0,0 @@
-: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:linear-gradient(180deg,#1a1a1d,#171719);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 #5e54e847;color:#fff;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:#ffffff0b;color:#e0e0e4}.sidebar nav a.active{background:#ffffff13;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 #5cc58a1a}.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 #5e54e817}.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:#ffffffad;padding:17px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 1px #2222270f}a.overview-action:hover{background:#fff;box-shadow:inset 0 0 0 1px #22222714;transform:translateY(-1px)}.overview-action.primary{background:var(--ink);color:#fff;box-shadow:none}.overview-action.primary:hover{background:#2b2b30}.overview-action.calm{background:#ffffff80}.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:#ffffffb8}.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:#ffffffb3}.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:#f5f5f3eb;-webkit-backdrop-filter:blur(12px);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 #0000000d}.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:#ffffffb8}.scan-row.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #5e54e81f}.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.success{border-color:var(--success)}.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:#f5f5f3f5;-webkit-backdrop-filter:blur(10px);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:#ffffffb8}.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-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-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}}