@multiclawcli/dashboard 0.10.1 → 0.12.0

package/dist/tui/components/overlays.d.ts

@@ -1,5 +1,4 @@
 import type { SessionMeta } from "../sessions";
-import { type TurnView } from "../state";
 interface HelpGroup {
     title: string;
     rows: Array<[keys: string, description: string]>;
@@ -16,8 +15,8 @@ interface HelpGroup {
  * enumeration belongs.
  */
 export declare const HELP_GROUPS: readonly HelpGroup[];
-/** How many turns fit in a body of `maxRows`. Never fewer than one. */
-export declare function historyCapacity(maxRows: number): number;
+/** How many items fit in a body of `maxRows`. Never fewer than one. */
+export declare function overlayCapacity(maxRows: number): number;
 /**
  * The first item to draw, given the one the cursor is on.
  *
@@ -44,32 +43,12 @@ export declare function HelpOverlay({ width, maxRows }: {
     width: number;
     maxRows: number;
 }): import("react").JSX.Element;
-/**
- * The finished turns, newest first.
- *
- * Two rows per turn on purpose: the requirement is the thing a reader is
- * scanning for, and folding it onto the same line as the outcome would truncate
- * exactly the part that identifies the turn.
- *
- * Only turns a newer turn has superseded are listed — the one being run is
- * already on screen, so listing it would offer to show the user what they are
- * looking at.
- */
-export declare function HistoryOverlay({ turns, selected, width, maxRows, }: {
-    turns: TurnView[];
-    selected: number;
-    width: number;
-    /** Rows available in the body. The list is windowed against this. */
-    maxRows: number;
-}): import("react").JSX.Element;
 /**
  * The session picker: every session in the workspace, newest activity first.
  *
- * The level above {@link HistoryOverlay}. Where the history list browses the
- * turns *within* a session, this switches between whole sessions — the thing a
- * restart, a `/new`, or opening the console again all create. The one the
- * console is attached to is marked, because "which am I on" is the first
- * question the list has to answer.
+ * Switches between whole sessions — the thing a restart, a `/new`, or opening
+ * the console again all create. The one the console is attached to is marked,
+ * because "which am I on" is the first question the list has to answer.
  */
 export declare function SessionsOverlay({ sessions, selected, currentId, width, maxRows, now, }: {
     sessions: SessionMeta[];

package/dist/tui/format.d.ts

@@ -1,4 +1,15 @@
 import type { SupplementReport } from "@multiclawcli/core";
+import type { LogSegment } from "./state";
+/**
+ * Render a structured log buffer to a single ANSI string ready for `wrapLog`.
+ *
+ * - `text` segments are rendered as markdown via md4x (with `heal:true` to
+ *   handle streaming-incomplete syntax gracefully).
+ * - `tool` segments are prefixed with a dim-cyan glyph.
+ * - `system` segments (errors, retries, steer notes) are rendered dim yellow.
+ * - `tool-detail` segments are already filtered at storage time; skipped here.
+ */
+export declare function renderSegments(segments: LogSegment[], _width: number): string;
 /**
  * Truncate to `max` columns, ending in an ellipsis when it does not fit.
  *

package/dist/tui/state.d.ts

@@ -7,6 +7,11 @@ import type { AcceptanceResult, AgentDefinition, AgentOutput, AgentStatus, Leade
  * renders a tail window, so only the tail is worth keeping.
  */
 export declare const MAX_LOG_CHARS = 8000;
+export type LogKind = "text" | "tool" | "tool-detail" | "system";
+export interface LogSegment {
+    kind: LogKind;
+    text: string;
+}
 export interface AgentView {
     id: string;
     name: string;
@@ -38,7 +43,7 @@ export interface AgentView {
      * re-exploring from scratch.
      */
     sessionId?: string;
-    logs: string;
+    logs: LogSegment[];
 }
 export type TuiPhase = "idle" | "running" | "complete";
 export interface TuiStageInfo extends StageInfo {
@@ -234,7 +239,7 @@ export type TuiAction = {
 };
 export declare function stripAnsi(text: string): string;
 /** Append a chunk, keeping only the last {@link MAX_LOG_CHARS} characters. */
-export declare function appendLog(previous: string, chunk: string): string;
+export declare function appendLog(previous: LogSegment[], chunk: string, kind?: LogKind): LogSegment[];
 /** Every agent that takes part in a run, in declaration order: leader first. */
 export declare function plannedAgents(config: MultiClawConfig): AgentDefinition[];
 export declare function leaderAgentIds(config: MultiClawConfig): string[];

package/dist/tui.js

@@ -66,11 +66,6 @@ var COMMANDS = [
     completes: "agent"
   },
   { name: "clear", description: "Clear the focused agent's log", availability: "always" },
-  {
-    name: "history",
-    description: "Browse finished turns, or continue one",
-    availability: "always"
-  },
   {
     name: "sessions",
     description: "Switch between, or delete, saved sessions",
@@ -260,7 +255,35 @@ function resolveAgentId(input, ids) {
 import { Box, Text } from "ink";
 
 // src/tui/format.ts
+import { renderToAnsi } from "md4x/napi";
 import stringWidth from "string-width";
+var DIM = "\x1B[2m";
+var CYAN = "\x1B[36m";
+var YELLOW = "\x1B[33m";
+var RESET = "\x1B[0m";
+function renderSegments(segments, _width) {
+  const parts = [];
+  let textBuf = "";
+  const flushText = () => {
+    if (!textBuf) return;
+    parts.push(renderToAnsi(textBuf, { heal: true }));
+    textBuf = "";
+  };
+  for (const seg of segments) {
+    if (seg.kind === "text") {
+      textBuf += seg.text;
+    } else {
+      flushText();
+      if (seg.kind === "tool") {
+        parts.push(`${DIM}${CYAN}\u25B8 ${seg.text}${RESET}`);
+      } else if (seg.kind === "system") {
+        parts.push(`${DIM}${YELLOW}${seg.text}${RESET}`);
+      }
+    }
+  }
+  flushText();
+  return parts.join("\n");
+}
 function truncate(text, max) {
   if (max <= 0) return "";
   if (text.length <= max) return text;
@@ -650,12 +673,29 @@ var initialState = {
 function stripAnsi(text) {
   return text.replace(ANSI_PATTERN, "");
 }
-function appendLog(previous, chunk) {
-  const next = previous + stripAnsi(chunk);
-  return next.length > MAX_LOG_CHARS ? next.slice(next.length - MAX_LOG_CHARS) : next;
+function appendLog(previous, chunk, kind = "text") {
+  const text = stripAnsi(chunk);
+  if (!text) return previous;
+  const last = previous[previous.length - 1];
+  const next = last?.kind === kind ? [...previous.slice(0, -1), { kind, text: last.text + text }] : [...previous, { kind, text }];
+  let total = next.reduce((sum, s) => sum + s.text.length, 0);
+  if (total <= MAX_LOG_CHARS) return next;
+  const result = [...next];
+  while (total > MAX_LOG_CHARS && result.length > 0) {
+    const first = result[0];
+    const excess = total - MAX_LOG_CHARS;
+    if (first.text.length <= excess) {
+      total -= first.text.length;
+      result.shift();
+    } else {
+      result[0] = { ...first, text: first.text.slice(excess) };
+      break;
+    }
+  }
+  return result;
 }
 function blankAgent(id, name, patch = {}) {
-  return { id, name, status: "pending", logs: "", ...patch };
+  return { id, name, status: "pending", logs: [], ...patch };
 }
 function epoch(iso) {
   const value = Date.parse(iso);
@@ -758,14 +798,14 @@ function reduceEvent(state, event) {
     case "stage:complete": {
       const stage = state.stages.find((stage2) => stage2.stageIndex === event.payload.stageIndex);
       if (!stage || stage.outcome !== void 0) return state;
-      const outcome2 = stageStatus(stage, state.agents);
+      const outcome = stageStatus(stage, state.agents);
       const memberStatuses = Object.fromEntries(
         stage.agents.map((agent) => [agent.id, state.agents[agent.id]?.status ?? "pending"])
       );
       return {
         ...state,
         stages: state.stages.map(
-          (entry) => entry === stage ? { ...entry, outcome: outcome2, memberStatuses } : entry
+          (entry) => entry === stage ? { ...entry, outcome, memberStatuses } : entry
         )
       };
     }
@@ -787,7 +827,7 @@ function reduceEvent(state, event) {
         error: void 0,
         usage: void 0,
         costUsd: void 0,
-        logs: existing.startedAt !== void 0 && existing.logs ? appendLog(existing.logs, "\n[agent restarted]\n") : existing.logs
+        logs: existing.startedAt !== void 0 && existing.logs.length > 0 ? appendLog(existing.logs, "[agent restarted]", "system") : existing.logs
       } : blankAgent(agentId, agentName, {
         icon,
         model,
@@ -813,7 +853,7 @@ function reduceEvent(state, event) {
         ...state,
         agents: {
           ...state.agents,
-          [agentId]: { ...existing, logs: appendLog(existing.logs, chunk) }
+          [agentId]: { ...existing, logs: appendLog(existing.logs, chunk, kind ?? "text") }
         }
       };
     }
@@ -835,11 +875,10 @@ function reduceEvent(state, event) {
       const existing = state.agents[result.agentId];
       const next = existing ? { ...existing, ...patch } : blankAgent(result.agentId, result.agentName, patch);
       if (event.type === "agent:failed") {
-        if (next.logs === "" && result.output) next.logs = appendLog("", result.output);
-        if (result.error && !next.logs.includes(stripAnsi(result.error))) {
-          next.logs = appendLog(next.logs, `
-[error] ${result.error}
-`);
+        if (next.logs.length === 0 && result.output)
+          next.logs = appendLog([], result.output, "text");
+        if (result.error && !next.logs.some((s) => s.text.includes(stripAnsi(result.error)))) {
+          next.logs = appendLog(next.logs, result.error, "system");
         }
       }
       return { ...state, agents: { ...state.agents, [result.agentId]: next } };
@@ -852,12 +891,14 @@ function reduceEvent(state, event) {
     }
     case "agent:retrying": {
       const { agentId, agentName, attempt, maxAttempts, error } = event.payload;
-      const note = `
-[retry ${attempt}/${maxAttempts}] ${error}
-`;
+      const note = `[retry ${attempt}/${maxAttempts}] ${error}`;
       const existing = state.agents[agentId];
       const retry = { attempt, max: maxAttempts };
-      const next = existing ? { ...existing, status: "retrying", retry, logs: appendLog(existing.logs, note) } : blankAgent(agentId, agentName, { status: "retrying", retry, logs: note });
+      const next = existing ? { ...existing, status: "retrying", retry, logs: appendLog(existing.logs, note, "system") } : blankAgent(agentId, agentName, {
+        status: "retrying",
+        retry,
+        logs: appendLog([], note, "system")
+      });
       return { ...state, agents: { ...state.agents, [agentId]: next } };
     }
     case "orchestration:warning":
@@ -880,7 +921,9 @@ function reduceEvent(state, event) {
   }
 }
 function wrapLog(logs, width) {
-  return logs.split("\n").flatMap((line) => wrapLine(line, width));
+  if (logs.length === 0) return [];
+  const rendered = renderSegments(logs, width);
+  return rendered.trimEnd().split("\n").flatMap((line) => wrapLine(line, width));
 }
 function focusedRowCount(turn, width) {
   const agent = turn.focusId ? turn.agents[turn.focusId] : void 0;
@@ -1052,7 +1095,7 @@ function tuiReducer(state, action) {
         const id = turn.focusId;
         const agent = id ? turn.agents[id] : void 0;
         if (!id || !agent) return turn;
-        return { ...turn, agents: { ...turn.agents, [id]: { ...agent, logs: "" } }, scroll: 0 };
+        return { ...turn, agents: { ...turn.agents, [id]: { ...agent, logs: [] } }, scroll: 0 };
       });
     case "stream:note": {
       const agent = state.agents[action.agentId];
@@ -1061,9 +1104,7 @@ function tuiReducer(state, action) {
         ...state,
         agents: {
           ...state.agents,
-          [action.agentId]: { ...agent, logs: appendLog(agent.logs, `
-${action.text}
-`) }
+          [action.agentId]: { ...agent, logs: appendLog(agent.logs, action.text, "system") }
         }
       };
     }
@@ -1457,10 +1498,10 @@ var HELP_GROUPS = [
   }
 ];
 var KEY_COLUMN = 16;
-var TURN_ROWS = 3;
-var HISTORY_CHROME_ROWS = 4;
-function historyCapacity(maxRows) {
-  return Math.max(1, Math.floor((maxRows - HISTORY_CHROME_ROWS) / TURN_ROWS));
+var ITEM_ROWS = 3;
+var OVERLAY_CHROME_ROWS = 4;
+function overlayCapacity(maxRows) {
+  return Math.max(1, Math.floor((maxRows - OVERLAY_CHROME_ROWS) / ITEM_ROWS));
 }
 function listWindowStart(selected, total, capacity) {
   const maxStart = Math.max(0, total - capacity);
@@ -1486,81 +1527,6 @@ function HelpOverlay({ width, maxRows }) {
     /* @__PURE__ */ jsx2(Box2, { marginTop: gap, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "esc or ? to close" }) })
   ] });
 }
-function outcome(turn) {
-  if (turn.reply) {
-    return turn.reply.mode === "ask" ? { text: `${GLYPH.ask} needs input`, color: COLOR.warn } : { text: `${STATUS.success.glyph} answered`, color: COLOR.ok };
-  }
-  if (turn.interrupted || turn.phase !== "complete") {
-    return { text: "interrupted", color: COLOR.warn };
-  }
-  if (turn.acceptance) {
-    switch (turn.acceptance.status) {
-      case "approved":
-        return { text: `${STATUS.success.glyph} approved`, color: COLOR.ok };
-      case "changes_required":
-        return { text: `${GLYPH.warn} changes required`, color: COLOR.warn };
-      case "failed":
-        return { text: `${STATUS.failed.glyph} acceptance failed`, color: COLOR.error };
-      case "cancelled":
-        return { text: `${STATUS.cancelled.glyph} acceptance cancelled`, color: COLOR.warn };
-    }
-  }
-  if (turn.cancelled) return { text: `${STATUS.cancelled.glyph} cancelled`, color: COLOR.warn };
-  return turn.success ? { text: `${STATUS.success.glyph} done`, color: COLOR.ok } : { text: `${STATUS.failed.glyph} failed`, color: COLOR.error };
-}
-function HistoryOverlay({
-  turns,
-  selected,
-  width,
-  maxRows
-}) {
-  const capacity = historyCapacity(maxRows);
-  const start = listWindowStart(selected, turns.length, capacity);
-  const visible = turns.slice(start, start + capacity);
-  const range = turns.length > capacity ? ` \xB7 showing ${start + 1}\u2013${start + visible.length} of ${turns.length}` : "";
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", flexShrink: 0, paddingLeft: 2, paddingTop: 1, width, children: [
-    /* @__PURE__ */ jsxs2(Box2, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "HISTORY" }),
-      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-        turns.length,
-        " earlier"
-      ] })
-    ] }),
-    turns.length === 0 ? /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No earlier turns yet." }) }) : /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, children: visible.map((turn, offset) => {
-      const index = start + offset;
-      const focused = index === selected;
-      const state = outcome(turn);
-      const { done, total } = progress(turn);
-      const time = turn.totalDuration === void 0 ? "" : ` \xB7 ${formatDuration(turn.totalDuration)}`;
-      return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: index === 0 ? 0 : 1, children: [
-        /* @__PURE__ */ jsxs2(Box2, { children: [
-          /* @__PURE__ */ jsx2(Text2, { color: focused ? COLOR.accent : void 0, children: focused ? `${GLYPH.caret} ` : "  " }),
-          /* @__PURE__ */ jsxs2(Text2, { bold: focused, color: focused ? COLOR.accent : void 0, children: [
-            "turn ",
-            turn.turn
-          ] }),
-          /* @__PURE__ */ jsxs2(Text2, { color: state.color, children: [
-            " \xB7 ",
-            state.text
-          ] }),
-          /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-            time,
-            " \xB7 ",
-            done,
-            "/",
-            total,
-            " agents"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs2(Text2, { dimColor: true, wrap: "truncate-end", children: [
-          "    ",
-          truncate(turn.requirement ?? "(no requirement)", Math.max(8, width - 6))
-        ] })
-      ] }, turn.turn);
-    }) }),
-    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: `\u2191\u2193 select \xB7 enter open \xB7 c continue \xB7 esc close${range}` }) })
-  ] });
-}
 function SessionsOverlay({
   sessions,
   selected,
@@ -1569,7 +1535,7 @@ function SessionsOverlay({
   maxRows,
   now
 }) {
-  const capacity = historyCapacity(maxRows);
+  const capacity = overlayCapacity(maxRows);
   const start = listWindowStart(selected, sessions.length, capacity);
   const visible = sessions.slice(start, start + capacity);
   const range = sessions.length > capacity ? ` \xB7 showing ${start + 1}\u2013${start + visible.length} of ${sessions.length}` : "";
@@ -1990,7 +1956,7 @@ function Prompt({
     const caret = line.caret;
     const rest = caret === void 0 ? "" : line.text.slice(caret);
     const cell = [...ghost ? hint : rest][0] ?? " ";
-    const tail2 = ghost ? [...hint].slice(1).join("") : rest.slice(cell.length);
+    const tail = ghost ? [...hint].slice(1).join("") : rest.slice(cell.length);
     return (
       // biome-ignore lint/suspicious/noArrayIndexKey: a text row has no identity beyond its position — the whole prompt is rebuilt on every keystroke anyway
       /* @__PURE__ */ jsxs5(Box5, { flexShrink: 0, children: [
@@ -1998,7 +1964,7 @@ function Prompt({
         caret === void 0 ? /* @__PURE__ */ jsx5(Text5, { dimColor: ghost, children: line.text }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
           /* @__PURE__ */ jsx5(Text5, { dimColor: ghost, children: line.text.slice(0, caret) }),
           /* @__PURE__ */ jsx5(Text5, { inverse: caretVisible, dimColor: !caretVisible && ghost, children: cell }),
-          /* @__PURE__ */ jsx5(Text5, { dimColor: ghost, children: tail2 })
+          /* @__PURE__ */ jsx5(Text5, { dimColor: ghost, children: tail })
         ] })
       ] }, start + index)
     );
@@ -2207,7 +2173,8 @@ function formatTurnMarkdown(turn) {
     lines.push("");
     lines.push("## Logs", "");
     for (const agent of agents) {
-      lines.push(`### ${agent.id}: ${agent.name}`, "", "```", agent.logs ?? "", "```", "");
+      const logsText = agent.logs.map((s) => s.text).join("");
+      lines.push(`### ${agent.id}: ${agent.name}`, "", "```", logsText ?? "", "```", "");
     }
   }
   return `${lines.join("\n").trimEnd()}
@@ -2237,7 +2204,7 @@ var STATUSES = /* @__PURE__ */ new Set([
 ]);
 function isAgentView(value) {
   if (!isObject2(value)) return false;
-  return typeof value.id === "string" && typeof value.name === "string" && typeof value.logs === "string" && typeof value.status === "string" && STATUSES.has(value.status);
+  return typeof value.id === "string" && typeof value.name === "string" && Array.isArray(value.logs) && typeof value.status === "string" && STATUSES.has(value.status);
 }
 function isJournalTurn(value) {
   if (!isObject2(value)) return false;
@@ -2265,13 +2232,27 @@ function saveJournal(workDir, sessionId, journal) {
   if (isEmpty(journal) && !fs4.existsSync(target)) return Promise.resolve();
   return writeJsonFile(target, JSON.stringify(journal));
 }
-function tail(text, max) {
-  return text.length > max ? `\u2026${text.slice(text.length - max)}` : text;
+function tailSegments(segs, max) {
+  let total = segs.reduce((sum, s) => sum + s.text.length, 0);
+  if (total <= max) return segs;
+  const result = [...segs];
+  while (total > max && result.length > 0) {
+    const first = result[0];
+    const excess = total - max;
+    if (first.text.length <= excess) {
+      total -= first.text.length;
+      result.shift();
+    } else {
+      result[0] = { ...first, text: `\u2026${first.text.slice(excess)}` };
+      break;
+    }
+  }
+  return result;
 }
 function journalTurn(state, pending) {
   const agents = {};
   for (const [id, agent] of Object.entries(state.agents)) {
-    agents[id] = { ...agent, logs: tail(agent.logs, MAX_JOURNAL_LOG_CHARS) };
+    agents[id] = { ...agent, logs: tailSegments(agent.logs, MAX_JOURNAL_LOG_CHARS) };
   }
   return {
     turn: state.turn,
@@ -2422,10 +2403,10 @@ function StatusLine({
   }
   if (state.phase === "complete") {
     const time = state.totalDuration === void 0 ? "" : ` ${formatDuration(state.totalDuration)}`;
-    const outcome2 = state.acceptance ? `${state.success ? STATUS.success.glyph : STATUS.failed.glyph} ${state.acceptance.status === "approved" ? "delivery approved" : state.acceptance.status === "changes_required" ? "changes required" : "acceptance failed"}${time}` : state.success ? `${STATUS.success.glyph} done${time}` : `${STATUS.failed.glyph} finished with failures${time}`;
+    const outcome = state.acceptance ? `${state.success ? STATUS.success.glyph : STATUS.failed.glyph} ${state.acceptance.status === "approved" ? "delivery approved" : state.acceptance.status === "changes_required" ? "changes required" : "acceptance failed"}${time}` : state.success ? `${STATUS.success.glyph} done${time}` : `${STATUS.failed.glyph} finished with failures${time}`;
     const cost = state.totalCostUsd === void 0 ? "" : ` \xB7 ${formatCost(state.totalCostUsd)}`;
     return /* @__PURE__ */ jsxs6(Text6, { color: state.success ? COLOR.ok : COLOR.error, wrap: "truncate-end", children: [
-      outcome2,
+      outcome,
       cost,
       state.warning ? ` \xB7 ${GLYPH.warn} ${state.warning}` : ""
     ] });
@@ -2493,8 +2474,6 @@ function App({
     launchNoticeRef.current ?? restored.notice
   );
   const [helpOpen, setHelpOpen] = useState(false);
-  const [historyOpen, setHistoryOpen] = useState(false);
-  const [historyCursor, setHistoryCursor] = useState(0);
   const [sessionsOpen, setSessionsOpen] = useState(false);
   const [sessionCursor, setSessionCursor] = useState(0);
   const [sessionList, setSessionList] = useState([]);
@@ -2506,6 +2485,14 @@ function App({
   const sessionsRef = useRef(null);
   if (!sessionsRef.current) sessionsRef.current = providedSessions ?? new AgentSessionManager();
   const continuationRef = useRef(null);
+  useEffect(() => {
+    if (initialSession?.kind !== "resume" || !("id" in initialSession)) return;
+    const history = restoredRef.current?.history ?? [];
+    const last = history[history.length - 1];
+    if (last) dispatch({ type: "view:open", turn: last.turn });
+    const resumable = [...history].reverse().find((turn) => Object.keys(turnSessions(turn)).length > 0);
+    continuationRef.current = resumable ? { turn: resumable.turn, sessions: turnSessions(resumable) } : null;
+  }, [initialSession]);
   const activeTurnRef = useRef(null);
   const reporterErrorRef = useRef(null);
   const closingRef = useRef(false);
@@ -2815,6 +2802,10 @@ function App({
         leaderIds: leaderAgentIds(config),
         history: restored2.history
       });
+      const lastTurn = restored2.history[restored2.history.length - 1];
+      if (lastTurn) {
+        dispatch({ type: "view:open", turn: lastTurn.turn });
+      }
       setQueue(restored2.queue);
       queuePausedRef.current = restored2.queue.length > 0;
       setQueuePaused(restored2.queue.length > 0);
@@ -2899,8 +2890,6 @@ function App({
     () => query === void 0 ? [] : matchCommands(query, running),
     [query, running]
   );
-  const historyTurns = useMemo(() => [...state.history].reverse(), [state.history]);
-  const historyIndex = historyTurns.length === 0 ? 0 : Math.min(historyCursor, historyTurns.length - 1);
   const shown = state.view ?? state;
   const arg = argQuery(line.text);
   const argRows = arg ? completeAgents(arg.partial, Object.keys(shown.agents)).map((id) => ({
@@ -2915,11 +2904,11 @@ function App({
   const paletteTotal = allRows.length;
   const menuIndex = menuCursor.query === paletteKey ? menuCursor.index : 0;
   const selected = paletteTotal === 0 ? 0 : Math.min(menuIndex, paletteTotal - 1);
-  const menuOpen = !helpOpen && !historyOpen && !sessionsOpen && query !== void 0 && matches.length > 0;
-  const argOpen = !helpOpen && !historyOpen && !sessionsOpen && arg !== void 0 && argRows.length > 0;
+  const menuOpen = !helpOpen && !sessionsOpen && query !== void 0 && matches.length > 0;
+  const argOpen = !helpOpen && !sessionsOpen && arg !== void 0 && argRows.length > 0;
   const paletteOpen = menuOpen || argOpen;
   const front = interactions[0];
-  const menu = front?.kind === "permission" && permissionMenu.id === front.shortId ? permissionMenu : { id: front?.shortId ?? "", cursor: void 0, released: false };
+  const menu = front?.kind === "permission" && permissionMenu.id === front.shortId ? permissionMenu : { id: front?.shortId ?? "", cursor: 0, released: false };
   const frontQuestion = front?.kind === "question" ? front : void 0;
   const questionFields = useMemo(
     () => frontQuestion ? formFields(frontQuestion.request) : [],
@@ -2937,7 +2926,7 @@ function App({
     columns,
     rows,
     turn: state.turn,
-    overlay: helpOpen || historyOpen || sessionsOpen,
+    overlay: helpOpen || sessionsOpen,
     menuRows: paletteOpen ? paletteTotal : 0,
     queueRows: queue.length,
     interactionRows: interactionRows(interactions, Math.max(MIN_COLUMNS, columns)),
@@ -3181,15 +3170,6 @@ function App({
           dispatch({ type: "stream:clear" });
           setNotice(`cleared ${shown2.focusId}`);
           return;
-        case "history":
-          if (state.history.length === 0) {
-            setNotice("no earlier turns yet");
-            return;
-          }
-          setNotice(void 0);
-          setHistoryCursor(0);
-          setHistoryOpen(true);
-          return;
         case "sessions": {
           const list = listSessions(config.workDir);
           setSessionList(list);
@@ -3395,8 +3375,6 @@ function App({
     if (key.ctrl && char === "c") {
       if (helpOpen) {
         setHelpOpen(false);
-      } else if (historyOpen) {
-        setHistoryOpen(false);
       } else if (sessionsOpen) {
         setSessionsOpen(false);
       } else if (abortRef.current) {
@@ -3416,43 +3394,6 @@ function App({
       if (key.escape || char === "?") setHelpOpen(false);
       return;
     }
-    if (historyOpen) {
-      if (key.escape) {
-        setHistoryOpen(false);
-        return;
-      }
-      if (historyTurns.length === 0) return;
-      if (key.upArrow) {
-        setHistoryCursor((historyIndex - 1 + historyTurns.length) % historyTurns.length);
-        return;
-      }
-      if (key.downArrow) {
-        setHistoryCursor((historyIndex + 1) % historyTurns.length);
-        return;
-      }
-      if (key.return) {
-        dispatch({ type: "view:open", turn: historyTurns[historyIndex].turn });
-        setHistoryOpen(false);
-        return;
-      }
-      if (char === "c") {
-        const target = historyTurns[historyIndex];
-        const sessions = turnSessions(target);
-        const count = Object.keys(sessions).length;
-        if (count === 0) {
-          setNotice(`turn ${target.turn} has no agent sessions to continue`);
-          return;
-        }
-        continuationRef.current = { turn: target.turn, sessions };
-        dispatch({ type: "view:open", turn: target.turn });
-        setHistoryOpen(false);
-        setNotice(
-          `continuing turn ${target.turn} \u2014 ${count} ${count === 1 ? "session" : "sessions"} \xB7 type your next instruction`
-        );
-        return;
-      }
-      return;
-    }
     if (sessionsOpen) {
       if (key.escape) {
         setSessionsOpen(false);
@@ -3743,7 +3684,7 @@ function App({
   const handlerRef = useRef(handleKey);
   handlerRef.current = handleKey;
   useInput((char, key) => handlerRef.current(char, key));
-  const keys = helpOpen ? "esc close" : historyOpen ? "\u2191\u2193 select \xB7 enter open \xB7 esc close" : sessionsOpen ? "\u2191\u2193 select \xB7 enter open \xB7 d delete \xB7 esc close" : argOpen ? `\u2191\u2193 select \xB7 tab complete \xB7 enter ${arg?.command.name} \xB7 esc close` : menuOpen ? "\u2191\u2193 select \xB7 tab complete \xB7 enter run \xB7 esc close" : running ? checkpointResolveRef.current ? `/continue \xB7 /modify <instruction> \xB7 /cancel` : interactions.length > 0 ? layout.interactionRows === 0 ? (
+  const keys = helpOpen ? "esc close" : sessionsOpen ? "\u2191\u2193 select \xB7 enter open \xB7 d delete \xB7 esc close" : argOpen ? `\u2191\u2193 select \xB7 tab complete \xB7 enter ${arg?.command.name} \xB7 esc close` : menuOpen ? "\u2191\u2193 select \xB7 tab complete \xB7 enter run \xB7 esc close" : running ? checkpointResolveRef.current ? `/continue \xB7 /modify <instruction> \xB7 /cancel` : interactions.length > 0 ? layout.interactionRows === 0 ? (
     // Too short to dock the bar, so the commands are the only way in.
     "decide with /approve 1 \xB7 /deny \xB7 /respond"
   ) : interactions[0].kind === "question" ? "tab field \xB7 \u2191\u2193 pick \xB7 enter next \xB7 /dismiss" : menu.released ? "/approve 1 and /deny still reach it" : "\u2191\u2193 or 1-9 choose \xB7 enter confirm \xB7 esc to type" : "enter queues \xB7 ctrl+c cancel" : state.view ? "esc live \xB7 tab agent \xB7 ? help" : state.reply ? "enter sends \xB7 / commands \xB7 ? help" : "tab switch \xB7 / commands \xB7 ? help";
@@ -3773,15 +3714,7 @@ function App({
         flexShrink: 0,
         flexDirection: "column",
         overflow: "hidden",
-        children: helpOpen ? /* @__PURE__ */ jsx6(HelpOverlay, { width: layout.columns, maxRows: layout.bodyHeight }) : historyOpen ? /* @__PURE__ */ jsx6(
-          HistoryOverlay,
-          {
-            turns: historyTurns,
-            selected: historyIndex,
-            width: layout.columns,
-            maxRows: layout.bodyHeight
-          }
-        ) : sessionsOpen ? /* @__PURE__ */ jsx6(
+        children: helpOpen ? /* @__PURE__ */ jsx6(HelpOverlay, { width: layout.columns, maxRows: layout.bodyHeight }) : sessionsOpen ? /* @__PURE__ */ jsx6(
           SessionsOverlay,
           {
             sessions: sessionList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiclawcli/dashboard",
-  "version": "0.10.1",
+  "version": "0.12.0",
   "type": "module",
   "exports": {
     "./tui": {
@@ -25,8 +25,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@multiclawcli/core": "0.10.1",
+    "@multiclawcli/core": "0.12.0",
     "ink": "^8.0.0",
+    "md4x": "^0.0.30",
     "react": "^19.3.1",
     "string-width": "^8.3.0"
   },