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

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

@@ -0,0 +1,486 @@
+// @bun
+// packages/cli/src/app-opentui/theme.ts
+import {
+  bold as otuiBold,
+  dim as otuiDim,
+  fg as otuiFg,
+  t,
+  TextAttributes
+} from "@opentui/core";
+var RIG_UI = {
+  bg: "#070809",
+  bg2: "#0b0c0e",
+  panel: "#101115",
+  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"
+};
+var styles = {
+  ink: otuiFg(RIG_UI.ink),
+  ink2: otuiFg(RIG_UI.ink2),
+  ink3: otuiFg(RIG_UI.ink3),
+  ink4: otuiFg(RIG_UI.ink4),
+  lime: otuiFg(RIG_UI.lime),
+  limeDim: otuiFg(RIG_UI.limeDim),
+  cyan: otuiFg(RIG_UI.cyan),
+  red: otuiFg(RIG_UI.red),
+  yellow: otuiFg(RIG_UI.yellow),
+  magenta: otuiFg(RIG_UI.magenta)
+};
+function statusColor(status) {
+  switch (status) {
+    case "success":
+    case "completed":
+    case "merged":
+      return RIG_UI.lime;
+    case "running":
+    case "preparing":
+    case "created":
+    case "validating":
+    case "reviewing":
+    case "closing-out":
+    case "stopping":
+    case "loading":
+    case "action":
+      return RIG_UI.cyan;
+    case "needs-attention":
+    case "needs_attention":
+      return RIG_UI.yellow;
+    case "failed":
+    case "error":
+      return RIG_UI.red;
+    default:
+      return RIG_UI.ink3;
+  }
+}
+function statusGlyph(status) {
+  switch (status) {
+    case "success":
+    case "completed":
+    case "merged":
+      return "\u2713";
+    case "running":
+      return "\u25CF";
+    case "preparing":
+    case "created":
+    case "validating":
+    case "reviewing":
+    case "closing-out":
+    case "stopping":
+    case "loading":
+    case "action":
+      return "\u25D0";
+    case "needs-attention":
+    case "needs_attention":
+      return "\u26A0";
+    case "failed":
+    case "error":
+      return "\u2717";
+    default:
+      return "\xB7";
+  }
+}
+function noColorActive() {
+  const noColor = process.env.NO_COLOR;
+  if (noColor !== undefined && noColor !== "") {
+    return true;
+  }
+  return process.env.RIG_NO_COLOR !== undefined;
+}
+function statusLabel(status) {
+  return {
+    glyph: statusGlyph(status),
+    color: noColorActive() ? RIG_UI.ink : statusColor(status)
+  };
+}
+
+// packages/cli/src/app-opentui/drone.ts
+import { RGBA, StyledText, TextAttributes as TextAttributes2 } from "@opentui/core";
+var MINI_DRONE = [
+  "(!!!)   (!!!)",
+  "  \\%==%/  ",
+  "   %%?%%   ",
+  "  /%==%\\  ",
+  "(!!!)   (!!!)"
+];
+var LEAD_MARK = [
+  " .-=-. ",
+  "=%%?%%=",
+  " '-=-' "
+];
+var BLADE_FRAMES = ["---", "\\\\\\", "|||", "///"];
+var EYE_FRAMES = ["o", "@", "\u2022", "."];
+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)
+};
+function bladeForTick(tick, phase = 0) {
+  return BLADE_FRAMES[(Math.floor(tick / 3) + phase) % BLADE_FRAMES.length];
+}
+function eyeForTick(tick, phase = 0) {
+  const pulse = Math.sin(tick * 0.09 + phase);
+  return pulse > 0.55 ? EYE_FRAMES[1] : pulse > 0.1 ? EYE_FRAMES[0] : pulse > -0.45 ? EYE_FRAMES[2] : EYE_FRAMES[3];
+}
+function chunk(text, fg, bold = false, dim = false) {
+  let attributes = TextAttributes2.NONE;
+  if (bold)
+    attributes |= TextAttributes2.BOLD;
+  if (dim)
+    attributes |= TextAttributes2.DIM;
+  return { __isChunk: true, text, fg, ...attributes !== TextAttributes2.NONE ? { attributes } : {} };
+}
+function styledLine(text, colorFor) {
+  const chunks = [];
+  let run = "";
+  let runColor = null;
+  const flush = () => {
+    if (!run || !runColor)
+      return;
+    chunks.push(chunk(run, COLOR[runColor], runColor === "body" || runColor === "eye", runColor === "dim"));
+    run = "";
+  };
+  for (const char of text) {
+    const next = colorFor(char);
+    if (next !== runColor) {
+      flush();
+      runColor = next;
+    }
+    run += char;
+  }
+  flush();
+  return new StyledText(chunks.length > 0 ? chunks : [chunk("", COLOR.ink)]);
+}
+function droneColor(char) {
+  if (char === "?" || char === "o" || char === "@" || char === "\u2022")
+    return "eye";
+  if (char === "%" || char === "=")
+    return "mini";
+  if (char === "$")
+    return "body";
+  if (char === "(" || char === ")" || char === "/" || char === "\\" || char === "|" || char === "-")
+    return "rotor";
+  if (char === "\xB7" || char === "\u2022" || char === "'" || char === ".")
+    return "path";
+  if (char.trim() === "")
+    return "dim";
+  return "ink";
+}
+function motionColor(char) {
+  if (char === "\u25CF" || char === "\u25C6" || char === "\u25C9")
+    return "body";
+  if (char === "\u2022" || char === "\xB7" || char === "\u2500" || char === "\u2502" || char === "\u2571" || char === "\u2572" || char === "\u256D" || char === "\u256E" || char === "\u2570" || char === "\u256F")
+    return "path";
+  if (char === "\u258C" || char === "\u2590" || char === "\u2581" || char === "\u2594")
+    return "mini";
+  return droneColor(char);
+}
+function materializeDrone(lines, tick, phase = 0) {
+  const blade = bladeForTick(tick, phase);
+  const eye = eyeForTick(tick, phase);
+  return lines.map((line) => line.replaceAll("!!!", blade).replaceAll("?", eye));
+}
+function miniDroneLines(tick, align = "left", phase = 0) {
+  return materializeDrone(MINI_DRONE, tick, phase).map((text) => ({
+    text,
+    styledText: styledLine(text, droneColor),
+    fg: RIG_UI.limeDim,
+    align
+  }));
+}
+function brandFleetLines(tick, align = "center") {
+  const left = materializeDrone(MINI_DRONE, tick, 0);
+  const right = materializeDrone(MINI_DRONE, tick, 2);
+  const lead = materializeDrone(LEAD_MARK, tick, 1);
+  const packet = ["\xB7", "\u2022", "\u25CF", "\u2022"][Math.floor(tick / 2) % 4];
+  const bridge = [
+    `    ${left[0]}       ${lead[0]}       ${right[0]}`,
+    `    ${left[1]}   \xB7\u2500\u2500${packet}\u2500\u2500\xB7   ${lead[1]}   \xB7\u2500\u2500${packet}\u2500\u2500\xB7   ${right[1]}`,
+    `    ${left[2]}  \xB7'       '${lead[2]}'       '\xB7  ${right[2]}`,
+    `    ${left[3]}       \u2572  signal bus  \u2571       ${right[3]}`,
+    `    ${left[4]}    \xB7\u2500\u2500\u2500${packet}\u2500\u2500\u2500\u2500\u2500\u2500${packet}\u2500\u2500\u2500\xB7    ${right[4]}`
+  ];
+  return bridge.map((text) => ({
+    text,
+    styledText: styledLine(text, motionColor),
+    fg: RIG_UI.limeDim,
+    align
+  }));
+}
+function actionDrone(tick, phase = 0) {
+  const blade = bladeForTick(tick, phase);
+  const eye = eyeForTick(tick, phase);
+  return `(${blade})\u2572${eye}\u2571(${blade})`;
+}
+function actionDroneLine(tick, text, fg = RIG_UI.ink2) {
+  const prefix = actionDrone(tick);
+  const content = `${prefix}  ${text}`;
+  return { text: content, styledText: styledLine(content, motionColor), fg, align: "center" };
+}
+
+// packages/cli/src/app-opentui/render/scene.ts
+function line(text, options = {}) {
+  return { text, ...options };
+}
+function blank() {
+  return { text: "" };
+}
+function deckRow(input) {
+  const prefix = input.active ? "\u25B8" : " ";
+  const label = input.label.toUpperCase().padEnd(10);
+  return line(`${prefix} ${label} ${input.detail}`, {
+    fg: input.active ? RIG_UI.lime : RIG_UI.ink2,
+    bold: input.active,
+    selectableIndex: input.index,
+    activateOnClick: input.activateOnClick
+  });
+}
+function loadingRows(label, tick = 0, compact = false) {
+  const mascot = compact ? miniDroneLines(tick, "center") : brandFleetLines(tick, "center");
+  return [
+    blank(),
+    ...mascot,
+    blank(),
+    { ...actionDroneLine(tick, `loading ${label}\u2026`, RIG_UI.cyan), align: "center" }
+  ];
+}
+function errorBanner(message, hint) {
+  return [
+    line(`\u2717 failed to load \u2014 ${message}`, { fg: RIG_UI.red, bold: true }),
+    ...hint ? [line(`  ${hint}`, { fg: RIG_UI.ink3 })] : [],
+    line("  select refresh/retry below", { fg: RIG_UI.ink4 }),
+    line("", { fg: RIG_UI.ink3 })
+  ];
+}
+function lastRefreshError(state) {
+  const value = state.data.lastRefreshError;
+  return typeof value === "string" && value.trim() ? value : undefined;
+}
+function makeSceneFrame(input) {
+  return input;
+}
+
+// packages/cli/src/app-opentui/selectable.ts
+function selectableDeckRow(deck, item) {
+  return { ...deckRow({ ...deck, activateOnClick: true }), selectable: item };
+}
+function withSelectable(line2, item) {
+  return { ...line2, selectable: item, activateOnClick: true };
+}
+
+// packages/cli/src/app-opentui/scenes/plugin.ts
+var PLUGIN_ACTIONS = [
+  { detail: "run plugin validators against a task id (renders an in-app pass/fail board)", item: { id: "plugin-validate", label: "validate", prompt: { label: "plugin validate --task", scene: "plugin", argv: ["plugin", "validate"], intentKind: "refresh", payloadBase: {}, payloadKey: "task" }, message: "validate plugins against a task" } },
+  { detail: "reload rig.config plugin contributions", item: { id: "plugin-refresh", label: "refresh", intent: { scene: "plugin", argv: ["plugin", "list"], action: { kind: "refresh", label: "Refresh plugins" } }, message: "reload plugins" } }
+];
+function snapshot(state) {
+  const value = state.data.plugin;
+  return value && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function validation(state) {
+  const value = state.data.pluginValidation;
+  return value && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+var PLUGIN_VALIDATION_CLEAR_ITEM = {
+  id: "plugin-validate-clear",
+  label: "clear",
+  data: { pluginValidation: undefined },
+  message: "clear the validate board"
+};
+function selectedPlugin(state) {
+  const value = state.data.selectedPlugin;
+  return typeof value === "string" && value.trim() ? value.trim() : undefined;
+}
+var PLUGIN_BACK_ITEM = {
+  id: "plugin-back",
+  label: "back",
+  data: { selectedPlugin: undefined },
+  message: "back to plugin list"
+};
+function panelWidth(layout) {
+  return layout?.centerWidth ?? 118;
+}
+function panelHeight(layout) {
+  return Math.max(18, layout?.centerHeight ?? 34);
+}
+function contributionLines(label, ids, meta) {
+  if (ids.length === 0)
+    return [];
+  const byId = new Map(meta.map((entry) => [entry.id, entry]));
+  const rows = [line(`    ${label.padEnd(14)}`, { fg: RIG_UI.ink3, bold: true })];
+  for (const id of ids) {
+    const entry = byId.get(id);
+    const tag = entry?.tag ?? "\u2014";
+    rows.push(line(`      \xB7 ${id.padEnd(26).slice(0, 26)} [${tag}]`, { fg: RIG_UI.ink2 }));
+    if (entry?.description) {
+      rows.push(line(`        ${entry.description}`, { fg: RIG_UI.ink4 }));
+    }
+  }
+  return rows;
+}
+function validationRow(result) {
+  const { glyph, color } = statusLabel(result.passed ? "success" : "failed");
+  const summary = result.summary.replace(/\s+/g, " ").trim();
+  const rows = [
+    line(`  ${glyph} ${result.id.padEnd(28).slice(0, 28)} ${summary}`, { fg: color, bold: !result.passed })
+  ];
+  if (!result.passed && result.details) {
+    for (const detailLine of result.details.split(`
+`).slice(0, 12)) {
+      rows.push(line(`      ${detailLine}`, { fg: RIG_UI.ink4 }));
+    }
+  }
+  return rows;
+}
+function validationBoard(report) {
+  const allPassed = report.failed === 0 && report.results.length > 0;
+  const headColor = report.results.length === 0 ? RIG_UI.ink4 : allPassed ? statusLabel("success").color : statusLabel("failed").color;
+  const rows = [
+    line(`VALIDATE \xB7 ${report.taskId} \xB7 ${report.passed} passed / ${report.failed} failed`, { fg: headColor, bold: true }),
+    blank()
+  ];
+  if (report.results.length === 0) {
+    rows.push(line("  No plugin validators are registered for this project.", { fg: RIG_UI.ink4 }));
+  } else {
+    for (const result of report.results)
+      rows.push(...validationRow(result));
+  }
+  rows.push(blank(), selectableDeckRow({ label: "clear", detail: "dismiss the validate board", index: 0, active: false }, PLUGIN_VALIDATION_CLEAR_ITEM));
+  return rows;
+}
+function contributionCount(plugin) {
+  return plugin.validators.length + plugin.hooks.length + plugin.agentRoles.length + plugin.repoSources.length + plugin.taskSources.length + plugin.skills.length + plugin.taskFieldExtensions.length + plugin.cliCommands.length;
+}
+function pluginListRow(plugin) {
+  const { glyph, color } = statusLabel("success");
+  const row = line(`  ${glyph} ${`${plugin.name}@${plugin.version}`.padEnd(34).slice(0, 34)} ${contributionCount(plugin)} contributions  \u203A`, { fg: color, bold: true });
+  const drill = {
+    id: `plugin-detail:${plugin.name}`,
+    label: plugin.name,
+    data: { selectedPlugin: plugin.name },
+    message: `open ${plugin.name} detail`
+  };
+  return withSelectable(row, drill);
+}
+function pluginDetail(plugin, meta) {
+  const { glyph, color } = statusLabel("success");
+  const cliById = new Map(meta.cliCommands.map((entry) => [entry.id, entry]));
+  const rows = [
+    line(`${glyph} ${plugin.name}@${plugin.version}`, { fg: color, bold: true }),
+    blank(),
+    line("CONTRIBUTIONS", { fg: RIG_UI.ink3, bold: true }),
+    ...contributionLines("validators", plugin.validators, meta.validators),
+    ...contributionLines("hooks", plugin.hooks, meta.hooks),
+    ...contributionLines("agent-roles", plugin.agentRoles, meta.agentRoles),
+    ...contributionLines("repo-sources", plugin.repoSources, meta.repoSources),
+    ...contributionLines("task-sources", plugin.taskSources, meta.taskSources),
+    ...contributionLines("skills", plugin.skills, meta.skills),
+    ...contributionLines("task-fields", plugin.taskFieldExtensions, meta.taskFieldExtensions),
+    ...contributionCount(plugin) === 0 ? [line("    (no contributions)", { fg: RIG_UI.ink4 })] : [],
+    blank(),
+    line(`CLI COMMANDS \xB7 ${plugin.cliCommands.length}`, { fg: RIG_UI.ink3, bold: true })
+  ];
+  if (plugin.cliCommands.length === 0) {
+    rows.push(line("  (none)", { fg: RIG_UI.ink4 }));
+  } else {
+    plugin.cliCommands.forEach((id, index) => {
+      const entry = cliById.get(id);
+      const detail = entry?.tag ? `${entry.tag}${entry.description ? ` \u2014 ${entry.description}` : ""}` : `plugin run ${id}`;
+      rows.push(selectableDeckRow({ label: "run", detail, index, active: false }, { id: `plugin-run:${id}`, label: `plugin run ${id}`, intent: { scene: "command", argv: ["plugin", "run", id], action: { kind: "command-run", label: `Run plugin command ${id}` } }, message: `run plugin command ${id}` }));
+    });
+  }
+  rows.push(blank(), selectableDeckRow({ label: "back", detail: "return to the plugin list", index: Math.max(0, plugin.cliCommands.length), active: false }, PLUGIN_BACK_ITEM));
+  return rows;
+}
+function renderPluginScene(state, layout) {
+  const plugin = snapshot(state);
+  const selected = Math.max(0, Math.min(PLUGIN_ACTIONS.length - 1, state.selection.index));
+  const loading = state.status === "loading" && !plugin;
+  const refreshError = lastRefreshError(state);
+  const plugins = plugin?.plugins ?? [];
+  const contributionMeta = plugin?.contributionMeta ?? {
+    validators: [],
+    hooks: [],
+    agentRoles: [],
+    repoSources: [],
+    taskSources: [],
+    skills: [],
+    taskFieldExtensions: [],
+    cliCommands: []
+  };
+  const drilled = selectedPlugin(state);
+  const detailPlugin = drilled ? plugins.find((entry) => entry.name === drilled) : undefined;
+  const report = validation(state);
+  const panelLines = detailPlugin ? [
+    ...refreshError && !state.error ? errorBanner(refreshError) : [],
+    line(`PLUGIN \xB7 ${detailPlugin.name}`, { fg: RIG_UI.ink3, bold: true }),
+    blank(),
+    ...pluginDetail(detailPlugin, contributionMeta)
+  ] : report ? [
+    ...refreshError && !state.error ? errorBanner(refreshError) : [],
+    line("plugin validators (in-app pass/fail board)", { fg: RIG_UI.ink3 }),
+    blank(),
+    ...validationBoard(report)
+  ] : [
+    ...refreshError && !state.error ? errorBanner(refreshError) : [],
+    line("plugin contributions (rig.config.ts)", { fg: RIG_UI.ink3 }),
+    blank(),
+    line("ACTIONS", { fg: RIG_UI.ink3, bold: true }),
+    ...PLUGIN_ACTIONS.map(({ detail, item }, index) => selectableDeckRow({ label: item.label, detail, index, active: selected === index }, item)),
+    blank(),
+    ...loading ? loadingRows("plugins", state.tick) : [
+      line(`PLUGINS \xB7 ${plugins.length}`, { fg: RIG_UI.ink3, bold: true }),
+      ...plugins.length > 0 ? plugins.map((entry) => pluginListRow(entry)) : [
+        line("  No plugins loaded.", { fg: RIG_UI.ink4 }),
+        line("  Declare plugins in rig.config.ts (and run bun install if it imports @rig/* packages).", { fg: RIG_UI.ink4 })
+      ]
+    ],
+    blank(),
+    line("enter/click a plugin to drill into its contributions \xB7 validate runs the validators in-app", { fg: RIG_UI.ink4 })
+  ];
+  const headerText = detailPlugin ? `rig plugin \xB7 ${detailPlugin.name}` : report ? `rig plugin validate \xB7 ${report.taskId} \xB7 ${report.passed}/${report.results.length} passed` : `rig plugin \xB7 ${plugins.length} loaded`;
+  const footerMessage = detailPlugin ? `${detailPlugin.name} \u2014 back returns to list` : report ? `validate ${report.taskId} \u2014 ${report.passed} passed, ${report.failed} failed \xB7 clear returns to list` : plugin ? `${plugins.length} plugins` : "loading plugins";
+  return makeSceneFrame({
+    scene: "plugin",
+    title: "Plugins",
+    lines: [],
+    panels: [{
+      id: "plugin-list",
+      top: 0,
+      width: panelWidth(layout),
+      height: panelHeight(layout),
+      lines: panelLines,
+      backgroundColor: RIG_UI.panel,
+      backgroundAlpha: 184,
+      opacity: 0.98,
+      border: false,
+      stickyScroll: true,
+      stickyStart: "top",
+      chrome: "ad-terminal",
+      headerText,
+      headerHeight: 3,
+      paddingX: layout?.compact ? 3 : 5,
+      paddingY: 2
+    }],
+    footer: { message: footerMessage },
+    live: state.status === "action" || !plugin
+  });
+}
+export {
+  renderPluginScene
+};

package/dist/src/app-opentui/scenes/repo.d.ts

@@ -0,0 +1,3 @@
+import type { AppSceneFrame, AppState } from "../types";
+import type { StageLayout } from "../layout";
+export declare function renderRepoScene(state: AppState, layout?: StageLayout): AppSceneFrame;