@h-rig/rig-extension 0.0.6-alpha.91

package/README.md

@@ -0,0 +1 @@
+# @h-rig/rig-extension

package/dist/src/board-theme.js

@@ -0,0 +1,150 @@
+// @bun
+// packages/rig-extension/src/board-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`;
+}
+function statusColor(status) {
+  switch (status) {
+    case "running":
+      return accent;
+    case "preparing":
+    case "created":
+    case "validating":
+    case "reviewing":
+    case "closing-out":
+      return cyan;
+    case "needs-attention":
+    case "needs_attention":
+      return yellow;
+    case "failed":
+      return red;
+    default:
+      return ink3;
+  }
+}
+var RIG_SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+var DRONE_ART = [
+  "  .-=-.                   .-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'._               _.'-=-'   ",
+  "        '._           _.'         ",
+  "           '=$$$$$$$=.'           ",
+  "          =$$$$$$$$$$$=           ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "        $$$@@        @@$$$        ",
+  "        $$@    ?     @$$$         ",
+  "        $$$@   '-'   @$$$         ",
+  "        $$$@@        @@$$$        ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "          =$$$$$$$$$$$=           ",
+  "           '=$$$$$$$=.'           ",
+  "        _.'           '._         ",
+  "  .-=-.'                 '.-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'                   '-=-'   "
+];
+var BLADE_FRAMES = ["---", "\\\\\\", "|||", "///"];
+var EYE_FRAMES = ["@", "o", "."];
+function droneCharColor(char) {
+  if (char === "$" || char === "@")
+    return accent;
+  if (char === "=" || char === "%")
+    return accentDim;
+  if (char === "\\" || char === "/")
+    return ink3;
+  return ink4;
+}
+function renderDroneFrame(tick) {
+  const blade = BLADE_FRAMES[Math.floor(tick / 4) % BLADE_FRAMES.length];
+  const pulse = Math.sin(tick * 0.07);
+  const eye = pulse > 0.45 ? EYE_FRAMES[0] : pulse > -0.1 ? EYE_FRAMES[1] : EYE_FRAMES[2];
+  return DRONE_ART.map((line) => {
+    let out = "";
+    let index = 0;
+    while (index < line.length) {
+      if (line.startsWith("!!!", index)) {
+        out += cyan(blade);
+        index += 3;
+        continue;
+      }
+      const char = line[index];
+      if (char === "?") {
+        out += bold(cyan(eye));
+      } else if (char !== " ") {
+        out += droneCharColor(char)(char);
+      } else {
+        out += " ";
+      }
+      index += 1;
+    }
+    return out;
+  });
+}
+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));
+function renderMicroDroneFrame(tick) {
+  const blade = MICRO_BLADES[tick % MICRO_BLADES.length];
+  const eye = EYE_FRAMES[Math.floor(tick / 2) % EYE_FRAMES.length];
+  return `${ink4("(")}${cyan(blade)}${ink4(")")}${bold(accent(eye))}${ink4("(")}${cyan(blade)}${ink4(")")}`;
+}
+export {
+  yellow,
+  statusColor,
+  renderMicroDroneFrame,
+  renderDroneFrame,
+  red,
+  microDroneFrame,
+  ink4,
+  ink3,
+  ink2,
+  ink,
+  fg,
+  cyan,
+  bold,
+  accentDim,
+  accent,
+  RIG_SPINNER_FRAMES,
+  RIG_PALETTE,
+  MICRO_DRONE_FRAMES,
+  DRONE_WIDTH,
+  DRONE_HEIGHT
+};

package/dist/src/board-views.js

