omnius 1.0.878 → 1.0.879

package/dist/tui/native/worker.js

@@ -2,12 +2,12 @@
 import { createWriteStream } from "node:fs";
 import { createInterface } from "node:readline";
 import { PassThrough } from "node:stream";
-import { CliRenderEvents as CliRenderEvents9, NativeSession, RGBA as RGBA3, createCliRenderer } from "@opentui/core";
+import { CliRenderEvents as CliRenderEvents10, NativeSession, RGBA as RGBA3, createCliRenderer } from "@opentui/core";
 
 // packages/cli/src/tui/native/components/frontend.ts
 import {
   BoxRenderable as BoxRenderable11,
-  CliRenderEvents as CliRenderEvents7,
+  CliRenderEvents as CliRenderEvents8,
   EmbeddedTerminalRenderable as EmbeddedTerminalRenderable2,
   ScrollBoxRenderable as ScrollBoxRenderable8,
   SyntaxStyle as SyntaxStyle2,
@@ -1396,6 +1396,7 @@ var NativeBlockList = class {
 // packages/cli/src/tui/native/components/modals.ts
 import {
   BoxRenderable as BoxRenderable4,
+  CliRenderEvents as CliRenderEvents3,
   InputRenderable,
   ScrollBoxRenderable as ScrollBoxRenderable2,
   TextareaRenderable,
@@ -1715,6 +1716,123 @@ var NativeCornerFrame = class {
   };
 };
 
+// packages/cli/src/tui/terminal-cells.ts
+var graphemes = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+var extendedPictographic = /\p{Extended_Pictographic}/u;
+var emojiPresentation = /\p{Emoji_Presentation}/u;
+var zeroWidthGrapheme = /^[\p{Mark}\p{Cf}\u200c\u200d\ufe0e\ufe0f]+$/u;
+function escapeEnd(value, start) {
+  if (value[start] !== "\x1B") return start + 1;
+  const kind = value[start + 1];
+  if (kind === "[") {
+    for (let i = start + 2; i < value.length; i++) {
+      const code = value.charCodeAt(i);
+      if (code >= 64 && code <= 126) return i + 1;
+    }
+    return value.length;
+  }
+  if (kind === "]") {
+    for (let i = start + 2; i < value.length; i++) {
+      if (value[i] === "\x07") return i + 1;
+      if (value[i] === "\x1B" && value[i + 1] === "\\") return i + 2;
+    }
+    return value.length;
+  }
+  if (kind === "P" || kind === "X" || kind === "^" || kind === "_") {
+    for (let i = start + 2; i < value.length; i++) {
+      if (value[i] === "\x1B" && value[i + 1] === "\\") return i + 2;
+    }
+    return value.length;
+  }
+  return Math.min(value.length, start + 2);
+}
+function stripTerminalSequences(value) {
+  let out = "";
+  for (let i = 0; i < value.length; ) {
+    if (value[i] === "\x1B") {
+      i = escapeEnd(value, i);
+      continue;
+    }
+    const code = value.charCodeAt(i);
+    if (code >= 0 && code < 32 || code === 127) {
+      i++;
+      continue;
+    }
+    const cp = value.codePointAt(i);
+    out += String.fromCodePoint(cp);
+    i += cp > 65535 ? 2 : 1;
+  }
+  return out;
+}
+function normalizeTerminalLine(value) {
+  return value.replace(/\r\n|\r|\n/g, " ").replace(/\t/g, "    ");
+}
+function isWideCodePoint(cp) {
+  return cp >= 4352 && cp <= 4447 || cp === 9001 || cp === 9002 || cp >= 11904 && cp <= 12350 || cp >= 12352 && cp <= 42191 || cp >= 44032 && cp <= 55203 || cp >= 63744 && cp <= 64255 || cp >= 65040 && cp <= 65049 || cp >= 65072 && cp <= 65135 || cp >= 65280 && cp <= 65376 || cp >= 65504 && cp <= 65510 || cp >= 110592 && cp <= 111359 || cp >= 131072 && cp <= 262141;
+}
+function graphemeCellWidth(value) {
+  if (!value || zeroWidthGrapheme.test(value)) return 0;
+  const cp = value.codePointAt(0);
+  if (cp < 32 || cp >= 127 && cp < 160) return 0;
+  if (emojiPresentation.test(value) || value.includes("️") || value.includes("‍") && extendedPictographic.test(value) || cp >= 127462 && cp <= 127487) {
+    return 2;
+  }
+  return isWideCodePoint(cp) ? 2 : 1;
+}
+function plainGraphemes(value) {
+  return Array.from(
+    graphemes.segment(stripTerminalSequences(value)),
+    (part) => part.segment
+  );
+}
+function terminalCellWidth(value) {
+  let width = 0;
+  for (const grapheme of plainGraphemes(normalizeTerminalLine(value))) {
+    width += graphemeCellWidth(grapheme);
+  }
+  return width;
+}
+
+// packages/cli/src/tui/native/components/modal-fit.ts
+function nativeModalWidth(spec, columns) {
+  const limit = Math.max(1, Math.min(spec.kind === "document" ? Infinity : 100, columns - (columns >= 12 ? 4 : 0)));
+  const longest = (text) => {
+    let width = 0;
+    for (const line of text.split(/\r\n|\r|\n/)) {
+      width = Math.max(width, terminalCellWidth(line));
+      if (width >= limit) break;
+    }
+    return Math.min(limit, width);
+  };
+  const actions = (items = spec.actions) => (items ?? []).reduce((width, item, index) => width + longest(item.label) + (index ? 1 : 0), 0);
+  const blockWidth = (block, depth) => {
+    if (depth > 16) return 0;
+    const children = (block.children ?? []).slice(0, 256).map((child) => blockWidth(child, depth + 1));
+    return Math.min(limit, Math.max(
+      longest(plainText(block.text)),
+      longest(block.title ?? ""),
+      actions(block.actions),
+      block.kind === "row" ? children.reduce((total, width) => total + width + 1, 0) : Math.max(0, ...children)
+    ) + (block.kind === "card" ? 2 : 0));
+  };
+  let content = Math.max(
+    spec.kind === "input" || spec.kind === "progress" ? 28 : 18,
+    longest(spec.title) + actions(spec.headerActions) + (spec.headerActions?.length ? 1 : 0),
+    longest(plainText(spec.description)),
+    longest((spec.breadcrumbs ?? []).join(" › ")),
+    longest(spec.validationError ?? ""),
+    longest(spec.placeholder ?? ""),
+    actions()
+  );
+  for (const item of spec.items ?? []) content = Math.max(content, longest(plainText(item.label)) + 4, Math.min(72, longest(plainText(item.description))) + 4);
+  for (const block of (spec.blocks ?? []).slice(0, 256)) content = Math.max(content, blockWidth(block, 0));
+  return Math.min(limit, content + 5);
+}
+function nativeModalTextRows(value, width) {
+  if (!value) return 0;
+  return value.split(/\r\n|\r|\n/).reduce((rows, line) => rows + Math.max(1, Math.ceil(terminalCellWidth(line) / Math.max(1, width))), 0);
+}
+
 // packages/cli/src/tui/native/components/modals.ts
 var NativeModalView = class {
   constructor(context, spec, close2) {
@@ -1747,7 +1865,7 @@ var NativeModalView = class {
     this.panel = new BoxRenderable4(renderer2, {
       id: `modal-panel:${spec.id}`,
       flexDirection: "column",
-      width: "94%",
+      width: nativeModalWidth(spec, renderer2.terminalWidth),
       maxHeight: "94%",
       border: false,
       backgroundColor: colors.background,
@@ -1759,29 +1877,36 @@ var NativeModalView = class {
     });
     this.root.add(this.panel);
     this.frame = new NativeCornerFrame(this.panel, colors, renderer2, this.root);
+    this.body = new ScrollBoxRenderable2(renderer2, {
+      id: spec.kind === "document" ? `modal-document:${spec.id}` : `modal-body:${spec.id}`,
+      width: "100%",
+      height: 1,
+      minHeight: 1,
+      flexShrink: 0,
+      scrollY: true,
+      scrollX: false,
+      viewportCulling: true,
+      horizontalScrollbarOptions: { visible: false },
+      contentOptions: { flexDirection: "column", minHeight: 0 }
+    });
+    this.panel.add(this.body);
+    styleNativeScrollbars(this.body, colors);
     this.breadcrumb = this.addText(`modal-breadcrumb:${spec.id}`);
     const header = new BoxRenderable4(renderer2, { id: `modal-heading:${spec.id}`, width: "100%", flexDirection: "row", gap: 1, flexShrink: 0 });
     this.heading = new TextRenderable3(renderer2, { id: `modal-title:${spec.id}`, content: "", width: 0, flexGrow: 1, flexShrink: 1, wrapMode: "word", fg: colors.foreground });
-    this.headerActions = new BoxRenderable4(renderer2, { id: `modal-header-actions:${spec.id}`, flexDirection: "row", gap: 1, flexShrink: 0 });
+    this.heading.maxHeight = 2;
+    this.headerActions = new BoxRenderable4(renderer2, { id: `modal-header-actions:${spec.id}`, flexDirection: "row", gap: 1, flexShrink: 1, minWidth: 0, maxWidth: "60%" });
     header.add(this.heading);
     header.add(this.headerActions);
-    this.panel.add(header);
+    this.panel.add(header, 0);
     this.description = this.addText(`modal-description:${spec.id}`);
     if (spec.kind === "select") this.buildSelect();
     else if (spec.kind === "input") this.buildInput();
     else if (spec.kind === "document") {
-      this.document = new ScrollBoxRenderable2(renderer2, {
-        id: `modal-document:${spec.id}`,
-        width: "100%",
-        height: Math.max(5, Math.floor(renderer2.terminalHeight * 0.6)),
-        scrollY: true,
-        scrollX: false,
-        viewportCulling: true,
-        contentOptions: { flexDirection: "column" }
-      });
-      styleNativeScrollbars(this.document, colors);
-      this.blocks = new NativeBlockList(this.modalContext(), this.document);
-      this.panel.add(this.document);
+      this.document = this.body;
+      const documentBlocks = new BoxRenderable4(renderer2, { id: `modal-document-blocks:${spec.id}`, width: "100%", flexDirection: "column", flexShrink: 0 });
+      this.body.add(documentBlocks);
+      this.blocks = new NativeBlockList(this.modalContext(), documentBlocks);
     } else {
       this.progress = new TextRenderable3(renderer2, {
         id: `modal-progress:${spec.id}`,
@@ -1794,16 +1919,21 @@ var NativeModalView = class {
         wrapMode: "none",
         selectable: false
       });
-      this.panel.add(this.progress);
+      this.body.add(this.progress);
       const progressBlocks = new BoxRenderable4(renderer2, { id: `modal-progress-blocks:${spec.id}`, flexDirection: "column", width: "100%" });
-      this.panel.add(progressBlocks);
+      this.body.add(progressBlocks);
       this.blocks = new NativeBlockList(this.modalContext(), progressBlocks);
     }
     this.error = this.addText(`modal-error:${spec.id}`);
-    this.hints = this.addText(`modal-hints:${spec.id}`);
-    this.actions = new BoxRenderable4(renderer2, { id: `modal-actions:${spec.id}`, flexDirection: "row", gap: 1, width: "100%", marginTop: 0 });
+    this.hints = this.addText(`modal-hints:${spec.id}`, this.panel);
+    this.hints.maxHeight = 2;
+    this.actions = new BoxRenderable4(renderer2, { id: `modal-actions:${spec.id}`, flexDirection: "row", flexWrap: "wrap", flexShrink: 0, gap: 1, width: "100%", marginTop: 0 });
     this.panel.add(this.actions);
     this.update(spec);
+    renderer2.on(CliRenderEvents3.RESIZE, this.fit);
+    this.panel.on("resize", this.fit);
+    for (const child of this.panel.getChildren()) child.on("resize", this.fit);
+    this.body.content.on("resize", this.fit);
   }
   context;
   close;
@@ -1822,6 +1952,8 @@ var NativeModalView = class {
   editor;
   secretMask;
   select;
+  choiceDescription;
+  body;
   document;
   blocks;
   progress;
@@ -1830,9 +1962,14 @@ var NativeModalView = class {
   changing = false;
   actionsSignature = "";
   headerActionsSignature = "";
-  addText(id) {
+  sizing = false;
+  sizeSignature = "";
+  optionSignature = "";
+  disposed = false;
+  revealFocused = false;
+  addText(id, parent = this.body) {
     const text = new TextRenderable3(this.context.renderer, { id, content: "", width: "100%", wrapMode: "word", flexShrink: 0, fg: this.context.colors.foreground, selectable: true });
-    this.panel.add(text);
+    parent.add(text);
     return text;
   }
   replaceActions(container, actions, prefix = "") {
@@ -1841,6 +1978,10 @@ var NativeModalView = class {
       const button = new TextRenderable3(this.context.renderer, {
         id: `modal-action:${this.spec.id}:${prefix}${action.id}`,
         content: plainText(action.label),
+        minWidth: 0,
+        flexShrink: 1,
+        maxHeight: 2,
+        wrapMode: "word",
         fg: this.context.colors.foreground,
         bg: this.context.colors.background,
         attributes: action.disabled ? 2 : action.active ? 1 : 0,
@@ -1882,7 +2023,7 @@ var NativeModalView = class {
       }
     });
     this.filter = this.spec.filter ?? "";
-    this.panel.add(this.filterInput);
+    this.body.add(this.filterInput);
     this.select = new NativeSelectRenderable(renderer2, {
       id: `modal-select:${this.spec.id}`,
       width: "100%",
@@ -1901,10 +2042,16 @@ var NativeModalView = class {
     });
     this.select.onActivate = () => this.confirm();
     this.select.on("selectionChanged", () => {
-      if (!this.changing) this.emitAction("focus");
+      if (!this.changing) {
+        this.fit();
+        this.body.scrollChildIntoView(this.select.id);
+        this.emitAction("focus");
+      }
     });
     this.select.on("itemSelected", () => this.confirm());
-    this.panel.add(this.select);
+    this.body.add(this.select);
+    this.choiceDescription = this.addText(`modal-choice-description:${this.spec.id}`);
+    this.choiceDescription.visible = false;
   }
   buildInput() {
     const { renderer: renderer2, colors } = this.context;
@@ -1921,6 +2068,7 @@ var NativeModalView = class {
       onContentChange: () => {
         if (!this.editor || this.changing) return;
         this.refreshMask();
+        if (!this.spec.secret) this.fit();
         if (!this.spec.secret) this.emitAction("change", this.editor.plainText);
       },
       onSubmit: () => this.confirm()
@@ -1935,8 +2083,11 @@ var NativeModalView = class {
     if (this.spec.secret) {
       this.secretMask = this.addText(`modal-secret:${this.spec.id}`);
       this.secretMask.selectable = false;
+      this.secretMask.height = 1;
+      this.secretMask.wrapMode = "none";
+      this.secretMask.truncate = true;
       this.editor.showCursor = false;
-    } else this.panel.add(this.editor);
+    } else this.body.add(this.editor);
   }
   refreshMask() {
     if (this.secretMask && this.editor) this.secretMask.content = "•".repeat(Array.from(this.editor.plainText).length);
@@ -1977,6 +2128,7 @@ var NativeModalView = class {
     } finally {
       this.changing = false;
     }
+    this.fit();
     this.applyTheme();
   }
   refreshOptions(selectedIndex) {
@@ -1990,12 +2142,88 @@ var NativeModalView = class {
       value: { key: item.key, index, disabled: item.disabled || item.heading }
     }));
     this.select.showDescription = this.filtered.some(({ item }) => Boolean(plainText(item.description)));
-    const rowCount = this.select.showDescription ? 2 : 1;
-    this.select.height = Math.max(1, Math.min(Math.max(3, Math.floor(this.context.renderer.terminalHeight * 0.55)), this.filtered.length * rowCount));
+    this.optionSignature = "";
     const preferred = selectedIndex !== void 0 ? this.filtered.findIndex((entry) => entry.index === selectedIndex) : this.filtered.findIndex((entry) => entry.item.key === previousKey);
     const firstEnabled = this.filtered.findIndex((entry) => !entry.item.disabled && !entry.item.heading);
     this.select.setSelectedIndex(preferred >= 0 && !this.filtered[preferred].item.disabled && !this.filtered[preferred].item.heading ? preferred : Math.max(0, firstEnabled));
-  }
+    this.fit();
+  }
+  /** Geometry writes are idempotent: native resize observes wrapping without
+   * creating a render loop through unchanged flex/min/max setters. */
+  fit = () => {
+    if (this.disposed || this.sizing || !this.actions) return;
+    this.sizing = true;
+    const wasChanging = this.changing;
+    this.changing = true;
+    try {
+      const renderer2 = this.context.renderer, spec = this.spec;
+      const width = nativeModalWidth({ ...spec, validationError: this.error.visible ? this.error.plainText : void 0 }, renderer2.terminalWidth), padding = width >= 8 ? 2 : 0;
+      const inner = Math.max(1, width - padding * 2), bodyWidth = Math.max(1, inner - 1), maximum = Math.max(1, renderer2.terminalHeight - (renderer2.terminalHeight >= 8 ? 2 : 0));
+      const signature = `${width}:${maximum}:${padding}`;
+      if (signature !== this.sizeSignature) {
+        this.sizeSignature = signature;
+        this.panel.width = width;
+        this.panel.maxHeight = maximum;
+        this.panel.paddingX = padding;
+      }
+      if (this.select) {
+        const descriptions = this.filtered.map(({ item }) => plainText(item.description));
+        const long = descriptions.map((value) => /[\r\n]/.test(value) || nativeModalTextRows(value, Math.max(1, bodyWidth - 3)) > 1);
+        const options = this.filtered.map(({ item, index: index2 }, position) => ({
+          name: `${item.heading ? "── " : ""}${plainText(item.label)}`,
+          description: long[position] ? "" : descriptions[position],
+          value: { key: item.key, index: index2, disabled: item.disabled || item.heading }
+        }));
+        const optionSignature = JSON.stringify(options);
+        if (optionSignature !== this.optionSignature) {
+          this.optionSignature = optionSignature;
+          const index2 = this.select.getSelectedIndex();
+          this.select.options = options;
+          this.select.setSelectedIndex(index2);
+        }
+        const show = options.some((item) => Boolean(item.description));
+        if (this.select.showDescription !== show) this.select.showDescription = show;
+        const index = this.select.getSelectedIndex(), detail = long[index] ? descriptions[index] ?? "" : "";
+        if (this.choiceDescription.plainText !== detail) this.choiceDescription.content = detail;
+        this.choiceDescription.visible = Boolean(detail);
+      }
+      const textRows = (node, text, availableWidth = bodyWidth) => node.visible ? node.width === availableWidth && node.height > 0 ? node.height : nativeModalTextRows(text, availableWidth) : 0;
+      const headerActions = (spec.headerActions ?? []).reduce((total, action) => total + terminalCellWidth(plainText(action.label)) + 1, 0);
+      const headingRows = Math.min(2, nativeModalTextRows(spec.title, Math.max(1, inner - Math.min(Math.floor(inner * 0.6), headerActions))));
+      let fallbackActions = 0, rowWidth = 0, rowHeight = 0;
+      for (const action of spec.actions ?? []) {
+        const cells = Math.max(1, terminalCellWidth(plainText(action.label))), childWidth = Math.min(inner, cells);
+        if (rowWidth && rowWidth + 1 + childWidth > inner) {
+          fallbackActions += rowHeight + 1;
+          rowWidth = 0;
+          rowHeight = 0;
+        }
+        rowWidth += (rowWidth ? 1 : 0) + childWidth;
+        rowHeight = Math.max(rowHeight, Math.min(2, Math.ceil(cells / inner)));
+      }
+      fallbackActions += rowHeight;
+      const actionRows = this.actions.visible && this.actions.width === inner && this.actions.height > 0 ? this.actions.height : fallbackActions;
+      const header = this.heading.parent;
+      const headerRows = header.width === inner && header.height > 0 ? header.height : Math.max(1, headingRows);
+      const chrome = 2 + headerRows + Math.min(2, textRows(this.hints, this.hints.plainText, inner)) + actionRows;
+      const available = Math.max(1, maximum - chrome);
+      if (this.select) {
+        const details = textRows(this.breadcrumb, (spec.breadcrumbs ?? []).join(" › ")) + textRows(this.description, plainText(spec.description)) + textRows(this.error, spec.validationError ?? "") + textRows(this.choiceDescription, this.choiceDescription.plainText) + 1;
+        this.select.height = Math.max(1, Math.min(Math.max(1, available - Math.min(details, Math.floor(available / 2))), this.filtered.length * (this.select.showDescription ? 2 : 1)));
+      } else if (this.editor && spec.multiline && !spec.secret) {
+        this.editor.height = Math.max(1, Math.min(available, Math.max(3, nativeModalTextRows(this.editor.plainText, bodyWidth))));
+      }
+      this.body.height = Math.max(1, Math.min(available, this.body.content.height || 1));
+      const focused = renderer2.currentFocusedRenderable;
+      if (this.revealFocused && focused && focused.width > 0 && this.body.viewport.width > 0) {
+        this.revealFocused = false;
+        this.body.scrollChildIntoView(focused.id);
+      }
+    } finally {
+      this.changing = wasChanging;
+      this.sizing = false;
+    }
+  };
   current() {
     return this.filtered[this.select?.getSelectedIndex() ?? -1];
   }
@@ -2036,10 +2264,12 @@ var NativeModalView = class {
   }
   focus() {
     if (this.frame.closing) return;
+    this.revealFocused = true;
     if (this.filterInput) this.filterInput.focus();
     else if (this.editor && !this.spec.secret) this.editor.focus();
     else if (this.document) this.document.focus();
     else this.panel.focus();
+    this.fit();
   }
   nextControl(direction) {
     const controls = [];
@@ -2057,7 +2287,7 @@ var NativeModalView = class {
     const current = focused ? controls.indexOf(focused) : -1;
     const next = controls[current < 0 ? direction > 0 ? 0 : controls.length - 1 : (current + direction + controls.length) % controls.length];
     next.focus();
-    this.document?.scrollChildIntoView(next.id);
+    this.body.scrollChildIntoView(next.id);
   }
   handleKey(key) {
     const consume = () => {
@@ -2123,8 +2353,8 @@ var NativeModalView = class {
       this.confirm();
       return consume();
     }
-    if (this.document && (key.name === "pageup" || key.name === "pagedown" || key.name === "up" || key.name === "down")) {
-      this.document.scrollBy(key.name === "up" ? -1 : key.name === "down" ? 1 : key.name === "pageup" ? -1 : 1, key.name.startsWith("page") ? "viewport" : "absolute");
+    if (key.name === "pageup" || key.name === "pagedown" || key.name === "up" || key.name === "down") {
+      this.body.scrollBy(key.name === "up" ? -1 : key.name === "down" ? 1 : key.name === "pageup" ? -1 : 1, key.name.startsWith("page") ? "viewport" : "absolute");
       return consume();
     }
     if (key.sequence.length === 1 && !key.ctrl && !key.meta) {
@@ -2159,6 +2389,7 @@ var NativeModalView = class {
     if (Buffer.byteLength(text, "utf8") + Buffer.byteLength(current, "utf8") <= budget) return false;
     this.error.content = `Input exceeds the ${budget.toLocaleString()} byte limit.`;
     this.error.visible = true;
+    this.fit();
     return true;
   }
   applyTheme() {
@@ -2168,6 +2399,7 @@ var NativeModalView = class {
     this.heading.fg = colors.foreground;
     this.heading.attributes = 1;
     this.description.fg = colors.foreground;
+    if (this.choiceDescription) this.choiceDescription.fg = colors.dim;
     this.breadcrumb.fg = colors.dim;
     this.breadcrumb.attributes = 2;
     this.error.fg = colors.foreground;
@@ -2178,7 +2410,7 @@ var NativeModalView = class {
       this.progress.fg = colors.foreground;
       this.progress.bg = colors.background;
     }
-    if (this.document) styleNativeScrollbars(this.document, colors);
+    styleNativeScrollbars(this.body, colors);
     if (this.select) {
       this.select.backgroundColor = this.select.focusedBackgroundColor = colors.background;
       this.select.textColor = this.select.focusedTextColor = colors.foreground;
@@ -2203,6 +2435,8 @@ var NativeModalView = class {
     this.blocks?.applyTheme();
   }
   destroy() {
+    this.disposed = true;
+    this.context.renderer.off(CliRenderEvents3.RESIZE, this.fit);
     this.frame.destroy();
     this.blocks?.destroy();
     if (this.spec.secret) this.editor?.destroy();
@@ -2343,90 +2577,13 @@ function deviceHistoryGraph(samples, field, width) {
 // packages/cli/src/tui/native/components/task-notes.ts
 import {
   BoxRenderable as BoxRenderable5,
-  CliRenderEvents as CliRenderEvents3,
+  CliRenderEvents as CliRenderEvents4,
   RenderableEvents as RenderableEvents3,
   ScrollBoxRenderable as ScrollBoxRenderable3,
   TextAttributes as TextAttributes5,
   TextRenderable as TextRenderable4
 } from "@opentui/core";
 
-// packages/cli/src/tui/terminal-cells.ts
-var graphemes = new Intl.Segmenter(void 0, { granularity: "grapheme" });
-var extendedPictographic = /\p{Extended_Pictographic}/u;
-var emojiPresentation = /\p{Emoji_Presentation}/u;
-var zeroWidthGrapheme = /^[\p{Mark}\p{Cf}\u200c\u200d\ufe0e\ufe0f]+$/u;
-function escapeEnd(value, start) {
-  if (value[start] !== "\x1B") return start + 1;
-  const kind = value[start + 1];
-  if (kind === "[") {
-    for (let i = start + 2; i < value.length; i++) {
-      const code = value.charCodeAt(i);
-      if (code >= 64 && code <= 126) return i + 1;
-    }
-    return value.length;
-  }
-  if (kind === "]") {
-    for (let i = start + 2; i < value.length; i++) {
-      if (value[i] === "\x07") return i + 1;
-      if (value[i] === "\x1B" && value[i + 1] === "\\") return i + 2;
-    }
-    return value.length;
-  }
-  if (kind === "P" || kind === "X" || kind === "^" || kind === "_") {
-    for (let i = start + 2; i < value.length; i++) {
-      if (value[i] === "\x1B" && value[i + 1] === "\\") return i + 2;
-    }
-    return value.length;
-  }
-  return Math.min(value.length, start + 2);
-}
-function stripTerminalSequences(value) {
-  let out = "";
-  for (let i = 0; i < value.length; ) {
-    if (value[i] === "\x1B") {
-      i = escapeEnd(value, i);
-      continue;
-    }
-    const code = value.charCodeAt(i);
-    if (code >= 0 && code < 32 || code === 127) {
-      i++;
-      continue;
-    }
-    const cp = value.codePointAt(i);
-    out += String.fromCodePoint(cp);
-    i += cp > 65535 ? 2 : 1;
-  }
-  return out;
-}
-function normalizeTerminalLine(value) {
-  return value.replace(/\r\n|\r|\n/g, " ").replace(/\t/g, "    ");
-}
-function isWideCodePoint(cp) {
-  return cp >= 4352 && cp <= 4447 || cp === 9001 || cp === 9002 || cp >= 11904 && cp <= 12350 || cp >= 12352 && cp <= 42191 || cp >= 44032 && cp <= 55203 || cp >= 63744 && cp <= 64255 || cp >= 65040 && cp <= 65049 || cp >= 65072 && cp <= 65135 || cp >= 65280 && cp <= 65376 || cp >= 65504 && cp <= 65510 || cp >= 110592 && cp <= 111359 || cp >= 131072 && cp <= 262141;
-}
-function graphemeCellWidth(value) {
-  if (!value || zeroWidthGrapheme.test(value)) return 0;
-  const cp = value.codePointAt(0);
-  if (cp < 32 || cp >= 127 && cp < 160) return 0;
-  if (emojiPresentation.test(value) || value.includes("️") || value.includes("‍") && extendedPictographic.test(value) || cp >= 127462 && cp <= 127487) {
-    return 2;
-  }
-  return isWideCodePoint(cp) ? 2 : 1;
-}
-function plainGraphemes(value) {
-  return Array.from(
-    graphemes.segment(stripTerminalSequences(value)),
-    (part) => part.segment
-  );
-}
-function terminalCellWidth(value) {
-  let width = 0;
-  for (const grapheme of plainGraphemes(normalizeTerminalLine(value))) {
-    width += graphemeCellWidth(grapheme);
-  }
-  return width;
-}
-
 // packages/cli/src/tui/native/components/instrument-format.ts
 var graphemes2 = new Intl.Segmenter(void 0, { granularity: "grapheme" });
 function formatSignalDivider(width, geometry = { direction: "top" }) {
@@ -2511,7 +2668,7 @@ var ActiveBlocks = class {
     this.renderer = renderer2;
     this.active = active;
     this.paint = paint;
-    renderer2.on(CliRenderEvents3.FRAME, this.sync);
+    renderer2.on(CliRenderEvents4.FRAME, this.sync);
   }
   renderer;
   active;
@@ -2542,7 +2699,7 @@ var ActiveBlocks = class {
     this.destroyed = true;
     if (this.timer) clearInterval(this.timer);
     this.timer = void 0;
-    this.renderer.off(CliRenderEvents3.FRAME, this.sync);
+    this.renderer.off(CliRenderEvents4.FRAME, this.sync);
   }
 };
 var Disclosure = class extends TextRenderable4 {
@@ -2676,7 +2833,7 @@ var NativeTaskNotesView = class extends BoxRenderable5 {
       this.frame = mark;
       for (const row of this.rows.values()) if (row.item.status === "in_progress" && visible(row.title, renderer2)) this.refreshRow(row);
     });
-    renderer2.on(CliRenderEvents3.FRAME, this.finishInspect);
+    renderer2.on(CliRenderEvents4.FRAME, this.finishInspect);
   }
   renderer;
   colors;
@@ -2921,7 +3078,7 @@ var NativeTaskNotesView = class extends BoxRenderable5 {
   }
   destroySelf() {
     this.animation.destroy();
-    this.renderer.off(CliRenderEvents3.FRAME, this.finishInspect);
+    this.renderer.off(CliRenderEvents4.FRAME, this.finishInspect);
     super.destroySelf();
   }
 };
@@ -3124,7 +3281,7 @@ var NativeTaskStrip = class extends BoxRenderable5 {
 // packages/cli/src/tui/native/components/work-queue.ts
 import {
   BoxRenderable as BoxRenderable6,
-  CliRenderEvents as CliRenderEvents4,
+  CliRenderEvents as CliRenderEvents5,
   RenderableEvents as RenderableEvents4,
   ScrollBoxRenderable as ScrollBoxRenderable4,
   TextAttributes as TextAttributes6,
@@ -3242,7 +3399,7 @@ var NativeWorkQueueView = class extends BoxRenderable6 {
     this.body.add(this.empty);
     this.omitted = this.text("omnius-work-queue:omitted", TextAttributes6.DIM);
     this.body.add(this.omitted);
-    renderer2.on(CliRenderEvents4.FRAME, this.syncAnimation);
+    renderer2.on(CliRenderEvents5.FRAME, this.syncAnimation);
   }
   renderer;
   colors;
@@ -3471,7 +3628,7 @@ RUN ${label(receipt.runId)}` : ""}`)
     this.disposed = true;
     if (this.timer) clearInterval(this.timer);
     this.timer = void 0;
-    this.renderer.off(CliRenderEvents4.FRAME, this.syncAnimation);
+    this.renderer.off(CliRenderEvents5.FRAME, this.syncAnimation);
     super.destroySelf();
   }
 };
@@ -3558,7 +3715,7 @@ var NativeWorkspaceFilesView = class extends BoxRenderable7 {
     this.reveal = reveal;
     this.header = new FileControl(renderer2, "omnius-workspace-files:heading", colors, () => this.setOpen(!this.open), true);
     this.add(this.header);
-    this.body = new BoxRenderable7(renderer2, { id: "omnius-workspace-files:body", width: "100%", minWidth: 0, flexDirection: "column", flexShrink: 0, visible: false });
+    this.body = new BoxRenderable7(renderer2, { id: "omnius-workspace-files:body", width: "100%", minWidth: 0, minHeight: 0, flexDirection: "column", flexGrow: 1, flexBasis: 0, flexShrink: 1, visible: false });
     this.add(this.body);
     const heading = new BoxRenderable7(renderer2, { id: "omnius-workspace-files:location", width: "100%", minWidth: 0, height: 1, flexDirection: "row", gap: 1, flexShrink: 0 });
     this.body.add(heading);
@@ -3581,14 +3738,17 @@ var NativeWorkspaceFilesView = class extends BoxRenderable7 {
       id: "omnius-workspace-files:scroll",
       width: "100%",
       minWidth: 0,
-      height: 1,
-      flexShrink: 0,
+      height: "auto",
+      minHeight: 1,
+      flexGrow: 1,
+      flexBasis: 0,
+      flexShrink: 1,
       scrollY: true,
       scrollX: false,
       viewportCulling: true,
       horizontalScrollbarOptions: { visible: false },
       verticalScrollbarOptions: { showArrows: false },
-      contentOptions: { flexDirection: "column" }
+      contentOptions: { flexDirection: "column", paddingRight: 1 }
     });
     this.body.add(this.scroll);
     this.rootPages = new BoxRenderable7(renderer2, { id: "omnius-workspace-files:pages", width: "100%", height: 1, flexDirection: "row", gap: 2, flexShrink: 0 });
@@ -3637,6 +3797,8 @@ var NativeWorkspaceFilesView = class extends BoxRenderable7 {
   selectedPath;
   lastClick;
   restoredTop;
+  layoutMinimum = 0;
+  layoutExpanded = false;
   text(id) {
     return new TextRenderable6(this.renderer, { id, content: "", width: "100%", minWidth: 0, flexShrink: 0, wrapMode: "word", fg: this.colors.foreground, bg: this.colors.background });
   }
@@ -3715,8 +3877,7 @@ var NativeWorkspaceFilesView = class extends BoxRenderable7 {
         page = { root, start, next };
         this.pagination.set(item.path, page);
         for (const target of [start, next]) target.on(RenderableEvents5.FOCUSED, () => {
-          this.scroll.scrollChildIntoView(root.id);
-          this.reveal?.(this.scroll);
+          this.revealRow(root);
         });
       }
       page.start.visible = (item.page ?? 0) > 0;
@@ -3742,7 +3903,6 @@ var NativeWorkspaceFilesView = class extends BoxRenderable7 {
     this.rootNext.visible = state.hasMore === true;
     this.rootNext.focusable = this.rootNext.visible;
     this.rootPages.visible = this.rootStart.visible || this.rootNext.visible;
-    this.scroll.height = Math.max(1, Math.min(10, position));
     this.applyPresentation();
     this.updateDetail();
     if (this.restoredTop !== void 0) {
@@ -3790,8 +3950,7 @@ var NativeWorkspaceFilesView = class extends BoxRenderable7 {
     const row = { root, disclosure, name, item };
     name.on(RenderableEvents5.FOCUSED, () => {
       this.select(item.path);
-      this.scroll.scrollChildIntoView(root.id);
-      this.reveal?.(this.scroll);
+      this.revealRow(root);
       this.updateRow(row);
     });
     name.on(RenderableEvents5.BLURRED, () => {
@@ -3801,6 +3960,19 @@ var NativeWorkspaceFilesView = class extends BoxRenderable7 {
     root.add(name);
     return row;
   }
+  revealRow(target) {
+    const viewport = this.scroll.viewport;
+    if (target.y < viewport.y) this.scroll.scrollBy(target.y - viewport.y);
+    else if (target.y + target.height > viewport.y + viewport.height) this.scroll.scrollBy(target.y + target.height - viewport.y - viewport.height);
+    this.reveal?.(target);
+  }
+  revealFocused() {
+    const focused = this.renderer.currentFocusedRenderable;
+    for (let node = focused; node; node = node.parent) if (node === this.scroll) {
+      this.revealRow(focused);
+      break;
+    }
+  }
   updateRow(row) {
     const marker = activityLabel(row.item), text = label2(row.item.name) + (row.item.kind === "directory" ? "/" : "");
     const content = marker ? `${marker} ${text}` : text;
@@ -3861,9 +4033,30 @@ var NativeWorkspaceFilesView = class extends BoxRenderable7 {
     this.action("visibility", "");
     if (open) this.reveal?.(this.header);
   }
+  get isOpen() {
+    return this.open;
+  }
+  /** Natural chrome plus one usable tree row; independent of directory size. */
+  get minimumRows() {
+    if (!this.visible) return 0;
+    if (!this.open) return 1;
+    return 2 + this.body.getChildren().filter((node) => node !== this.scroll && node.visible).reduce((rows, node) => rows + Math.max(1, node.height), 0);
+  }
+  syncLayoutMinimum() {
+    const minimum = this.minimumRows;
+    if (minimum === this.layoutMinimum) return;
+    this.layoutMinimum = minimum;
+    this.minHeight = minimum;
+  }
   applyPresentation() {
     this.header.setLabel("FILES / FOLDERS", this.open);
     this.body.visible = this.open;
+    if (this.layoutExpanded !== this.open) {
+      this.layoutExpanded = this.open;
+      this.flexGrow = this.open ? 1 : 0;
+      this.flexBasis = this.open ? 0 : "auto";
+    }
+    this.syncLayoutMinimum();
   }
   capturePresentation() {
     return { open: this.open, scrollTop: this.scroll.scrollTop, ...this.state ? { projectRoot: this.state.projectRoot, sessionId: this.state.sessionId, selectedPath: this.selectedPath, expandedPaths: (this.state.expandedPaths ?? this.state.entries.filter((item) => item.expanded).map((item) => item.path)).slice(0, 256) } : {} };
@@ -4160,7 +4353,7 @@ var InstrumentDivider = class extends TextRenderable7 {
 };
 var DeviceMonitor = class extends BoxRenderable8 {
   constructor(renderer2, action) {
-    super(renderer2, { id: "omnius-devices", width: "100%", height: 5, minHeight: 5, maxHeight: "60%", flexShrink: 1, flexDirection: "column", visible: false });
+    super(renderer2, { id: "omnius-devices", width: "100%", height: 5, minHeight: 3, flexShrink: 0, flexDirection: "column", visible: false });
     this.action = action;
     this.heading = new SectionBanner(renderer2, "DEVICES", "omnius-devices:heading", () => this.toggle());
     this.heading.update("DEVICES", false);
@@ -4222,6 +4415,9 @@ var DeviceMonitor = class extends BoxRenderable8 {
   sectionState = { cpu: false, memory: false, disk: false, network: false, gpu: true };
   sections = /* @__PURE__ */ new Map();
   availableRows = 100;
+  railRows = 102;
+  reservedUpperRows = 2;
+  allocation = "";
   snapshot;
   historySource = "";
   rows = /* @__PURE__ */ new Map();
@@ -4241,7 +4437,7 @@ var DeviceMonitor = class extends BoxRenderable8 {
       }
     });
     const header = new SectionBanner(renderer2, title, `${root.id}:heading`, () => this.toggleDeviceSection(key));
-    header.on(RenderableEvents6.FOCUSED, () => this.scroll.scrollChildIntoView(header.id));
+    header.on(RenderableEvents6.FOCUSED, () => this.revealReading(header));
     const body = new BoxRenderable8(renderer2, { id: `${root.id}:body`, width: "100%", minWidth: 0, flexShrink: 0, flexDirection: "column", visible: this.sectionState[key] });
     root.add(header);
     root.add(body);
@@ -4412,7 +4608,7 @@ var DeviceMonitor = class extends BoxRenderable8 {
           if (current && this.canSelectDevice(current)) this.action?.(`/gpu select ${current.uuid}`);
         });
         title.width = "100%";
-        title.on(RenderableEvents6.FOCUSED, () => this.scroll.scrollChildIntoView(root.id));
+        title.on(RenderableEvents6.FOCUSED, () => this.revealReading(title));
         const load = new TelemetryRow(this._ctx, "LOAD", `${root.id}:load`, 16);
         const memory = new TelemetryRow(this._ctx, "VRAM", `${root.id}:memory`, 16);
         const plot = (name) => new TextRenderable7(this._ctx, { id: `${root.id}:${name}-history`, content: "", width: "100%", height: 3, flexShrink: 0, fg: foreground, bg: background, wrapMode: "none", truncate: true, selectable: false });
@@ -4467,24 +4663,45 @@ var DeviceMonitor = class extends BoxRenderable8 {
     this.expanded = !this.expanded;
     this.scroll.visible = this.expanded;
     this.scroll.minHeight = this.expanded ? 1 : 0;
-    this.fitHeight(this.availableRows + 2);
+    this.fitHeight(this.railRows, this.reservedUpperRows);
     this.refresh();
   }
+  revealReading(target) {
+    const viewport = this.scroll.viewport;
+    if (target.y < viewport.y) this.scroll.scrollBy(target.y - viewport.y);
+    else if (target.y + target.height > viewport.y + viewport.height) this.scroll.scrollBy(target.y + target.height - viewport.y - viewport.height);
+  }
+  revealFocused() {
+    const focused = this._ctx.currentFocusedRenderable;
+    for (let node = focused; node; node = node.parent) if (node === this.scroll) {
+      this.revealReading(focused);
+      break;
+    }
+  }
   get isExpanded() {
     return this.expanded;
   }
   setExpanded(expanded) {
     if (this.expanded !== expanded) this.toggle();
   }
-  fitHeight(railRows) {
-    this.availableRows = Math.max(0, railRows - 2);
+  fitHeight(railRows, reservedUpperRows = this.reservedUpperRows) {
+    this.railRows = railRows;
+    this.reservedUpperRows = reservedUpperRows;
+    this.availableRows = Math.max(0, railRows - reservedUpperRows);
     this.visible = Boolean(this.snapshot) && this.availableRows >= 3;
-    this.minHeight = Math.min(5, this.availableRows);
-    this.maxHeight = this.availableRows;
     this.summary.visible = this.availableRows >= 5;
     this.compactLoad.visible = !this.expanded;
     this.compactMemory.visible = !this.expanded && this.availableRows >= 4;
-    this.height = Math.min(this.availableRows, this.expanded ? Math.min(18, Math.max(6, Math.floor(railRows * 0.6))) : 5);
+    const chrome = this.getChildren().filter((node) => node !== this.scroll && node.visible).reduce((rows, node) => rows + Math.max(1, node.height), 0);
+    const content = this.scroll.getChildren().filter((node) => node.visible).reduce((rows, node) => rows + Math.max(1, node.height), 0);
+    const demand = this.expanded ? chrome + Math.max(1, content) : 5;
+    const height = Math.min(this.availableRows, demand), minimum = Math.min(this.expanded ? 3 : 5, this.availableRows);
+    const signature = `${height}:${minimum}:${this.availableRows}`;
+    if (signature === this.allocation) return;
+    this.allocation = signature;
+    this.minHeight = minimum;
+    this.maxHeight = this.availableRows;
+    this.height = height;
   }
   onResize(width, height) {
     super.onResize(width, height);
@@ -4657,9 +4874,11 @@ var InstrumentRail = class extends BoxRenderable8 {
   routeAttemptsHeader;
   routeAttempts;
   routeAttemptRows = [];
+  layoutSignature = "";
+  contentMinimum = 0;
   onResize(width, height) {
     super.onResize(width, height);
-    this.devices?.fitHeight(height);
+    this.reconcileLayout();
   }
   constructor(renderer2, options = {}) {
     const id = options.id ?? "omnius-instruments";
@@ -4822,6 +5041,7 @@ var InstrumentRail = class extends BoxRenderable8 {
     this.scroll.add(this.workspaceFiles);
     this.devices = new DeviceMonitor(renderer2, options.onAction);
     this.add(this.devices);
+    this.renderAfter = this.reconcileLayout;
     if (options.colors) this.applyTheme(options.colors);
   }
   update(state) {
@@ -4990,6 +5210,37 @@ var InstrumentRail = class extends BoxRenderable8 {
     target.focus();
     return true;
   }
+  /** Read the small retained section list after native layout. Only changed
+   * budgets stage styles, so a settled sidebar does not schedule idle frames. */
+  reconcileLayout = () => {
+    if (this.isDestroyed || !this.visible || !this.scroll || !this.devices || !this.workspaceFiles) return;
+    this.workspaceFiles.syncLayoutMinimum();
+    const upper = this.scroll.getChildren().filter((node) => node !== this.workspaceFiles && node.visible).reduce((rows, node) => rows + node.height, 0) + this.workspaceFiles.minimumRows;
+    const contentMinimum = Math.max(this.scroll.viewport.height, upper);
+    if (contentMinimum !== this.contentMinimum) {
+      this.contentMinimum = contentMinimum;
+      this.scroll.content.minHeight = contentMinimum;
+    }
+    const border = this.border === true ? 2 : Array.isArray(this.border) ? Number(this.border.includes("top")) + Number(this.border.includes("bottom")) : 0;
+    const available = Math.max(0, this.height - border);
+    const reserved = Math.min(upper, Math.max(1, available - 3));
+    this.devices.fitHeight(available, reserved);
+    const signature = `${this.width}:${available}:${upper}:${this.devices.getHeight()}:${this.scroll.content.height}:${this.scroll.viewport.height}`;
+    if (signature === this.layoutSignature) return;
+    this.layoutSignature = signature;
+    const focused = this._ctx.currentFocusedRenderable;
+    for (let node = focused; node; node = node.parent) {
+      if (node === this.scroll) {
+        this.workspaceFiles.revealFocused();
+        this.reveal(focused);
+        break;
+      }
+      if (node === this.devices) {
+        this.devices.revealFocused();
+        break;
+      }
+    }
+  };
   reveal(target) {
     const viewport = this.scroll.viewport;
     if (target.y < viewport.y) this.scroll.scrollBy(target.y - viewport.y);
@@ -6440,14 +6691,14 @@ var VimComposer = class {
 };
 
 // packages/cli/src/tui/native/components/selection-menu.ts
-import { BoxRenderable as BoxRenderable9, CliRenderEvents as CliRenderEvents5, TextAttributes as TextAttributes9, TextRenderable as TextRenderable8 } from "@opentui/core";
+import { BoxRenderable as BoxRenderable9, CliRenderEvents as CliRenderEvents6, TextAttributes as TextAttributes9, TextRenderable as TextRenderable8 } from "@opentui/core";
 var NativeSelectionMenu = class {
   constructor(renderer2, colors, copy, restoreFocus) {
     this.renderer = renderer2;
     this.colors = colors;
     this.copy = copy;
     this.restoreFocus = restoreFocus;
-    renderer2.on(CliRenderEvents5.RESIZE, this.position);
+    renderer2.on(CliRenderEvents6.RESIZE, this.position);
   }
   renderer;
   colors;
@@ -6568,12 +6819,12 @@ var NativeSelectionMenu = class {
   }
   destroy() {
     this.close();
-    this.renderer.off(CliRenderEvents5.RESIZE, this.position);
+    this.renderer.off(CliRenderEvents6.RESIZE, this.position);
   }
 };
 
 // packages/cli/src/tui/native/components/tab-strip.ts
-import { BoxRenderable as BoxRenderable10, CliRenderEvents as CliRenderEvents6, ScrollBoxRenderable as ScrollBoxRenderable7, SliderRenderable, TextAttributes as TextAttributes10, TextRenderable as TextRenderable9 } from "@opentui/core";
+import { BoxRenderable as BoxRenderable10, CliRenderEvents as CliRenderEvents7, ScrollBoxRenderable as ScrollBoxRenderable7, SliderRenderable, TextAttributes as TextAttributes10, TextRenderable as TextRenderable9 } from "@opentui/core";
 var NativeTabStrip = class extends BoxRenderable10 {
   constructor(renderer2, options) {
     super(renderer2, {
@@ -6628,7 +6879,7 @@ var NativeTabStrip = class extends BoxRenderable10 {
     this.rail.focusable = false;
     this.add(this.rail);
     styleNativeSlider(this.rail, this.colors);
-    renderer2.on(CliRenderEvents6.FRAME, this.syncScroll);
+    renderer2.on(CliRenderEvents7.FRAME, this.syncScroll);
   }
   renderer;
   options;
@@ -6791,7 +7042,7 @@ var NativeTabStrip = class extends BoxRenderable10 {
     this.scroll.scrollLeft = offset2;
   }
   destroySelf() {
-    this.renderer.off(CliRenderEvents6.FRAME, this.syncScroll);
+    this.renderer.off(CliRenderEvents7.FRAME, this.syncScroll);
     super.destroySelf();
   }
 };
@@ -7304,8 +7555,8 @@ var NativeFrontend = class {
     this.modals = new NativeModalStack(this.context, () => this.restoreFocus());
     renderer2.keyInput.on("keypress", this.onKey);
     renderer2.keyInput.on("paste", this.onPaste);
-    renderer2.on(CliRenderEvents7.FRAME, this.onFrame);
-    renderer2.on(CliRenderEvents7.RESIZE, this.onResize);
+    renderer2.on(CliRenderEvents8.FRAME, this.onFrame);
+    renderer2.on(CliRenderEvents8.RESIZE, this.onResize);
     this.applyTheme(initialTheme);
     this.editor.focus();
   }
@@ -8235,8 +8486,8 @@ var NativeFrontend = class {
     this.disposeSelectionContrast();
     this.renderer.keyInput.off("keypress", this.onKey);
     this.renderer.keyInput.off("paste", this.onPaste);
-    this.renderer.off(CliRenderEvents7.FRAME, this.onFrame);
-    this.renderer.off(CliRenderEvents7.RESIZE, this.onResize);
+    this.renderer.off(CliRenderEvents8.FRAME, this.onFrame);
+    this.renderer.off(CliRenderEvents8.RESIZE, this.onResize);
     const mediaClosed = [...this.context.mediaViews ?? []].map((media) => {
       media.pausePlayback();
       return media.closed;
@@ -8252,7 +8503,7 @@ var NativeFrontend = class {
 };
 
 // packages/cli/src/tui/native/components/cursor.ts
-import { CliRenderEvents as CliRenderEvents8 } from "@opentui/core";
+import { CliRenderEvents as CliRenderEvents9 } from "@opentui/core";
 function installTerminalCursorDefaults(renderer2, session) {
   const reset = new TextEncoder().encode("\x1B]112\x07");
   let disposed = false;
@@ -8302,11 +8553,11 @@ function installTerminalCursorDefaults(renderer2, session) {
   const dispose = () => {
     if (disposed) return;
     disposed = true;
-    renderer2.off(CliRenderEvents8.FRAME, afterFrame);
-    renderer2.off(CliRenderEvents8.DESTROY, dispose);
+    renderer2.off(CliRenderEvents9.FRAME, afterFrame);
+    renderer2.off(CliRenderEvents9.DESTROY, dispose);
   };
-  renderer2.on(CliRenderEvents8.FRAME, afterFrame);
-  renderer2.once(CliRenderEvents8.DESTROY, dispose);
+  renderer2.on(CliRenderEvents9.FRAME, afterFrame);
+  renderer2.once(CliRenderEvents9.DESTROY, dispose);
   return { restore, dispose };
 }
 
@@ -8395,10 +8646,10 @@ try {
     maxFps: 60,
     clearOnShutdown: false
   });
-  renderer.on(CliRenderEvents9.RENDER_ERROR, (event) => {
+  renderer.on(CliRenderEvents10.RENDER_ERROR, (event) => {
     void fail(event.error);
   });
-  renderer.on(CliRenderEvents9.HANDLER_ERROR, (event) => {
+  renderer.on(CliRenderEvents10.HANDLER_ERROR, (event) => {
     void fail(event.error);
   });
   renderer.on("error", (event) => {