@h-rig/cli 0.0.6-alpha.82 → 0.0.6-alpha.84

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,16 +39,22 @@ 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 };
 }
-function blank() {
-  return { text: "" };
-}
-function center(text, fg = RIG_UI.ink2, bold = false) {
-  return { text, fg, bold, align: "center" };
-}
 function deckRow(input) {
   const prefix = input.active ? "\u25B8" : " ";
   const label = input.label.toUpperCase().padEnd(10);
@@ -61,7 +69,118 @@ 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 = [
+  "  .-=-.                   .-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'._               _.'-=-'   ",
+  "        '._           _.'         ",
+  "           '=$$$$$$$=.'           ",
+  "          =$$$$$$$$$$$=           ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "        $$$@@        @@$$$        ",
+  "        $$@    ?     @$$$         ",
+  "        $$$@   '-'   @$$$         ",
+  "        $$$@@        @@$$$        ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "          =$$$$$$$$$$$=           ",
+  "           '=$$$$$$$=.'           ",
+  "        _.'           '._         ",
+  "  .-=-.'                 '.-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'                   '-=-'   "
+];
+var MINI_DRONE = [
+  "(!!!)   (!!!)",
+  "  \\%==%/  ",
+  "   %%?%%   ",
+  "  /%==%\\  ",
+  "(!!!)   (!!!)"
+];
+var ROTORS = ["---", "\\\\\\", "|||", "///"];
+var FLEET_GRID_WIDTH = 52;
+var FLEET_GRID_HEIGHT = 27;
+var FLEET = [
+  { art: MINI_DRONE, x: 0, y: 2, amp: 1, speed: 0.05, phase: 0, dx: 1, driftSpeed: 0.02 },
+  { art: MINI_DRONE, x: 39, y: 2, amp: 1, speed: 0.044, phase: 2.1, dx: 1, driftSpeed: 0.017 },
+  { art: MINI_DRONE, x: 1, y: 20, amp: 1, speed: 0.048, phase: 4.2, dx: 1, driftSpeed: 0.023 },
+  { art: MINI_DRONE, x: 38, y: 20, amp: 1, speed: 0.041, phase: 1.3, dx: 1, driftSpeed: 0.015 },
+  { art: LEAD_DRONE, x: 10, y: 5, amp: 2, speed: 0.04, phase: 0, dx: 0, driftSpeed: 0.011 }
+];
+function fleetRows(tick, options = {}) {
+  const animate = options.animate ?? true;
+  const t2 = animate ? tick : 0;
+  const blade = ROTORS[Math.floor(t2 / 4) % ROTORS.length];
+  const pulse = Math.sin(t2 * 0.07);
+  const eye = pulse > 0.45 ? "@" : pulse > -0.1 ? "o" : ".";
+  const grid = Array.from({ length: FLEET_GRID_HEIGHT }, () => Array.from({ length: FLEET_GRID_WIDTH }, () => " "));
+  for (const drone of FLEET) {
+    const yOffset = drone.y + Math.round(drone.amp * Math.sin(t2 * drone.speed + drone.phase));
+    const xOffset = drone.x + Math.round(drone.dx * Math.sin(t2 * drone.driftSpeed + drone.phase));
+    for (let row = 0;row < drone.art.length; row += 1) {
+      const source = drone.art[row];
+      const targetY = yOffset + row;
+      if (targetY < 0 || targetY >= FLEET_GRID_HEIGHT)
+        continue;
+      for (let col = 0;col < source.length; col += 1) {
+        let char = source[col];
+        if (char === " ")
+          continue;
+        const targetX = xOffset + col;
+        if (targetX < 0 || targetX >= FLEET_GRID_WIDTH)
+          continue;
+        if (source.slice(col, col + 3) === "!!!") {
+          for (let rotorIndex = 0;rotorIndex < 3; rotorIndex += 1) {
+            if (targetX + rotorIndex < FLEET_GRID_WIDTH)
+              grid[targetY][targetX + rotorIndex] = blade[rotorIndex];
+          }
+          col += 2;
+          continue;
+        }
+        if (char === "?")
+          char = eye;
+        grid[targetY][targetX] = char;
+      }
+    }
+  }
+  return grid.map((row) => row.join("").replace(/\s+$/, ""));
+}
+
 // 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;
@@ -76,16 +195,157 @@ 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")
+    return false;
+  const nonEmptyLines = snapshot.lines.filter((entry) => entry.trim().length > 0).length;
+  return nonEmptyLines <= 4;
 }
