@h-rig/cli 0.0.6-alpha.76 → 0.0.6-alpha.78

package/dist/src/commands/task-report-bug.js

@@ -2,7 +2,196 @@
 // packages/cli/src/commands/task-report-bug.ts
 import { existsSync as existsSync2, readFileSync, writeFileSync as writeFileSync2 } from "fs";
 import { resolve as resolve3 } from "path";
-import * as clack from "@clack/prompts";
+
+// packages/cli/src/app/drone-ui.ts
+import { ProcessTerminal, TUI, Text, Input, SelectList, matchesKey } from "@earendil-works/pi-tui";
+
+// packages/cli/src/app/theme.ts
+var RIG_PALETTE = {
+  ink: "#f2f3f6",
+  ink2: "#aeb0ba",
+  ink3: "#6c6e79",
+  ink4: "#44464f",
+  accent: "#ccff4d",
+  accentDim: "#a9d63f",
+  cyan: "#56d8ff",
+  red: "#ff5d5d",
+  yellow: "#ffd24d"
+};
+function hexToRgb(hex) {
+  const value = hex.replace("#", "");
+  return [
+    Number.parseInt(value.slice(0, 2), 16),
+    Number.parseInt(value.slice(2, 4), 16),
+    Number.parseInt(value.slice(4, 6), 16)
+  ];
+}
+function fg(hex) {
+  const [r, g, b] = hexToRgb(hex);
+  return (text) => `\x1B[38;2;${r};${g};${b}m${text}\x1B[39m`;
+}
+var ink = fg(RIG_PALETTE.ink);
+var ink2 = fg(RIG_PALETTE.ink2);
+var ink3 = fg(RIG_PALETTE.ink3);
+var ink4 = fg(RIG_PALETTE.ink4);
+var accent = fg(RIG_PALETTE.accent);
+var accentDim = fg(RIG_PALETTE.accentDim);
+var cyan = fg(RIG_PALETTE.cyan);
+var red = fg(RIG_PALETTE.red);
+var yellow = fg(RIG_PALETTE.yellow);
+function bold(text) {
+  return `\x1B[1m${text}\x1B[22m`;
+}
+var DRONE_ART = [
+  "  .-=-.                   .-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'._               _.'-=-'   ",
+  "        '._           _.'         ",
+  "           '=$$$$$$$=.'           ",
+  "          =$$$$$$$$$$$=           ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "        $$$@@        @@$$$        ",
+  "        $$@    ?     @$$$         ",
+  "        $$$@   '-'   @$$$         ",
+  "        $$$@@        @@$$$        ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "          =$$$$$$$$$$$=           ",
+  "           '=$$$$$$$=.'           ",
+  "        _.'           '._         ",
+  "  .-=-.'                 '.-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'                   '-=-'   "
+];
+var EYE_FRAMES = ["@", "o", "."];
+var DRONE_WIDTH = DRONE_ART[0].length;
+var DRONE_HEIGHT = DRONE_ART.length;
+var MICRO_BLADES = ["---", "\\\\\\", "|||", "///"];
+function microDroneFrame(tick) {
+  const blade = MICRO_BLADES[tick % MICRO_BLADES.length];
+  const eye = EYE_FRAMES[Math.floor(tick / 2) % EYE_FRAMES.length];
+  return `(${blade})${eye}(${blade})`;
+}
+var MICRO_DRONE_FRAMES = Array.from({ length: 12 }, (_, index) => microDroneFrame(index));
+
+// packages/cli/src/app/drone-ui.ts
+var isTty = () => Boolean(process.stdout.isTTY);
+function hairline(width = Math.min(process.stdout.columns ?? 80, 100)) {
+  return ink4("\u2500".repeat(Math.max(10, width)));
+}
+function droneIntro(title, subtitle) {
+  console.log("");
+  console.log(` ${accent("\u258D")}${bold(ink(title))}${subtitle ? ink3(` \u2014 ${subtitle}`) : ""}`);
+  console.log(hairline());
+}
+function droneOutro(text) {
+  console.log(hairline());
+  console.log(` ${accent("\u25C6")} ${ink2(text)}`);
+  console.log("");
+}
+function droneNote(message, title) {
+  if (title)
+    console.log(` ${accentDim("\u25C7")} ${bold(ink2(title))}`);
+  for (const line of message.split(`
+`)) {
+    console.log(` ${ink4("\u2502")} ${line}`);
+  }
+}
+function droneStep(text) {
+  console.log(` ${accent("\u203A")} ${ink(text)}`);
+}
+function droneInfo(text) {
+  console.log(` ${cyan("\xB7")} ${ink2(text)}`);
+}
+function droneCancel(text) {
+  console.log(` ${red("\u2716")} ${ink3(text)}`);
+}
+var SELECT_THEME = {
+  selectedPrefix: (text) => accent(text),
+  selectedText: (text) => bold(ink(text)),
+  description: (text) => ink3(text),
+  scrollInfo: (text) => ink4(text),
+  noMatch: (text) => ink3(text)
+};
+async function runMiniTui(build) {
+  const terminal = new ProcessTerminal;
+  const tui = new TUI(terminal);
+  let settled = false;
+  return await new Promise((resolve) => {
+    const finish = (result) => {
+      if (settled)
+        return;
+      settled = true;
+      tui.stop();
+      resolve(result);
+    };
+    build(tui, finish);
+    tui.start();
+  });
+}
+async function droneSelect(input) {
+  if (!isTty() || input.options.length === 0) {
+    return input.initialValue ?? input.options[0]?.value ?? null;
+  }
+  return runMiniTui((tui, finish) => {
+    tui.addChild(new Text(` ${accent("\u258D")}${bold(ink(input.message))}`));
+    const items = input.options.map((option) => ({
+      value: option.value,
+      label: option.label,
+      ...option.hint ? { description: option.hint } : {}
+    }));
+    const list = new SelectList(items, Math.min(items.length, 12), SELECT_THEME);
+    const initialIndex = input.initialValue ? items.findIndex((item) => item.value === input.initialValue) : -1;
+    if (initialIndex > 0)
+      list.setSelectedIndex(initialIndex);
+    list.onSelect = (item) => finish(item.value);
+    list.onCancel = () => finish(null);
+    tui.addChild(list);
+    tui.addChild(new Text(ink4(" \u2191\u2193 navigate \xB7 enter select \xB7 esc cancel")));
+    tui.setFocus(list);
+    tui.addInputListener((data) => {
+      if (matchesKey(data, "ctrl+c") || matchesKey(data, "escape")) {
+        finish(null);
+        return { consume: true };
+      }
+      return;
+    });
+  });
+}
+async function droneText(input) {
+  if (!isTty())
+    return input.initialValue ?? null;
+  return runMiniTui((tui, finish) => {
+    tui.addChild(new Text(` ${accent("\u258D")}${bold(ink(input.message))}${input.placeholder ? ink4(`  (${input.placeholder})`) : ""}`));
+    const field = new Input;
+    if (input.initialValue)
+      field.setValue(input.initialValue);
+    field.onSubmit = (value) => finish(value);
+    field.onEscape = () => finish(null);
+    tui.addChild(field);
+    tui.addChild(new Text(ink4(" enter submit \xB7 esc cancel")));
+    tui.setFocus(field);
+    tui.addInputListener((data) => {
+      if (matchesKey(data, "ctrl+c")) {
+        finish(null);
+        return { consume: true };
+      }
+      return;
+    });
+  });
+}
+async function droneConfirm(input) {
+  const answer = await droneSelect({
+    message: input.message,
+    options: [
+      { value: "yes", label: "Yes" },
+      { value: "no", label: "No" }
+    ],
+    initialValue: input.initialValue === false ? "no" : "yes"
+  });
+  return answer === null ? null : answer === "yes";
+}
+
+// packages/cli/src/commands/task-report-bug.ts
 import pc from "picocolors";
 
 // packages/cli/src/runner.ts
