@h-rig/cli 0.0.6-alpha.86 → 0.0.6-alpha.88

package/dist/src/app-opentui/render/graphics.js

@@ -15,6 +15,7 @@ var RIG_UI = {
   bg2: "#0b0c0e",
   panel: "#101115",
   panel2: "#14161b",
+  hover: "#181b24",
   glass: "#1e2230",
   border: "#2a2e3a",
   ink: "#f4f5f8",

package/dist/src/app-opentui/render/hover.d.ts

@@ -0,0 +1,11 @@
+export declare function getHoveredSelectableId(): string | undefined;
+export declare function isHovered(id: string | undefined): boolean;
+/** Set the hovered row (or clear with `undefined`). No-ops when unchanged so we
+ * don't churn renders on every mouse-move event within the same row. */
+export declare function setHoveredSelectableId(id: string | undefined): void;
+/** Clear the hover only if `id` is the currently-hovered row — guards against a
+ * stale mouseout (from a row we already left) wiping a newer hover. */
+export declare function clearHoveredSelectableId(id: string | undefined): void;
+/** Subscribe to hover changes. Legacy shell passes its render scheduler; the
+ * react shell bridges this into a re-render. Returns an unsubscribe fn. */
+export declare function subscribeHover(listener: () => void): () => void;

package/dist/src/app-opentui/render/hover.js

@@ -0,0 +1,34 @@
+// @bun
+// packages/cli/src/app-opentui/render/hover.ts
+var hoveredId;
+var listeners = new Set;
+function getHoveredSelectableId() {
+  return hoveredId;
+}
+function isHovered(id) {
+  return id !== undefined && id === hoveredId;
+}
+function setHoveredSelectableId(id) {
+  if (hoveredId === id)
+    return;
+  hoveredId = id;
+  for (const listener of listeners)
+    listener();
+}
+function clearHoveredSelectableId(id) {
+  if (id !== undefined && hoveredId === id)
+    setHoveredSelectableId(undefined);
+}
+function subscribeHover(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+export {
+  subscribeHover,
+  setHoveredSelectableId,
+  isHovered,
+  getHoveredSelectableId,
+  clearHoveredSelectableId
+};

package/dist/src/app-opentui/render/native-host.js

@@ -24,6 +24,7 @@ var RIG_UI = {
   bg2: "#0b0c0e",
   panel: "#101115",
   panel2: "#14161b",
+  hover: "#181b24",
   glass: "#1e2230",
   border: "#2a2e3a",
   ink: "#f4f5f8",

package/dist/src/app-opentui/render/panels.js

@@ -15,6 +15,7 @@ var RIG_UI = {
   bg2: "#0b0c0e",
   panel: "#101115",
   panel2: "#14161b",
+  hover: "#181b24",
   glass: "#1e2230",
   border: "#2a2e3a",
   ink: "#f4f5f8",
@@ -74,15 +75,60 @@ function panelContentRect(layout, panel) {
 
 // packages/cli/src/app-opentui/render/text.ts
 import { RGBA, TextAttributes as TextAttributes2, TextRenderable } from "@opentui/core";
+
+// packages/cli/src/app-opentui/render/hover.ts
+var hoveredId;
+var listeners = new Set;
+function isHovered(id) {
+  return id !== undefined && id === hoveredId;
+}
+function setHoveredSelectableId(id) {
+  if (hoveredId === id)
+    return;
+  hoveredId = id;
+  for (const listener of listeners)
+    listener();
+}
+function clearHoveredSelectableId(id) {
+  if (id !== undefined && hoveredId === id)
+    setHoveredSelectableId(undefined);
+}
+
+// packages/cli/src/app-opentui/render/text.ts
 var TRANSPARENT = RGBA.fromInts(0, 0, 0, 0);
+var HOVER_BG = RGBA.fromHex(RIG_UI.hover);
+function lineIsClickable(line) {
+  return line?.selectable !== undefined || line?.selectableIndex !== undefined;
+}
+function lineSelectableId(line) {
+  return line?.selectable?.id ?? line?.selectableId;
+}
+function lineBackground(line) {
+  if (line?.bg)
+    return RGBA.fromHex(line.bg);
+  const id = lineSelectableId(line);
+  if (id !== undefined && isHovered(id))
+    return HOVER_BG;
+  return TRANSPARENT;
+}
 function selectableMouseHandler(currentLineRef, onLineMouseDown) {
   return (event) => {
     const currentLine = currentLineRef();
-    if (currentLine?.selectableIndex === undefined)
+    if (!lineIsClickable(currentLine))
       return;
     onLineMouseDown?.(currentLine, event);
   };
 }
+function hoverHandlers(currentLineRef) {
+  return {
+    onMouseOver: () => {
+      const id = lineSelectableId(currentLineRef());
+      if (id !== undefined)
+        setHoveredSelectableId(id);
+    },
+    onMouseOut: () => clearHoveredSelectableId(lineSelectableId(currentLineRef()))
+  };
+}
 function createFlowTextLine(renderer, id, onLineMouseDown) {
   let currentLine;
   const renderable = new TextRenderable(renderer, {
@@ -93,7 +139,8 @@ function createFlowTextLine(renderer, id, onLineMouseDown) {
     flexShrink: 0,
     fg: RIG_UI.ink2,
     selectable: true,
-    onMouseDown: selectableMouseHandler(() => currentLine, onLineMouseDown)
+    onMouseDown: selectableMouseHandler(() => currentLine, onLineMouseDown),
+    ...hoverHandlers(() => currentLine)
   });
   renderable.setRigSceneLine = (line) => {
     currentLine = line;
@@ -107,7 +154,7 @@ function applyFlowTextLine(renderable, line, width) {
   renderable.width = Math.max(1, width);
   renderable.content = line?.styledText ?? line?.text ?? "";
   renderable.fg = line?.fg ?? RIG_UI.ink2;
-  renderable.bg = line?.bg ?? TRANSPARENT;
+  renderable.bg = lineBackground(line);
   renderable.attributes = line?.bold ? TextAttributes2.BOLD : line?.dim ? TextAttributes2.DIM : 0;
 }
 

package/dist/src/app-opentui/render/preloader.js

@@ -12,6 +12,7 @@ var RIG_UI = {
   bg2: "#0b0c0e",
   panel: "#101115",
   panel2: "#14161b",
+  hover: "#181b24",
   glass: "#1e2230",
   border: "#2a2e3a",
   ink: "#f4f5f8",

package/dist/src/app-opentui/render/scene.js

@@ -37,6 +37,7 @@ var RIG_UI = {
   bg2: "#0b0c0e",
   panel: "#101115",
   panel2: "#14161b",
+  hover: "#181b24",
   glass: "#1e2230",
   border: "#2a2e3a",
   ink: "#f4f5f8",

package/dist/src/app-opentui/render/terminal-handoff.d.ts

@@ -0,0 +1,16 @@
+import type { CliRenderer } from "@opentui/core";
+/** Resume the OpenTUI renderer after an external full-screen TUI (native Pi)
+ * owned the terminal.
+ *
+ * A plain `renderer.resume()` diff-renders against a now-stale frame buffer and
+ * leaves the external program's screen content behind: OpenTUI's `resume()` only
+ * re-runs `setupTerminal` (re-enter alt-screen + clear + force a full repaint)
+ * when its internal `pendingSuspendedTerminalSetup` flag is set — and the
+ * suspend path used for shelling out does NOT set it, so a plain resume takes
+ * the `resumeRenderer` fast path and the screen stays corrupted (Pi's exit
+ * banner, a misplaced cursor, the type-bar rule painted at the top).
+ *
+ * We force the flag so `resume()` does a clean terminal re-setup, then request a
+ * full render. The `as`-casts reach two @opentui/core internals; guarded so a
+ * version that renames them degrades to a plain resume rather than throwing. */
+export declare function resumeRendererClean(renderer: CliRenderer): void;

package/dist/src/app-opentui/render/terminal-handoff.js

@@ -0,0 +1,14 @@
+// @bun
+// packages/cli/src/app-opentui/render/terminal-handoff.ts
+function resumeRendererClean(renderer) {
+  try {
+    renderer.pendingSuspendedTerminalSetup = true;
+  } catch {}
+  renderer.resume();
+  try {
+    renderer.requestRender?.();
+  } catch {}
+}
+export {
+  resumeRendererClean
+};

package/dist/src/app-opentui/render/text.d.ts

@@ -6,6 +6,19 @@ import type { AppSceneLine } from "../types";
  * this is the one selection-highlight mechanism, plumbed end-to-end here so
  * scenes only set `bg` on the AppSceneLine and never touch RGBA. */
 export declare const TRANSPARENT: RGBA;
+/** A line is clickable when it carries a selectable. The imperative shell stamps
+ * `selectableId`/`selectableIndex` via remapSelectableLine; the @opentui/react
+ * shell does not, so it only carries `selectable`. Check all three so clicks +
+ * hover work identically in both shells. */
+export declare function lineIsClickable(line: AppSceneLine | undefined): boolean;
+/** The stable id used to key hover (and click resolution): the selectable's id,
+ * falling back to the imperative-stamped selectableId. Identical in both shells
+ * (remapSelectableLine sets selectableId = selectable.id). */
+export declare function lineSelectableId(line: AppSceneLine | undefined): string | undefined;
+/** The bg a line paints: an explicit `bg` (a selected row) always wins;
+ * otherwise a clickable row that is currently mouse-hovered gets the hover bar;
+ * otherwise transparent so the panel ground shows through. */
+export declare function lineBackground(line: AppSceneLine | undefined): RGBA;
 export type TextLineRenderable = TextRenderable & {
     setRigSceneLine?(line: AppSceneLine | undefined): void;
 };

package/dist/src/app-opentui/render/text.js

@@ -15,6 +15,7 @@ var RIG_UI = {
   bg2: "#0b0c0e",
   panel: "#101115",
   panel2: "#14161b",
+  hover: "#181b24",
   glass: "#1e2230",
   border: "#2a2e3a",
   ink: "#f4f5f8",
@@ -42,16 +43,59 @@ var styles = {
   magenta: otuiFg(RIG_UI.magenta)
 };
 
+// packages/cli/src/app-opentui/render/hover.ts
+var hoveredId;
+var listeners = new Set;
+function isHovered(id) {
+  return id !== undefined && id === hoveredId;
+}
+function setHoveredSelectableId(id) {
+  if (hoveredId === id)
+    return;
+  hoveredId = id;
+  for (const listener of listeners)
+    listener();
+}
+function clearHoveredSelectableId(id) {
+  if (id !== undefined && hoveredId === id)
+    setHoveredSelectableId(undefined);
+}
+
 // packages/cli/src/app-opentui/render/text.ts
 var TRANSPARENT = RGBA.fromInts(0, 0, 0, 0);
+var HOVER_BG = RGBA.fromHex(RIG_UI.hover);
+function lineIsClickable(line) {
+  return line?.selectable !== undefined || line?.selectableIndex !== undefined;
+}
+function lineSelectableId(line) {
+  return line?.selectable?.id ?? line?.selectableId;
+}
+function lineBackground(line) {
+  if (line?.bg)
+    return RGBA.fromHex(line.bg);
+  const id = lineSelectableId(line);
+  if (id !== undefined && isHovered(id))
+    return HOVER_BG;
+  return TRANSPARENT;
+}
 function selectableMouseHandler(currentLineRef, onLineMouseDown) {
   return (event) => {
     const currentLine = currentLineRef();
-    if (currentLine?.selectableIndex === undefined)
+    if (!lineIsClickable(currentLine))
       return;
     onLineMouseDown?.(currentLine, event);
   };
 }
+function hoverHandlers(currentLineRef) {
+  return {
+    onMouseOver: () => {
+      const id = lineSelectableId(currentLineRef());
+      if (id !== undefined)
+        setHoveredSelectableId(id);
+    },
+    onMouseOut: () => clearHoveredSelectableId(lineSelectableId(currentLineRef()))
+  };
+}
 function createTextLine(renderer, id, top, onLineMouseDown) {
   let currentLine;
   const renderable = new TextRenderable(renderer, {
@@ -63,7 +107,8 @@ function createTextLine(renderer, id, top, onLineMouseDown) {
     width: 1,
     fg: RIG_UI.ink2,
     selectable: true,
-    onMouseDown: selectableMouseHandler(() => currentLine, onLineMouseDown)
+    onMouseDown: selectableMouseHandler(() => currentLine, onLineMouseDown),
+    ...hoverHandlers(() => currentLine)
   });
   renderable.setRigSceneLine = (line) => {
     currentLine = line;
@@ -80,7 +125,8 @@ function createFlowTextLine(renderer, id, onLineMouseDown) {
     flexShrink: 0,
     fg: RIG_UI.ink2,
     selectable: true,
-    onMouseDown: selectableMouseHandler(() => currentLine, onLineMouseDown)
+    onMouseDown: selectableMouseHandler(() => currentLine, onLineMouseDown),
+    ...hoverHandlers(() => currentLine)
   });
   renderable.setRigSceneLine = (line) => {
     currentLine = line;
@@ -94,7 +140,7 @@ function applyTextLine(renderable, line, top, left, width) {
   renderable.width = width;
   renderable.content = line?.styledText ?? line?.text ?? "";
   renderable.fg = line?.fg ?? RIG_UI.ink2;
-  renderable.bg = line?.bg ?? TRANSPARENT;
+  renderable.bg = lineBackground(line);
   renderable.attributes = line?.bold ? TextAttributes2.BOLD : line?.dim ? TextAttributes2.DIM : 0;
 }
 function applyFlowTextLine(renderable, line, width) {
@@ -104,7 +150,7 @@ function applyFlowTextLine(renderable, line, width) {
   renderable.width = Math.max(1, width);
   renderable.content = line?.styledText ?? line?.text ?? "";
   renderable.fg = line?.fg ?? RIG_UI.ink2;
-  renderable.bg = line?.bg ?? TRANSPARENT;
+  renderable.bg = lineBackground(line);
   renderable.attributes = line?.bold ? TextAttributes2.BOLD : line?.dim ? TextAttributes2.DIM : 0;
 }
 function clearTextLines(renderables, from = 0) {
@@ -119,6 +165,9 @@ function clearTextLines(renderables, from = 0) {
   }
 }
 export {
+  lineSelectableId,
+  lineIsClickable,
+  lineBackground,
   createTextLine,
   createFlowTextLine,
   clearTextLines,

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

@@ -15,6 +15,7 @@ var RIG_UI = {
   bg2: "#0b0c0e",
   panel: "#101115",
   panel2: "#14161b",
+  hover: "#181b24",
   glass: "#1e2230",
   border: "#2a2e3a",
   ink: "#f4f5f8",