@multiclawcli/dashboard 0.11.0 → 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.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",
@@ -803,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
         )
       };
     }
@@ -1503,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);
@@ -1532,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,
@@ -1615,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}` : "";
@@ -2483,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}` : ""
     ] });
@@ -2554,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([]);
@@ -2567,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);
@@ -2876,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);
@@ -2960,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) => ({
@@ -2976,8 +2904,8 @@ 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: 0, released: false };
@@ -2998,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)),
@@ -3242,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);
@@ -3456,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) {
@@ -3477,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);
@@ -3804,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";
@@ -3834,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.11.0",
+  "version": "0.12.0",
   "type": "module",
   "exports": {
     "./tui": {
@@ -25,7 +25,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@multiclawcli/core": "0.11.0",
+    "@multiclawcli/core": "0.12.0",
     "ink": "^8.0.0",
     "md4x": "^0.0.30",
     "react": "^19.3.1",