@@ -804,14 +993,14 @@ ${result.stdout.trim() || String(error)}`
   }
 }
 async function promptForBugReportDetails(initial) {
-  clack.intro("rig report-bug");
-  clack.note([
+  droneIntro("rig report-bug");
+  droneNote([
     "Creates an agent-ready issue with copied evidence files.",
     "When prompted for assets, drag screenshots/videos into the terminal and press Enter."
   ].join(`
 `), "Bug report wizard");
-  clack.log.step("1/5 Incident");
-  clack.note(bugPromptExampleText("incident"), "Input examples");
+  droneStep("1/5 Incident");
+  droneNote(bugPromptExampleText("incident"), "Input examples");
   const title = await promptBugText("Bug title", initial.title, {
     required: true,
     placeholder: "Login page never leaves loading"
@@ -832,8 +1021,8 @@ async function promptForBugReportDetails(initial) {
   const summary = await promptBugText("Short summary", initial.summary, {
     placeholder: "Email field never appears after navigating from credentials."
   });
-  clack.log.step("2/5 Reproduction");
-  clack.note(bugPromptExampleText("reproduction"), "Input examples");
+  droneStep("2/5 Reproduction");
+  droneNote(bugPromptExampleText("reproduction"), "Input examples");
   const steps = splitPromptList(await promptBugText("Repro steps (semicolon-separated)", initial.steps.join("; "), {
     placeholder: "Open /login; Enter qa@example.com; Press Continue"
   }));
@@ -843,14 +1032,14 @@ async function promptForBugReportDetails(initial) {
   const actual = await promptBugText("Actual behavior", initial.actual, {
     placeholder: "Loading shell stays forever."
   });
-  clack.log.step("3/5 Evidence");
-  clack.note(bugPromptExampleText("evidence"), "Input examples");
+  droneStep("3/5 Evidence");
+  droneNote(bugPromptExampleText("evidence"), "Input examples");
   const evidence = splitPromptList(await promptBugText("Evidence notes (console/network/API; semicolon-separated)", initial.evidence.join("; "), {
     placeholder: "Console: ChunkLoadError for credentials route; Network: /assets/app.js 404"
   }));
   const assets = splitDroppedAssetList(await promptBugText("Drag screenshots/videos here (Enter to skip)", initial.assets.map(formatDroppedAssetDefault).join(" "), { placeholder: "/Users/me/Desktop/login-loading.png /Users/me/Desktop/otp-flow.webm" }));
-  clack.log.step("4/5 Routing");
-  clack.note(bugPromptExampleText("routing"), "Input examples");
+  droneStep("4/5 Routing");
+  droneNote(bugPromptExampleText("routing"), "Input examples");
   const priority = await promptBugSelect("Priority", [
     { value: "P0", label: "P0", hint: "urgent / blocking" },
     { value: "P1", label: "P1", hint: "high" },
@@ -864,13 +1053,13 @@ async function promptForBugReportDetails(initial) {
   const parent = await promptBugText("Parent task or epic id (optional)", initial.parent, {
     placeholder: "bd-auth-epic-123"
   });
-  clack.log.step("5/5 Browser");
-  clack.note(bugPromptExampleText("browser"), "Input examples");
+  droneStep("5/5 Browser");
+  droneNote(bugPromptExampleText("browser"), "Input examples");
   const browserRequired = await promptBugConfirm("Does this task need Rig Browser wiring?", initial.browserRequired);
   let viewport = initial.viewport || "1440x900";
   let profile = initial.profile;
   if (browserRequired) {
-    clack.note([
+    droneNote([
       "A profile is the browser state bucket: cookies, localStorage, auth session, and cache.",
       "Use a bug-specific profile for clean login/OTP runs; use a shared profile only when saved auth matters."
     ].join(`
