@kal-elsam/kairo-runtime 0.7.0 → 0.9.0

package/src/global/ink/cockpit-views.js

@@ -17,46 +17,58 @@ import { formatRunsHubLines, RUNS_HUB_ITEMS } from "./cockpit-runs.js";
 import { formatReviewDetailLines, formatReviewListLines } from "./cockpit-reviews.js";
 import { formatChangesActionLines } from "./cockpit-changes.js";
 import { formatRecoveryLines } from "./cockpit-recovery.js";
+import { formatUsageLines } from "./cockpit-control-center.js";
+import { formatOrchestrationStatus } from "./cockpit-runs.js";
+import { formatAlertListLines } from "./cockpit-alerts.js";
+import { formatSettingsLines } from "./cockpit-settings.js";
+
+export function PalettePanel({ model, colorEnabled = true }) {
+  return React.createElement(Box, { flexDirection: "column" },
+    React.createElement(Text, {
+      bold: true,
+      color: colorEnabled ? COCKPIT_COLORS.secondary : undefined
+    }, model.title),
+    React.createElement(Text, { color: COCKPIT_COLORS.muted }, model.hint),
+    React.createElement(Text, null, ""),
+    ...(model.items ?? []).map((item) => React.createElement(Text, {
+      key: item.id,
+      bold: item.selected,
+      color: item.selected && colorEnabled ? COCKPIT_COLORS.primary : undefined
+    }, `${item.marker} ${item.label}`))
+  );
+}
 
 export function ControlCenterPanel({ model, colorEnabled = true }) {
-  const health = model.health;
+  const status = model.status ?? model.health;
+  const next = model.nextAction ?? model.cta;
   return React.createElement(Box, { flexDirection: "column" },
     React.createElement(Text, {
       bold: true,
       color: colorEnabled ? COCKPIT_COLORS.secondary : undefined
     }, model.title),
-    React.createElement(Text, null, model.purpose),
     React.createElement(Text, null, ""),
     React.createElement(Text, {
       bold: true,
       color: colorEnabled ? COCKPIT_COLORS.primary : undefined
-    }, health.label),
-    React.createElement(Text, null, health.summaryLine),
-    ...(model.coverageLines ?? []).map((line) =>
-      React.createElement(Text, { key: line, color: COCKPIT_COLORS.muted }, line)
-    ),
+    }, status?.label),
+    React.createElement(Text, null, status?.summaryLine),
     React.createElement(Text, null, ""),
-    React.createElement(Text, { bold: true }, model.cta.title),
+    React.createElement(Text, { bold: true }, next?.title ?? "NEXT"),
     React.createElement(Text, {
       bold: true,
       color: colorEnabled ? COCKPIT_COLORS.primary : undefined
-    }, model.cta.actionTitle),
-    React.createElement(Text, null, model.cta.actionDetail),
-    React.createElement(Text, { color: COCKPIT_COLORS.muted }, model.cta.enterHint),
-    model.notes?.length > 0 && React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-      React.createElement(Text, { bold: true }, "NOTES"),
-      model.notes.map((line) =>
-        React.createElement(Text, { key: line, color: COCKPIT_COLORS.muted }, line)
-      )
-    ),
-    model.proposalLines?.length > 0 && React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-      React.createElement(Text, { bold: true }, "PROPOSALS"),
-      model.proposalLines.map((line) =>
-        React.createElement(Text, { key: line, color: COCKPIT_COLORS.muted }, line)
-      )
-    ),
+    }, next?.actionTitle),
+    next?.actionDetail ? React.createElement(Text, null, next.actionDetail) : null,
+    React.createElement(Text, { color: COCKPIT_COLORS.muted }, next?.enterHint),
+    React.createElement(Text, null, ""),
+    React.createElement(Text, { bold: true }, "ACTIVITY"),
+    React.createElement(Text, null, model.activity?.headline ?? "Idle"),
     React.createElement(Text, null, ""),
