fix(tui): bump @opentui/core packages to 0.6.4

Author: TheGreatAxios

bun.lock

@@ -105,7 +105,7 @@
     "@intx/types": "workspace:*",
     "@intx/workflow-host": "0.3.0",
     "@modelcontextprotocol/sdk": "^1.29.0",
-    "@opentui/core": "0.5.17",
+    "@opentui/core": "0.6.4",
     "arktype": "catalog:",
     "isomorphic-git": "catalog:",
     "@corbits/code-agent-designer": "workspace:*",
@@ -125,13 +125,13 @@
     "ws": "^8.21.0"
   },
   "optionalDependencies": {
-    "@opentui/core-darwin-arm64": "0.5.17",
-    "@opentui/core-darwin-x64": "0.5.17",
-    "@opentui/core-linux-arm64": "0.5.17",
-    "@opentui/core-linux-arm64-musl": "0.5.17",
-    "@opentui/core-linux-x64": "0.5.17",
-    "@opentui/core-linux-x64-musl": "0.5.17",
-    "@opentui/core-win32-arm64": "0.5.17",
-    "@opentui/core-win32-x64": "0.5.17"
+    "@opentui/core-darwin-arm64": "0.6.4",
+    "@opentui/core-darwin-x64": "0.6.4",
+    "@opentui/core-linux-arm64": "0.6.4",
+    "@opentui/core-linux-arm64-musl": "0.6.4",
+    "@opentui/core-linux-x64": "0.6.4",
+    "@opentui/core-linux-x64-musl": "0.6.4",
+    "@opentui/core-win32-arm64": "0.6.4",
+    "@opentui/core-win32-x64": "0.6.4"
   }
 }

package.json

@@ -25,23 +25,38 @@ afterEach(() => {
 });
 
 /** Live heading colour in the transcript registry. */
