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

package/dist/src/app-opentui/scenes/main.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 };
@@ -61,23 +75,102 @@ 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/fleet-stats.ts
+var ACTIVE_STATUSES = new Set([
+  "running",
+  "preparing",
+  "created",
+  "validating",
+  "reviewing",
+  "closing-out",
+  "stopping",
+  "loading"
+]);
+var SPARK_CHARS = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
+function normalizeStatus(status) {
+  return status.replace(/_/g, "-").toLowerCase();
+}
+function runsFromState(state) {
+  const fleet = state.data.fleet;
+  if (!fleet || typeof fleet !== "object" || Array.isArray(fleet))
+    return [];
+  const runs = fleet.runs;
+  return Array.isArray(runs) ? runs : [];
+}
+function computeFleetStats(runs) {
+  const byStatus = new Map;
+  let active = 0;
+  let succeeded = 0;
+  let failed = 0;
+  for (const run of runs) {
+    const status = normalizeStatus(run.status ?? "");
+    byStatus.set(status, (byStatus.get(status) ?? 0) + 1);
+    if (ACTIVE_STATUSES.has(status))
+      active += 1;
+    else if (status === "success" || status === "completed" || status === "merged")
+      succeeded += 1;
+    else if (status === "failed" || status === "error")
+      failed += 1;
+  }
+  const total = runs.length;
+  const load = total === 0 ? 0 : active / total;
+  const sparkline = buildSparklineSeries(active, succeeded, failed);
+  return { total, active, succeeded, failed, byStatus, load, sparkline };
+}
+function buildSparklineSeries(active, succeeded, failed) {
+  const peak = Math.max(1, active, succeeded, failed);
+  const base = [succeeded, Math.round(succeeded * 0.6 + failed * 0.4), failed, Math.round((active + failed) / 2), active];
+  return base.map((value) => Math.max(0, Math.min(peak, value)) / peak);
+}
+function fleetStatsFromState(state) {
+  return computeFleetStats(runsFromState(state));
+}
+function sparklineString(values, width) {
+  if (values.length === 0)
+    return "";
+  const series = width && width > 0 && values.length > width ? values.slice(values.length - width) : values;
+  return series.map((value) => {
+    const clamped = Math.max(0, Math.min(1, value));
+    const index = Math.min(SPARK_CHARS.length - 1, Math.round(clamped * (SPARK_CHARS.length - 1)));
+    return SPARK_CHARS[index];
+  }).join("");
+}
+
 // packages/cli/src/app-opentui/scenes/main.ts
 var CONFIGURED_MENU = [
-  ["init", "setup, reconfigure, repair project state"],
-  ["server", "local/remote target, auth, linkage"],
-  ["github", "auth, selected repo, stored token"],
-  ["tasks", "browse, filter, dispatch, attach active work"],
-  ["runs", "attach, stop, resume, inspect live sessions"],
-  ["inbox", "approve, reject, answer, attach"],
-  ["doctor", "diagnose and repair broken surfaces"],
-  ["help", "all actions, shortcuts, mouse controls"]
+  ["init", "setup, reconfigure, repair project state", { id: "init", label: "init", intent: { scene: "command", argv: ["init"], action: { kind: "command-run", label: "Run init" } }, message: "run setup/reconfigure flow" }],
+  ["server", "local/remote target, auth, linkage", { id: "server", label: "server", intent: { scene: "server", argv: ["server", "status"], action: { kind: "refresh", label: "Checking server" } }, message: "check selected server" }],
+  ["github", "auth, selected repo, stored token", { id: "github", label: "github", intent: { scene: "server", argv: ["github", "auth", "status"], action: { kind: "refresh", label: "Checking GitHub auth" } }, message: "check GitHub auth" }],
+  ["tasks", "browse, filter, dispatch, attach active work", { id: "tasks", label: "tasks", intent: { scene: "tasks", argv: ["tasks"], action: { kind: "refresh", label: "Opening tasks" } }, message: "selected tasks" }],
+  ["runs", "attach, stop, resume, inspect live sessions", { id: "runs", label: "runs", intent: { scene: "fleet", argv: ["runs"], action: { kind: "refresh", label: "Opening runs" } }, message: "selected runs" }],
+  ["inbox", "approve, reject, answer, attach", { id: "inbox", label: "inbox", intent: { scene: "inbox", argv: ["inbox"], action: { kind: "refresh", label: "Loading inbox" } }, message: "selected inbox" }],
+  ["doctor", "diagnose and repair broken surfaces", { id: "doctor", label: "doctor", intent: { scene: "doctor", argv: ["doctor"], action: { kind: "doctor-run", label: "Running doctor" } }, message: "diagnose project" }],
+  ["browser", "browser workstation, hp-next, CDP, profile smokes", { id: "browser", label: "browser", intent: { scene: "family", argv: ["browser"], action: { kind: "refresh", label: "Open browser workstation", payload: { family: "browser" } } }, message: "browser workstation control panel" }],
+  ["stats", "fleet metrics: completion, failures, run time", { id: "stats", label: "stats", intent: { scene: "family", argv: ["stats"], action: { kind: "refresh", label: "Open stats", payload: { family: "stats" } } }, message: "fleet metrics dashboard" }],
+  ["agent", "runtime agent workspace roster and controls", { id: "agent", label: "agent", intent: { scene: "family", argv: ["agent"], action: { kind: "refresh", label: "Open agents", payload: { family: "agent" } } }, message: "agent workspace controls" }],
+  ["remote", "remote orchestration status and controls", { id: "remote", label: "remote", intent: { scene: "family", argv: ["remote"], action: { kind: "refresh", label: "Open remote", payload: { family: "remote" } } }, message: "remote orchestration controls" }],
+  ["pi", "Pi extension packages, search/add/remove/list", { id: "pi", label: "pi", intent: { scene: "pi", argv: ["pi", "list"], action: { kind: "refresh", label: "Open Pi extensions" } }, message: "Pi extension package actions" }],
+  ["inspect", "logs, artifacts, failures, graph, audit, diff", { id: "inspect", label: "inspect", intent: { scene: "inspect", argv: ["inspect"], action: { kind: "refresh", label: "Open inspect actions" } }, message: "logs/artifacts/failures/diff" }],
+  ["plugin", "plugin list, validation, contributed commands", { id: "plugin", label: "plugin", intent: { scene: "plugin", argv: ["plugin", "list"], action: { kind: "refresh", label: "Open plugin actions" } }, message: "plugin contributions" }],
+  ["repo", "repo sync, git helper, harness helper", { id: "repo", label: "repo", intent: { scene: "repo", argv: ["repo", "status"], action: { kind: "refresh", label: "Open repo/git/harness actions" } }, message: "repo/git/harness helpers" }],
+  ["workspace", "workspace topology, remotes, service helpers", { id: "workspace", label: "workspace", intent: { scene: "workspace", argv: ["workspace", "summary"], action: { kind: "refresh", label: "Open workspace summary" } }, message: "workspace topology" }],
+  ["help", "all actions, shortcuts, mouse controls", { id: "help", label: "help", intent: { scene: "help", argv: ["help"], action: { kind: "none", label: "Opening help" } }, message: "selected help" }]
 ];