-    React.createElement(Text, { color: COCKPIT_COLORS.muted }, model.runsSecondaryHint)
+    React.createElement(Text, { bold: true }, "ALERTS"),
+    React.createElement(Text, null, model.alerts?.headline ?? "Alert data unavailable"),
+    React.createElement(Text, null, ""),
+    React.createElement(Text, { bold: true }, "TOKENS"),
+    React.createElement(Text, null, model.tokens?.headline ?? "Data unavailable")
   );
 }
 
@@ -72,18 +84,32 @@ export function renderCockpitView({
   launchPermissionIndex,
   launchableAgents,
   controlCenter,
+  palette = null,
   layoutMode = LAYOUT_MODES.COMPACT,
   selectedRun,
   selectedEvents,
   reviews = [],
   selectedReview = null,
+  alerts = [],
   changesAction = null,
   recoveryAction = null,
-  colorEnabled = true
+  settingsAction = null,
+  colorEnabled = true,
+  homeDir = null
 }) {
+  if (palette) {
+    return React.createElement(PalettePanel, { model: palette, colorEnabled });
+  }
   switch (view) {
     case ORCHESTRATOR_VIEWS.HOME:
       return React.createElement(ControlCenterPanel, { model: controlCenter, colorEnabled });
+    case ORCHESTRATOR_VIEWS.USAGE:
+      return governanceList(
+        "Usage",
+        formatUsageLines({ snapshot, dashboard }),
+        layoutMode,
+        colorEnabled
+      );
     case ORCHESTRATOR_VIEWS.IDES:
     case ORCHESTRATOR_VIEWS.PROVIDERS:
       return governanceList("IDEs & models", [
@@ -95,23 +121,37 @@ export function renderCockpitView({
       return governanceList("Harness modules", formatModuleLines(snapshot), layoutMode, colorEnabled);
     case ORCHESTRATOR_VIEWS.CHANGES:
       return governanceList(
-        "Changes",
-        formatChangeLines(snapshot, changesAction, layoutMode),
+        "Governance",
+        formatChangeLines(snapshot, changesAction, layoutMode, homeDir),
         layoutMode,
         colorEnabled
       );
     case ORCHESTRATOR_VIEWS.ACTIVITY:
       return governanceList(
-        "Activity & recovery",
-        formatRecoveryLines({ snapshot, recoveryAction, listIndex }),
+        "Activity",
+        formatRecoveryLines({ snapshot, recoveryAction, listIndex, dashboard, homeDir }),
         layoutMode,
         colorEnabled
       );
     case ORCHESTRATOR_VIEWS.PROFILE:
-      return governanceList("Profile & policy", formatProfileLines(snapshot, diagnostics), layoutMode, colorEnabled);
+      return governanceList(
+        "Settings",
+        formatSettingsLines({
+          listIndex,
+          settingsAction,
+          snapshot,
+          diagnostics
+        }),
+        layoutMode,
+        colorEnabled
+      );
     case ORCHESTRATOR_VIEWS.RUNS:
       return listBlock(
-        "Runs",
+        `Orchestration · ${formatOrchestrationStatus({
+          active: (dashboard?.activeRuns ?? []).length,
+          recent: (dashboard?.recentRuns ?? []).length,
+          reviews: (reviews ?? []).length
+        })}`,
         formatRunsHubLines(RUNS_HUB_ITEMS),
         listIndex,
         colorEnabled,
@@ -126,7 +166,7 @@ export function renderCockpitView({
         }),
         listIndex,
         colorEnabled,
-        "Runs are secondary. Prefer Control center Actions when drift or setup remains."
+        "Enter opens detail · Esc back to Orchestration"
       );
     case ORCHESTRATOR_VIEWS.RECENT_RUNS:
       return listBlock(
@@ -137,7 +177,7 @@ export function renderCockpitView({
         }),
         listIndex,
         colorEnabled,
-        "Open Runs after governance is healthy."
+        "Enter opens detail · Esc back to Orchestration"
       );
     case ORCHESTRATOR_VIEWS.REVIEWS:
       return listBlock(
@@ -173,7 +213,7 @@ export function renderCockpitView({
     case ORCHESTRATOR_VIEWS.RUN_DETAIL:
       return React.createElement(Box, { flexDirection: "column" },
         React.createElement(Text, { bold: true }, "Run detail"),
-        formatRunDetailLines(selectedRun, selectedEvents)
+        formatRunDetailLines(selectedRun, selectedEvents, { homeDir })
           .map((line) => React.createElement(Text, { key: line }, line))
       );
     case ORCHESTRATOR_VIEWS.REVIEW_DETAIL:
@@ -182,6 +222,14 @@ export function renderCockpitView({
         formatReviewDetailLines(selectedReview)
           .map((line) => React.createElement(Text, { key: line }, line))
       );
+    case ORCHESTRATOR_VIEWS.ALERTS:
+      return listBlock(
+        "Alerts",
+        formatAlertListLines(alerts),
+        listIndex,
+        colorEnabled,
+        "Enter resolves · D dismisses · Esc back · / Alerts"
+      );
     case ORCHESTRATOR_VIEWS.DIAGNOSTICS:
       return governanceList(
         "System health",
@@ -194,8 +242,8 @@ export function renderCockpitView({
         React.createElement(Text, { bold: true }, "Help"),
         React.createElement(Text, null, "Kairo keeps IDEs and agents aligned with project architecture and workflows."),
         React.createElement(Text, null, "Primary flow: scan → findings → preview → confirm → apply → re-scan."),
-        React.createElement(Text, null, "↑↓ navigate · Enter open · Esc back/exit · R refresh/retry · ? help"),
-        React.createElement(Text, null, "Runs are secondary after setup and repairs. Reviews are read-only receipts.")
+        React.createElement(Text, null, "↑↓ navigate · Enter open/activate · / actions · Esc back · R refresh · ? help"),
+        React.createElement(Text, null, "Overview hides raw diagnostics — Enter opens detail destinations.")
       );
     default: {
       const _exhaustive = view;
@@ -213,8 +261,8 @@ function governanceList(title, lines, layoutMode, colorEnabled) {
         message: "No data yet from the read-only scan.",
         hint: "Press R to rescan."
       })
-      : windowed.items.map((line) => React.createElement(Text, {
-        key: line,
+      : windowed.items.map((line, index) => React.createElement(Text, {
+        key: `${index}-${line}`,
         color: colorEnabled ? undefined : undefined
       }, line)),
     windowed.moreLine && React.createElement(Text, {
@@ -239,25 +287,8 @@ function formatModuleLines(snapshot) {
   ];
 }
 
-function formatChangeLines(snapshot, changesAction, layoutMode = LAYOUT_MODES.COMPACT) {
-  return formatChangesActionLines({ snapshot, changesAction, layoutMode });
-}
-
-function formatProfileLines(snapshot, diagnostics) {
-  const policy = snapshot?.policy;
-  const sources = diagnostics?.profile?.sources;
-  const sourceLabel = sources?.global || sources?.project
-    ? [sources.global ? "global" : null, sources.project ? "project" : null].filter(Boolean).join(", ")
-    : "none";
-  return [
-    `Policy profile: ${policy?.profile ?? "none"}`,
-    `Apply mode: ${policy?.applyMode ?? "n/a"}`,
-    `Preflight: ${policy?.preflight ?? "n/a"}`,
-    `Policy source: ${policy?.source ?? "none"}`,
-    `Kairo profile sources: ${sourceLabel}`,
-    "",
-    "Project overrides global overrides defaults. Consent remains explicit for writes."
-  ];
+function formatChangeLines(snapshot, changesAction, layoutMode = LAYOUT_MODES.COMPACT, homeDir = null) {
+  return formatChangesActionLines({ snapshot, changesAction, layoutMode, homeDir });
 }
 
 function listBlock(title, lines, listIndex, colorEnabled, emptyHint) {

package/src/global/ink/orchestrator-app.js

@@ -13,19 +13,26 @@ import {
   isContentInteractiveView
 } from "./cockpit-controller.js";
 import {
-  COCKPIT_NAV,
   COCKPIT_REGIONS,
   buildFooterModel,
   buildNavModel,
-  buildSystemStripModel,
   buildTopBarModel,
   navIndexForView,
   resolveProjectName
 } from "./cockpit-models.js";
 import { buildControlCenterModel } from "./cockpit-control-center.js";
+import {
+  buildPaletteActions,
+  buildPaletteModel,
+  canOpenPalette,
+  PALETTE_KINDS,
+  resolvePaletteDestination
+} from "./cockpit-palette.js";
 import { resolveEnterNavIntent } from "./cockpit-enter.js";
 import { resolveRunsHubItem, RUNS_HUB_ITEMS } from "./cockpit-runs.js";
 import { selectReviewFromList } from "./cockpit-reviews.js";
+import { selectAlertFromList } from "./cockpit-alerts.js";
+import { ALERT_STATES } from "../runtime/alerts/alert-types.js";
 import { resolveProjectReadiness } from "../dashboard-guidance.js";
 import { CONTROL_PLANE_HEALTH } from "../control-plane-snapshot.js";
 import { CockpitShell } from "./cockpit/primitives.js";
@@ -38,6 +45,7 @@ import { COCKPIT_COLORS } from "./theme.js";
 import { LAYOUT_MODES } from "./layout.js";
 import { CHANGES_PHASE } from "./cockpit-changes.js";
 import { RECOVERY_PHASE, listRecoverySnapshots } from "./cockpit-recovery.js";
+import { SETTINGS_PHASE } from "./cockpit-settings.js";
 
 export function OrchestratorApp({
   homeDir,
@@ -76,7 +84,7 @@ export function OrchestratorApp({
   };
 
   const openDestination = (destinationKey) => {
-    const view = resolveCtaDestinationView(destinationKey);
+    const view = resolvePaletteDestination(destinationKey);
     if (!view) return false;
     dispatch({
       type: "set-view",
@@ -86,6 +94,15 @@ export function OrchestratorApp({
     return true;
   };
 
+  const confirming = data.changesAction?.phase === CHANGES_PHASE.CONFIRMING
+    || data.recoveryAction?.phase === RECOVERY_PHASE.CONFIRMING
+    || data.settingsAction?.phase === SETTINGS_PHASE.CONFIRMING;
+  const paletteActions = buildPaletteActions({
+    ctaDestination: data.snapshot?.cta?.destination ?? null,
+    ctaTitle: data.snapshot?.cta?.title ?? null,
+    ctaDetail: data.snapshot?.cta?.detail ?? null
+  });
+
   useInput((inputKey, key) => {
     if (data.loading) return;
 
@@ -104,6 +121,46 @@ export function OrchestratorApp({
 
     if (data.busy) return;
 
+    if (ui.paletteOpen) {
+      if (key.escape) {
+        dispatch({ type: "close-palette" });
+        return;
+      }
+      if (inputKey === "/") {
+        dispatch({ type: "toggle-palette" });
+        return;
+      }
+      if (key.upArrow || key.downArrow) {
+        dispatch({
+          type: "palette-arrow",
+          direction: key.upArrow ? "up" : "down",
+          listLength: paletteActions.length
+        });
+        return;
+      }
+      if (key.return) {
+        const selected = paletteActions[ui.paletteIndex] ?? null;
+        if (!selected) return;
+        if (selected.kind === PALETTE_KINDS.REFRESH) {
+          dispatch({ type: "run-palette", kind: selected.kind });
+          data.reload().catch(() => {});
+          return;
+        }
+        dispatch({
+          type: "run-palette",
+          kind: selected.kind,
+          view: selected.view
+        });
+      }
+      return;
+    }
+
+    if (inputKey === "/"
+      && canOpenPalette({ loading: data.loading, busy: data.busy, confirming })) {
+      dispatch({ type: "toggle-palette" });
+      return;
+    }
+
     if (key.escape) {
       if (ui.view === ORCHESTRATOR_VIEWS.CHANGES
         && data.changesAction?.phase === CHANGES_PHASE.CONFIRMING) {
@@ -115,6 +172,18 @@ export function OrchestratorApp({
         data.cancelRecovery();
         return;
       }
+      if (ui.view === ORCHESTRATOR_VIEWS.PROFILE) {
+        const settingsPhase = data.settingsAction?.phase;
+        if (settingsPhase === SETTINGS_PHASE.CONFIRMING) {
+          data.cancelSettings();
+          return;
+        }
+        if (settingsPhase === SETTINGS_PHASE.PREVIEW
+          || settingsPhase === SETTINGS_PHASE.COMPLETED) {
+          data.resetSettings();
+          return;
+        }
+      }
 
       if (ui.view === ORCHESTRATOR_VIEWS.LAUNCH && data.launchableAgents.length > 0) {
         const retreated = handleLaunchInput({
@@ -162,9 +231,15 @@ export function OrchestratorApp({
           ? (data.dashboard?.recentRuns ?? []).length
           : ui.view === ORCHESTRATOR_VIEWS.REVIEWS
             ? (data.reviews ?? []).length
-            : ui.view === ORCHESTRATOR_VIEWS.ACTIVITY
-              ? listRecoverySnapshots(data.snapshot).length
-              : 0;
+            : ui.view === ORCHESTRATOR_VIEWS.ALERTS
+              ? (Array.isArray(data.alerts) ? data.alerts : [])
+                .filter((alert) => alert.state === ALERT_STATES.OPEN).length
+              : ui.view === ORCHESTRATOR_VIEWS.ACTIVITY
+                ? listRecoverySnapshots(data.snapshot).length
+                : ui.view === ORCHESTRATOR_VIEWS.PROFILE
+                    && data.settingsAction?.phase === SETTINGS_PHASE.BROWSE
+                  ? data.curatedIntegrations.length
+                  : 0;
 
     let routed = null;
     if (key.tab) {
@@ -261,6 +336,19 @@ export function OrchestratorApp({
       return;
     }
 
+    if (ui.region === COCKPIT_REGIONS.CONTENT
+      && ui.view === ORCHESTRATOR_VIEWS.ALERTS) {
+      const selected = selectAlertFromList(data.alerts, ui.listIndex);
+      if (key.return) {
+        data.handleAlertTransition(selected, "resolve").catch(() => {});
+        return;
+      }
+      if (inputKey.toLowerCase() === "d") {
+        data.handleAlertTransition(selected, "dismiss").catch(() => {});
+        return;
+      }
+    }
+
     if (ui.view === ORCHESTRATOR_VIEWS.RUN_DETAIL) {
       if (inputKey.toLowerCase() === "c" && isRunCancellable(data.selectedRun)) {
         data.handleCancelRun();
@@ -317,6 +405,30 @@ export function OrchestratorApp({
       }
     }
 
+    if (ui.view === ORCHESTRATOR_VIEWS.PROFILE) {
+      const keyName = inputKey.toLowerCase();
+      const phase = data.settingsAction?.phase ?? SETTINGS_PHASE.BROWSE;
+      if (key.return && ui.region === COCKPIT_REGIONS.CONTENT) {
+        if (phase === SETTINGS_PHASE.BROWSE) {
+          const entry = data.curatedIntegrations[ui.listIndex];
+          if (entry?.id) data.previewSettings(entry.id);
+          return;
+        }
+        if (phase === SETTINGS_PHASE.PREVIEW) {
+          data.promptConfirmSettings();
+          return;
+        }
+      }
+      if (keyName === "y" && phase === SETTINGS_PHASE.CONFIRMING) {
+        data.confirmSettings();
+        return;
+      }
+      if (keyName === "n" && phase === SETTINGS_PHASE.CONFIRMING) {
+        data.cancelSettings();
+        return;
+      }
+    }
+
     if (inputKey.toLowerCase() === "r" && ui.view !== ORCHESTRATOR_VIEWS.LAUNCH) {
       if (ui.view === ORCHESTRATOR_VIEWS.REVIEWS || ui.view === ORCHESTRATOR_VIEWS.REVIEW_DETAIL) {
         data.loadReviews().catch(() => {});
@@ -354,7 +466,9 @@ export function OrchestratorApp({
   const controlCenter = buildControlCenterModel({
     projectName,
     snapshot: data.snapshot,
-    layoutMode: mode
+    dashboard: data.dashboard,
+    layoutMode: mode,
+    alerts: data.alerts
   });
   const systemOnline = data.snapshot
     ? data.snapshot.health !== CONTROL_PLANE_HEALTH.NOT_CONFIGURED
@@ -376,12 +490,16 @@ export function OrchestratorApp({
         region: ui.region,
         navIndex: ui.navIndex,
         helpOpen: ui.helpOpen,
+        paletteOpen: ui.paletteOpen,
         canCancel: isRunCancellable(data.selectedRun),
         unicode,
         changesPhase: data.changesAction?.phase ?? null,
-        recoveryPhase: data.recoveryAction?.phase ?? null
+        recoveryPhase: data.recoveryAction?.phase ?? null,
+        settingsPhase: data.settingsAction?.phase ?? null,
+        columns
       }),
       layoutMode: mode,
+      columns,
       nav: buildNavModel({
         navIndex: ui.navIndex,
         currentView: ui.view,
@@ -391,24 +509,8 @@ export function OrchestratorApp({
         diagnostics: data.diagnostics,
         snapshot: data.snapshot
       }),
-      system: buildSystemStripModel({
-        dashboard: data.dashboard,
-        diagnostics: data.diagnostics,
-        readiness: data.snapshot
-          ? {
-            kind: data.snapshot.health.toLowerCase(),
-            label: controlCenter.health.label,
-            healthKind: data.snapshot.health === CONTROL_PLANE_HEALTH.HEALTHY
-              ? "ready"
-              : data.snapshot.health === CONTROL_PLANE_HEALTH.CHECK_FAILED
-                ? "error"
-                : "warn"
-          }
-          : readiness
-      }),
       navFocused: ui.region === COCKPIT_REGIONS.NAV,
       contentFocused: ui.region === COCKPIT_REGIONS.CONTENT,
-      systemFocused: ui.region === COCKPIT_REGIONS.SYSTEM,
       colorEnabled
     },
       renderCockpitView({
@@ -426,33 +528,22 @@ export function OrchestratorApp({
         selectedEvents: data.selectedEvents,
         reviews: data.reviews,
         selectedReview: data.selectedReview,
+        alerts: data.alerts,
         changesAction: data.changesAction,
         recoveryAction: data.recoveryAction,
+        settingsAction: data.settingsAction,
         controlCenter,
+        palette: ui.paletteOpen
+          ? buildPaletteModel({
+            actions: paletteActions,
+            index: ui.paletteIndex,
+            unicode
+          })
+          : null,
         layoutMode: mode,
-        colorEnabled
+        colorEnabled,
+        homeDir
       })
     )
   );
 }
-
-function resolveCtaDestinationView(destinationKey) {
-  switch (destinationKey) {
-    case "changes":
-      return ORCHESTRATOR_VIEWS.CHANGES;
-    case "control-center":
-      return ORCHESTRATOR_VIEWS.HOME;
-    case "ides":
-      return ORCHESTRATOR_VIEWS.IDES;
-    case "modules":
-      return ORCHESTRATOR_VIEWS.MODULES;
-    case "activity":
-      return ORCHESTRATOR_VIEWS.ACTIVITY;
-    case "profile":
-      return ORCHESTRATOR_VIEWS.PROFILE;
-    case "runs":
-      return ORCHESTRATOR_VIEWS.RUNS;
-    default:
-      return null;
-  }
-}

package/src/global/ink/orchestrator-state.js

@@ -1,6 +1,7 @@
 import { stdin as input, stdout as output } from "node:process";
 import { canUseSetupInk } from "./terminal.js";
 import { isActiveRunState, formatTaskLabel } from "../runtime/run-types.js";
+import { formatConfirmPath } from "./cockpit-path-label.js";
 
 export function canUseOrchestratorShell({
   interactive = Boolean(input.isTTY && output.isTTY),
@@ -27,7 +28,9 @@ export const ORCHESTRATOR_VIEWS = {
   PROVIDERS: "providers",
   LAUNCH: "launch",
   DIAGNOSTICS: "diagnostics",
-  HELP: "help"
+  HELP: "help",
+  USAGE: "usage",
+  ALERTS: "alerts"
 };
 
 export const ORCHESTRATOR_MENU = [
@@ -175,8 +178,9 @@ export function formatRunLines(runs, {
     const agent = humanizeToken(run.agentId);
     const state = humanizeRunState(run.state);
     const task = formatTaskLabel(run);
+    const strategy = run.strategy ? ` · ${run.strategy}` : "";
     if (readable) {
-      return `${agent} · ${state} · ${task}`;
+      return `${agent} · ${state}${strategy} · ${task}`;
     }
     const statePad = run.state.padEnd(12);
     const agentPad = run.agentId.padEnd(10);
@@ -270,23 +274,29 @@ export function formatAgentStatusLines(capabilities) {
   });
 }
 
-export function formatRunDetailLines(run, events = []) {
+export function formatRunDetailLines(run, events = [], { homeDir = null } = {}) {
   if (!run) return ["Run not found."];
 
   const lines = [
-    `Run: ${run.runId}`,
-    `Agent: ${run.agentId} (${run.provider})`,
-    `State: ${run.state}`,
-    `Model: ${run.model ?? "default"}`,
-    `Cwd: ${run.cwd}`,
-    `Started: ${run.startedAt}`,
-    `Updated: ${run.updatedAt}`
+    "SUMMARY",
+    `${humanizeToken(run.agentId)} · ${humanizeRunState(run.state)}${run.strategy ? ` · ${run.strategy}` : ""}`,
+    `Model · ${run.model ?? "default"}`,
+    `Started · ${run.startedAt ?? "n/a"}`
   ];
+  if (run.completedAt) lines.push(`Completed · ${run.completedAt}`);
+  if (run.tokenUsage && typeof run.tokenUsage === "object") {
+    const parts = [];
+    if (Number.isFinite(run.tokenUsage.input)) parts.push(`in ${run.tokenUsage.input}`);
+    if (Number.isFinite(run.tokenUsage.output)) parts.push(`out ${run.tokenUsage.output}`);
+    if (Number.isFinite(run.tokenUsage.total)) parts.push(`total ${run.tokenUsage.total}`);
+    if (parts.length > 0) lines.push(`Tokens · ${parts.join(" · ")}`);
+  }
+  if (run.error) lines.push(`Error · ${run.error}`);
 
-  if (run.completedAt) lines.push(`Completed: ${run.completedAt}`);
-  if (run.tokenUsage) lines.push(`Tokens: ${JSON.stringify(run.tokenUsage)}`);
-  if (run.error) lines.push(`Error: ${run.error}`);
-  if (run.tools?.length) lines.push(`Tools: ${run.tools.join(", ")}`);
+  lines.push("", "DETAILS");
+  lines.push(`Run id · ${run.runId}`);
+  if (run.cwd) lines.push(`Cwd · ${formatConfirmPath(run.cwd, homeDir)}`);
+  if (run.tools?.length) lines.push(`Tools · ${run.tools.join(", ")}`);
 
   if (events.length > 0) {
     lines.push("", "Recent events");