-function registryHeadingFg(): RGBA | undefined {
-  return transcriptSyntaxStyle().getAllStyles().get("markup.heading.1")?.fg;
+function registryHeadingFg(h: Harness): RGBA | undefined {
+  return transcriptSyntaxStyle(h.renderer)
+    .getAllStyles()
+    .get("markup.heading.1")?.fg;
 }
 
 function painted(spans: CapturedSpan[], text: string, fg: RGBA): boolean {
   return spans.some((s) => s.text.includes(text) && s.fg.equals(fg));
 }
 
+/** 0.6.x leases a session buffer around each presented frame; a capture
+ * landing inside that window throws OutputBusy. The poll retries on the
+ * next round anyway, so a losing capture keeps polling instead of
+ * throwing — the ready predicate, never the trace, decides the outcome. */
+function readSpans(h: Harness): CapturedSpan[] {
+  try {
+    return h.captureSpans().lines.flatMap((line) => line.spans);
+  } catch (err) {
+    if (err instanceof Error && err.message.includes("OutputBusy")) return [];
+    throw err;
+  }
+}
+
 async function settleSpans(
   h: Harness,
   ready: (spans: CapturedSpan[]) => boolean,
 ): Promise<CapturedSpan[]> {
-  let spans = h.captureSpans().lines.flatMap((line) => line.spans);
+  let spans = readSpans(h);
   for (let i = 0; i < 400 && !ready(spans); i++) {
     await h.renderOnce();
     await new Promise((resolve) => setTimeout(resolve, 25));
-    spans = h.captureSpans().lines.flatMap((line) => line.spans);
+    spans = readSpans(h);
   }
   return spans;
 }
@@ -64,7 +79,7 @@ describe("applyThemePinLive", () => {
             painted(spans, "pin cycle", darkHeading),
           );
           expect(painted(before, "pin cycle", darkHeading)).toBe(true);
-          expect(registryHeadingFg()?.equals(darkHeading)).toBe(true);
+          expect(registryHeadingFg(h)?.equals(darkHeading)).toBe(true);
 
           // No cost movement anywhere in this cycle: the meter never moves,
           // so only an unconditional repaint repaints anything.
@@ -74,7 +89,7 @@ describe("applyThemePinLive", () => {
           expect(applied).toBe("corbits-light");
           expect(UI.name).toBe("corbits-light");
           expect(UI.ground).not.toBe(darkGround);
-          expect(registryHeadingFg()?.equals(lightHeading)).toBe(true);
+          expect(registryHeadingFg(h)?.equals(lightHeading)).toBe(true);
 
           const after = await settleSpans(h, (spans) =>
             painted(spans, "pin cycle", lightHeading),
@@ -106,14 +121,14 @@ describe("applyThemePinLive", () => {
             painted(spans, "pin cycle", lightHeading),
           );
           expect(painted(before, "pin cycle", lightHeading)).toBe(true);
-          expect(registryHeadingFg()?.equals(lightHeading)).toBe(true);
+          expect(registryHeadingFg(h)?.equals(lightHeading)).toBe(true);
 
           const applied = applyThemePinLive("dark", () =>
             repaintShellForTheme(shell),
           );
           expect(applied).toBe("corbits-dark");
           expect(UI.name).toBe("corbits-dark");
-          expect(registryHeadingFg()?.equals(darkHeading)).toBe(true);
+          expect(registryHeadingFg(h)?.equals(darkHeading)).toBe(true);
 
           const after = await settleSpans(h, (spans) =>
             painted(spans, "pin cycle", darkHeading),
@@ -129,11 +144,13 @@ describe("applyThemePinLive", () => {
     );
   }, 30000);
 
-  test("auto re-resolves through the startup path and rebuilds the registry", () => {
+  test("auto re-resolves through the startup path and rebuilds the registry", async () => {
     setTheme("corbits-dark");
-    const applied = applyThemePinLive("auto", () => undefined);
-    expect(["corbits-dark", "corbits-light"]).toContain(applied);
-    expect(UI.name).toBe(applied);
-    expect(registryHeadingFg()?.equals(RGBA.fromHex(UI.heading))).toBe(true);
+    await withTestRenderer(async (h) => {
+      const applied = applyThemePinLive("auto", () => undefined);
+      expect(["corbits-dark", "corbits-light"]).toContain(applied);
+      expect(UI.name).toBe(applied);
+      expect(registryHeadingFg(h)?.equals(RGBA.fromHex(UI.heading))).toBe(true);
+    });
   });
 });

src/tui/runner/settings-theme.test.ts

@@ -284,6 +284,9 @@ export type ShellRenderer = Pick<
   | "off"
   | "isDestroyed"
   | "clearSelection"
+  // 0.6.x native style construction needs the owning Context: the renderer's
+  // native scene.
+  | "nativeScene"
 >;
 
 export interface AppShellOptions {

src/tui/shell/internals.ts

@@ -45,6 +45,7 @@ import {
   shellInternals,
   shellPromptImageSource,
   shellRecognitionSource,
+  type ShellRenderer,
 } from "./internals.js";
 import {
   appendStreamRow,
@@ -177,35 +178,40 @@ export function setPromptCostContext(
   paintPromptBorder(shell);
 }
 
-let cachedPromptSyntaxStyle: SyntaxStyle | null = null;
-
-let cachedPromptRecognizedStyleId: number | null = null;
+/** 0.6.x native styles must name their owning Context — the live renderer's
+ * native scene — so the style is keyed per renderer instead of a module
+ * global; `promptStyleGeneration` invalidates it like the old cache did. */
+const promptStylesByRenderer = new WeakMap<
+  ShellRenderer,
+  { generation: number; style: SyntaxStyle }
+>();
 
 let promptStyleGeneration = 0;
 
 const promptHighlightGenerations = new WeakMap<AppShell, number>();
 
 onThemeChange(() => {
-  cachedPromptSyntaxStyle = null;
-  cachedPromptRecognizedStyleId = null;
   promptStyleGeneration += 1;
 });
 
 /**
  * Lazy like `transcriptSyntaxStyle`: construction reaches into the native
  * render lib.
  */
-function promptRecognizedStyleId(): number {
-  if (cachedPromptSyntaxStyle === null) {
-    cachedPromptSyntaxStyle = SyntaxStyle.fromStyles({
-      recognized: { fg: UI.action },
-    });
-  }
-  if (cachedPromptRecognizedStyleId === null) {
-    cachedPromptRecognizedStyleId =
-      cachedPromptSyntaxStyle.resolveStyleId("recognized") ?? 0;
+function promptStyleFor(renderer: ShellRenderer): SyntaxStyle {
+  const cached = promptStylesByRenderer.get(renderer);
+  if (cached !== undefined && cached.generation === promptStyleGeneration) {
+    return cached.style;
   }
-  return cachedPromptRecognizedStyleId;
+  const style = SyntaxStyle.fromStyles(
+    { recognized: { fg: UI.action } },
+    renderer.nativeScene,
+  );
+  promptStylesByRenderer.set(renderer, {
+    generation: promptStyleGeneration,
+    style,
+  });
+  return style;
 }
 
 const promptHighlightedValue = new WeakMap<AppShell, string>();
@@ -226,8 +232,9 @@ export function syncPromptHighlights(shell: AppShell): void {
   promptHighlightedValue.set(shell, value);
   promptHighlightGenerations.set(shell, promptStyleGeneration);
 
-  const styleId = promptRecognizedStyleId();
-  shell.prompt.syntaxStyle = cachedPromptSyntaxStyle;
+  const style = promptStyleFor(shell.renderer);
+  const styleId = style.resolveStyleId("recognized") ?? 0;
+  shell.prompt.syntaxStyle = style;
   shell.prompt.clearAllHighlights();
   const matcher = resolvePromptRecognitionMatcher(source);
   for (const span of resolvePromptHighlightSpans(value, matcher)) {

src/tui/shell/prompt.ts

@@ -355,9 +355,13 @@ export function buildRowNode(
 }
 
 /** Shared construction options for a transcript markdown body's renderer. */
-function markdownBodyOptions(gutter: PaintedStreamLine, width: number) {
+function markdownBodyOptions(
+  ctx: CliRenderer,
+  gutter: PaintedStreamLine,
+  width: number,
+) {
   return {
-    syntaxStyle: transcriptSyntaxStyle(),
+    syntaxStyle: transcriptSyntaxStyle(ctx),
     fg: gutter.fg,
     width,
     flexShrink: 0,
@@ -430,22 +434,22 @@ function createMarkdownBody(
   if (split === null) {
     // Native incremental block stability: only the trailing block is unstable.
     return new MarkdownRenderable(ctx, {
-      ...markdownBodyOptions(gutter, width),
+      ...markdownBodyOptions(ctx, gutter, width),
       content,
       streaming: row.streaming === true,
     });
   }
   const column = new BoxRenderable(ctx, { flexDirection: "column", width });
   column.add(
     new MarkdownRenderable(ctx, {
-      ...markdownBodyOptions(gutter, width),
+      ...markdownBodyOptions(ctx, gutter, width),
       content: split.frozen,
       streaming: false,
     }),
   );
   column.add(
     new MarkdownRenderable(ctx, {
-      ...markdownBodyOptions(gutter, width),
+      ...markdownBodyOptions(ctx, gutter, width),
       content: split.live,
       streaming: row.streaming === true,
       marginTop: split.gapRows,

src/tui/shell/transcript.ts

@@ -1072,4 +1072,25 @@ describe("overlay host occupancy and opt-in deferral", () => {
       expect(isOverlayHostIdle(shell)).toBe(true);
     });
   });
+
+  test("a `/` right after the Ctrl+C arm still opens the popup", async () => {
+    // Smoke suspicion (2026-10-14 TUI QA): a `/` typed immediately after the
+    // first Ctrl+C press seemed suppressed, letting the slash text submit to
+    // the agent. Both path stages share the key wiring, so the arm must not
+    // eat the key or leave the popup host unusable — this pins the sequence
+    // end to end through the real keybinding dispatch (idle shell, empty
+    // prompt, no live workers — the arming press, never the quit).
+    await withShell(async ({ shell, press, render }) => {
+      press("Ctrl+C");
+      await render();
+      expect(isSlashPopupOpen(shell)).toBe(false);
+
+      press("/");
+      await render();
+      expect(shell.prompt.value).toBe("/");
+      expect(isSlashPopupOpen(shell)).toBe(true);
+      // The unfiltered catalog stays listed (popup opens; nothing filtered).
+      expect(shell.paletteCommands[0]?.id).toBe("help");
+    });
+  });
 });

src/tui/slash-popup-gate.test.ts

@@ -19,6 +19,7 @@ import { toolCallRow } from "./diff";
 import { toolResultRow } from "./mcp-view";
 import { mergeToolRows } from "./tool-rows";
 import { UI } from "./theme";
+import { withTestRenderer } from "./harness";
 
 const SOLO: RowLayout = { width: 56, multiAgent: false };
 const CREW: RowLayout = { width: 56, multiAgent: true };
@@ -577,9 +578,11 @@ describe("sub-agent dispatch row marks", () => {
 // underline-absence on the link scopes so a future hover style cannot
 // sneak one in.
 describe("transcriptSyntaxStyle markdown links", () => {
-  test("link cells carry no underline", () => {
-    const styles = transcriptSyntaxStyle().getAllStyles();
-    expect(styles.get("markup.link")?.underline).not.toBe(true);
-    expect(styles.get("markup.link.url")?.underline).not.toBe(true);
+  test("link cells carry no underline", async () => {
+    await withTestRenderer(async (h) => {
+      const styles = transcriptSyntaxStyle(h.renderer).getAllStyles();
+      expect(styles.get("markup.link")?.underline).not.toBe(true);
+      expect(styles.get("markup.link.url")?.underline).not.toBe(true);
+    });
   });
 });