@@ -0,0 +1,475 @@
+// @bun
+// packages/rig-extension/src/board-views.ts
+import { helpCatalog } from "@rig/contracts";
+import { truncateToWidth } from "@oh-my-pi/pi-tui";
+
+// packages/rig-extension/src/board-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`;
+}
+function statusColor(status) {
+  switch (status) {
+    case "running":
+      return accent;
+    case "preparing":
+    case "created":
+    case "validating":
+    case "reviewing":
+    case "closing-out":
+      return cyan;
+    case "needs-attention":
+    case "needs_attention":
+      return yellow;
+    case "failed":
+      return red;
+    default:
+      return ink3;
+  }
+}
+var RIG_SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+var DRONE_ART = [
+  "  .-=-.                   .-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'._               _.'-=-'   ",
+  "        '._           _.'         ",
+  "           '=$$$$$$$=.'           ",
+  "          =$$$$$$$$$$$=           ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "        $$$@@        @@$$$        ",
+  "        $$@    ?     @$$$         ",
+  "        $$$@   '-'   @$$$         ",
+  "        $$$@@        @@$$$        ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "          =$$$$$$$$$$$=           ",
+  "           '=$$$$$$$=.'           ",
+  "        _.'           '._         ",
+  "  .-=-.'                 '.-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'                   '-=-'   "
+];
+var BLADE_FRAMES = ["---", "\\\\\\", "|||", "///"];
+var EYE_FRAMES = ["@", "o", "."];
+function droneCharColor(char) {
+  if (char === "$" || char === "@")
+    return accent;
+  if (char === "=" || char === "%")
+    return accentDim;
+  if (char === "\\" || char === "/")
+    return ink3;
+  return ink4;
+}
+function renderDroneFrame(tick) {
+  const blade = BLADE_FRAMES[Math.floor(tick / 4) % BLADE_FRAMES.length];
+  const pulse = Math.sin(tick * 0.07);
+  const eye = pulse > 0.45 ? EYE_FRAMES[0] : pulse > -0.1 ? EYE_FRAMES[1] : EYE_FRAMES[2];
+  return DRONE_ART.map((line) => {
+    let out = "";
+    let index = 0;
+    while (index < line.length) {
+      if (line.startsWith("!!!", index)) {
+        out += cyan(blade);
+        index += 3;
+        continue;
+      }
+      const char = line[index];
+      if (char === "?") {
+        out += bold(cyan(eye));
+      } else if (char !== " ") {
+        out += droneCharColor(char)(char);
+      } else {
+        out += " ";
+      }
+      index += 1;
+    }
+    return out;
+  });
+}
+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/rig-extension/src/board-views.ts
+function hairline(width) {
+  return ink4("\u2500".repeat(Math.max(0, width)));
+}
+function statusRank(status) {
+  switch (status) {
+    case "needs-attention":
+    case "needs_attention":
+      return 0;
+    case "running":
+      return 1;
+    case "pending":
+    case "preparing":
+    case "adopted":
+      return 2;
+    case "completed":
+    case "merged":
+      return 3;
+    case "failed":
+      return 4;
+    default:
+      return 5;
+  }
+}
+
+class RunsList {
+  runs = [];
+  selected = 0;
+  loading = true;
+  noProject = false;
+  tick = 0;
+  filter = "";
+  sortMode = "active";
+  visibleRuns() {
+    const query = this.filter.trim().toLowerCase();
+    const filtered = query ? this.runs.filter((run) => run.runId.toLowerCase().includes(query) || run.status.toLowerCase().includes(query) || run.title.toLowerCase().includes(query)) : [...this.runs];
+    if (this.sortMode === "active") {
+      return filtered.map((run, index) => ({ run, index })).sort((a, b) => statusRank(a.run.status) - statusRank(b.run.status) || a.index - b.index).map((entry) => entry.run);
+    }
+    if (this.sortMode === "status") {
+      return filtered.map((run, index) => ({ run, index })).sort((a, b) => a.run.status.localeCompare(b.run.status) || a.index - b.index).map((entry) => entry.run);
+    }
+    return filtered;
+  }
+  moveSelection(delta) {
+    const visible = this.visibleRuns();
+    if (visible.length === 0)
+      return;
+    this.selected = Math.max(0, Math.min(visible.length - 1, this.selected + delta));
+  }
+  selectedRun() {
+    return this.visibleRuns()[this.selected] ?? null;
+  }
+  cycleSort() {
+    this.sortMode = this.sortMode === "active" ? "recent" : this.sortMode === "recent" ? "status" : "active";
+    this.clampSelection();
+    return this.sortMode;
+  }
+  setFilter(filter) {
+    this.filter = filter;
+    this.clampSelection();
+  }
+  clampSelection() {
+    this.selected = Math.max(0, Math.min(this.selected, Math.max(0, this.visibleRuns().length - 1)));
+  }
+  setRuns(runs) {
+    const previous = this.selectedRun()?.runId;
+    this.runs = runs;
+    if (previous) {
+      const index = this.visibleRuns().findIndex((run) => run.runId === previous);
+      if (index >= 0)
+        this.selected = index;
+    }
+    this.clampSelection();
+    this.loading = false;
+  }
+  invalidate() {}
+  render(width) {
+    return this.renderLines(width).map((line) => truncateToWidth(line, Math.max(10, width - 1)));
+  }
+  renderLines(width) {
+    if (this.loading) {
+      const frame = renderDroneFrame(this.tick);
+      const spinner = RIG_SPINNER_FRAMES[this.tick % RIG_SPINNER_FRAMES.length];
+      const pad = Math.max(0, Math.floor((width - 34) / 2));
+      return [
+        "",
+        ...frame.map((line) => " ".repeat(pad) + line),
+        "",
+        " ".repeat(Math.max(0, Math.floor((width - 24) / 2))) + accent(spinner) + ink3(" contacting the fleet\u2026"),
+        ""
+      ];
+    }
+    if (this.noProject) {
+      const frame = renderDroneFrame(this.tick);
+      const pad = Math.max(0, Math.floor((width - 34) / 2));
+      const center = (text, visible2) => " ".repeat(Math.max(0, Math.floor((width - visible2) / 2))) + text;
+      return [
+        "",
+        ...frame.map((line) => " ".repeat(pad) + line),
+        "",
+        center(ink2("no rig project in this directory"), 32),
+        "",
+        center(`${accent("rig init")}${ink2("        set this repo up: config, GitHub auth, task source, server, Pi")}`, 80),
+        center(`${accent("rig init --yes")}${ink2("  same, non-interactive, sensible defaults")}`, 60),
+        center(`${accent("rig doctor")}${ink2("      already initialized somewhere else? check the wiring")}`, 70),
+        "",
+        center(ink3("after init: rig task run --next puts a drone on your next task"), 62),
+        ""
+      ];
+    }
+    const visible = this.visibleRuns();
+    if (this.runs.length === 0) {
+      const frame = renderDroneFrame(this.tick);
+      const pad = Math.max(0, Math.floor((width - 34) / 2));
+      return [
+        "",
+        ...frame.map((line) => " ".repeat(pad) + line),
+        "",
+        " ".repeat(Math.max(0, Math.floor((width - 44) / 2))) + ink2("no runs yet \u2014 ") + accent("n") + ink2(" picks a task and launches one"),
+        ""
+      ];
+    }
+    if (visible.length === 0) {
+      return ["", ` ${ink2("no runs match")} ${accent(`/${this.filter}`)} ${ink3("\u2014 esc clears the filter")}`, ""];
+    }
+    const maxVisible = 16;
+    const start = Math.max(0, Math.min(this.selected - Math.floor(maxVisible / 2), visible.length - maxVisible));
+    const window = visible.slice(start, start + maxVisible);
+    const lines = window.map((run, index) => {
+      const absolute = start + index;
+      const isSelected = absolute === this.selected;
+      const dot = statusColor(run.status)(isSelected ? "\u25CF" : "\xB7");
+      const id = run.runId.slice(0, 8);
+      const status = statusColor(run.status)(run.status.padEnd(16));
+      const title = truncateToWidth(run.title, Math.max(8, width - 36));
+      const row = ` ${dot} ${isSelected ? bold(ink(id)) : ink3(id)}  ${status} ${isSelected ? ink(title) : ink2(title)}`;
+      return isSelected ? accent("\u258C") + row : " " + row;
+    });
+    const meta = [];
+    if (visible.length > maxVisible)
+      meta.push(`${this.selected + 1}/${visible.length}`);
+    if (this.filter)
+      meta.push(`filter: ${this.filter}`);
+    meta.push(`sort: ${this.sortMode}`);
+    lines.push(ink4(`   ${meta.join("  \xB7  ")}`));
+    return ["", ...lines, ""];
+  }
+}
+
+class TasksView {
+  tasks = [];
+  selected = 0;
+  loading = true;
+  error = null;
+  tick = 0;
+  setTasks(tasks) {
+    this.tasks = tasks;
+    this.selected = Math.min(this.selected, Math.max(0, tasks.length - 1));
+    this.loading = false;
+    this.error = null;
+  }
+  moveSelection(delta) {
+    if (this.tasks.length === 0)
+      return;
+    this.selected = Math.max(0, Math.min(this.tasks.length - 1, this.selected + delta));
+  }
+  selectedTask() {
+    return this.tasks[this.selected] ?? null;
+  }
+  invalidate() {}
+  render(width) {
+    return this.renderLines(width).map((line) => truncateToWidth(line, Math.max(10, width - 1)));
+  }
+  renderLines(width) {
+    if (this.loading) {
+      const spinner = RIG_SPINNER_FRAMES[this.tick % RIG_SPINNER_FRAMES.length];
+      return ["", ` ${accent(spinner)} ${ink3("reading tasks from the server\u2026")}`, ""];
+    }
+    if (this.error) {
+      return ["", ` ${red("tasks unavailable:")} ${ink2(this.error)}`, ""];
+    }
+    if (this.tasks.length === 0) {
+      return ["", ` ${ink2("no ready tasks \u2014 the task source is drained")}`, ""];
+    }
+    const maxVisible = 16;
+    const start = Math.max(0, Math.min(this.selected - Math.floor(maxVisible / 2), this.tasks.length - maxVisible));
+    const window = this.tasks.slice(start, start + maxVisible);
+    const lines = window.map((task, index) => {
+      const absolute = start + index;
+      const isSelected = absolute === this.selected;
+      const id = task.id.padEnd(8).slice(0, 12);
+      const status = statusColor(task.status)(task.status.padEnd(12));
+      const title = truncateToWidth(task.title, Math.max(8, width - 32));
+      const row = ` ${isSelected ? bold(ink(id)) : ink3(id)} ${status} ${isSelected ? ink(title) : ink2(title)}`;
+      return isSelected ? accent("\u258C") + row : " " + row;
+    });
+    if (this.tasks.length > maxVisible)
+      lines.push(ink4(`   ${this.selected + 1}/${this.tasks.length}`));
+    return ["", ...lines, ""];
+  }
+}
+
+class InboxView {
+  items = [];
+  selected = 0;
+  loading = true;
+  error = null;
+  tick = 0;
+  setItems(items) {
+    this.items = items;
+    this.selected = Math.min(this.selected, Math.max(0, items.length - 1));
+    this.loading = false;
+    this.error = null;
+  }
+  moveSelection(delta) {
+    if (this.items.length === 0)
+      return;
+    this.selected = Math.max(0, Math.min(this.items.length - 1, this.selected + delta));
+  }
+  selectedItem() {
+    return this.items[this.selected] ?? null;
+  }
+  invalidate() {}
+  render(width) {
+    return this.renderLines(width).map((line) => truncateToWidth(line, Math.max(10, width - 1)));
+  }
+  renderLines(width) {
+    if (this.loading) {
+      const spinner = RIG_SPINNER_FRAMES[this.tick % RIG_SPINNER_FRAMES.length];
+      return ["", ` ${accent(spinner)} ${ink3("reading the inbox\u2026")}`, ""];
+    }
+    if (this.error) {
+      return ["", ` ${red("inbox unavailable:")} ${ink2(this.error)}`, ""];
+    }
+    if (this.items.length === 0) {
+      return ["", ` ${ink2("inbox clear \u2014 no drone is waiting on you")}`, ""];
+    }
+    const maxVisible = 14;
+    const start = Math.max(0, Math.min(this.selected - Math.floor(maxVisible / 2), this.items.length - maxVisible));
+    const window = this.items.slice(start, start + maxVisible);
+    const lines = window.flatMap((item, index) => {
+      const absolute = start + index;
+      const isSelected = absolute === this.selected;
+      const kind = item.kind === "approval" ? accentDim("approval") : cyan("input   ");
+      const run = item.runId.slice(0, 8);
+      const summary = truncateToWidth(item.summary, Math.max(8, width - 30));
+      const row = ` ${kind} ${isSelected ? bold(ink(run)) : ink3(run)}  ${isSelected ? ink(summary) : ink2(summary)}`;
+      const main = isSelected ? accent("\u258C") + row : " " + row;
+      if (isSelected && item.kind === "input" && item.options.length > 0) {
+        return [main, ink4(`     options: ${item.options.join(" \xB7 ")}`)];
+      }
+      return [main];
+    });
+    if (this.items.length > maxVisible)
+      lines.push(ink4(`   ${this.selected + 1}/${this.items.length}`));
+    return ["", ...lines, ""];
+  }
+}
+
+class Rule {
+  invalidate() {}
+  render(width) {
+    return [hairline(width)];
+  }
+}
+
+class HelpView {
+  group;
+  offset = 0;
+  #built = null;
+  constructor(group) {
+    this.group = group;
+  }
+  #build(width) {
+    if (this.#built)
+      return this.#built;
+    const { sections, groups } = helpCatalog();
+    const lines = [];
+    const groupAnchors = new Map;
+    const columnWidth = Math.min(38, Math.max(24, Math.floor(width * 0.4)));
+    const row = (command, description) => {
+      const left = command.length >= columnWidth ? `${command}  ` : command.padEnd(columnWidth);
+      return `  ${bold(ink(left))} ${ink2(truncateToWidth(description, Math.max(16, width - columnWidth - 4)))}`;
+    };
+    for (const section of sections) {
+      lines.push(`${accent("\u25C7")} ${bold(ink(section.title))} ${ink3(`\u2014 ${section.subtitle}`)}`);
+      for (const command of section.commands)
+        lines.push(row(command.command, command.description));
+      lines.push("");
+    }
+    lines.push(`${accent("\u25C7")} ${bold(ink("command groups"))} ${ink3("\u2014 every `rig <group>` surface")}`);
+    lines.push("");
+    for (const group of groups) {
+      groupAnchors.set(group.name, lines.length);
+      lines.push(`${accentDim("\u258D")}${bold(ink(`rig ${group.name}`))} ${ink3(`\u2014 ${group.summary}`)}`);
+      for (const usage of group.usage)
+        lines.push(`  ${cyan(usage)}`);
+      for (const command of group.commands)
+        lines.push(row(command.command, command.description));
+      if (group.examples?.length) {
+        for (const example of group.examples)
+          lines.push(`  ${ink4("$")} ${ink2(example)}`);
+      }
+      if (group.next?.length) {
+        for (const next of group.next)
+          lines.push(`  ${accent("\u203A")} ${ink3(next)}`);
+      }
+      lines.push("");
+    }
+    this.#built = { lines, groupAnchors };
+    if (this.group) {
+      const anchor = groupAnchors.get(this.group);
+      if (anchor !== undefined)
+        this.offset = anchor;
+    }
+    return this.#built;
+  }
+  scroll(delta) {
+    if (!this.#built)
+      return;
+    const max = Math.max(0, this.#built.lines.length - 10);
+    this.offset = Math.max(0, Math.min(max, this.offset + delta));
+  }
+  invalidate() {
+    this.#built = null;
+  }
+  render(width) {
+    const { lines } = this.#build(width);
+    const viewport = Math.max(10, (process.stdout.rows ?? 30) - 8);
+    const slice = lines.slice(this.offset, this.offset + viewport);
+    const more = this.offset + viewport < lines.length;
+    return [
+      "",
+      ...slice.map((line) => truncateToWidth(` ${line}`, Math.max(10, width - 1))),
+      more ? ink4(`   \u2026 ${lines.length - this.offset - viewport} more (\u2193)`) : ""
+    ];
+  }
+}
+export {
+  hairline,
+  TasksView,
+  RunsList,
+  Rule,
+  InboxView,
+  HelpView
+};