@@ -878,11 +1067,11 @@ async function promptForBugReportDetails(initial) {
     viewport = await promptBugText("Viewport", viewport, { placeholder: "1440x900" });
     profile = await promptBugText("Rig Browser profile", initial.profile || (title ? defaultBrowserBugProfile(title) : undefined), { placeholder: "hp-next-login-loading-clean" });
   } else {
-    clack.log.info("Browser wiring skipped. The task will keep assets and steps, but no browser block or browser validation.");
+    droneInfo("Browser wiring skipped. The task will keep assets and steps, but no browser block or browser validation.");
   }
   const outputRoot = initial.createBeadsTask ? initial.outputRoot : await promptBugText("Output directory", initial.outputRoot || "docs/bug-reports");
   const overwrite = await promptBugConfirm("Overwrite if report exists?", initial.overwrite);
-  clack.outro("Bug report input captured.");
+  droneOutro("Bug report input captured.");
   return {
     ...initial,
     outputRoot,
@@ -909,13 +1098,21 @@ async function promptForBugReportDetails(initial) {
   };
 }
 async function promptBugText(message, defaultValue, options = {}) {
-  const result = await clack.text({
-    message,
-    defaultValue: defaultValue?.trim() ? defaultValue : undefined,
-    placeholder: options.placeholder,
-    validate: options.required ? (value) => validateRequiredBugPromptValue(value, message) : undefined
-  });
-  return unwrapClackPrompt(result).trim();
+  for (;; ) {
+    const result = await droneText({
+      message,
+      ...options.placeholder ? { placeholder: options.placeholder } : {},
+      ...defaultValue?.trim() ? { initialValue: defaultValue } : {}
+    });
+    if (result === null) {
+      droneCancel("Bug report cancelled.");
+      throw new CliError("Bug report cancelled by user.");
+    }
+    const invalid = options.required ? validateRequiredBugPromptValue(result, message) : undefined;
+    if (!invalid)
+      return result.trim();
+    droneInfo(invalid);
+  }
 }
 function validateRequiredBugPromptValue(value, label) {
   return value?.trim() ? undefined : `${label} is required.`;
@@ -924,7 +1121,7 @@ function bugPromptExampleText(section, options = {}) {
   const c = pc.createColors(options.color ?? shouldColorizeCliOutput());
   const label = (value) => c.bold(c.cyan(value));
   const example = (value) => c.green(value);
-  const note2 = (value) => c.dim(value);
+  const note = (value) => c.dim(value);
   const rows = {
     incident: [
       ["Bug title", "Login page never leaves loading", "short user-visible failure"],
@@ -953,29 +1150,23 @@ function bugPromptExampleText(section, options = {}) {
     ]
   };
   return rows[section].map(([name, value, detail]) => {
-    const suffix = detail ? ` ${note2(`(${detail})`)}` : "";
+    const suffix = detail ? ` ${note(`(${detail})`)}` : "";
     return `${label(name)}: ${example(value)}${suffix}`;
   }).join(`
 `);
 }
 async function promptBugConfirm(message, initialValue) {
-  const result = await clack.confirm({
-    message,
-    initialValue
-  });
-  return unwrapClackPrompt(result);
+  const result = await droneConfirm({ message, initialValue });
+  if (result === null) {
+    droneCancel("Bug report cancelled.");
+    throw new CliError("Bug report cancelled by user.");
+  }
+  return result;
 }
 async function promptBugSelect(message, options, initialValue) {
-  const result = await clack.select({
-    message,
-    options,
-    initialValue
-  });
-  return unwrapClackPrompt(result);
-}
-function unwrapClackPrompt(result) {
-  if (clack.isCancel(result)) {
-    clack.cancel("Bug report cancelled.");
+  const result = await droneSelect({ message, options, initialValue });
+  if (result === null) {
+    droneCancel("Bug report cancelled.");
     throw new CliError("Bug report cancelled by user.");
   }
   return result;

package/dist/src/commands/task-run-driver.js

@@ -728,7 +728,9 @@ ${failure.contextLine}`, 1, { hint: failure.hint });
   })() : null;
   if (!response.ok) {
     const diagnostics = diagnosticMessage(payload);
-    const detail = diagnostics ?? (text || response.statusText);
+    const rawDetail = diagnostics ?? (text || response.statusText);
+    const detail = diagnostics ? rawDetail : rawDetail.split(`
+`).map((line) => line.trim()).find((line) => line.length > 0)?.slice(0, 200) ?? response.statusText;
     const failure = await buildServerFailureContext(context.projectRoot, server);
     throw new CliError(`Rig server request failed (${response.status}): ${detail}
 ${failure.contextLine}`, 1, { hint: failure.hint });