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

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

@@ -41,95 +41,110 @@ var styles = {
 function line(text, options = {}) {
   return { text, ...options };
 }
+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/scenes/help.ts
-var COMMANDS = [
-  ["runs", "show runs"],
-  ["tasks", "show task source"],
-  ["type in Runs", "search loaded runs"],
-  ["type in Tasks", "search loaded tasks"],
-  ["tasks open", "filter to open tasks"],
-  ["tasks all", "show every task returned by the source"],
-  ["tasks mine", "show tasks assigned to @me"],
-  ["tasks blocked", "show blocked work"],
-  ["tasks closed", "show closed work"],
-  ["tasks sort priority", "rank by priority"],
-  ["tasks sort recency", "rank by update time"],
-  ["tasks sort status", "group by status"],
-  ["run <task-id>", "dispatch selected task id"],
+var ACTIONS = [
+  ["runs", "show live/completed runs"],
+  ["tasks", "browse task source and dispatch work"],
   ["run next", "dispatch next runnable task"],
-  ["attach <run>", "open bundled Pi for a run"],
-  ["tab / \u2192", "next screen"],
-  ["\u2190", "previous screen"],
-  ["\u2191 \u2193", "move selection in Runs/Tasks"],
-  ["j k", "move selection outside search-first list screens"],
-  ["enter", "activate selected row"],
+  ["server", "local/remote server controls"],
+  ["init", "setup/reconfigure/repair wizard"],
+  ["doctor", "diagnose project/server/auth"],
+  ["github", "GitHub auth/repo actions"],
+  ["plugin", "plugin and source actions"],
+  ["setup", "bootstrap/check/preflight"],
+  ["inspect", "inspect project/server state"],
+  ["stats", "run/task metrics"],
+  ["repo", "repo utilities"],
+  ["profile", "profile/config actions"],
+  ["review", "review automation"],
+  ["browser", "browser tooling/wizards"],
+  ["pi", "Pi install/attach/status"],
+  ["queue", "queue operations"],
+  ["agent", "agent/runtime operations"],
+  ["inspector", "inspector tools"],
+  ["dist", "distribution helpers"],
+  ["workspace", "workspace/project utilities"],
+  ["remote", "remote endpoint utilities"],
+  ["git", "git helper actions"],
+  ["harness", "harness operations"],
+  ["test", "test helpers"]
+];
+var SHORTCUTS = [
+  ["tab / \u2192", "next workspace"],
+  ["\u2190 / esc", "previous/back or clear search"],
+  ["\u2191 \u2193 / j k", "move selection"],
+  ["enter / space / click", "activate selected action"],
   ["mouse wheel", "scroll panel under cursor"],
-  ["ctrl-]", "detach from embedded Pi"],
+  ["ctrl-]", "detach from embedded Pi/command terminal"],
   ["ctrl-c / q", "exit"]
 ];
 function panelWidth(layout) {
   return layout?.centerWidth ?? 100;
 }
-function panelHeight(layout, top = 3) {
-  return Math.max(4, (layout?.centerHeight ?? 24) - top);
-}
-function clip(value, width) {
-  if (width <= 0)
-    return "";
-  return value.length <= width ? value : `${value.slice(0, Math.max(0, width - 1))}\u2026`;
-}
-function commandRow(width, label, detail, index) {
-  const keyWidth = Math.min(22, Math.max(12, Math.floor(width * 0.28)));
-  const key = clip(label, keyWidth).padEnd(keyWidth);
-  return line(`${key}  ${clip(detail, Math.max(8, width - keyWidth - 4))}`, { fg: index < 3 ? RIG_UI.ink : RIG_UI.ink2 });
+function panelHeight(layout, top = 1) {
+  return Math.max(8, (layout?.centerHeight ?? 24) - top);
 }
 function unsupportedCommand(state) {
   const value = state.intent.action.payload?.unsupported ?? state.intent.action.payload?.unknown;
-  return typeof value === "string" && value.trim() ? value.trim() : null;
+  if (typeof value !== "string" || !value.trim())
+    return null;
+  const reason = state.intent.action.payload?.reason;
+  return { command: value.trim(), ...typeof reason === "string" && reason.trim() ? { reason: reason.trim() } : {} };
 }
 function renderHelpScene(state, layout) {
-  const width = panelWidth(layout);
   const unsupported = unsupportedCommand(state);
-  const panelTop = 0;
+  const selected = Math.max(0, Math.min(ACTIONS.length - 1, state.selection.index));
   const panelLines = [
     ...unsupported ? [
-      line(`${unsupported} uses the plain CLI path.`, { fg: RIG_UI.yellow, bold: true }),
-      line("Exit and rerun with RIG_PLAIN=1 if you want legacy text output.", { fg: RIG_UI.ink3 }),
+      line(`${unsupported.command} needs the action catalog.`, { fg: RIG_UI.yellow, bold: true }),
+      line(unsupported.reason ?? "Pick an action below; explicit plain mode remains available with RIG_PLAIN=1.", { fg: RIG_UI.ink3 }),
       line("", { fg: RIG_UI.ink3 })
     ] : [],
-    line("COMMAND                 ACTION", { fg: RIG_UI.ink3, bold: true }),
+    line("ACTIONS", { fg: RIG_UI.ink3, bold: true }),
+    ...ACTIONS.map(([label, detail], index) => deckRow({ label, detail, index, active: selected === index, activateOnClick: true })),
     line("", { fg: RIG_UI.ink3 }),
-    ...COMMANDS.map(([label, detail], index) => commandRow(width - 6, label, detail, index))
+    line("KEYS / MOUSE", { fg: RIG_UI.ink3, bold: true }),
+    ...SHORTCUTS.map(([label, detail]) => line(`${label.padEnd(22)} ${detail}`, { fg: RIG_UI.ink2 }))
   ];
   return makeSceneFrame({
     scene: "help",
-    title: "Rig help",
+    title: "Command catalog",
     lines: [
       line("", { fg: RIG_UI.ink4 }),
-      line("   rig help", { fg: RIG_UI.ink3 })
+      line("   command catalog \xB7 TUI-first Rig", { fg: RIG_UI.ink3, bold: true })
     ],
     panels: [{
       id: "help-reference",
-      top: panelTop,
-      width,
-      height: panelHeight(layout, panelTop),
+      top: 0,
+      width: panelWidth(layout),
+      height: panelHeight(layout),
       lines: panelLines,
       backgroundColor: RIG_UI.panel,
       backgroundAlpha: 184,
       opacity: 1,
       border: false,
       chrome: "ad-terminal",
-      headerText: "rig help",
+      headerText: "actions",
       headerHeight: 3,
       paddingX: layout?.compact ? 2 : 3,
       paddingY: 1
     }],
-    typeBarPlaceholder: "runs \xB7 tasks \xB7 help \xB7 attach <run>",
-    footer: { message: "help" },
+    hideTypeBar: true,
+    footer: { message: "enter/click opens a workspace" },
     live: true
   });
 }

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

@@ -67,11 +67,15 @@ function statusColor(status) {
 function line(text, options = {}) {
   return { 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;
@@ -88,28 +92,71 @@ 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 renderInboxScene(state) {
+function requestLines(record, startIndex, selected) {
+  const title = `${record.title || record.requestId} \xB7 run ${record.runId.slice(0, 8)}`;
+  if (record.kind === "approvals") {
+    return [
+      line(title, { fg: statusColor(record.status), bold: true }),
+      deckRow({ label: "approve", detail: `approve ${record.requestId.slice(0, 10)}`, index: startIndex, active: selected === startIndex, activateOnClick: true }),
+      deckRow({ label: "reject", detail: `reject ${record.requestId.slice(0, 10)}`, index: startIndex + 1, active: selected === startIndex + 1, activateOnClick: true }),
+      deckRow({ label: "attach", detail: `open run ${record.runId.slice(0, 8)}`, index: startIndex + 2, active: selected === startIndex + 2, activateOnClick: true }),
+      line("", { fg: RIG_UI.ink3 })
+    ];
+  }
+  return [
+    line(title, { fg: statusColor(record.status), bold: true }),
+    deckRow({ label: "answer", detail: `open answer command for ${record.requestId.slice(0, 10)}`, index: startIndex, active: selected === startIndex, activateOnClick: true }),
+    deckRow({ label: "attach", detail: `open run ${record.runId.slice(0, 8)}`, index: startIndex + 1, active: selected === startIndex + 1, activateOnClick: true }),
+    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 lines = [];
+  let selectableIndex = 0;
+  if (all.length === 0) {
+    lines.push(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 }), deckRow({ label: "refresh", detail: "reload pending requests", index: 0, active: selected === 0, activateOnClick: true }), deckRow({ label: "runs", detail: "open runs", index: 1, active: selected === 1, activateOnClick: true }), deckRow({ label: "tasks", detail: "open tasks", index: 2, active: selected === 2, activateOnClick: true }), deckRow({ label: "doctor", detail: "diagnose inbox/server/auth", index: 3, active: selected === 3, activateOnClick: true }));
+  } 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" },
+    hideTypeBar: true,
     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

@@ -44,8 +44,15 @@ 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;
@@ -60,32 +67,66 @@ function facts(state) {
   const value = initData(state).facts;
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
-function renderInitScene(state) {
+function panelWidth(layout) {
+  return layout?.centerWidth ?? 118;
+}
+function panelHeight(layout) {
+  return Math.max(18, layout?.centerHeight ?? 34);
+}
+function selectedIndex(state, count) {
+  return Math.max(0, Math.min(count - 1, state.selection.index));
+}
+function statusRows(factState, status, configured) {
+  return [
+    line(`config      ${configured ? factState?.configPath ?? "present" : "needs setup"}`, { fg: configured ? RIG_UI.ink2 : RIG_UI.yellow }),
+    line(`git         ${factState?.hasGit ? "present" : "missing / not checked"}`, { fg: factState?.hasGit ? RIG_UI.ink3 : RIG_UI.yellow }),
+    line(`state       ${status}`, { fg: configured ? RIG_UI.limeDim : RIG_UI.ink3 })
+  ];
+}
+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 selected = selectedIndex(state, 6);
+  const actionRows = [
+    deckRow({ label: "wizard", detail: "full interactive setup wizard", index: 0, active: selected === 0, activateOnClick: true }),
+    deckRow({ label: "reconfig", detail: "repair/reconfigure generated config and private state", index: 1, active: selected === 1, activateOnClick: true }),
+    deckRow({ label: "demo", detail: "seed offline demo task source", index: 2, active: selected === 2, activateOnClick: true }),
+    deckRow({ label: "remote", detail: "configure remote server and checkout link", index: 3, active: selected === 3, activateOnClick: true }),
+    deckRow({ label: "auth", detail: "import GitHub auth into selected server", index: 4, active: selected === 4, activateOnClick: true }),
+    deckRow({ label: "doctor", detail: "verify setup after changes", index: 5, active: selected === 5, activateOnClick: true })
+  ];
+  const panelLines = [
+    line(configured ? "project setup \xB7 configured" : "project setup \xB7 choose a path", { fg: RIG_UI.ink3 }),
+    blank(),
+    ...statusRows(factState, status, configured),
+    blank(),
+    line("ACTIONS", { fg: RIG_UI.ink3, bold: true }),
+    ...actionRows,
+    blank(),
+    line("enter/click runs action \xB7 esc returns home \xB7 tab switches surfaces", { 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",
+    lines: [],
+    panels: [{
+      id: "init-actions",
+      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 init \xB7 setup / repair / reconfigure",
+      paddingX: 5,
+      paddingY: 2
+    }],
+    footer: { message: configured ? "configured" : "setup needed" },
     live: !configured || state.status === "action"
   });
 }

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

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

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

@@ -44,9 +44,6 @@ 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);
@@ -57,38 +54,97 @@ function deckRow(input) {
     activateOnClick: input.activateOnClick
   });
 }
+function kv(label, value, fg = RIG_UI.ink2) {
+  return line(`  ${label.toUpperCase().padEnd(10)} ${value}`, { fg });
+}
 function makeSceneFrame(input) {
   return input;
 }
 
 // packages/cli/src/app-opentui/scenes/main.ts
-var CONFIGURED_OPTIONS = [
-  ["runs", "run list and attach"],
-  ["tasks", "task source and dispatch"],
-  ["help", "command reference"]
+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"]
 ];
-function renderMainScene(state) {
+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"]
+];
+function record(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function serverSummary(state) {
+  const server = record(state.data.server);
+  const auth = record(server?.auth);
+  const signedIn = auth?.signedIn === true || auth?.authenticated === true || auth?.status === "authenticated";
+  const login = typeof auth?.login === "string" && auth.login.trim() ? auth.login.trim() : undefined;
+  return {
+    label: typeof server?.label === "string" && server.label.trim() ? server.label.trim() : state.footer.server ?? "not checked yet",
+    target: typeof server?.kind === "string" ? `${server.kind} endpoint` : "open Server to probe",
+    health: server ? server.reachable === false ? "unreachable" : "reachable" : "pending",
+    auth: server ? signedIn ? `signed in${login ? ` as ${login}` : ""}` : "not signed in / unknown" : "pending"
+  };
+}
+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 renderMainScene(state, layout) {
   const configured = state.data.projectConfigured === true;
-  const selected = configured ? Math.max(0, Math.min(CONFIGURED_OPTIONS.length - 1, state.selection.index)) : Math.max(0, Math.min(1, state.selection.index));
+  const server = serverSummary(state);
   const lines = [
-    center(configured ? "rig" : "rig setup", RIG_UI.ink, true),
-    center(configured ? "runs \xB7 tasks \xB7 help" : "initialize this repo", RIG_UI.ink3),
-    blank()
+    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 }),
+    blank(),
+    line("ACTIONS", { fg: RIG_UI.ink3, bold: true }),
+    ...actionRows(state, configured),
+    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("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 })
   ];
-  if (!configured) {
-    lines.push(deckRow({ label: "init", detail: "create config and server link", index: 0, active: selected === 0 }), deckRow({ label: "help", detail: "show command reference", index: 1, active: selected === 1 }), blank(), line("enter opens selection", { fg: RIG_UI.ink4, align: "center" }));
-  } else {
-    CONFIGURED_OPTIONS.forEach(([label, detail], index) => {
-      lines.push(deckRow({ label, detail, index, active: index === selected }));
-    });
-    lines.push(blank(), line(`  ${state.actionLabel ?? "ready"}`, { fg: state.status === "action" ? RIG_UI.cyan : RIG_UI.ink4 }));
-  }
   return makeSceneFrame({
     scene: "main",
-    title: "Rig",
-    lines,
-    typeBarPlaceholder: configured ? "runs \xB7 tasks \xB7 help" : "init \xB7 help",
-    live: true
+    title: "Project cockpit",
+    lines: [],
+    panels: [{
+      id: "project-cockpit",
+      top: 0,
+      width: panelWidth(layout),
+      height: panelHeight(layout),
+      lines,
+      backgroundColor: RIG_UI.panel,
+      backgroundAlpha: 184,
+      opacity: 0.98,
+      border: false,
+      chrome: "ad-terminal",
+      headerText: "project cockpit",
+      paddingX: layout?.compact ? 3 : 5,
+      paddingY: 2
+    }],
+    live: true,
+    hideTypeBar: true
   });
 }
 export {

package/dist/src/app-opentui/scenes/run-detail.d.ts

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

package/dist/src/app-opentui/scenes/run-detail.js

@@ -67,12 +67,6 @@ function statusColor(status) {
 function line(text, options = {}) {
   return { 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);
@@ -103,34 +97,54 @@ function selectedRunId(state, run) {
 function entryText(entry) {
   return String(entry.detail ?? entry.message ?? entry.text ?? entry.title ?? entry.type ?? "event").replace(/\s+/g, " ").slice(0, 96);
 }
-function renderRunDetailScene(state) {
+function panelWidth(layout) {
+  return layout?.centerWidth ?? 100;
+}
+function panelHeight(layout) {
+  return Math.max(10, (layout?.centerHeight ?? 24) - 1);
+}
+function renderRunDetailScene(state, layout) {
   const run = snapshot(state);
   const runId = selectedRunId(state, run);
   const selected = Math.max(0, Math.min(2, state.selection.index));
   const timeline = run?.timeline.slice(-5).map((entry) => entryText(entry)) ?? [];
   const logs = run?.logs.slice(-3).map((entry) => entryText(entry)) ?? [];
   const status = run?.status ?? "loading";
-  const lines = [
-    center(run ? run.title : "run", RIG_UI.ink, true),
-    center(runId ? `${runId.slice(0, 8)} \xB7 ${status}` : "loading run", run ? statusColor(status) : RIG_UI.ink3),
-    blank(),
-    ...runId ? [
-      deckRow({ label: "pi", detail: "attach bundled Pi", index: 0, active: selected === 0, activateOnClick: true }),
-      deckRow({ label: "stop", detail: "request stop", index: 1, active: selected === 1, activateOnClick: true }),
-      deckRow({ label: "runs", detail: "return to list", index: 2, active: selected === 2, activateOnClick: true }),
-      blank(),
-      kv("status", status, statusColor(status)),
-      kv("run", runId, RIG_UI.ink2)
-    ] : [line("loading run telemetry", { fg: RIG_UI.ink3, align: "center" })],
-    ...timeline.length > 0 ? [blank(), line("  timeline", { fg: RIG_UI.ink4, bold: true }), ...timeline.map((entry) => line(`  \xB7 ${entry}`, { fg: RIG_UI.ink2 }))] : [],
-    ...logs.length > 0 ? [blank(), line("  logs", { fg: RIG_UI.ink4, bold: true }), ...logs.map((entry) => line(`  \xB7 ${entry}`, { fg: RIG_UI.ink4 }))] : []
-  ];
   return makeSceneFrame({
     scene: "run-detail",
     title: "Run",
-    lines,
-    footer: { run: runId ? `${runId.slice(0, 8)} ${status}` : undefined },
-    typeBarPlaceholder: runId ? `attach ${runId.slice(0, 8)} \xB7 stop ${runId.slice(0, 8)} \xB7 runs` : "runs \xB7 tasks",
+    lines: [
+      line("", { fg: RIG_UI.ink4 }),
+      line(`   run \xB7 ${runId ? `${runId.slice(0, 8)} \xB7 ${status}` : "loading"}`, { fg: run ? statusColor(status) : RIG_UI.ink3 })
+    ],
+    panels: [{
+      id: "run-detail",
+      top: 0,
+      width: panelWidth(layout),
+      height: panelHeight(layout),
+      lines: [
+        line(run ? run.title : "Run telemetry", { fg: RIG_UI.ink, bold: true }),
+        ...runId ? [kv("run", runId, RIG_UI.ink2), kv("status", status, statusColor(status))] : [line("loading run telemetry", { fg: RIG_UI.ink3 })],
+        line("", { fg: RIG_UI.ink3 }),
+        line("ACTIONS", { fg: RIG_UI.ink3, bold: true }),
+        deckRow({ label: "pi", detail: "attach bundled Pi", index: 0, active: selected === 0, activateOnClick: true }),
+        deckRow({ label: "stop", detail: "request stop", index: 1, active: selected === 1, activateOnClick: true }),
+        deckRow({ label: "runs", detail: "return to fleet", index: 2, active: selected === 2, activateOnClick: true }),
+        ...timeline.length > 0 ? [line("", { fg: RIG_UI.ink3 }), line("TIMELINE", { fg: RIG_UI.ink3, bold: true }), ...timeline.map((entry) => line(`\xB7 ${entry}`, { fg: RIG_UI.ink2 }))] : [],
+        ...logs.length > 0 ? [line("", { fg: RIG_UI.ink3 }), line("LOGS", { fg: RIG_UI.ink3, bold: true }), ...logs.map((entry) => line(`\xB7 ${entry}`, { fg: RIG_UI.ink4 }))] : []
+      ],
+      backgroundColor: RIG_UI.panel,
+      backgroundAlpha: 184,
+      opacity: 1,
+      border: false,
+      chrome: "ad-terminal",
+      headerText: runId ? `run ${runId.slice(0, 8)}` : "run",
+      headerHeight: 3,
+      paddingX: layout?.compact ? 2 : 3,
+      paddingY: 1
+    }],
+    footer: { run: runId ? `${runId.slice(0, 8)} ${status}` : undefined, message: "enter/click action" },
+    hideTypeBar: true,
     live: state.status === "action" || !run
   });
 }

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

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