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

package/dist/src/app-opentui/render/type-bar.js

@@ -1,6 +1,6 @@
 // @bun
 // packages/cli/src/app-opentui/render/type-bar.ts
-import { InputRenderable, InputRenderableEvents, TextRenderable } from "@opentui/core";
+import { BoxRenderable, InputRenderable, InputRenderableEvents, RGBA, StyledText, TextRenderable } from "@opentui/core";
 
 // packages/cli/src/app-opentui/theme.ts
 import {
@@ -14,15 +14,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"
@@ -44,66 +46,101 @@ var styles = {
 function visibleWidth(text) {
   return [...text].length;
 }
-function truncateText(text, width) {
-  if (visibleWidth(text) <= width)
-    return text;
-  if (width <= 1)
-    return "\u2026";
-  return `${[...text].slice(0, Math.max(0, width - 1)).join("")}\u2026`;
-}
 
 // packages/cli/src/app-opentui/render/type-bar.ts
+var TYPEBAR_BG = RGBA.fromInts(20, 25, 14, 224);
+var TYPEBAR_BORDER = RGBA.fromInts(204, 255, 77, 92);
 function createTypeBar(renderer) {
-  const prefix = new TextRenderable(renderer, {
-    id: "rig-typebar-prefix",
-    content: " rig \u203A",
+  const background = new BoxRenderable(renderer, {
+    id: "typebar-card",
     position: "absolute",
     left: 0,
     top: 0,
+    width: 1,
+    height: 1,
+    backgroundColor: TYPEBAR_BG,
+    border: true,
+    borderColor: TYPEBAR_BORDER,
+    zIndex: 4
+  });
+  const prefix = new TextRenderable(renderer, {
+    id: "typebar-prefix",
+    content: " \u203A",
+    position: "absolute",
+    left: 1,
+    top: 0,
     fg: RIG_UI.lime,
+    zIndex: 7,
     selectable: true
   });
   const input = new InputRenderable(renderer, {
-    id: "rig-typebar-input",
+    id: "typebar-input",
     position: "absolute",
-    left: 7,
+    left: 4,
     top: 0,
     width: 40,
-    placeholder: "fleet \xB7 tasks \xB7 run next \xB7 help",
+    placeholder: "runs \xB7 tasks \xB7 run next \xB7 help",
     textColor: RIG_UI.ink,
     cursorColor: RIG_UI.lime,
     cursorStyle: { style: "block", blinking: false },
     showCursor: true,
+    zIndex: 7,
     selectable: true
   });
   const footer = new TextRenderable(renderer, {
-    id: "rig-footer",
+    id: "footer",
     content: "",
     position: "absolute",
     left: 0,
     top: 1,
     width: "100%",
-    fg: RIG_UI.ink4,
+    fg: RIG_UI.ink3,
+    zIndex: 7,
     selectable: true
   });
-  input.focus();
-  return { input, prefix, footer };
+  return { background, input, prefix, footer };
+}
+function modePrefix(mode) {
+  switch (mode) {
+    case "search":
+      return { glyph: " /", color: RIG_UI.cyan };
+    case "command":
+      return { glyph: " /", color: RIG_UI.lime };
+    case "prompt":
+      return { glyph: " ?", color: RIG_UI.yellow };
+    default:
+      return { glyph: " \u203A", color: RIG_UI.ink3 };
+  }
 }
 function positionTypeBar(renderables, input, footer, width, typeBarTop, footerTop) {
-  renderables.prefix.content = " rig \u203A";
+  const mode = input.mode ?? "nav";
+  const editing = mode !== "nav";
+  const { glyph, color } = modePrefix(mode);
+  renderables.background.visible = true;
+  const cardTop = Math.max(0, typeBarTop - 1);
+  renderables.background.left = 0;
+  renderables.background.top = cardTop;
+  renderables.background.width = width;
+  renderables.background.height = Math.max(3, footerTop - cardTop + 1);
+  renderables.prefix.content = glyph;
+  renderables.prefix.fg = color;
+  renderables.prefix.left = 2;
   renderables.prefix.top = typeBarTop;
   renderables.input.top = typeBarTop;
-  renderables.input.left = 7;
-  renderables.input.width = Math.max(10, width - 9);
-  renderables.input.placeholder = input.placeholder;
-  renderables.input.showCursor = true;
+  renderables.input.left = 5;
+  renderables.input.width = Math.max(10, width - 8);
+  renderables.input.value = editing ? input.value : "";
+  renderables.input.placeholder = editing ? mode === "prompt" ? input.prompt?.label ?? "type a value" : mode === "command" ? "rig \u2026" : "filter\u2026" : input.placeholder;
+  renderables.input.showCursor = editing;
+  if (renderables.input.focused)
+    renderables.input.blur();
   renderables.footer.top = footerTop;
   renderables.footer.width = "100%";
   renderables.footer.content = formatFooter(footer, width);
-  if (!renderables.input.focused)
-    renderables.input.focus();
 }
 function hideTypeBar(renderables, height) {
+  renderables.background.visible = false;
+  renderables.background.top = height + 1;
   renderables.prefix.content = "";
   renderables.prefix.top = height + 1;
   renderables.input.value = "";
@@ -119,15 +156,52 @@ function bindTypeBar(renderables, handlers) {
   renderables.input.on(InputRenderableEvents.INPUT, (value) => handlers.onInput(value));
   renderables.input.on(InputRenderableEvents.ENTER, (value) => handlers.onEnter(value));
 }
+function safeFooterMessage(message) {
+  const trimmed = message?.trim();
+  if (!trimmed)
+    return null;
+  if (/https?:|\b[a-z0-9-]+\.[a-z]{2,}\b|\brig\b/i.test(trimmed))
+    return null;
+  return trimmed;
+}
+function liveCell(live) {
+  const connected = live.trimStart().startsWith("\u25CF");
+  return { text: live, style: connected ? styles.cyan : styles.ink3 };
+}
+function footerCells(footer) {
+  const safeMessage = safeFooterMessage(footer.message);
+  const cells = [
+    footer.section ? { text: `\u25B8 ${footer.section}`, style: (s) => otuiBold(styles.ink2(s)) } : null,
+    footer.live ? liveCell(footer.live) : null,
+    footer.project ? { text: "workspace", style: styles.ink3 } : null,
+    footer.server ? { text: "server selected", style: styles.ink3 } : null,
+    footer.auth ? { text: "auth ready", style: styles.ink3 } : null,
+    footer.run ? { text: `run ${footer.run}`, style: styles.ink3 } : null,
+    safeMessage ? { text: safeMessage, style: styles.ink2 } : null,
+    footer.updated ? { text: footer.updated, style: styles.ink3 } : null
+  ];
+  return cells.filter((cell) => cell !== null);
+}
+var FOOTER_SEPARATOR = "  \xB7  ";
 function formatFooter(footer, width) {
-  const parts = [
-    footer.project ? `project ${footer.project}` : null,
-    footer.server ? `server ${footer.server}` : null,
-    footer.auth ? `auth ${footer.auth}` : null,
-    footer.run ? `run ${footer.run}` : null,
-    footer.message ?? null
-  ].filter((part) => Boolean(part));
-  return ` ${truncateText(parts.join("  \xB7  "), Math.max(8, width - 2))}`;
+  const budget = Math.max(8, width - 2);
+  const chunks = [styles.ink3(" ")];
+  let used = 1;
+  footerCells(footer).forEach((cell, index) => {
+    const sep = index === 0 ? "" : FOOTER_SEPARATOR;
+    const remaining = budget - used - visibleWidth(sep);
+    if (remaining <= 0)
+      return;
+    if (sep) {
+      chunks.push(styles.ink4(sep));
+      used += visibleWidth(sep);
+    }
+    const fits = visibleWidth(cell.text) <= remaining;
+    const text = fits ? cell.text : remaining <= 1 ? "\u2026" : `${[...cell.text].slice(0, Math.max(0, remaining - 1)).join("")}\u2026`;
+    chunks.push(cell.style(text));
+    used += visibleWidth(text);
+  });
+  return new StyledText(chunks);
 }
 export {
   positionTypeBar,

package/dist/src/app-opentui/runtime-resources.d.ts

@@ -0,0 +1,16 @@
+export type Disposer = () => void;
+export declare class RuntimeResources {
+    private readonly disposers;
+    private disposed;
+    add(disposer: Disposer): Disposer;
+    setTimeout(callback: () => void, delayMs: number): ReturnType<typeof setTimeout>;
+    setInterval(callback: () => void, delayMs: number): ReturnType<typeof setInterval>;
+    clearTimeout(timer: ReturnType<typeof setTimeout> | null | undefined): void;
+    on<TEmitter extends {
+        on(event: string, listener: (...args: never[]) => void): unknown;
+        off?(event: string, listener: (...args: never[]) => void): unknown;
+        removeListener?(event: string, listener: (...args: never[]) => void): unknown;
+    }>(emitter: TEmitter, event: string, listener: (...args: never[]) => void): void;
+    disposeAll(): void;
+    private remove;
+}

package/dist/src/app-opentui/runtime-resources.js

@@ -0,0 +1,62 @@
+// @bun
+// packages/cli/src/app-opentui/runtime-resources.ts
+class RuntimeResources {
+  disposers = [];
+  disposed = false;
+  add(disposer) {
+    if (this.disposed) {
+      disposer();
+      return () => {
+        return;
+      };
+    }
+    this.disposers.push(disposer);
+    return disposer;
+  }
+  setTimeout(callback, delayMs) {
+    const timer = setTimeout(() => {
+      this.remove(dispose);
+      callback();
+    }, delayMs);
+    const dispose = () => clearTimeout(timer);
+    this.add(dispose);
+    return timer;
+  }
+  setInterval(callback, delayMs) {
+    const timer = setInterval(callback, delayMs);
+    this.add(() => clearInterval(timer));
+    return timer;
+  }
+  clearTimeout(timer) {
+    if (timer)
+      clearTimeout(timer);
+  }
+  on(emitter, event, listener) {
+    emitter.on(event, listener);
+    this.add(() => {
+      if (typeof emitter.off === "function")
+        emitter.off(event, listener);
+      else
+        emitter.removeListener?.(event, listener);
+    });
+  }
+  disposeAll() {
+    if (this.disposed)
+      return;
+    this.disposed = true;
+    for (let index = this.disposers.length - 1;index >= 0; index -= 1) {
+      try {
+        this.disposers[index]?.();
+      } catch {}
+    }
+    this.disposers.length = 0;
+  }
+  remove(disposer) {
+    const index = this.disposers.indexOf(disposer);
+    if (index >= 0)
+      this.disposers.splice(index, 1);
+  }
+}
+export {
+  RuntimeResources
+};

package/dist/src/app-opentui/runtime.d.ts

@@ -1,2 +1,45 @@
-import type { AppLaunchOptions } from "./types";
+import { StyledText, type CliRenderer } from "@opentui/core";
+import { createAppStore } from "./state";
+import type { AppIntent, AppLaunchOptions, AppRuntime, AppSceneId, AppSelectableItem, AppState } from "./types";
+import { type NativeHost } from "./render/native-host";
+/** Total per-scene entry intent for back-navigation (#13). Every AppSceneId
+ * resolves to an intent that re-enters THAT scene with its real data refresh —
+ * so popping the back-stack restores the exact prior scene, never dumping home
+ * from an unrelated origin. Transient PTY scenes (command/handoff) can't be
+ * "restored" from a closed terminal, so they re-enter their owning section. */
+export declare function entryIntentForScene(scene: AppSceneId): AppIntent;
+/** Readable section name for the persistent footer breadcrumb. */
+export declare function sceneSectionLabel(scene: AppSceneId): string;
+/** Footer freshness indicator (#6): push-connected vs polling fallback, so the
+ * UI never silently lies about whether it is live. */
+export declare function liveLinkLabel(status: "connecting" | "connected" | "disconnected"): string;
+/** Build the persistent top-nav strip as styled text: every section label with
+ * the ACTIVE one highlighted (lime + bold), Inbox carrying a live pending-count
+ * badge. Rendered on every scene so the operator always sees the sections and
+ * where they are (#2). Returns a StyledText for a single absolute TextRenderable. */
+export declare function buildNavStrip(state: AppState): StyledText;
+/** Test-only: the id of the nav section that should light up for a scene (#2). */
+export declare function __activeNavSectionIdForTest(scene: AppSceneId): string;
+/** Test-only: the intent esc/back resolves to given a back-stack — proving back
+ * restores the ACTUAL prior scene, never dumping home from an unrelated origin
+ * (#13). Mirrors runtime.goBack's resolution (pop → entryIntentForScene). */
+export declare function __backTargetIntentForTest(history: readonly AppSceneId[]): AppIntent;
+/** Test-only: whether a scene resolves to a REAL renderer (false ⇒ it would hit
+ * the redirect stub). Asserts the stub is unreachable for every real scene (#3). */
+export declare function __sceneHasRendererForTest(scene: AppSceneId, sceneRenderers?: AppLaunchOptions["sceneRenderers"]): boolean;
+export declare function selectIndex(store: ReturnType<typeof createAppStore>, index: number, renderedItems?: readonly AppSelectableItem[]): boolean;
+export declare function moveSelection(store: ReturnType<typeof createAppStore>, delta: number, renderedItems?: readonly AppSelectableItem[]): boolean;
+/** Select the item with this stable id (#12). Clicks resolve by id so a render
+ * between mouse-down and the click callback can't misfire on a shifted row. */
+export declare function selectById(store: ReturnType<typeof createAppStore>, id: string, renderedItems?: readonly AppSelectableItem[]): boolean;
+export declare function activateSelection(runtime: AppRuntime, renderedItems?: readonly AppSelectableItem[]): Promise<boolean>;
+/** Test-only: render a single scene's state to a renderer headlessly so the
+ * FULL scene render path (scene renderer → panels + lines + native mounts) can
+ * be snapshot-verified via @opentui/core's createTestRenderer + captureCharFrame,
+ * without launching the live app. Mirrors the renderable pool the live app
+ * builds, then calls the real `renderNow`. Returns the derived selectable list. */
+export declare function __renderSceneForTest(renderer: CliRenderer, state: AppState, sceneRenderers?: AppLaunchOptions["sceneRenderers"]): {
+    readonly selectables: readonly AppSelectableItem[];
+    readonly nativeHost: NativeHost | null;
+};
 export declare function launchRigOpenTuiApp(options: AppLaunchOptions): Promise<void>;