-var UNCONFIGURED_MENU = [
-  ["init", "full setup wizard and reconfigure flow"],
-  ["server", "select local/remote target"],
-  ["github", "connect or import authentication"],
-  ["doctor", "find missing setup pieces"],
-  ["help", "all actions and controls"]
+var ONBOARD_PRIMARY = {
+  id: "onboard-setup",
+  label: "Start guided setup",
+  intent: { scene: "init", argv: ["init"], action: { kind: "refresh", label: "Setup" } },
+  message: "open the guided setup checklist"
+};
+var ONBOARD_SECONDARY = [
+  ["server", "select a local or remote target", { id: "server", label: "server", intent: { scene: "server", argv: ["server", "status"], action: { kind: "refresh", label: "Checking server" } }, message: "check selected server" }],
+  ["doctor", "diagnose what is missing", { id: "doctor", label: "doctor", intent: { scene: "doctor", argv: ["doctor"], action: { kind: "doctor-run", label: "Running doctor" } }, message: "diagnose missing setup" }],
+  ["help", "shortcuts and controls", { id: "help", label: "help", intent: { scene: "help", argv: ["help"], action: { kind: "none", label: "Opening help" } }, message: "selected help" }]
 ];
 function record(value) {
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
@@ -94,42 +187,129 @@ function serverSummary(state) {
     auth: server ? signedIn ? `signed in${login ? ` as ${login}` : ""}` : "not signed in / unknown" : "pending"
   };
 }
+function inboxPending(state) {
+  const inbox = record(state.data.inbox);
+  const approvals = Array.isArray(inbox?.approvals) ? inbox.approvals.length : 0;
+  const inputs = Array.isArray(inbox?.inputs) ? inbox.inputs.length : 0;
+  return approvals + inputs;
+}
+function readyTaskCount(state) {
+  const tasks = record(state.data.tasks);
+  const records = Array.isArray(tasks?.records) ? tasks.records : [];
+  return records.filter((entry) => {
+    const status = record(entry)?.status;
+    return typeof status === "string" && /(ready|open|todo|pending)/i.test(status);
+  }).length;
+}
+function needsAttention(state) {
+  const stats = fleetStatsFromState(state);
+  let attention = stats.failed;
+  for (const [status, count] of stats.byStatus) {
+    if (/(needs-attention|stalled|blocked|error)/i.test(status))
+      attention += count;
+  }
+  return attention;
+}
+function tile(count, label, hint, color, item, active) {
+  const lit = count > 0;
+  const row = selectableDeckRow({ label: `${String(count).padStart(2)} ${label}`, detail: hint, active }, item);
+  return { ...row, fg: lit ? color : RIG_UI.ink3, bold: lit || active };
+}
 function panelWidth(layout) {
   return layout?.centerWidth ?? 118;
 }
 function panelHeight(layout) {
   return Math.max(22, layout?.centerHeight ?? 36);
 }
-function actionRows(state, configured) {
-  const options = configured ? CONFIGURED_MENU : UNCONFIGURED_MENU;
-  const selected = Math.max(0, Math.min(options.length - 1, state.selection.index));
-  return options.map(([label, detail], index) => deckRow({ label, detail, index, active: index === selected, activateOnClick: true }));
+function configuredMenuRows(selectedIndex) {
+  return CONFIGURED_MENU.map(([label, detail, item], index) => ({
+    ...deckRow({ label, detail, index, active: index === selectedIndex, activateOnClick: true }),
+    selectable: item
+  }));
+}
+function onboardingRows(selectedIndex) {
+  const primary = selectableDeckRow({ label: "setup", detail: "Start guided setup \u2014 recommended", active: selectedIndex === 0 }, ONBOARD_PRIMARY);
+  const secondary = ONBOARD_SECONDARY.map(([label, detail, item], index) => ({
+    ...deckRow({ label, detail, index: index + 1, active: selectedIndex === index + 1, activateOnClick: true }),
+    selectable: item
+  }));
+  return [primary, ...secondary];
+}
+var TILE_RUNS = { id: "tile-runs", label: "runs", intent: { scene: "fleet", argv: ["runs"], action: { kind: "refresh", label: "Opening runs" } }, message: "active runs \u2014 attach/stop/inspect" };
+var TILE_ATTENTION = { id: "tile-attention", label: "attention", intent: { scene: "fleet", argv: ["runs"], action: { kind: "refresh", label: "Opening runs" } }, message: "runs that need attention" };
+var TILE_INBOX = { id: "tile-inbox", label: "inbox", intent: { scene: "inbox", argv: ["inbox"], action: { kind: "refresh", label: "Loading inbox" } }, message: "pending approvals + input requests" };
+var TILE_TASKS = { id: "tile-tasks", label: "tasks", intent: { scene: "tasks", argv: ["tasks"], action: { kind: "refresh", label: "Opening tasks" } }, message: "ready tasks \u2014 dispatch work" };
+function dashboardLines(state, selected) {
+  const stats = fleetStatsFromState(state);
+  const attention = needsAttention(state);
+  const pending = inboxPending(state);
+  const ready = readyTaskCount(state);
+  const spark = sparklineString(stats.sparkline, 24);
+  const lines = [
+    line("FLEET", { fg: RIG_UI.ink, bold: true }),
+    tile(stats.active, "ACTIVE RUNS", "attach \xB7 steer \xB7 stop \xB7 inspect", RIG_UI.cyan, TILE_RUNS, selected === 0),
+    tile(attention, "NEEDS ATTENTION", "failed / stalled runs to triage", RIG_UI.red, TILE_ATTENTION, selected === 1),
+    tile(pending, "PENDING APPROVALS", "blockers waiting on you", RIG_UI.yellow, TILE_INBOX, selected === 2),
+    tile(ready, "READY TASKS", "dispatch a new run", RIG_UI.lime, TILE_TASKS, selected === 3)
+  ];
+  if (spark.trim())
+    lines.push(line(`  throughput ${spark}  ${stats.succeeded} done \xB7 ${stats.failed} failed \xB7 ${stats.total} total`, { fg: RIG_UI.ink3 }));
+  return { lines, tileCount: 4 };
+}
+function statusLine(state) {
+  const label = state.actionLabel ?? (state.runtimeReady ? "ready" : "starting up");
+  if (state.status === "error") {
+    return line(`\u2717 ${state.error?.message ?? label}`, { fg: RIG_UI.red, bold: true });
+  }
+  if (state.status === "action") {
+    return line(`\u25D0 ${label}`, { fg: RIG_UI.cyan, bold: true });
+  }
+  if (state.status === "success") {
+    return line(`\u2713 ${label}`, { fg: RIG_UI.limeDim, bold: true });
+  }
+  return line(`\u25CF ${label}`, { fg: RIG_UI.ink2, bold: true });
 }
 function renderMainScene(state, layout) {
   const configured = state.data.projectConfigured === true;
   const server = serverSummary(state);
-  const lines = [
-    line("PROJECT COCKPIT", { fg: RIG_UI.ink3, bold: true }),
-    line("click a row or use arrows + enter \xB7 esc returns here \xB7 ctrl-c exits", { fg: RIG_UI.ink4 }),
+  const selected = Math.max(0, state.selection.index);
+  const dash = configured ? dashboardLines(state, selected) : { lines: [], tileCount: 0 };
+  const actionSelected = configured ? selected - dash.tileCount : selected;
+  const lines = configured ? [
+    line("COCKPIT", { fg: RIG_UI.ink, bold: true }),
+    line("arrows + enter or click a tile/row \xB7 esc goes back \xB7 ctrl-c exits", { fg: RIG_UI.ink3 }),
+    blank(),
+    ...dash.lines,
+    blank(),
+    line("MANAGE", { fg: RIG_UI.ink, bold: true }),
+    ...configuredMenuRows(actionSelected),
+    blank(),
+    line("CONTEXT", { fg: RIG_UI.ink3, bold: true }),
+    kv("config", "configured", RIG_UI.limeDim),
+    kv("server", `${server.label} \xB7 ${server.health}`, server.health === "reachable" ? RIG_UI.limeDim : RIG_UI.yellow),
+    kv("github", server.auth, server.auth.startsWith("signed in") ? RIG_UI.limeDim : RIG_UI.yellow),
+    blank(),
+    statusLine(state)
+  ] : [
+    line("WELCOME", { fg: RIG_UI.ink, bold: true }),
+    line("This project isn't set up yet. One guided flow gets you running.", { fg: RIG_UI.ink2 }),
     blank(),
-    line("ACTIONS", { fg: RIG_UI.ink3, bold: true }),
-    ...actionRows(state, configured),
+    line("GET STARTED", { fg: RIG_UI.ink, bold: true }),
+    ...onboardingRows(actionSelected),
     blank(),
     line("CONTEXT", { fg: RIG_UI.ink3, bold: true }),
-    kv("workspace", "current repository", RIG_UI.ink2),
-    kv("config", configured ? "configured" : "needs setup", configured ? RIG_UI.limeDim : RIG_UI.yellow),
-    kv("server", server.label, server.health === "reachable" ? RIG_UI.limeDim : RIG_UI.yellow),
-    kv("target", server.target, RIG_UI.ink3),
+    kv("config", "needs setup", RIG_UI.yellow),
+    kv("server", `${server.label} \xB7 ${server.health}`, server.health === "reachable" ? RIG_UI.limeDim : RIG_UI.yellow),
     kv("github", server.auth, server.auth.startsWith("signed in") ? RIG_UI.limeDim : RIG_UI.yellow),
     blank(),
-    line(state.actionLabel ?? "ready", { fg: state.status === "action" ? RIG_UI.cyan : RIG_UI.ink4 })
+    statusLine(state)
   ];
   return makeSceneFrame({
     scene: "main",
-    title: "Project cockpit",
+    title: "Cockpit",
     lines: [],
     panels: [{
-      id: "project-cockpit",
+      id: "cockpit",
       top: 0,
       width: panelWidth(layout),
       height: panelHeight(layout),
@@ -139,12 +319,11 @@ function renderMainScene(state, layout) {
       opacity: 0.98,
       border: false,
       chrome: "ad-terminal",
-      headerText: "project cockpit",
+      headerText: "cockpit",
       paddingX: layout?.compact ? 3 : 5,
       paddingY: 2
     }],
-    live: true,
-    hideTypeBar: true
+    live: true
   });
 }
 export {

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

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