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

package/dist/src/app-opentui/scenes/family-domains/stats.js

@@ -0,0 +1,370 @@
+// @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)
+};
+
+// 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: "" };
+}
+
+// packages/cli/src/app-opentui/fleet-stats.ts
+var ACTIVE_STATUSES = new Set([
+  "running",
+  "preparing",
+  "created",
+  "validating",
+  "reviewing",
+  "closing-out",
+  "stopping",
+  "loading"
+]);
+var BAR_CHARS = ["\u258F", "\u258E", "\u258D", "\u258C", "\u258B", "\u258A", "\u2589", "\u2588"];
+function barString(ratio, width) {
+  if (width <= 0)
+    return "";
+  const clamped = Math.max(0, Math.min(1, ratio));
+  const totalEighths = Math.round(clamped * width * 8);
+  const full = Math.floor(totalEighths / 8);
+  const remainder = totalEighths % 8;
+  let bar = "\u2588".repeat(Math.min(width, full));
+  if (full < width && remainder > 0)
+    bar += BAR_CHARS[remainder - 1];
+  return bar.padEnd(width, " ").slice(0, width);
+}
+function statusSegments(stats, width) {
+  if (width <= 0 || stats.total === 0)
+    return { active: "", done: "", failed: "", other: "" };
+  const other = Math.max(0, stats.total - stats.active - stats.succeeded - stats.failed);
+  const raw = [
+    { key: "active", value: stats.active },
+    { key: "done", value: stats.succeeded },
+    { key: "failed", value: stats.failed },
+    { key: "other", value: other }
+  ];
+  const exact = raw.map((entry) => ({ key: entry.key, exact: entry.value / stats.total * width }));
+  const floored = exact.map((entry) => ({ key: entry.key, n: Math.floor(entry.exact), frac: entry.exact - Math.floor(entry.exact) }));
+  let remaining = width - floored.reduce((sum, entry) => sum + entry.n, 0);
+  for (const entry of [...floored].sort((a, b) => b.frac - a.frac)) {
+    if (remaining <= 0)
+      break;
+    entry.n += 1;
+    remaining -= 1;
+  }
+  const widths = new Map(floored.map((entry) => [entry.key, entry.n]));
+  return {
+    active: "\u2588".repeat(widths.get("active") ?? 0),
+    done: "\u2588".repeat(widths.get("done") ?? 0),
+    failed: "\u2588".repeat(widths.get("failed") ?? 0),
+    other: "\u2592".repeat(widths.get("other") ?? 0)
+  };
+}
+
+// packages/cli/src/app-opentui/scenes/family-domains/kit.ts
+function actionItemFor(family, sub) {
+  const base = sub.base.join(" ");
+  if (sub.direct) {
+    const label = `run rig ${family} ${base}`.trim();
+    return {
+      id: `action:${sub.id}`,
+      label,
+      intent: { scene: "command", argv: [family, ...sub.base], action: { kind: "command-run", label: `Run rig ${family} ${base}`.trim(), payload: { argv: [family, ...sub.base], family } } },
+      message: label
+    };
+  }
+  return {
+    id: `action:${sub.id}`,
+    label: `configure ${family} ${base}`.trim(),
+    intent: { scene: "family", argv: [family], action: { kind: "refresh", label: `Configure ${sub.template}`, payload: { family, formSub: sub.id } } },
+    message: `configure & run rig ${family} ${sub.template}`
+  };
+}
+function actionDetail(sub) {
+  return sub.direct ? sub.description : `${sub.description} \xB7 ${sub.fields.length} field${sub.fields.length === 1 ? "" : "s"}`;
+}
+function actionDeck(ctx, subs, heading = "ACTIONS") {
+  const out = [line(heading, { fg: RIG_UI.ink3, bold: true })];
+  for (const sub of subs) {
+    out.push(ctx.cursor.deck({ label: sub.base.join(" ") || ctx.family, detail: actionDetail(sub) }, actionItemFor(ctx.family, sub)));
+  }
+  return out;
+}
+function metric(label, value, opts = {}) {
+  return line(`  ${label.padEnd(22)} ${value}`, { fg: opts.fg ?? RIG_UI.ink2, bold: opts.bold });
+}
+function heading(text) {
+  return line(text, { fg: RIG_UI.ink, bold: true });
+}
+
+// packages/cli/src/app-opentui/scenes/family-domains/stats.ts
+function num(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : 0;
+}
+function numOrNull(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+function strOrNull(value) {
+  return typeof value === "string" && value.length > 0 ? value : null;
+}
+function statusCounts(value) {
+  if (typeof value !== "object" || value === null)
+    return {};
+  const out = {};
+  for (const [key, raw] of Object.entries(value)) {
+    if (typeof raw === "number" && Number.isFinite(raw))
+      out[key] = raw;
+  }
+  return out;
+}
+function readStats(details) {
+  if (!details)
+    return null;
+  if (typeof details.totalRuns !== "number")
+    return null;
+  return {
+    since: strOrNull(details.since),
+    totalRuns: num(details.totalRuns),
+    statusCounts: statusCounts(details.statusCounts),
+    completedRuns: num(details.completedRuns),
+    failedRuns: num(details.failedRuns),
+    needsAttentionRuns: num(details.needsAttentionRuns),
+    completionRate: numOrNull(details.completionRate),
+    failureRate: numOrNull(details.failureRate),
+    needsAttentionRate: numOrNull(details.needsAttentionRate),
+    medianCompletionMs: numOrNull(details.medianCompletionMs),
+    steeringTotal: num(details.steeringTotal),
+    steeringPerRun: numOrNull(details.steeringPerRun),
+    stallTotal: num(details.stallTotal),
+    approvalsRequested: num(details.approvalsRequested),
+    approvalsApproved: num(details.approvalsApproved),
+    approvalsRejected: num(details.approvalsRejected),
+    approvalsPending: num(details.approvalsPending)
+  };
+}
+function percent(value) {
+  return value === null ? "\u2014" : `${(value * 100).toFixed(1)}%`;
+}
+function duration(ms) {
+  if (ms === null)
+    return "\u2014";
+  if (ms < 1000)
+    return `${Math.round(ms)}ms`;
+  const seconds = ms / 1000;
+  if (seconds < 60)
+    return `${seconds.toFixed(0)}s`;
+  const minutes = seconds / 60;
+  if (minutes < 60)
+    return `${Math.floor(minutes)}m ${Math.round(seconds % 60)}s`;
+  const hours = Math.floor(minutes / 60);
+  return `${hours}h ${Math.round(minutes % 60)}m`;
+}
+function perRun(value) {
+  return value === null ? "\u2014" : `${value.toFixed(2)}/run`;
+}
+var ACTIVE_STATUSES2 = new Set([
+  "running",
+  "preparing",
+  "created",
+  "validating",
+  "reviewing",
+  "closing-out",
+  "stopping",
+  "loading"
+]);
+function distributionStats(stats) {
+  let active = 0;
+  const byStatus = new Map;
+  for (const [status, count] of Object.entries(stats.statusCounts)) {
+    byStatus.set(status, count);
+    if (ACTIVE_STATUSES2.has(status))
+      active += count;
+  }
+  return {
+    total: stats.totalRuns,
+    active,
+    succeeded: stats.completedRuns,
+    failed: stats.failedRuns,
+    byStatus,
+    load: stats.totalRuns === 0 ? 0 : active / stats.totalRuns,
+    sparkline: []
+  };
+}
+function distributionBar(stats) {
+  if (stats.totalRuns === 0)
+    return [];
+  const width = 40;
+  const fleet = distributionStats(stats);
+  const seg = statusSegments(fleet, width);
+  const bar = `${seg.active}${seg.done}${seg.failed}${seg.other}`;
+  const completionBar = barString(stats.completionRate ?? 0, width);
+  const out = [heading("DISTRIBUTION")];
+  out.push(line(`  ${"completion".padEnd(12)} ${completionBar}  ${percent(stats.completionRate)}`, { fg: RIG_UI.lime }));
+  out.push(line(`  ${"status mix".padEnd(12)} ${bar}`, { fg: RIG_UI.ink2 }));
+  const other = Math.max(0, stats.totalRuns - fleet.active - fleet.succeeded - fleet.failed);
+  out.push(line(`  active ${fleet.active} \xB7 done ${fleet.succeeded} \xB7 failed ${fleet.failed} \xB7 other ${other} \xB7 total ${stats.totalRuns}`, { fg: RIG_UI.ink3 }));
+  return out;
+}
+var SINCE_WINDOWS = [
+  { key: "24h", label: "24h", arg: "1d" },
+  { key: "7d", label: "7d", arg: "7d" },
+  { key: "30d", label: "30d", arg: "30d" },
+  { key: "all", label: "all", arg: null }
+];
+function activeWindowKey(since) {
+  if (since === null)
+    return "all";
+  const parsed = Date.parse(since);
+  if (!Number.isFinite(parsed))
+    return null;
+  const ageDays = (Date.now() - parsed) / (24 * 60 * 60 * 1000);
+  if (ageDays <= 1.5)
+    return "24h";
+  if (ageDays <= 14)
+    return "7d";
+  return "30d";
+}
+function sinceSwitcher(ctx, since) {
+  const active = activeWindowKey(since);
+  const out = [heading("WINDOW")];
+  for (const window of SINCE_WINDOWS) {
+    const isActive = window.key === active;
+    const argv = window.arg ? ["stats", "show", "--since", window.arg] : ["stats", "show"];
+    const label = isActive ? `[\u25CF ${window.label}]` : `[  ${window.label}]`;
+    const item = {
+      id: `stats-since:${window.key}`,
+      label: `stats since ${window.label}`,
+      intent: { scene: "command", argv: [...argv], action: { kind: "command-run", label: `rig ${argv.join(" ")}`, payload: { argv: [...argv], family: ctx.family } } },
+      message: window.arg ? `recompute fleet stats over the last ${window.label}` : "recompute fleet stats over all time"
+    };
+    const content = line(`  ${label.padEnd(10)} ${window.arg ? `since ${window.arg}` : "all time"}`, {
+      fg: isActive ? RIG_UI.bg : RIG_UI.ink2,
+      bg: isActive ? RIG_UI.lime : undefined,
+      bold: isActive
+    });
+    out.push(ctx.cursor.row(content, item));
+  }
+  return out;
+}
+function volumeTile(label, value, status, fg) {
+  return {
+    id: `stats-volume:${status}`,
+    label: `${label} runs`,
+    intent: { scene: "fleet", argv: ["run", "list", "--status", status], action: { kind: "navigate", label: `Fleet \xB7 ${status}`, payload: { fleetStatusFilter: status } } },
+    message: `open the fleet filtered to ${status} runs`,
+    data: { fg, value }
+  };
+}
+var renderStats = (ctx) => {
+  const lines = [];
+  const stats = readStats(ctx.details);
+  if (stats) {
+    const window = stats.since ? `since ${stats.since}` : "all time";
+    lines.push(line(`FLEET STATS \xB7 ${window}`, { fg: RIG_UI.lime, bold: true }));
+    lines.push(blank());
+    lines.push(...sinceSwitcher(ctx, stats.since));
+    lines.push(blank());
+    const dist = distributionBar(stats);
+    if (dist.length > 0) {
+      lines.push(...dist);
+      lines.push(blank());
+    }
+    lines.push(heading("VOLUME"));
+    lines.push(metric("total runs", String(stats.totalRuns), { fg: RIG_UI.ink, bold: true }));
+    lines.push(ctx.cursor.row(line(`  ${"completed".padEnd(22)} ${stats.completedRuns}  (${percent(stats.completionRate)})  \u2192`, { fg: RIG_UI.lime }), volumeTile("completed", String(stats.completedRuns), "completed", RIG_UI.lime)));
+    lines.push(ctx.cursor.row(line(`  ${"failed".padEnd(22)} ${stats.failedRuns}  (${percent(stats.failureRate)})  \u2192`, { fg: RIG_UI.red }), volumeTile("failed", String(stats.failedRuns), "failed", RIG_UI.red)));
+    lines.push(ctx.cursor.row(line(`  ${"needs attention".padEnd(22)} ${stats.needsAttentionRuns}  (${percent(stats.needsAttentionRate)})  \u2192`, { fg: RIG_UI.yellow }), volumeTile("needs-attention", String(stats.needsAttentionRuns), "needs-attention", RIG_UI.yellow)));
+    lines.push(blank());
+    lines.push(heading("FLOW"));
+    lines.push(metric("median run time", duration(stats.medianCompletionMs), { fg: RIG_UI.cyan }));
+    lines.push(metric("steering", `${stats.steeringTotal} total \xB7 ${perRun(stats.steeringPerRun)}`, { fg: RIG_UI.ink2 }));
+    lines.push(metric("stalls", String(stats.stallTotal), {
+      fg: stats.stallTotal > 0 ? RIG_UI.yellow : RIG_UI.ink2
+    }));
+    lines.push(blank());
+    lines.push(heading("APPROVALS"));
+    lines.push(metric("requested", String(stats.approvalsRequested), { fg: RIG_UI.ink2 }));
+    lines.push(metric("approved", String(stats.approvalsApproved), { fg: RIG_UI.lime }));
+    lines.push(metric("rejected", String(stats.approvalsRejected), { fg: RIG_UI.red }));
+    lines.push(metric("pending", String(stats.approvalsPending), {
+      fg: stats.approvalsPending > 0 ? RIG_UI.yellow : RIG_UI.ink2
+    }));
+    const other = Object.entries(stats.statusCounts).filter(([status]) => !["completed", "failed", "needs-attention"].includes(status)).sort(([, a], [, b]) => b - a);
+    if (other.length > 0) {
+      lines.push(blank());
+      lines.push(heading("OTHER STATUSES"));
+      for (const [status, count] of other)
+        lines.push(metric(status, String(count), { fg: RIG_UI.ink2 }));
+    }
+    lines.push(blank());
+  } else if (ctx.state.ran && ctx.state.lines.length > 0) {
+    lines.push(line("FLEET STATS", { fg: RIG_UI.lime, bold: true }));
+    lines.push(blank());
+    lines.push(...sinceSwitcher(ctx, null));
+    lines.push(blank());
+    for (const text of ctx.state.lines.slice(0, 60))
+      lines.push(line(`  ${text}`, { fg: RIG_UI.ink2 }));
+    lines.push(blank());
+  } else {
+    lines.push(line("FLEET STATS", { fg: RIG_UI.lime, bold: true }));
+    lines.push(line("  no run data captured yet", { fg: RIG_UI.ink4 }));
+    lines.push(blank());
+  }
+  lines.push(...actionDeck(ctx, ctx.snap.subcommands, "ACTIONS"));
+  lines.push(blank());
+  lines.push(line("pick a window cell to re-scope \xB7 a volume tile drills into the fleet \xB7 direct commands run", { fg: RIG_UI.ink4 }));
+  return lines;
+};
+export {
+  renderStats
+};

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

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