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

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

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

package/dist/src/app-opentui/scenes/inbox.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"
@@ -38,11 +40,11 @@ var styles = {
 };
 function statusColor(status) {
   switch (status) {
-    case "running":
     case "success":
     case "completed":
     case "merged":
       return RIG_UI.lime;
+    case "running":
     case "preparing":
     case "created":
     case "validating":
@@ -62,6 +64,174 @@ function statusColor(status) {
       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 = {}) {
@@ -70,14 +240,53 @@ function line(text, options = {}) {
 function blank() {
   return { text: "" };
 }
-function center(text, fg = RIG_UI.ink2, bold = false) {
-  return { text, fg, bold, align: "center" };
+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 };
+}
+
 // packages/cli/src/app-opentui/scenes/inbox.ts
+var INBOX_RECOVERY_ITEMS = [
+  { id: "refresh", label: "refresh", intent: { scene: "inbox", argv: ["inbox"], action: { kind: "refresh", label: "Refresh inbox" } }, message: "refresh inbox" },
+  { id: "runs", label: "runs", intent: { scene: "fleet", argv: ["runs"], action: { kind: "refresh", label: "Open runs" } }, message: "open runs" },
+  { id: "tasks", label: "tasks", intent: { scene: "tasks", argv: ["tasks"], action: { kind: "refresh", label: "Open tasks" } }, message: "open tasks" },
+  { id: "doctor", label: "doctor", intent: { scene: "doctor", argv: ["doctor"], action: { kind: "doctor-run", label: "Run doctor" } }, message: "diagnose inbox" }
+];
 function inboxRecords(state) {
   const inbox = state.data.inbox;
   if (!inbox || typeof inbox !== "object" || Array.isArray(inbox))
@@ -88,28 +297,127 @@ function inboxRecords(state) {
     inputs: Array.isArray(record.inputs) ? record.inputs : []
   };
 }
-function row(record) {
-  const prefix = record.kind === "approvals" ? "approve" : "answer";
-  return `\u25B8 ${prefix.padEnd(7)} ${record.requestId.slice(0, 10).padEnd(10)} run ${record.runId.slice(0, 8)}  ${record.title}`;
+function panelWidth(layout) {
+  return layout?.centerWidth ?? 100;
+}
+function panelHeight(layout) {
+  return Math.max(8, (layout?.centerHeight ?? 24) - 1);
+}
+function diffLine(text) {
+  if (text.startsWith("+++") || text.startsWith("---"))
+    return line(`    ${text}`, { fg: RIG_UI.ink, bold: true });
+  if (text.startsWith("@@"))
+    return line(`    ${text}`, { fg: RIG_UI.cyan });
+  if (text.startsWith("diff ") || text.startsWith("index "))
+    return line(`    ${text}`, { fg: RIG_UI.ink3, bold: true });
+  if (text.startsWith("+"))
+    return line(`    ${text}`, { fg: RIG_UI.lime });
+  if (text.startsWith("-"))
+    return line(`    ${text}`, { fg: RIG_UI.red });
+  return line(`    ${text}`, { fg: RIG_UI.ink3 });
 }
-function renderInboxScene(state) {
+function payloadLines(record) {
+  const out = [];
+  for (const detail of record.details) {
+    out.push(line(`    ${detail.label.padEnd(8)} ${detail.value}`, { fg: RIG_UI.ink2 }));
+  }
+  if (record.diff && record.diff.trim()) {
+    out.push(line("    \u2500\u2500 preview \u2500\u2500", { fg: RIG_UI.ink4 }));
+    for (const text of record.diff.split(`
+`).slice(0, 40))
+      out.push(diffLine(text));
+  }
+  return out;
+}
+function attachItem(record) {
+  const runId = record.runId;
+  return {
+    id: `${record.requestId}:attach`,
+    label: "attach",
+    data: { selectedInboxRequestId: record.requestId, selectedRunId: runId },
+    intent: { scene: "handoff", argv: ["attach", runId], action: { kind: "run-attach", payload: { runId }, label: `Attach Pi ${runId.slice(0, 8)}` } },
+    message: `attach run ${runId.slice(0, 8)}`
+  };
+}
+function requestLines(record, startIndex, selected) {
+  const { glyph, color } = statusLabel(record.status);
+  const title = `${glyph} ${record.title || record.requestId} \xB7 run ${record.runId.slice(0, 8)}`;
+  const requestId = record.requestId;
+  if (record.kind === "approvals") {
+    const approve = { id: `${requestId}:approve`, label: "approve", data: { selectedInboxRequestId: requestId }, intent: { scene: "inbox", argv: ["inbox", "approve", requestId], action: { kind: "inbox-approve", payload: { requestId }, label: `Approve ${requestId}` } }, message: `approve ${requestId}` };
+    const reject = { id: `${requestId}:reject`, label: "reject", data: { selectedInboxRequestId: requestId }, intent: { scene: "inbox", argv: ["inbox", "reject", requestId], action: { kind: "inbox-reject", payload: { requestId }, label: `Reject ${requestId}` } }, message: `reject ${requestId}` };
+    return [
+      line(title, { fg: color, bold: true }),
+      ...payloadLines(record),
+      selectableDeckRow({ label: "approve", detail: `approve ${requestId.slice(0, 10)}`, index: startIndex, active: selected === startIndex }, approve),
+      selectableDeckRow({ label: "reject", detail: `reject ${requestId.slice(0, 10)}`, index: startIndex + 1, active: selected === startIndex + 1 }, reject),
+      selectableDeckRow({ label: "attach", detail: `open run ${record.runId.slice(0, 8)}`, index: startIndex + 2, active: selected === startIndex + 2 }, attachItem(record)),
+      line("", { fg: RIG_UI.ink3 })
+    ];
+  }
+  const answer = {
+    id: `${requestId}:answer`,
+    label: "answer",
+    data: { selectedInboxRequestId: requestId, selectedRunId: record.runId },
+    prompt: { label: `answer ${requestId.slice(0, 10)}`, scene: "inbox", argv: ["inbox", "answer", requestId], intentKind: "inbox-answer", payloadBase: { requestId }, payloadKey: "answer" },
+    message: `answer ${requestId} inline`
+  };
+  return [
+    line(title, { fg: color, bold: true }),
+    ...payloadLines(record),
+    selectableDeckRow({ label: "answer", detail: `answer ${requestId.slice(0, 10)} inline`, index: startIndex, active: selected === startIndex }, answer),
+    selectableDeckRow({ label: "attach", detail: `open run ${record.runId.slice(0, 8)}`, index: startIndex + 1, active: selected === startIndex + 1 }, attachItem(record)),
+    line("", { fg: RIG_UI.ink3 })
+  ];
+}
+function renderInboxScene(state, layout) {
   const inbox = inboxRecords(state);
   const all = [...inbox.approvals, ...inbox.inputs];
+  const selected = Math.max(0, state.selection.index);
   const optimistic = state.data.inboxOptimistic;
   const optimisticLine = optimistic && typeof optimistic === "object" && !Array.isArray(optimistic) ? `${optimistic.requestId ?? "request"} ${optimistic.status ?? "pending"}` : "idle";
+  const loading = state.status === "loading" && all.length === 0;
+  const refreshError = lastRefreshError(state);
+  const lines = [];
+  let selectableIndex = 0;
+  if (refreshError && !state.error) {
+    lines.push(...errorBanner(refreshError));
+  }
+  if (all.length === 0) {
+    lines.push(...loading ? loadingRows("inbox", state.tick, true) : [
+      line("No pending approvals or input requests.", { fg: RIG_UI.ink3 }),
+      line("Runs that need a decision will appear here with approve/reject/answer actions.", { fg: RIG_UI.ink4 })
+    ], line("", { fg: RIG_UI.ink3 }), line("ACTIONS", { fg: RIG_UI.ink3, bold: true }), selectableDeckRow({ label: "refresh", detail: "reload pending requests", index: 0, active: selected === 0 }, INBOX_RECOVERY_ITEMS[0]), selectableDeckRow({ label: "runs", detail: "open runs", index: 1, active: selected === 1 }, INBOX_RECOVERY_ITEMS[1]), selectableDeckRow({ label: "tasks", detail: "open tasks", index: 2, active: selected === 2 }, INBOX_RECOVERY_ITEMS[2]), selectableDeckRow({ label: "doctor", detail: "diagnose inbox/server/auth", index: 3, active: selected === 3 }, INBOX_RECOVERY_ITEMS[3]));
+  } else {
+    for (const record of all.slice(0, 8)) {
+      lines.push(...requestLines(record, selectableIndex, selected));
+      selectableIndex += record.kind === "approvals" ? 3 : 2;
+    }
+  }
   return makeSceneFrame({
     scene: "inbox",
     title: "Inbox",
     lines: [
-      center("inbox", RIG_UI.ink, true),
-      center(`${inbox.approvals.length} approvals \xB7 ${inbox.inputs.length} inputs`, RIG_UI.ink3),
-      blank(),
-      ...all.length > 0 ? all.slice(0, 14).map((record, index) => line(row(record), { fg: statusColor(record.status), align: "center", selectableIndex: index })) : [line("no pending approvals or answers", { fg: RIG_UI.ink3, align: "center" })],
-      blank(),
-      line(`status ${optimisticLine}`, { fg: RIG_UI.ink4, align: "center" })
+      line("", { fg: RIG_UI.ink4 }),
+      line(`   inbox \xB7 ${inbox.approvals.length} approvals \xB7 ${inbox.inputs.length} inputs \xB7 ${optimisticLine}`, { fg: RIG_UI.ink3 })
     ],
-    footer: { message: `${all.length} pending` },
-    typeBarPlaceholder: "approve <request> \xB7 reject <request> \xB7 answer <request>",
+    panels: [{
+      id: "inbox-actions",
+      top: 0,
+      width: panelWidth(layout),
+      height: panelHeight(layout),
+      lines,
+      backgroundColor: RIG_UI.panel,
+      backgroundAlpha: 184,
+      opacity: 1,
+      border: false,
+      chrome: "ad-terminal",
+      headerText: `inbox \xB7 ${all.length} pending`,
+      headerHeight: 3,
+      paddingX: layout?.compact ? 2 : 3,
+      paddingY: 1
+    }],
+    footer: { message: all.length > 0 ? "enter/click activates selected request action" : "no pending requests" },
     live: state.status === "action" || all.length === 0
   });
 }

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

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

package/dist/src/app-opentui/scenes/init.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 };
@@ -44,49 +58,121 @@ function line(text, options = {}) {
 function blank() {
   return { text: "" };
 }
-function center(text, fg = RIG_UI.ink2, bold = false) {
-  return { text, fg, bold, align: "center" };
+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 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/scenes/init.ts
+var STEP_CONFIG_RUN = { id: "step-config", label: "run setup wizard", intent: { scene: "command", argv: ["init"], action: { kind: "command-run", label: "Run setup wizard" } }, message: "full interactive setup wizard" };
+var STEP_SERVER = { id: "step-server", label: "select server", intent: { scene: "server", argv: ["server", "status"], action: { kind: "refresh", label: "Choose server" } }, message: "select local or remote server" };
+var STEP_AUTH = { id: "step-auth", label: "connect GitHub", intent: { scene: "command", argv: ["github", "auth", "import-gh"], action: { kind: "command-run", label: "Connect GitHub" } }, message: "import GitHub auth into the selected server" };
+var STEP_TASKS = { id: "step-tasks", label: "pick a task source", intent: { scene: "command", argv: ["init", "--repair"], action: { kind: "command-run", label: "Configure task source" } }, message: "configure or repair the task source" };
+var SETUP_STEPS = [
+  { id: "config", label: "Project config", detail: "rig.config + private state", done: (s) => s.configured, cta: "Run setup wizard", item: STEP_CONFIG_RUN },
+  { id: "server", label: "Server target", detail: "local or remote, reachable", done: (s) => s.serverReachable, cta: "Choose a server", item: STEP_SERVER },
+  { id: "auth", label: "GitHub auth", detail: "signed in on the selected server", done: (s) => s.authSignedIn, cta: "Connect GitHub", item: STEP_AUTH },
+  { id: "tasks", label: "Task source", detail: "where work comes from", done: (s) => s.taskSourceReady, cta: "Pick a task source", item: STEP_TASKS }
+];
+var SECONDARY_ACTIONS = [
+  { label: "repair", detail: "reconfigure generated config and private state", item: { id: "repair", label: "repair", intent: { scene: "command", argv: ["init", "--repair"], action: { kind: "command-run", label: "Reconfigure project" } }, message: "verify or rewrite generated config" } },
+  { label: "demo", detail: "seed an offline demo task source to explore", item: { id: "demo", label: "demo", intent: { scene: "command", argv: ["init", "--demo", "--repair"], action: { kind: "command-run", label: "Seed demo project" } }, message: "offline demo project" } },
+  { label: "doctor", detail: "diagnose what is still missing", item: { id: "doctor", label: "doctor", intent: { scene: "doctor", argv: ["doctor"], action: { kind: "doctor-run", label: "Run doctor" } }, message: "verify setup" } }
+];
+function record(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
 function initData(state) {
-  const init = state.data.init;
-  return init && typeof init === "object" && !Array.isArray(init) ? init : {};
+  return record(state.data.init) ?? {};
 }
 function facts(state) {
   const value = initData(state).facts;
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
-function renderInitScene(state) {
+function setupSignals(state, factState) {
+  const configured = factState?.hasConfig === true || state.data.projectConfigured === true;
+  const server = record(state.data.server);
+  const auth = record(server?.auth);
+  const serverReachable = Boolean(server) && server?.reachable !== false;
+  const authSignedIn = auth?.signedIn === true || auth?.authenticated === true || auth?.status === "authenticated";
+  const tasks = record(state.data.tasks);
+  const taskRecords = Array.isArray(tasks?.records) ? tasks.records : [];
+  const taskSourceReady = configured && taskRecords.length > 0;
+  return { configured, serverReachable, authSignedIn, taskSourceReady };
+}
+function panelWidth(layout) {
+  return layout?.centerWidth ?? 118;
+}
+function panelHeight(layout) {
+  return Math.max(18, layout?.centerHeight ?? 34);
+}
+function checklistRow(step, ordinal, done, isNext) {
+  const glyph = done ? "\u2713" : isNext ? "\u25B8" : "\u25CB";
+  const fg = done ? RIG_UI.limeDim : isNext ? RIG_UI.lime : RIG_UI.ink3;
+  const tag = done ? "done" : isNext ? "next" : "todo";
+  const text = `${glyph} ${ordinal}. ${step.label.padEnd(16)} ${step.detail}  \u2014  ${tag}`;
+  return { text: `  ${text}`, fg, bold: done || isNext };
+}
+function renderInitScene(state, layout) {
   const factState = facts(state);
-  const init = initData(state);
-  const status = typeof init.status === "string" ? init.status : factState?.hasConfig ? "configured" : "needs-init";
-  const configured = factState?.hasConfig === true;
+  const signals = setupSignals(state, factState);
+  const completed = SETUP_STEPS.filter((step) => step.done(signals)).length;
+  const allDone = completed === SETUP_STEPS.length;
+  const nextStep = SETUP_STEPS.find((step) => !step.done(signals));
+  const selected = Math.max(0, state.selection.index);
+  const primary = nextStep ? selectableDeckRow({ label: "next", detail: `${nextStep.cta} \u2014 recommended`, active: selected === 0 }, { ...nextStep.item, id: "init-primary" }) : selectableDeckRow({ label: "verify", detail: "Setup complete \u2014 run doctor to confirm", active: selected === 0 }, { id: "init-primary", label: "verify", intent: { scene: "doctor", argv: ["doctor"], action: { kind: "doctor-run", label: "Run doctor" } }, message: "verify setup end-to-end" });
+  const secondaryRows = SECONDARY_ACTIONS.map(({ label, detail, item }, index) => selectableDeckRow({ label, detail, active: selected === index + 1 }, item));
+  const progress = allDone ? "all set" : `${completed} of ${SETUP_STEPS.length} complete`;
+  const panelLines = [
+    line(allDone ? "SETUP \xB7 ready to go" : "SETUP \xB7 let's get you running", { fg: allDone ? RIG_UI.limeDim : RIG_UI.ink, bold: true }),
+    line(`progress  ${progress}`, { fg: allDone ? RIG_UI.limeDim : RIG_UI.ink2 }),
+    blank(),
+    line("CHECKLIST", { fg: RIG_UI.ink3, bold: true }),
+    ...SETUP_STEPS.map((step, index) => checklistRow(step, index + 1, step.done(signals), step.id === nextStep?.id)),
+    blank(),
+    line("NEXT STEP", { fg: RIG_UI.ink3, bold: true }),
+    primary,
+    blank(),
+    line("OTHER PATHS", { fg: RIG_UI.ink3, bold: true }),
+    ...secondaryRows,
+    blank(),
+    line("enter/click runs the highlighted action \xB7 esc goes back \xB7 tab switches sections", { fg: RIG_UI.ink4 })
+  ];
   return makeSceneFrame({
     scene: "init",
-    title: "Init",
-    lines: [
-      center(configured ? "project configured" : "project init", RIG_UI.ink, true),
-      center(configured ? "configuration detected" : "create config, server link, auth, and task source", RIG_UI.ink3),
-      blank(),
-      ...configured ? [
-        line(`config    ${factState.configPath ?? "present"}`, { fg: RIG_UI.ink2, align: "center" }),
-        line(`git       ${factState.hasGit ? "present" : "missing"}`, { fg: RIG_UI.ink3, align: "center" }),
-        blank(),
-        line("ready", { fg: RIG_UI.ink4, align: "center" })
-      ] : [
-        line(`git       ${factState?.hasGit ? "present" : "missing"}`, { fg: RIG_UI.ink3, align: "center" }),
-        line(`status    ${status}`, { fg: RIG_UI.limeDim, align: "center" }),
-        blank(),
-        line("type init --yes", { fg: RIG_UI.ink4, align: "center" })
-      ]
-    ],
-    footer: { message: configured ? "configured" : "not configured" },
-    typeBarPlaceholder: configured ? "doctor \xB7 tasks \xB7 server" : "init --yes \xB7 init --server remote \xB7 help",
-    live: !configured || state.status === "action"
+    title: "Setup",
+    lines: [],
+    panels: [{
+      id: "init-setup",
+      top: 0,
+      width: panelWidth(layout),
+      height: panelHeight(layout),
+      lines: panelLines,
+      backgroundColor: RIG_UI.panel,
+      backgroundAlpha: 184,
+      opacity: 0.98,
+      border: false,
+      chrome: "ad-terminal",
+      headerText: "rig setup \xB7 guided onboarding",
+      paddingX: 5,
+      paddingY: 2
+    }],
+    footer: { message: allDone ? "setup complete" : "setup in progress" },
+    live: !allDone || state.status === "action"
   });
 }
 export {

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

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