@kal-elsam/kairo-runtime 0.3.0 → 0.4.0

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

@@ -3,38 +3,60 @@ import { Box, Text } from "ink";
 import { COCKPIT_COLORS } from "./theme.js";
 import { CockpitEmptyState } from "./cockpit/primitives.js";
 import {
-  formatDiagnosticsLines,
-  formatLaunchWizardLines,
   formatProviderLines,
   formatRunDetailLines,
   formatRunLines,
+  formatSystemHealthLines,
+  formatLaunchWizardLines,
   ORCHESTRATOR_VIEWS,
   LAUNCH_WIZARD_STEPS
 } from "./orchestrator-state.js";
+import { windowLinesForLayout } from "./cockpit-models.js";
+import { LAYOUT_MODES } from "./layout.js";
 
 export function HomeMissionPanel({ model, colorEnabled = true }) {
+  const readiness = model.readiness;
   return React.createElement(Box, { flexDirection: "column" },
     React.createElement(Text, {
       bold: true,
       color: colorEnabled ? COCKPIT_COLORS.secondary : undefined
     }, model.title),
-    React.createElement(Text, { bold: true }, model.recommendedTitle),
+    React.createElement(Text, null, model.purpose),
+    React.createElement(Text, null, ""),
+    React.createElement(Box, { flexDirection: "column" },
+      React.createElement(Text, {
+        bold: true,
+        color: colorEnabled ? COCKPIT_COLORS.primary : undefined
+      }, readiness.headline),
+      React.createElement(Text, null, readiness.summaryLine),
+      ...(readiness.capabilityLines ?? []).map((line) =>
+        React.createElement(Text, { key: line, color: COCKPIT_COLORS.muted }, line)
+      ),
+      React.createElement(Text, null, "")
+    ),
+    React.createElement(Text, { bold: true }, model.next.title),
     React.createElement(Text, {
+      bold: true,
       color: colorEnabled ? COCKPIT_COLORS.primary : undefined
-    }, model.recommendedAction),
+    }, model.next.actionTitle),
+    React.createElement(Text, null, model.next.actionDetail),
+    React.createElement(Text, { color: COCKPIT_COLORS.muted }, model.next.enterHint),
     React.createElement(Text, null, ""),
-    React.createElement(Text, { bold: true }, model.activityTitle),
-    model.emptyHint
+    React.createElement(Text, { bold: true }, model.recent.title),
+    model.recent.emptyHint
       ? React.createElement(CockpitEmptyState, {
-        message: model.emptyHint,
-        hint: "Enter on Launch run when ready."
+        message: model.recent.emptyHint,
+        hint: "Enter opens the recommended next step."
       })
-      : model.activityLines.map((line) =>
-        React.createElement(Text, { key: line }, line)
+      : React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Text, null, model.recent.headline),
+        React.createElement(Text, { color: COCKPIT_COLORS.muted }, model.recent.hint)
       ),
-    model.moreLine && React.createElement(Text, {
-      color: COCKPIT_COLORS.muted
-    }, model.moreLine)
+    React.createElement(Text, null, ""),
+    React.createElement(Text, { bold: true }, model.explore.title),
+    model.explore.lines.map((line) =>
+      React.createElement(Text, { key: line, color: COCKPIT_COLORS.muted }, line)
+    )
   );
 }
 