-function terminalLines(snapshot) {
+function terminalPreloaderLines(snapshot, tick) {
+  const bodyRows = Math.max(1, snapshot.rows - 1);
+  const existing = snapshot.lines.slice(0, bodyRows).map((text, index) => line(text, { fg: RIG_UI.ink, styledText: snapshot.styledLines?.[index] }));
+  const sprite = fleetRows(tick);
+  const top = Math.max(0, Math.floor((bodyRows - sprite.length) / 2));
+  const left = Math.max(0, Math.floor((snapshot.cols - FLEET_GRID_WIDTH) / 2));
+  for (let index = 0;index < sprite.length && top + index < existing.length; index += 1) {
+    const targetIndex = top + index;
+    const current = snapshot.lines[targetIndex] ?? "";
+    if (current.trim())
+      continue;
+    existing[targetIndex] = line(`${" ".repeat(left)}${sprite[index] ?? ""}`, {
+      fg: index >= 7 && index <= 18 ? RIG_UI.lime : RIG_UI.limeDim
+    });
+  }
+  return existing;
+}
+function terminalLines(snapshot, tick) {
   const hasVisibleOutput = snapshot.lines.some((entry) => entry.trim().length > 0);
-  const body = !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] }));
+  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",
@@ -97,7 +357,7 @@ function renderHandoffScene(state) {
         left: 0,
         width: terminal.cols,
         height: terminal.rows,
-        lines: terminalLines(terminal),
+        lines: terminalLines(terminal, state.tick),
         backgroundColor: "#050607",
         backgroundAlpha: 128,
         opacity: 1,
@@ -113,32 +373,79 @@ 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 Rig" : "choose a run before entering Pi");
+  const message = handoff?.message ?? (runId ? "ready to start bundled Pi inside this app" : "choose a run before entering Pi");
   const hasRun = Boolean(runId);
+  const selected = Math.max(0, Math.min(1, state.selection.index));
   return makeSceneFrame({
     scene: "handoff",
     title: "Pi handoff",
     lines: [
-      center(hasRun ? "PI" : "ATTACH", RIG_UI.ink, true),
-      center("Bundled Pi runs in this terminal. Rig only hosts the PTY.", RIG_UI.ink3),
-      blank(),
-      ...hasRun ? [
-        line(`  run       ${runId}`, { fg: RIG_UI.limeDim }),
-        line(`  status    ${status}`, { fg: status === "failed" ? RIG_UI.red : RIG_UI.cyan }),
-        line(`  message   ${message}`, { fg: RIG_UI.ink2 }),
-        blank(),
-        deckRow({ label: "attach", detail: "open bundled Pi", index: 0, active: true })
-      ] : [
-        line("  run       none selected", { fg: RIG_UI.yellow }),
-        line(`  message   ${message}`, { fg: RIG_UI.ink2 }),
-        blank(),
-        deckRow({ label: "runs", detail: "select a run first", index: 0, active: true })
-      ]
+      line("", { fg: RIG_UI.ink4 }),
+      line(`   ${hasRun ? "pi" : "attach"} \xB7 ${status}`, { fg: RIG_UI.ink3 })
     ],
-    footer: { run: runId ? `${runId.slice(0, 8)} handoff` : "select run", message: "real Pi only" },
-    typeBarPlaceholder: runId ? `attach ${runId.slice(0, 8)} \xB7 runs` : "runs \xB7 attach <run>",
+    panels: [{
+      id: "pi-handoff",
+      top: 0,
+      width: 96,
+      height: 16,
+      lines: [
+        line(hasRun ? "Bundled Pi handoff" : "Select a run before entering Pi", { fg: RIG_UI.ink, bold: true }),
+        ...hasRun ? [
+          line(`run     ${runId}`, { fg: RIG_UI.limeDim }),
+          line(`status  ${status}`, { fg: status === "failed" ? RIG_UI.red : RIG_UI.cyan }),
+          line(`message ${message}`, { fg: RIG_UI.ink2 }),
+          line("", { fg: RIG_UI.ink3 }),
+          line("ACTIONS", { fg: RIG_UI.ink3, bold: 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 }),
+          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,
+      backgroundAlpha: 184,
+      opacity: 1,
+      border: false,
+      chrome: "ad-terminal",
+      headerText: hasRun ? "pi handoff" : "attach",
+      headerHeight: 3,
+      paddingX: 3,
+      paddingY: 1
+    }],
+    footer: { run: runId ? `${runId.slice(0, 8)} handoff` : "select run", message: "enter/click action" },
+    hideTypeBar: true,
     live: true
   });
 }