@h-rig/cli 0.0.6-alpha.83 → 0.0.6-alpha.85

package/dist/src/app-opentui/scenes/handoff.js

@@ -11,15 +11,17 @@ var RIG_UI = {
   bg: "#070809",
   bg2: "#0b0c0e",
   panel: "#101115",
-  panel2: "#101115",
-  glass: "#14161b",
-  ink: "#f2f3f6",
-  ink2: "#aeb0ba",
-  ink3: "#6c6e79",
-  ink4: "#44464f",
+  panel2: "#14161b",
+  glass: "#1e2230",
+  border: "#2a2e3a",
+  ink: "#f4f5f8",
+  ink2: "#c7c9d3",
+  ink3: "#9aa0ae",
+  ink4: "#787b86",
   lime: "#ccff4d",
   limeDim: "#a9d63f",
   cyan: "#56d8ff",
+  cyanDim: "#3f9fbd",
   red: "#ff5d5d",
   yellow: "#ffd24d",
   magenta: "#ff79b0"
@@ -37,6 +39,18 @@ var styles = {
   magenta: otuiFg(RIG_UI.magenta)
 };
 
+// packages/cli/src/app-opentui/drone.ts
+import { RGBA, StyledText, TextAttributes as TextAttributes2 } from "@opentui/core";
+var COLOR = {
+  body: RGBA.fromHex(RIG_UI.lime),
+  mini: RGBA.fromHex(RIG_UI.limeDim),
+  rotor: RGBA.fromHex(RIG_UI.cyan),
+  path: RGBA.fromHex(RIG_UI.cyan),
+  eye: RGBA.fromHex(RIG_UI.ink),
+  dim: RGBA.fromHex(RIG_UI.ink4),
+  ink: RGBA.fromHex(RIG_UI.ink2)
+};
+
 // packages/cli/src/app-opentui/render/scene.ts
 function line(text, options = {}) {
   return { text, ...options };
@@ -55,6 +69,11 @@ function makeSceneFrame(input) {
   return input;
 }
 
+// packages/cli/src/app-opentui/selectable.ts
+function selectableDeckRow(deck, item) {
+  return { ...deckRow({ ...deck, activateOnClick: true }), selectable: item };
+}
+
 // packages/cli/src/app-opentui/render/ascii-fleet.ts
 var LEAD_DRONE = [
   "  .-=-.                   .-=-.   ",
@@ -133,6 +152,35 @@ function fleetRows(tick, options = {}) {
 }
 
 // packages/cli/src/app-opentui/scenes/handoff.ts
+function elapsedLabel(step, nowMs) {
+  const end = step.endedAtMs ?? nowMs;
+  const seconds = Math.max(0, (end - step.startedAtMs) / 1000);
+  return `${seconds.toFixed(1)}s`;
+}
+function prepStepLines(handoff) {
+  const now = Date.now();
+  const steps = handoff.steps ?? [];
+  const out = [
+    line(`Preparing bundled Pi for ${handoff.runId.slice(0, 8)}`, { fg: RIG_UI.ink, bold: true }),
+    line("connect \u2192 fetch transcript \u2192 spawn host \u2192 start Pi", { fg: RIG_UI.ink4 }),
+    line("", {}),
+    line("STEPS", { fg: RIG_UI.ink3, bold: true })
+  ];
+  for (const step of steps) {
+    const glyph = step.status === "done" ? "\u2713" : step.status === "failed" ? "\u2717" : "\u283F";
+    const color = step.status === "failed" ? RIG_UI.red : step.status === "done" ? RIG_UI.limeDim : RIG_UI.cyan;
+    out.push(line(`${glyph} ${step.label}  \xB7  ${elapsedLabel(step, now)}`, { fg: color }));
+  }
+  if (steps.length === 0)
+    out.push(line("\u283F connecting\u2026", { fg: RIG_UI.cyan }));
+  return out;
+}
+function handoffAttachItem(runId) {
+  return { id: "attach", label: "attach", intent: { scene: "handoff", argv: ["attach", runId], action: { kind: "run-attach", payload: { runId }, label: `Attach Pi ${runId.slice(0, 8)}` } }, message: "open bundled Pi" };
+}
+var HANDOFF_RUNS_ITEM = { id: "runs", label: "runs", intent: { scene: "fleet", argv: ["fleet"], action: { kind: "refresh", label: "Back to fleet" } }, message: "back to fleet" };
+var HANDOFF_RUNS_PICK_ITEM = { id: "runs", label: "runs", intent: { scene: "fleet", argv: ["fleet"], action: { kind: "refresh", label: "Open runs" } }, message: "select a run first" };
+var HANDOFF_TASKS_ITEM = { id: "tasks", label: "tasks", intent: { scene: "tasks", argv: ["tasks"], action: { kind: "refresh", label: "Open tasks" } }, message: "open tasks" };
 function handoffState(state) {
   const value = state.data.piAttach ?? state.data.handoff;
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
@@ -147,8 +195,9 @@ function clip(value, width) {
   return value.length <= width ? value : `${value.slice(0, Math.max(0, width - 1))}\u2026`;
 }
 function terminalRail(snapshot) {
-  const text = ` run ${snapshot.runId.slice(0, 8)} \xB7 bundled Pi \xB7 mouse wheel scroll \xB7 ctrl-] detach \xB7 ${snapshot.message ?? snapshot.status}`;
-  return line(clip(text, snapshot.cols), { fg: RIG_UI.limeDim });
+  const controls = snapshot.status === "failed" ? "failed \xB7 r runs \xB7 enter retry" : "bundled Pi \xB7 mouse wheel scroll \xB7 ctrl-] detach";
+  const text = ` run ${snapshot.runId.slice(0, 8)} \xB7 ${controls} \xB7 ${snapshot.message ?? snapshot.status}`;
+  return line(clip(text, snapshot.cols), { fg: snapshot.status === "failed" ? RIG_UI.red : RIG_UI.limeDim });
 }
 function shouldShowTerminalPreloader(snapshot) {
   if (snapshot.status !== "starting" && snapshot.status !== "running")
@@ -178,8 +227,125 @@ function terminalLines(snapshot, tick) {
   const body = shouldShowTerminalPreloader(snapshot) ? terminalPreloaderLines(snapshot, tick) : !hasVisibleOutput && snapshot.status === "running" ? [line(`starting bundled Pi for ${snapshot.runId.slice(0, 8)}\u2026`, { fg: RIG_UI.ink3 })] : snapshot.lines.map((text, index) => line(text, { fg: RIG_UI.ink, styledText: snapshot.styledLines?.[index] }));
   return [...body, terminalRail(snapshot)];
 }
+function entryText(entry) {
+  return String(entry.detail ?? entry.message ?? entry.text ?? entry.title ?? entry.type ?? "event").replace(/\s+/g, " ").slice(0, 200);
+}
+function inspectSnapshot(state) {
+  const inspect = state.data.inspect;
+  if (!inspect || typeof inspect !== "object" || Array.isArray(inspect))
+    return null;
+  return inspect;
+}
+function rerunItem(runId, taskId) {
+  if (taskId) {
+    return {
+      id: "rerun",
+      label: "rerun",
+      intent: { scene: "fleet", argv: ["task", "run", taskId], action: { kind: "task-run-id", payload: { task: taskId }, label: `Rerun task ${taskId}` } },
+      message: "re-dispatch this task as a new run"
+    };
+  }
+  return {
+    id: "rerun",
+    label: "rerun",
+    intent: { scene: "command", argv: ["run", "retry", runId], action: { kind: "command-run", payload: { runId }, label: `Rerun ${runId.slice(0, 8)}` } },
+    message: "re-run this run"
+  };
+}
+function inspectItem(runId) {
+  return {
+    id: "inspect",
+    label: "inspect",
+    data: { selectedRunId: runId },
+    intent: { scene: "inspect", argv: ["inspect", runId], action: { kind: "refresh", payload: { runId }, label: `Inspect ${runId.slice(0, 8)}` } },
+    message: "logs / timeline / diff / failures"
+  };
+}
+function failureReason(state, terminal) {
+  const handoff = handoffState(state);
+  if (handoff?.failureReason?.trim())
+    return handoff.failureReason.trim();
+  if (terminal.message?.trim())
+    return terminal.message.trim();
+  const snap = inspectSnapshot(state);
+  const firstFailure = Array.isArray(snap?.failures) && snap.failures.length > 0 ? snap.failures[snap.failures.length - 1] : null;
+  if (firstFailure)
+    return entryText(firstFailure);
+  const lastError = typeof state.data.lastRefreshError === "string" ? state.data.lastRefreshError.trim() : "";
+  if (lastError)
+    return lastError;
+  return `bundled Pi exited with code ${terminal.exitCode ?? "unknown"}`;
+}
+function failedSurfaceLines(state, terminal) {
+  const runId = terminal.runId;
+  const snap = inspectSnapshot(state);
+  const taskId = snap?.taskId;
+  const selected = Math.max(0, state.selection.index);
+  const out = [
+    line("", {}),
+    line("  \u2717 RUN FAILED", { fg: RIG_UI.red, bold: true }),
+    line(`  run ${runId.slice(0, 8)}${taskId ? ` \xB7 task ${taskId}` : ""}`, { fg: RIG_UI.ink3 }),
+    line("", {}),
+    line("  REASON", { fg: RIG_UI.ink3, bold: true }),
+    line(`  ${failureReason(state, terminal)}`, { fg: RIG_UI.red }),
+    line("", {}),
+    line("  ACTIONS", { fg: RIG_UI.ink3, bold: true }),
+    selectableDeckRow({ label: "rerun", detail: taskId ? "re-dispatch this task as a new run" : "re-run this run", index: 0, active: selected === 0 }, rerunItem(runId, taskId)),
+    selectableDeckRow({ label: "inspect", detail: "logs / timeline / diff / failures", index: 1, active: selected === 1 }, inspectItem(runId)),
+    selectableDeckRow({ label: "runs", detail: "return to fleet", index: 2, active: selected === 2 }, HANDOFF_RUNS_ITEM)
+  ];
+  const section = (title, rows, color, limit) => {
+    const records = Array.isArray(rows) ? rows.slice(-limit) : [];
+    if (records.length === 0)
+      return;
+    out.push(line("", {}), line(`  ${title} (${Array.isArray(rows) ? rows.length : 0})`, { fg: RIG_UI.ink3, bold: true }));
+    for (const entry of records)
+      out.push(line(`  \xB7 ${entryText(entry)}`, { fg: color }));
+  };
+  section("FAILURES", snap?.failures, RIG_UI.red, 12);
+  section("TIMELINE", snap?.timeline, RIG_UI.ink2, 20);
+  section("LOGS", snap?.logs, RIG_UI.ink3, 30);
+  if (snap && typeof snap.diff === "string" && snap.diff.trim()) {
+    const diffLines = snap.diff.split(`
+`).slice(0, 80);
+    out.push(line("", {}), line("  DIFF", { fg: RIG_UI.ink3, bold: true }));
+    for (const text of diffLines) {
+      out.push(line(`  ${text}`, { fg: text.startsWith("+") ? RIG_UI.limeDim : text.startsWith("-") ? RIG_UI.red : RIG_UI.ink3 }));
+    }
+  }
+  return out;
+}
 function renderHandoffScene(state) {
   const terminal = terminalState(state);
+  if (terminal && terminal.status === "failed") {
+    return makeSceneFrame({
+      scene: "handoff",
+      title: "Pi",
+      lines: [],
+      panels: [{
+        id: `pi-failed-${terminal.runId}`,
+        top: 0,
+        left: 0,
+        width: terminal.cols,
+        height: terminal.rows,
+        lines: failedSurfaceLines(state, terminal),
+        backgroundColor: "#0a0506",
+        backgroundAlpha: 200,
+        opacity: 1,
+        border: false,
+        chrome: "ad-terminal",
+        headerText: "run failed \xB7 investigate / rerun",
+        headerHeight: 3,
+        paddingX: 2,
+        paddingY: 1,
+        stickyScroll: true,
+        stickyStart: "top"
+      }],
+      footer: { run: terminal.runId.slice(0, 8), message: "\u2717 failed \xB7 enter rerun \xB7 inspect for detail" },
+      live: true,
+      fullScreen: true
+    });
+  }
   if (terminal && (terminal.status === "starting" || terminal.status === "running")) {
     return makeSceneFrame({
       scene: "handoff",
@@ -207,6 +373,32 @@ function renderHandoffScene(state) {
     });
   }
   const handoff = handoffState(state);
+  if (!terminal && handoff && handoff.status === "entering-pi" && (handoff.steps?.length ?? 0) > 0) {
+    return makeSceneFrame({
+      scene: "handoff",
+      title: "Pi handoff",
+      lines: [],
+      panels: [{
+        id: `pi-prep-${handoff.runId}`,
+        top: 0,
+        width: 96,
+        height: 18,
+        lines: prepStepLines(handoff),
+        backgroundColor: RIG_UI.panel,
+        backgroundAlpha: 184,
+        opacity: 1,
+        border: false,
+        chrome: "ad-terminal",
+        headerText: "preparing bundled Pi",
+        headerHeight: 3,
+        paddingX: 3,
+        paddingY: 1
+      }],
+      footer: { run: `${handoff.runId.slice(0, 8)} preparing`, message: handoff.message ?? "preparing bundled Pi" },
+      hideTypeBar: true,
+      live: true
+    });
+  }
   const runId = handoff?.runId ?? terminal?.runId ?? (typeof state.data.selectedRunId === "string" ? state.data.selectedRunId : undefined);
   const status = handoff?.status ?? (runId ? "preparing" : "select-run");
   const message = handoff?.message ?? (runId ? "ready to start bundled Pi inside this app" : "choose a run before entering Pi");
@@ -232,14 +424,14 @@ function renderHandoffScene(state) {
           line(`message ${message}`, { fg: RIG_UI.ink2 }),
           line("", { fg: RIG_UI.ink3 }),
           line("ACTIONS", { fg: RIG_UI.ink3, bold: true }),
-          deckRow({ label: "attach", detail: "open bundled Pi", index: 0, active: selected === 0, activateOnClick: true }),
-          deckRow({ label: "runs", detail: "return to fleet", index: 1, active: selected === 1, activateOnClick: true })
+          selectableDeckRow({ label: "attach", detail: "open bundled Pi", index: 0, active: selected === 0 }, handoffAttachItem(runId)),
+          selectableDeckRow({ label: "runs", detail: "return to fleet", index: 1, active: selected === 1 }, HANDOFF_RUNS_ITEM)
         ] : [
           line(`message ${message}`, { fg: RIG_UI.ink2 }),
           line("", { fg: RIG_UI.ink3 }),
           line("ACTIONS", { fg: RIG_UI.ink3, bold: true }),
-          deckRow({ label: "runs", detail: "select a run first", index: 0, active: selected === 0, activateOnClick: true }),
-          deckRow({ label: "tasks", detail: "open tasks to dispatch work", index: 1, active: selected === 1, activateOnClick: true })
+          selectableDeckRow({ label: "runs", detail: "select a run first", index: 0, active: selected === 0 }, HANDOFF_RUNS_PICK_ITEM),
+          selectableDeckRow({ label: "tasks", detail: "open tasks to dispatch work", index: 1, active: selected === 1 }, HANDOFF_TASKS_ITEM)
         ]
       ],
       backgroundColor: RIG_UI.panel,