@moretea-labs/forge 1.5.1 → 1.7.0

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

@@ -80,7 +80,6 @@ import type {
   CommandCenterViewModel,
   ConnectorFreshnessViewModel,
   ConsoleErrorViewModel,
-  GoalLoopStatusViewModel,
   HandoffCardViewModel,
   ModePreviewViewModel,
   PlainStatusTone,
@@ -94,34 +93,6 @@ import type {
   VerificationViewModel,
   WorkSummaryViewModel,
 } from './console-view-models';
-import {
-  buildAutomationSettingsView,
-  executorRoutePreviewWithConfig,
-  executorRoutingConfigGet,
-  executorRoutingConfigReset,
-  executorRoutingConfigUpdate,
-  goalLoopPolicyGet,
-  goalLoopPolicyUpdate,
-  goalStatus as goalLoopStatusSnapshot,
-  localToolDisable,
-  localToolEnable,
-  localToolHealthCheck,
-  localToolList,
-  localToolConfigGet,
-  localToolConfigUpdate,
-  providerApiSettingsGet,
-  providerApiSettingsUpdate,
-  providerConfigGet,
-  providerConfigUpdate,
-  providerCredentialsStatus,
-  providerDisable,
-  providerEnable,
-  providerHealthCheck,
-  providerPriorityUpdate,
-  providerResetDefaults,
-  type ConfigFacadeContext,
-  type GoalLoopContext,
-} from '../../runtime/control-plane/goal-loop';
 import { listActiveOccurrences, listSchedules } from '../../runtime/workflow/schedules/store';
 
 export type ConsoleFacadeContext = {
@@ -414,6 +385,8 @@ export function mapWorkSummary(
     || (work.status === 'running' ? '任务执行中…' : status.label);
   return {
     id: work.workId,
+    repoId: work.repoId,
+    updatedAt: work.updatedAt,
     title: work.objective.slice(0, 160) || '未命名任务',
     objective: work.objective,
     modeLabel: mode.label,
@@ -993,7 +966,6 @@ export async function buildCommandCenter(
   const handoffs = listHandoffItems({ ...store(ctx), status: 'pending', limit: 20 }).map(mapHandoffCard);
   const plugins = listConsolePlugins(ctx);
   const pluginSummary = buildPluginSummary(plugins);
-  const goalLoop = buildGoalLoopStatusView(ctx);
   const access = controllerAccessStateView(ctx);
   const banner = readiness.connectorFreshness?.severity === 'warning' || readiness.connectorFreshness?.severity === 'error'
     ? readiness.connectorFreshness.summary
@@ -1012,7 +984,6 @@ export async function buildCommandCenter(
     currentWork: activeWork[0],
     recentWork: allRecent,
     handoffs,
-    goalLoop,
     pluginSummary,
     plugins,
     modePreviewDefault: plainMode('direct_control'),
@@ -1029,192 +1000,6 @@ export async function buildCommandCenter(
   };
 }
 
-function configCtx(ctx: ConsoleFacadeContext): ConfigFacadeContext {
-  return { controllerHome: ctx.controllerHome };
-}
-
-export function buildGoalLoopStatusView(ctx: ConsoleFacadeContext): GoalLoopStatusViewModel {
-  const goalCtx: GoalLoopContext = {
-    goalStore: store(ctx),
-    packetStore: store(ctx),
-    repoId: ctx.repository.repoId,
-    configLocation: { controllerHome: ctx.controllerHome },
-    providerEnv: { configLocation: { controllerHome: ctx.controllerHome } },
-  };
-  const snapshot = goalLoopStatusSnapshot(goalCtx) as {
-    activeGoals?: Array<Record<string, unknown>>;
-    activeCount?: number;
-    invokableProviders?: string[];
-    handoffOnlyProviders?: string[];
-    providers?: Array<Record<string, unknown>>;
-  };
-  let automationSummary: string | undefined;
-  let liveEffective: boolean | undefined;
-  try {
-    const settings = buildAutomationSettingsView(configCtx(ctx));
-    automationSummary = settings.overview.plainLanguageSummary;
-    liveEffective = settings.overview.liveModelProvidersEffective;
-  } catch {
-    automationSummary = undefined;
-  }
-
-  const goals = (snapshot.activeGoals ?? []).map((goal) => {
-    const stage = String(goal.stage ?? '');
-    const providerSelected = typeof goal.providerSelected === 'string' ? goal.providerSelected : undefined;
-    const waitingReason = typeof goal.waitingReason === 'string' ? goal.waitingReason : undefined;
-    const nextSafeAction = typeof goal.nextSafeAction === 'string' ? goal.nextSafeAction : undefined;
-    const handoffPacketAvailable = goal.handoffPacketAvailable === true;
-    return {
-      title: String(goal.title ?? ''),
-      stage,
-      currentStep: String(goal.currentStep ?? ''),
-      providerSelected,
-      waitingReason,
-      nextSafeAction,
-      handoffPacketAvailable,
-      approvalRequired: Boolean(waitingReason) || stage === 'waiting_for_user',
-      whyThisProvider: providerSelected
-        ? `Last selected provider: ${providerSelected}`
-        : 'No provider selected yet',
-      whatHappensNext: nextSafeAction
-        ?? (handoffPacketAvailable
-          ? 'Open handoff packet or configure a direct provider'
-          : 'Wait for next daemon tick or open Automation Settings'),
-      whatIsBlocked: waitingReason
-        ?? (stage === 'handoff_ready'
-          ? 'Waiting for handoff supervisor (ChatGPT is not auto-invokable)'
-          : undefined),
-    };
-  });
-  return {
-    activeCount: snapshot.activeCount ?? goals.length,
-    goals,
-    invokableProviders: snapshot.invokableProviders ?? [],
-    handoffOnlyProviders: snapshot.handoffOnlyProviders ?? [],
-    providerHealth: (snapshot.providers ?? []).map((provider) => ({
-      providerId: String(provider.providerId ?? ''),
-      status: String(provider.status ?? ''),
-      directDispatchAllowed: provider.directDispatchAllowed === true,
-      handoffOnly: provider.handoffOnly === true,
-      summary: String(provider.summary ?? ''),
-    })),
-    automationSummary,
-    liveModelProvidersEffective: liveEffective,
-    settingsPathHint: 'Model & Tool Providers',
-    nextTickHint: 'Daemon ticks active goals about every 5 seconds when the controller is running.',
-  };
-}
-
-export function getAutomationSettings(ctx: ConsoleFacadeContext) {
-  return buildAutomationSettingsView(configCtx(ctx));
-}
-
-export function consoleProviderConfigGet(ctx: ConsoleFacadeContext) {
-  return providerConfigGet(configCtx(ctx));
-}
-
-export function consoleProviderConfigUpdate(ctx: ConsoleFacadeContext, body: Record<string, unknown>) {
-  return providerConfigUpdate(configCtx(ctx), body as unknown as Parameters<typeof providerConfigUpdate>[1]);
-}
-
-export function consoleProviderEnable(ctx: ConsoleFacadeContext, providerId: string) {
-  return providerEnable(configCtx(ctx), providerId);
-}
-
-export function consoleProviderDisable(ctx: ConsoleFacadeContext, providerId: string) {
-  return providerDisable(configCtx(ctx), providerId);
-}
-
-export function consoleProviderPriority(ctx: ConsoleFacadeContext, providerId: string, direction: 'up' | 'down' | number) {
-  return providerPriorityUpdate(configCtx(ctx), providerId, direction);
-}
-
-export function consoleProviderHealth(ctx: ConsoleFacadeContext, providerId?: string) {
-  return providerHealthCheck(configCtx(ctx), providerId);
-}
-
-export function consoleProviderCredentials(ctx: ConsoleFacadeContext) {
-  return providerCredentialsStatus(configCtx(ctx));
-}
-
-export function consoleProviderReset(ctx: ConsoleFacadeContext) {
-  return providerResetDefaults(configCtx(ctx));
-}
-
-export function consoleProviderApiSettingsGet(ctx: ConsoleFacadeContext, providerId: string) {
-  return providerApiSettingsGet(configCtx(ctx), providerId);
-}
-
-export function consoleProviderApiSettingsUpdate(
-  ctx: ConsoleFacadeContext,
-  providerId: string,
-  body: Record<string, unknown>,
-) {
-  return providerApiSettingsUpdate(configCtx(ctx), providerId, {
-    baseUrl: typeof body.baseUrl === 'string' ? body.baseUrl : typeof body.base_url === 'string' ? body.base_url : undefined,
-    model: typeof body.model === 'string' ? body.model : undefined,
-    apiKey: typeof body.apiKey === 'string'
-      ? body.apiKey
-      : typeof body.api_key === 'string'
-        ? body.api_key
-        : undefined,
-    clearApiKey: body.clearApiKey === true || body.clear_api_key === true,
-  });
-}
-
-export function consoleLocalToolList(ctx: ConsoleFacadeContext) {
-  return localToolList(configCtx(ctx));
-}
-
-export function consoleLocalToolEnable(ctx: ConsoleFacadeContext, toolId: string) {
-  return localToolEnable(configCtx(ctx), toolId);
-}
-
-export function consoleLocalToolDisable(ctx: ConsoleFacadeContext, toolId: string) {
-  return localToolDisable(configCtx(ctx), toolId);
-}
-
-export function consoleLocalToolHealth(ctx: ConsoleFacadeContext, toolId?: string) {
-  return localToolHealthCheck(configCtx(ctx), toolId);
-}
-
-export function consoleLocalToolConfigGet(ctx: ConsoleFacadeContext) {
-  return localToolConfigGet(configCtx(ctx));
-}
-
-export function consoleLocalToolConfigUpdate(ctx: ConsoleFacadeContext, body: Record<string, unknown>) {
-  return localToolConfigUpdate(configCtx(ctx), body as unknown as Parameters<typeof localToolConfigUpdate>[1]);
-}
-
-export function consoleRoutingGet(ctx: ConsoleFacadeContext) {
-  return executorRoutingConfigGet(configCtx(ctx));
-}
-
-export function consoleRoutingUpdate(ctx: ConsoleFacadeContext, body: Record<string, unknown>) {
-  return executorRoutingConfigUpdate(configCtx(ctx), body as unknown as Parameters<typeof executorRoutingConfigUpdate>[1]);
-}
-
-export function consoleRoutingReset(ctx: ConsoleFacadeContext) {
-  return executorRoutingConfigReset(configCtx(ctx));
-}
-
-export function consoleRoutePreview(ctx: ConsoleFacadeContext, body: Record<string, unknown> = {}) {
-  return executorRoutePreviewWithConfig(configCtx(ctx), {
-    taskIntent: typeof body.taskIntent === 'string' ? body.taskIntent as never : typeof body.task_intent === 'string' ? body.task_intent as never : undefined,
-    risk: typeof body.risk === 'string' ? body.risk as never : undefined,
-    objective: typeof body.objective === 'string' ? body.objective : undefined,
-    externalWrite: body.externalWrite === true || body.external_write === true,
-  });
-}
-
-export function consoleGoalLoopPolicyGet(ctx: ConsoleFacadeContext) {
-  return goalLoopPolicyGet(configCtx(ctx));
-}
-
-export function consoleGoalLoopPolicyUpdate(ctx: ConsoleFacadeContext, body: Record<string, unknown>) {
-  return goalLoopPolicyUpdate(configCtx(ctx), body as unknown as Parameters<typeof goalLoopPolicyUpdate>[1]);
-}
-
 export function getConsoleAccessPolicy(ctx: ConsoleFacadeContext) {
   const policy = readRepositoryAccessPolicy(ctx.controllerHome, ctx.repository.repoId);
   return {

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

@@ -1,10 +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()}}
+import{useCallback,useEffect,useState}from'react';import'./design/tokens.css';import'./styles.css';import type{AutomationView,ConsoleData,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{SystemView}from'./features/system/SystemView';
+async function loadData():Promise<ConsoleData>{const[commandCenter,work,workPortfolio,automations,connector]=await Promise.all([api.commandCenter(),api.work(),api.workPortfolio(),api.automations(),api.connector().catch(()=>undefined)]);return{commandCenter,work,workPortfolio,automations,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}/>}
+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'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/features/automations/AutomationsView.tsx

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

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

@@ -1,4 +1,37 @@
-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>}</>}
+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';
+
+function category(plugin:PluginView):Exclude<Filter,'all'>{
+  const text=`${plugin.name} ${plugin.provider} ${(plugin.capabilityLabels??[]).join(' ')}`.toLowerCase();
+  if(/gmail|calendar|github|google task|notion/.test(text))return'services';
+  if(/browser|desktop|ios|repository|codegraph|local/.test(text))return'execution';
+  return'extensions';
+}
+
+export function CapabilitiesView({data,busy,onRefresh}:{data:ConsoleData;busy:boolean;onRefresh:()=>void}){
+  const plugins=data.commandCenter.plugins??[];
+  const[filter,setFilter]=useState<Filter>('all');
+  const[selectedId,setSelectedId]=useState<string>();
+  const filtered=useMemo(()=>plugins.filter(plugin=>filter==='all'||category(plugin)===filter),[plugins,filter]);
+  const selected=filtered.find(plugin=>plugin.id===selectedId)??filtered[0];
+  return <>
+    <CommandBar eyebrow="CAPABILITY CATALOG" title="Capabilities" description="从“Forge 能做什么”查看扩展、服务与执行能力，而不是浏览 MCP tool 清单。" refreshedAt={data.generatedAt} busy={busy} onRefresh={onRefresh}/>
+    <div className="toolbar"><Segmented value={filter} onChange={setFilter} items={[
+      {id:'all',label:'All',count:plugins.length},
+      {id:'extensions',label:'Extensions',count:plugins.filter(plugin=>category(plugin)==='extensions').length},
+      {id:'services',label:'Services',count:plugins.filter(plugin=>category(plugin)==='services').length},
+      {id:'execution',label:'Execution',count:plugins.filter(plugin=>category(plugin)==='execution').length},
+    ]}/></div>
+    <div className="split-workspace">
+      <div className="scan-list">{filtered.map(plugin=><button key={plugin.id} className={`scan-row ${selected?.id===plugin.id?'selected':''}`} onClick={()=>setSelectedId(plugin.id)}><div className="scan-main"><span className="row-eyebrow">{category(plugin).toUpperCase()}</span><strong>{plugin.name}</strong><p>{compact(plugin.description,100)}</p></div><StatusText label={plugin.statusLabel??plugin.status??'Unknown'} tone={plugin.status??plugin.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(label=><span key={label}>{label}</span>)}</div>}{(selected.warnings??[]).map(warning=><div className="detail-callout warning" key={warning}>{warning}</div>)}<details className="advanced"><summary>Advanced · actions & protocol</summary><pre>{pretty({actions:selected.actions,advanced:selected.advanced})}</pre></details></>}</DetailPane>
+    </div>
+  </>;
+}