@@ -51,6 +73,7 @@ export function renderCockpitView({
   selectedRun,
   selectedEvents,
   homeMission,
+  layoutMode = LAYOUT_MODES.COMPACT,
   colorEnabled = true
 }) {
   switch (view) {
@@ -58,34 +81,52 @@ export function renderCockpitView({
       return React.createElement(HomeMissionPanel, { model: homeMission, colorEnabled });
     case ORCHESTRATOR_VIEWS.ACTIVE_RUNS:
       return listBlock(
-        "Active runs",
-        formatRunLines(dashboard?.activeRuns ?? [], { emptyMessage: "No active runs." }),
+        "Running now",
+        formatRunLines(dashboard?.activeRuns ?? [], {
+          emptyMessage: "No runs are executing. Open New run to start one.",
+          readable: true
+        }),
         listIndex,
-        colorEnabled
+        colorEnabled,
+        "Nothing is running yet — that means Kairo is idle, not broken."
       );
     case ORCHESTRATOR_VIEWS.RECENT_RUNS:
       return listBlock(
-        "Recent runs",
-        formatRunLines(dashboard?.recentRuns ?? [], { emptyMessage: "No completed runs yet." }),
+        "History",
+        formatRunLines(dashboard?.recentRuns ?? [], {
+          emptyMessage: "No completed runs yet. Create a new run to build history.",
+          readable: true
+        }),
         listIndex,
-        colorEnabled
+        colorEnabled,
+        "History fills after supervised runs finish."
       );
-    case ORCHESTRATOR_VIEWS.PROVIDERS:
+    case ORCHESTRATOR_VIEWS.PROVIDERS: {
+      const lines = formatProviderLines(dashboard?.providers ?? []);
+      const windowed = windowLinesForLayout(lines, layoutMode);
       return React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Text, { bold: true }, "Providers"),
-        formatProviderLines(dashboard?.providers ?? [])
-          .map((line) => React.createElement(Text, { key: line }, line))
+        React.createElement(Text, { bold: true }, "Agents"),
+        lines.length === 0
+          ? React.createElement(CockpitEmptyState, {
+            message: "No agents detected yet.",
+            hint: "Open System health or finish setup, then return here."
+          })
+          : windowed.items.map((line) => React.createElement(Text, { key: line }, line)),
+        windowed.moreLine && React.createElement(Text, {
+          color: COCKPIT_COLORS.muted
+        }, windowed.moreLine)
       );
+    }
     case ORCHESTRATOR_VIEWS.LAUNCH:
       if (launchableAgents.length === 0) {
         return React.createElement(CockpitEmptyState, {
-          title: "Launch run",
-          message: "No launchable agents detected.",
-          hint: "Esc to return · check Diagnostics"
+          title: "New run",
+          message: "No executable agents are ready. Kairo cannot start a run yet.",
+          hint: "Esc to return · open System health or Agents"
         });
       }
       return React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Text, { bold: true }, "Launch run"),
+        React.createElement(Text, { bold: true }, "New run"),
         formatLaunchWizardLines({
           step: launchStep,
           draft: launchDraft,
@@ -105,18 +146,23 @@ export function renderCockpitView({
         formatRunDetailLines(selectedRun, selectedEvents)
           .map((line) => React.createElement(Text, { key: line }, line))
       );
-    case ORCHESTRATOR_VIEWS.DIAGNOSTICS:
+    case ORCHESTRATOR_VIEWS.DIAGNOSTICS: {
+      const lines = formatSystemHealthLines(diagnostics);
+      const windowed = windowLinesForLayout(lines, layoutMode);
       return React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Text, { bold: true }, "Diagnostics"),
-        formatDiagnosticsLines(diagnostics)
-          .map((line) => React.createElement(Text, { key: line }, line))
+        React.createElement(Text, { bold: true }, "System health"),
+        windowed.items.map((line) => React.createElement(Text, { key: line }, line)),
+        windowed.moreLine && React.createElement(Text, {
+          color: COCKPIT_COLORS.muted
+        }, windowed.moreLine)
       );
+    }
     case ORCHESTRATOR_VIEWS.HELP:
       return React.createElement(Box, { flexDirection: "column" },
         React.createElement(Text, { bold: true }, "Help"),
-        React.createElement(Text, null, "Kairo runtime launches and audits agent CLIs you manage."),
-        React.createElement(Text, null, "↑↓ navigate · Tab region · Enter open · Esc back/exit"),
-        React.createElement(Text, null, "R refresh · C cancel active run · ? toggle help"),
+        React.createElement(Text, null, "Kairo coordinates installed AI agents with controlled, auditable runs."),
+        React.createElement(Text, null, "↑↓ navigate · Enter open recommended or selected section · Esc back/exit"),
+        React.createElement(Text, null, "Tab region (lists / New run) · R refresh/retry · C cancel · ? help"),
         React.createElement(Text, null, "CLI: kairo run --agent <id> --task \"...\""),
         React.createElement(Text, null, "Audit trail: ~/.harness/runs/<runId>/")
       );
@@ -127,14 +173,20 @@ export function renderCockpitView({
   }
 }
 
-function listBlock(title, lines, listIndex, colorEnabled) {
+function listBlock(title, lines, listIndex, colorEnabled, emptyHint) {
+  const isEmpty = lines.length === 1 && /no |nothing |empty/i.test(lines[0]);
   return React.createElement(Box, { flexDirection: "column" },
     React.createElement(Text, { bold: true }, title),
-    lines.map((line, index) => React.createElement(Text, {
-      key: `${index}-${line}`,
-      bold: index === listIndex,
-      color: index === listIndex && colorEnabled ? COCKPIT_COLORS.primary : undefined
-    }, `${index === listIndex ? "› " : "  "}${line}`))
+    isEmpty
+      ? React.createElement(CockpitEmptyState, {
+        message: lines[0],
+        hint: emptyHint
+      })
+      : lines.map((line, index) => React.createElement(Text, {
+        key: `${index}-${line}`,
+        bold: index === listIndex,
+        color: index === listIndex && colorEnabled ? COCKPIT_COLORS.primary : undefined
+      }, `${index === listIndex ? "› " : "  "}${line}`))
   );
 }
 

package/src/global/ink/launch-input.js

@@ -5,7 +5,8 @@ import {
 } from "./orchestrator-state.js";
 
 /**
- * Launch-wizard key handler. Returns true when the key was consumed.
+ * Launch-wizard key handler.
+ * Returns true when consumed, "retreated" when Esc stepped back, false otherwise.
  */
 export function handleLaunchInput(ctx) {
   const {
@@ -22,9 +23,18 @@ export function handleLaunchInput(ctx) {
     setLaunchPermissionIndex,
     setError,
     handleLaunch,
-    reload
+    reload,
+    allowEscapeRetreat = false
   } = ctx;
 
+  if (allowEscapeRetreat && key.escape) {
+    if (launchStep === LAUNCH_WIZARD_STEPS.AGENT) {
+      return false;
+    }
+    setLaunchStep(retreatLaunchWizardStep(launchStep));
+    return "retreated";
+  }
+
   if (launchStep === LAUNCH_WIZARD_STEPS.AGENT) {
     if (key.upArrow) {
       setLaunchAgentIndex((index) => Math.max(0, index - 1));
@@ -87,7 +97,7 @@ export function handleLaunchInput(ctx) {
     }
     if (key.escape) {
       setLaunchStep(retreatLaunchWizardStep(launchStep));
-      return true;
+      return allowEscapeRetreat ? "retreated" : true;
     }
   }
 

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

@@ -8,9 +8,12 @@ import {
 import {
   createCockpitUiState,
   reduceCockpitUi,
-  resolveNavAction
+  resolveNavAction,
+  routeCockpitKey,
+  isContentInteractiveView
 } from "./cockpit-controller.js";
 import {
+  COCKPIT_NAV,
   COCKPIT_REGIONS,
   buildFooterModel,
   buildHomeMissionModel,
@@ -19,6 +22,8 @@ import {
   buildTopBarModel,
   resolveProjectName
 } from "./cockpit-models.js";
+import { openRecommendedDestination } from "./cockpit-home.js";
+import { resolveProjectReadiness } from "../dashboard-guidance.js";
 import { CockpitShell } from "./cockpit/primitives.js";
 import { renderCockpitView } from "./cockpit-views.js";
 import { handleLaunchInput } from "./launch-input.js";
@@ -64,8 +69,61 @@ export function OrchestratorApp({
     exit();
   };
 
+  const openDestination = (recommendation) => {
+    const destination = openRecommendedDestination(recommendation, { navItems: COCKPIT_NAV });
+    if (!destination) return false;
+    if (destination.action === "launch") {
+      data.resetLaunchWizard();
+    }
+    dispatch({
+      type: "set-view",
+      view: destination.view,
+      navIndex: destination.navIndex ?? undefined
+    });
+    return true;
+  };
+
   useInput((inputKey, key) => {
+    if (data.loading) return;
+
+    if (data.error) {
+      if (key.escape) {
+        finish({ cancelled: true });
+        return;
+      }
+      if (inputKey.toLowerCase() === "r") {
+        data.setError(null);
+        data.reload().catch((reloadError) => {
+          data.setError(reloadError instanceof Error ? reloadError.message : String(reloadError));
+        });
+      }
+      return;
+    }
+
+    if (data.busy) return;
+
     if (key.escape) {
+      if (ui.view === ORCHESTRATOR_VIEWS.LAUNCH && data.launchableAgents.length > 0) {
+        const retreated = handleLaunchInput({
+          key,
+          inputKey,
+          launchStep: data.launchStep,
+          launchDraft: data.launchDraft,
+          launchableAgents: data.launchableAgents,
+          launchAgentIndex: data.launchAgentIndex,
+          launchPermissionIndex: data.launchPermissionIndex,
+          setLaunchAgentIndex: data.setLaunchAgentIndex,
+          setLaunchDraft: data.setLaunchDraft,
+          setLaunchStep: data.setLaunchStep,
+          setLaunchPermissionIndex: data.setLaunchPermissionIndex,
+          setError: data.setError,
+          handleLaunch: (draft) => data.handleLaunch(draft, data.dashboard?.profile, dispatch),
+          reload: data.reload,
+          allowEscapeRetreat: true
+        });
+        if (retreated === "retreated") return;
+      }
+
       const next = reduceCockpitUi(ui, { type: "escape" });
       if (next.shouldExit) {
         finish({ cancelled: true });
@@ -77,14 +135,54 @@ export function OrchestratorApp({
       return;
     }
 
-    if (data.loading || data.error || data.busy) return;
-
     if (inputKey === "?") {
       dispatch({ type: "toggle-help" });
       return;
     }
+
+    const listLength = ui.view === ORCHESTRATOR_VIEWS.ACTIVE_RUNS
+      ? (data.dashboard?.activeRuns ?? []).length
+      : ui.view === ORCHESTRATOR_VIEWS.RECENT_RUNS
+        ? (data.dashboard?.recentRuns ?? []).length
+        : 0;
+
+    let routed = null;
     if (key.tab) {
-      dispatch({ type: "tab" });
+      routed = routeCockpitKey(ui, { type: "tab" });
+    } else if (key.upArrow || key.downArrow) {
+      routed = routeCockpitKey(ui, {
+        type: "arrow",
+        direction: key.upArrow ? "up" : "down",
+        listLength
+      });
+    } else if (key.return) {
+      routed = routeCockpitKey(ui, { type: "enter" });
+    }
+
+    if (routed) {
+      if (routed.type === "enter-nav") {
+        const item = resolveNavAction(ui.navIndex);
+        if (item?.id === "overview" || item?.view === ORCHESTRATOR_VIEWS.HOME) {
+          const mission = buildHomeMissionModel({
+            projectName: resolveProjectName(workspaceRoot),
+            hasGlobalState,
+            diagnostics: data.diagnostics,
+            dashboard: data.dashboard,
+            layoutMode: ui.layoutMode ?? LAYOUT_MODES.COMPACT
+          });
+          if (openDestination(mission.next)) return;
+        }
+        if (item?.action === "launch") {
+          data.resetLaunchWizard();
+          dispatch({
+            type: "set-view",
+            view: ORCHESTRATOR_VIEWS.LAUNCH,
+            navIndex: ui.navIndex
+          });
+          return;
+        }
+      }
+      dispatch(routed);
       return;
     }
 
@@ -109,22 +207,14 @@ export function OrchestratorApp({
       }
     }
 
-    if (ui.view === ORCHESTRATOR_VIEWS.ACTIVE_RUNS || ui.view === ORCHESTRATOR_VIEWS.RECENT_RUNS) {
+    if (ui.region === COCKPIT_REGIONS.CONTENT
+      && (ui.view === ORCHESTRATOR_VIEWS.ACTIVE_RUNS || ui.view === ORCHESTRATOR_VIEWS.RECENT_RUNS)
+      && key.return) {
       const runs = ui.view === ORCHESTRATOR_VIEWS.ACTIVE_RUNS
         ? data.dashboard?.activeRuns ?? []
         : data.dashboard?.recentRuns ?? [];
-      if (key.upArrow || key.downArrow) {
-        dispatch({
-          type: "arrow",
-          direction: key.upArrow ? "up" : "down",
-          listLength: runs.length
-        });
-        return;
-      }
-      if (key.return) {
-        data.openRunDetail(selectRunFromList(runs, ui.listIndex), dispatch);
-        return;
-      }
+      data.openRunDetail(selectRunFromList(runs, ui.listIndex), dispatch, ui.view);
+      return;
     }
 
     if (ui.view === ORCHESTRATOR_VIEWS.RUN_DETAIL) {
@@ -133,7 +223,7 @@ export function OrchestratorApp({
         return;
       }
       if (inputKey.toLowerCase() === "r") {
-        data.openRunDetail(data.selectedRun, dispatch);
+        data.openRunDetail(data.selectedRun, dispatch, ui.returnView);
         return;
       }
     }
@@ -142,23 +232,6 @@ export function OrchestratorApp({
       data.reload().catch((reloadError) => {
         data.setError(reloadError instanceof Error ? reloadError.message : String(reloadError));
       });
-      return;
-    }
-
-    if (ui.view === ORCHESTRATOR_VIEWS.HOME || ui.region === COCKPIT_REGIONS.NAV) {
-      if (key.upArrow || key.downArrow) {
-        dispatch({ type: "arrow", direction: key.upArrow ? "up" : "down" });
-        return;
-      }
-      if (key.return) {
-        const item = resolveNavAction(ui.navIndex);
-        if (item?.action === "launch") {
-          data.resetLaunchWizard();
-          dispatch({ type: "set-view", view: ORCHESTRATOR_VIEWS.LAUNCH });
-          return;
-        }
-        dispatch({ type: "enter-nav" });
-      }
     }
   });
 
@@ -173,13 +246,26 @@ export function OrchestratorApp({
     return React.createElement(Box, { flexDirection: "column" },
       React.createElement(Text, { bold: true, color: COCKPIT_COLORS.danger }, "Runtime error"),
       React.createElement(Text, null, data.error),
-      React.createElement(Text, { dimColor: true }, "Esc to exit")
+      React.createElement(Text, { dimColor: true }, "R Retry · Esc to exit")
     );
   }
 
   const mode = ui.layoutMode ?? LAYOUT_MODES.COMPACT;
   const colorEnabled = caps.color;
   const unicode = caps.unicode;
+  const projectName = resolveProjectName(workspaceRoot);
+  const readiness = resolveProjectReadiness({
+    hasGlobalState,
+    diagnostics: data.diagnostics,
+    dashboard: data.dashboard
+  });
+  const homeMission = buildHomeMissionModel({
+    projectName,
+    hasGlobalState,
+    diagnostics: data.diagnostics,
+    dashboard: data.dashboard,
+    layoutMode: mode
+  });
 
   return React.createElement(Box, { flexDirection: "column" },
     data.statusMessage && React.createElement(Text, {
@@ -187,8 +273,8 @@ export function OrchestratorApp({
     }, data.statusMessage),
     React.createElement(CockpitShell, {
       topBar: buildTopBarModel({
-        projectName: resolveProjectName(workspaceRoot),
-        systemOnline: true,
+        projectName,
+        systemOnline: readiness.kind !== "needs_setup",
         unicode
       }),
       footer: buildFooterModel({
@@ -201,13 +287,16 @@ export function OrchestratorApp({
       layoutMode: mode,
       nav: buildNavModel({
         navIndex: ui.navIndex,
-        focused: ui.region === COCKPIT_REGIONS.NAV,
-        unicode
+        currentView: ui.view,
+        focused: ui.region === COCKPIT_REGIONS.NAV || !isContentInteractiveView(ui.view),
+        unicode,
+        dashboard: data.dashboard,
+        diagnostics: data.diagnostics
       }),
       system: buildSystemStripModel({
         dashboard: data.dashboard,
         diagnostics: data.diagnostics,
-        healthKind: "ready"
+        readiness
       }),
       navFocused: ui.region === COCKPIT_REGIONS.NAV,
       contentFocused: ui.region === COCKPIT_REGIONS.CONTENT,
@@ -226,15 +315,8 @@ export function OrchestratorApp({
         launchableAgents: data.launchableAgents,
         selectedRun: data.selectedRun,
         selectedEvents: data.selectedEvents,
-        homeMission: buildHomeMissionModel({
-          hasGlobalState,
-          diagnostics: data.diagnostics,
-          dashboard: data.dashboard,
-          layoutMode: mode,
-          activityLines: (data.dashboard?.recentRuns ?? []).map((run) =>
-            `${run.runId} ${run.state} ${run.agentId}`
-          )
-        }),
+        homeMission,
+        layoutMode: mode,
         colorEnabled
       })
     )

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

@@ -23,11 +23,11 @@ export const ORCHESTRATOR_VIEWS = {
 };
 
 export const ORCHESTRATOR_MENU = [
-  { id: "active", label: "Active runs", view: ORCHESTRATOR_VIEWS.ACTIVE_RUNS },
-  { id: "recent", label: "Recent runs", view: ORCHESTRATOR_VIEWS.RECENT_RUNS },
-  { id: "providers", label: "Providers", view: ORCHESTRATOR_VIEWS.PROVIDERS },
-  { id: "launch", label: "Launch run", view: ORCHESTRATOR_VIEWS.LAUNCH, action: "launch" },
-  { id: "diagnostics", label: "Diagnostics", view: ORCHESTRATOR_VIEWS.DIAGNOSTICS },
+  { id: "active", label: "Running now", view: ORCHESTRATOR_VIEWS.ACTIVE_RUNS },
+  { id: "recent", label: "History", view: ORCHESTRATOR_VIEWS.RECENT_RUNS },
+  { id: "providers", label: "Agents", view: ORCHESTRATOR_VIEWS.PROVIDERS },
+  { id: "launch", label: "New run", view: ORCHESTRATOR_VIEWS.LAUNCH, action: "launch" },
+  { id: "diagnostics", label: "System health", view: ORCHESTRATOR_VIEWS.DIAGNOSTICS },
   { id: "help", label: "Help", view: ORCHESTRATOR_VIEWS.HELP }
 ];
 
@@ -157,13 +157,22 @@ export function shiftMenuIndex(currentIndex, direction, menuLength = ORCHESTRATO
   return Math.min(menuLength - 1, Math.max(0, currentIndex + delta));
 }
 
-export function formatRunLines(runs, { emptyMessage = "No runs." } = {}) {
+export function formatRunLines(runs, {
+  emptyMessage = "No runs.",
+  readable = false
+} = {}) {
   if (!runs || runs.length === 0) return [emptyMessage];
 
   return runs.map((run) => {
-    const state = run.state.padEnd(12);
-    const agent = run.agentId.padEnd(10);
-    return `${run.runId}  ${state}  ${agent}  ${formatTaskLabel(run)}`;
+    const agent = humanizeToken(run.agentId);
+    const state = humanizeRunState(run.state);
+    const task = formatTaskLabel(run);
+    if (readable) {
+      return `${agent} · ${state} · ${task}`;
+    }
+    const statePad = run.state.padEnd(12);
+    const agentPad = run.agentId.padEnd(10);
+    return `${run.runId}  ${statePad}  ${agentPad}  ${task}`;
   });
 }
 
@@ -181,17 +190,42 @@ export function formatProviderLines(providers) {
 }
 
 export function formatDiagnosticsLines(diagnostics) {
+  return formatSystemHealthLines(diagnostics);
+}
+
+export function formatSystemHealthLines(diagnostics) {
   const summary = diagnostics?.diagnostics;
+  const intelligence = diagnostics?.intelligence?.summary;
+  const profile = diagnostics?.profile;
+  const capabilities = diagnostics?.capabilities ?? [];
+  const authKnown = capabilities.filter((entry) => entry.authenticated != null);
+  const authReady = authKnown.filter((entry) => entry.authenticated).length;
+
   const lines = [
-    "Summary",
-    `CLI version: ${diagnostics?.cliVersion ?? "unknown"}`,
-    `Agents detected: ${summary?.detected ?? 0}/${diagnostics?.capabilities?.length ?? 0}`,
+    "Agents",
+    `Detected: ${summary?.detected ?? 0}/${capabilities.length}`,
     `Available: ${summary?.available ?? 0}`,
     `Unknown: ${summary?.unknown ?? 0}`,
     `Errors: ${summary?.errors ?? 0}`,
+    ...formatAgentStatusLines(capabilities),
+    "",
+    "Intelligence",
+    intelligence?.localAvailable
+      ? "Local backend available"
+      : "Local backend unavailable",
+    intelligence?.cloudAuthenticated
+      ? "Cloud backend authenticated"
+      : "Cloud backend not configured",
+    `Routing: ${diagnostics?.intelligence?.routingPreview?.reason ?? "n/a"}`,
+    "",
+    "Authentication",
+    authKnown.length === 0
+      ? "No agent authentication signals yet"
+      : `${authReady}/${authKnown.length} agents report ready auth`,
     "",
-    "Agent capabilities",
-    ...formatAgentStatusLines(diagnostics?.capabilities ?? [])
+    "Configuration",
+    `CLI version: ${diagnostics?.cliVersion ?? "unknown"}`,
+    `Profile sources: ${(profile?.sources ?? []).join(", ") || "none"}`
   ];
 
   const recommendations = diagnostics?.recommendations ?? [];
@@ -265,6 +299,29 @@ export function isRunCancellable(run) {
   return run && isActiveRunState(run.state);
 }
 
+function humanizeToken(value) {
+  const raw = String(value ?? "agent");
+  return raw.charAt(0).toUpperCase() + raw.slice(1);
+}
+
+function humanizeRunState(state) {
+  switch (state) {
+    case "succeeded":
+    case "completed":
+      return "Succeeded";
+    case "failed":
+      return "Failed";
+    case "cancelled":
+    case "canceled":
+      return "Cancelled";
+    case "running":
+    case "starting":
+      return "Running";
+    default:
+      return humanizeToken(state);
+  }
+}
+
 function summarizeEvent(event) {
   if (event.type === "agent.tool_call") {
     return event.data?.tool_name ?? event.data?.name ?? "tool";

package/src/global/ink/theme.js

@@ -19,7 +19,10 @@ export const STATUS_LABELS = {
   offline: "Offline",
   local: "Local",
   online: "ONLINE",
-  loading: "Loading"
+  loading: "Loading",
+  needs_setup: "Needs setup",
+  needs_attention: "Needs attention",
+  limited: "Limited"
 };
 
 export const COCKPIT_GLYPHS = {
@@ -55,9 +58,12 @@ export function statusColor(kind, { colorEnabled = true } = {}) {
       return COCKPIT_COLORS.success;
     case "warn":
     case "warning":
+    case "needs_setup":
+    case "limited":
       return COCKPIT_COLORS.warning;
     case "error":
     case "danger":
+    case "needs_attention":
       return COCKPIT_COLORS.danger;
     case "offline":
     case "muted":