omnius 1.0.862 → 1.0.864

package/dist/tui/native/worker.js

@@ -2,18 +2,19 @@
 import { createWriteStream } from "node:fs";
 import { createInterface } from "node:readline";
 import { PassThrough } from "node:stream";
-import { CliRenderEvents as CliRenderEvents2, NativeSession, RGBA as RGBA2, createCliRenderer } from "@opentui/core";
+import { CliRenderEvents as CliRenderEvents5, NativeSession, RGBA as RGBA3, createCliRenderer } from "@opentui/core";
 
 // packages/cli/src/tui/native/components/frontend.ts
 import {
-  BoxRenderable as BoxRenderable3,
-  CliRenderEvents,
+  BoxRenderable as BoxRenderable5,
+  CliRenderEvents as CliRenderEvents3,
   EmbeddedTerminalRenderable as EmbeddedTerminalRenderable2,
-  ScrollBoxRenderable as ScrollBoxRenderable3,
+  ScrollBoxRenderable as ScrollBoxRenderable4,
   SyntaxStyle as SyntaxStyle2,
   TabSelectRenderable,
   TextareaRenderable as TextareaRenderable2,
-  TextRenderable as TextRenderable3,
+  TextRenderable as TextRenderable4,
+  TextAttributes as TextAttributes6,
   createClipboard,
   createHostClipboard,
   createRendererClipboardAdapter
@@ -26,22 +27,23 @@ import {
   EmbeddedTerminalRenderable,
   ImageRenderable,
   MarkdownRenderable,
+  RenderableEvents,
   ScrollBoxRenderable,
   TextRenderable
 } from "@opentui/core";
 
 // packages/cli/src/tui/native/components/text.ts
-import { RGBA, StyledText } from "@opentui/core";
+import { CliRenderEvents, RGBA, StyledText, TextAttributes } from "@opentui/core";
 
 // packages/cli/src/tui/native/text.ts
 function stripTextControls(value) {
-  return value.replace(/\x1b\][\s\S]*?(?:\x07|\x1b\\)/g, "").replace(/\x1b[P_^X][\s\S]*?\x1b\\/g, "").replace(/\x1b\[[0-?]*[ -/]*[@-~]/g, "").replace(/\x1b[\s\S]/g, "").replace(/[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/g, "").replace(/\r\n/g, "\n").replace(/\r/g, "");
+  return value.replace(/\x1b\][\s\S]*?(?:\x07|\x1b\\)/g, "").replace(/\x1b[P_^X][\s\S]*?\x1b\\/g, "").replace(/\x1b\[[-0-?]*[ -/]*[@-~]/g, "").replace(/\x1b[\s\S]/g, "").replace(/[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/g, "").replace(/\r\n/g, "\n").replace(/\r/g, "");
 }
 function nativeTextFromAnsi(value) {
   const result = [];
   let style = { attributes: 0 };
   let previous = 0;
-  const pattern = /\x1b(?:\[[0-?]*[ -/]*[@-~]|\][\s\S]*?(?:\x07|\x1b\\)|[P_^X][\s\S]*?\x1b\\|[\s\S])/g;
+  const pattern = /\x1b(?:\[[-0-?]*[ -/]*[@-~]|\][\s\S]*?(?:\x07|\x1b\\)|[P_^X][\s\S]*?\x1b\\|[\s\S])/g;
   const append = (text) => {
     const clean = stripTextControls(text);
     if (!clean) return;
@@ -60,7 +62,7 @@ function nativeTextFromAnsi(value) {
       else delete style.link;
       continue;
     }
-    if (!/^\x1b\[[\d;:]*m$/.test(seq)) continue;
+    if (!/^\x1b\[[-\d;:]*m$/.test(seq)) continue;
     const codes = seq.slice(2, -1).replace(/:/g, ";").split(";").map(Number);
     for (let i = 0; i < codes.length; i++) {
       const code = codes[i];
@@ -89,7 +91,10 @@ function nativeTextFromAnsi(value) {
       else if (code >= 40 && code <= 47) style.bg = `index:${code - 40}`;
       else if (code >= 100 && code <= 107) style.bg = `index:${code - 100 + 8}`;
       else if ((code === 38 || code === 48) && codes[i + 1] === 5) {
-        style[code === 38 ? "fg" : "bg"] = `index:${Math.max(0, Math.min(255, codes[i + 2] ?? 0))}`;
+        const role = code === 38 ? "fg" : "bg";
+        const index = codes[i + 2] ?? 0;
+        if (index < 0) delete style[role];
+        else style[role] = `index:${Math.min(255, index)}`;
         i += 2;
       } else if ((code === 38 || code === 48) && codes[i + 1] === 2) {
         const rgb = codes.slice(i + 2, i + 5).map(
@@ -106,20 +111,6 @@ function nativeTextFromAnsi(value) {
 }
 
 // packages/cli/src/tui/native/components/text.ts
-var colorCache = /* @__PURE__ */ new Map();
-function nativeColor(value, background = false) {
-  if (value === void 0 || value === -1 || value === "default")
-    return background ? RGBA.defaultBackground() : RGBA.defaultForeground();
-  const key = String(value);
-  if (key === "index:-1") return background ? RGBA.defaultBackground() : RGBA.defaultForeground();
-  let color = colorCache.get(key);
-  if (!color) {
-    color = typeof value === "number" || /^\d+$/.test(key) ? RGBA.fromIndex(Number(value)) : key.startsWith("index:") ? RGBA.fromIndex(Number(key.slice(6))) : RGBA.fromHex(key);
-    if (colorCache.size >= 1024) colorCache.delete(colorCache.keys().next().value);
-    colorCache.set(key, color);
-  }
-  return color;
-}
 function plainText(value) {
   return typeof value === "string" ? stripTextControls(value) : (value ?? []).map((span) => stripTextControls(span.text)).join("");
 }
@@ -130,27 +121,280 @@ function styledText(value) {
   return new StyledText(textSpans(value).map((span) => ({
     __isChunk: true,
     text: span.text,
-    ...span.fg === void 0 ? {} : { fg: nativeColor(span.fg) },
-    ...span.bg === void 0 ? {} : { bg: nativeColor(span.bg, true) },
     ...span.attributes === void 0 ? {} : { attributes: span.attributes },
     ...span.link ? { link: { url: span.link } } : {}
   })));
 }
-function palette(theme) {
+function palette(_theme) {
+  const background2 = RGBA.defaultBackground();
+  const foreground2 = RGBA.defaultForeground();
   return {
-    background: nativeColor(theme.bg, true),
-    foreground: nativeColor(theme.textPrimary),
-    accent: nativeColor(theme.accent),
-    dim: nativeColor(theme.textDim),
-    border: nativeColor(theme.boxColor),
-    warning: nativeColor(theme.mode === "branding" ? 180 : 214),
-    error: nativeColor(theme.mode === "branding" ? 173 : 198),
-    success: nativeColor(theme.mode === "branding" ? 114 : 78),
-    selection: nativeColor(theme.mode === "branding" ? 65 : theme.accent < 0 ? 240 : theme.accent)
+    background: background2,
+    foreground: foreground2,
+    accent: foreground2,
+    dim: foreground2,
+    border: foreground2,
+    warning: foreground2,
+    error: foreground2,
+    success: foreground2,
+    selection: background2
+  };
+}
+function installDefaultSelectionContrast(renderer2) {
+  const foreground2 = RGBA.defaultForeground();
+  const background2 = RGBA.defaultBackground();
+  const paintSelection = (buffer) => {
+    const lines = buffer.getSpanLines();
+    buffer.withBuffers((cells) => {
+      for (let y = 0; y < lines.length; y++) {
+        let x = 0;
+        for (const span of lines[y].spans) {
+          if (span.fg.intent === "default" && span.bg.intent === "default" && !(span.attributes & TextAttributes.INVERSE) && span.fg.equals(background2) && span.bg.equals(foreground2)) {
+            for (let column = x; column < x + span.width; column++)
+              cells.attributes[y * cells.width + column] |= TextAttributes.INVERSE;
+          }
+          x += span.width;
+        }
+      }
+    });
+  };
+  renderer2.addPostProcessFn(paintSelection);
+  let disposed = false;
+  const dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    renderer2.removePostProcessFn(paintSelection);
+    renderer2.off(CliRenderEvents.DESTROY, dispose);
+  };
+  renderer2.once(CliRenderEvents.DESTROY, dispose);
+  renderer2.requestRender();
+  return dispose;
+}
+
+// packages/cli/src/tui/native/components/code.ts
+var aliases = {
+  js: "javascript",
+  jsx: "javascript",
+  ts: "typescript",
+  tsx: "typescriptreact",
+  py: "python",
+  sh: "bash",
+  shell: "bash",
+  yml: "yaml",
+  jsonl: "json",
+  json5: "json",
+  jsonc: "json"
+};
+function nativeCodeLanguage(language) {
+  const name = language?.trim().split(/\s+/)[0]?.toLowerCase();
+  return name ? aliases[name] ?? name : void 0;
+}
+function prettyNativeJson(source) {
+  try {
+    JSON.parse(source);
+  } catch {
+    return void 0;
+  }
+  let compact = "", quoted = false, escaped = false;
+  for (const char of source) {
+    if (quoted || !/[\t\r\n ]/.test(char)) compact += char;
+    if (quoted) {
+      if (escaped) escaped = false;
+      else if (char === "\\") escaped = true;
+      else if (char === '"') quoted = false;
+    } else if (char === '"') quoted = true;
+  }
+  let result = "", depth = 0;
+  quoted = escaped = false;
+  const newline = () => "\n" + "  ".repeat(depth);
+  for (let index = 0; index < compact.length; index++) {
+    const char = compact[index];
+    if (quoted) {
+      result += char;
+      if (escaped) escaped = false;
+      else if (char === "\\") escaped = true;
+      else if (char === '"') quoted = false;
+    } else if (char === '"') {
+      quoted = true;
+      result += char;
+    } else if (char === "{" || char === "[") {
+      result += char;
+      depth++;
+      if (compact[index + 1] !== (char === "{" ? "}" : "]"))
+        result += newline();
+    } else if (char === "}" || char === "]") {
+      depth--;
+      if (compact[index - 1] !== (char === "}" ? "{" : "["))
+        result += newline();
+      result += char;
+    } else if (char === ",") result += char + newline();
+    else if (char === ":") result += ": ";
+    else result += char;
+  }
+  return result;
+}
+function nativeCodeContent(source, language) {
+  const selected = nativeCodeLanguage(language);
+  if (selected === "json" || !selected && /^[\s]*[\[{]/.test(source)) {
+    const pretty = prettyNativeJson(source);
+    if (pretty !== void 0) return { content: pretty, language: "json" };
+  }
+  return { content: source, language: selected };
+}
+function nativeCodeHighlights(source) {
+  const highlights = [];
+  const tokens = /("(?:\\.|[^"\\])*"?|'(?:\\.|[^'\\])*'?|`(?:\\.|[^`\\])*`?)|(\/\/[^\n]*|\/\*[\s\S]*?(?:\*\/|$)|\#[^\n]*)|\b(true|false|null|None|True|False|nil)\b|\b(const|let|var|function|class|def|return|if|else|elif|for|while|in|import|from|export|async|await|try|catch|except|throw|raise|new|public|private|static|void|int|bool|struct|enum|fn|pub|use|match|impl|package|func|select|switch|case|break|continue|end|do|then|fi|done)\b|(?<![\w])(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)|([{}\[\](),:;])/g;
+  for (const match of source.matchAll(tokens)) {
+    const start = match.index, end = start + match[0].length;
+    const group = match[1] ? /^\s*:/.test(source.slice(end)) ? "property" : "string" : match[2] ? "comment" : match[3] ? "constant" : match[4] ? "keyword" : match[5] ? "number" : "punctuation";
+    highlights.push([start, end, group]);
+  }
+  return highlights;
+}
+function installNativeSyntax(syntax, colors) {
+  const base = { fg: colors.foreground, bg: colors.background };
+  for (const [name, attributes] of Object.entries({
+    default: {},
+    conceal: { dim: true },
+    "markup.heading": { bold: true },
+    "markup.strong": { bold: true },
+    "markup.italic": { italic: true },
+    "markup.link": { underline: true },
+    "markup.link.url": { dim: true },
+    "markup.raw": {},
+    "markup.list": { dim: true },
+    "markup.quote": { dim: true },
+    comment: { dim: true, italic: true },
+    keyword: { bold: true },
+    property: { bold: true },
+    "string.special.key": { bold: true },
+    string: { italic: true },
+    "string.escape": { bold: true },
+    number: { bold: true },
+    boolean: { bold: true },
+    constant: { bold: true },
+    function: { bold: true },
+    type: { underline: true },
+    punctuation: { dim: true },
+    operator: {},
+    variable: {},
+    tag: { bold: true },
+    attribute: { italic: true }
+  }))
+    syntax.registerStyle(name, { ...base, ...attributes });
+}
+function nativeMarkdownSections(owner, source, streaming = false) {
+  const bare = !source.includes("\n```") && !source.includes("\n~~~") && /^[\s]*[\[{]/.test(source) ? prettyNativeJson(source) : void 0;
+  if (bare !== void 0)
+    return [
+      {
+        id: `${owner}:json`,
+        kind: "code",
+        title: "JSON",
+        language: "json",
+        text: bare,
+        collapsible: true,
+        streaming
+      }
+    ];
+  const rows = source.split("\n"), offsets = [];
+  let offset = 0;
+  for (const row of rows) {
+    offsets.push(offset);
+    offset += row.length + 1;
+  }
+  const output = [], stack = [
+    { level: 0, children: output }
+  ];
+  let prose = [], proseStart = 0, segmented = false;
+  const current = () => stack.at(-1).children;
+  const flush = () => {
+    if (prose.join("\n").trim())
+      current().push({
+        id: `${owner}:prose:${proseStart}`,
+        kind: "markdown",
+        text: prose.join("\n"),
+        streaming
+      });
+    prose = [];
   };
+  for (let index = 0; index < rows.length; index++) {
+    const row = rows[index];
+    const fence = row.match(/^([ >]*)(`{3,}|~{3,})([^`]*)$/);
+    if (fence) {
+      flush();
+      segmented = true;
+      const start = offsets[index], contents = [], marker = fence[2];
+      const quoteDepth = (fence[1].match(/>/g) ?? []).length;
+      const indentation = Math.max(
+        0,
+        fence[1].split(">").at(-1).length - (quoteDepth ? 1 : 0)
+      );
+      const containerContent = (line) => {
+        for (let depth = 0; depth < quoteDepth; depth++)
+          line = line.replace(/^ {0,3}> ?/, "");
+        return line.replace(new RegExp(`^ {0,${indentation}}`), "");
+      };
+      while (++index < rows.length) {
+        const line = containerContent(rows[index]);
+        const closing = line.match(/^ {0,3}(`{3,}|~{3,})\s*$/);
+        if (closing && closing[1][0] === marker[0] && closing[1].length >= marker.length)
+          break;
+        contents.push(line);
+      }
+      const code = nativeCodeContent(contents.join("\n"), fence[3]);
+      current().push({
+        id: `${owner}:code:${start}`,
+        kind: "code",
+        title: code.language?.toUpperCase() ?? "CODE",
+        language: code.language,
+        text: code.content,
+        collapsible: true,
+        streaming: streaming && index >= rows.length
+      });
+      continue;
+    }
+    const atx = row.match(/^ {0,3}(#{1,6})(?:\s+(.*?)\s*#*\s*|\s*)$/);
+    const setext = row.trim() && rows[index + 1]?.match(/^ {0,3}(=+|-+)\s*$/);
+    if (atx || setext) {
+      flush();
+      segmented = true;
+      const level = atx ? atx[1].length : setext[1][0] === "=" ? 1 : 2;
+      while (stack.length > 1 && stack.at(-1).level >= level) stack.pop();
+      const section = {
+        id: `${owner}:section:${offsets[index]}`,
+        kind: "column",
+        title: atx ? atx[2] ?? "" : row.trim(),
+        collapsible: true,
+        children: []
+      };
+      current().push(section);
+      stack.push({ level, children: section.children });
+      if (!atx) index++;
+    } else {
+      if (!prose.length) proseStart = offsets[index];
+      prose.push(row);
+    }
+  }
+  flush();
+  return segmented ? output : void 0;
 }
 
 // packages/cli/src/tui/native/components/blocks.ts
+function nativeProgressText(value, working = false) {
+  if (value === void 0 || !Number.isFinite(value)) return `[············] ${working ? "working" : "pending"}`;
+  const ratio = Math.max(0, Math.min(1, value));
+  const filled = Math.round(ratio * 12);
+  return `[${"•".repeat(filled)}${"·".repeat(12 - filled)}] ${Math.round(ratio * 100)}%`;
+}
+function nativeControlFocus(control, baseAttributes = 0) {
+  const update = () => {
+    if (!control.isDestroyed) control.attributes = baseAttributes | (control.focused ? 32 : 0);
+  };
+  control.on(RenderableEvents.FOCUSED, update);
+  control.on(RenderableEvents.BLURRED, update);
+  update();
+}
 var NativeBlockView = class {
   constructor(context, spec, inline = false) {
     this.context = context;
@@ -177,14 +421,15 @@ var NativeBlockView = class {
   text;
   body;
   children;
+  markdownSections;
   actions;
-  progressBar;
-  progressValue;
+  progress;
   image;
   terminal;
   collapsed = false;
   previousModelCollapsed;
   signature = "";
+  actionsSignature = "";
   pixel;
   get block() {
     return this.spec;
@@ -192,16 +437,18 @@ var NativeBlockView = class {
   build() {
     const { renderer: renderer2, colors, syntax } = this.context;
     const spec = this.spec;
-    if (spec.kind === "card") this.root.borderStyle = "rounded";
-    this.root.border = spec.kind === "card";
-    this.root.paddingX = spec.kind === "card" ? 1 : 0;
-    this.root.marginBottom = spec.kind === "card" ? 1 : 0;
+    if (spec.kind === "card") this.root.borderStyle = "single";
+    this.root.border = spec.kind === "card" ? ["left", "bottom"] : false;
+    this.root.paddingLeft = spec.kind === "card" ? 1 : 0;
+    this.root.paddingRight = 0;
+    this.root.marginBottom = 0;
     this.root.flexDirection = spec.kind === "row" ? "row" : "column";
     if (spec.title) {
       this.title = new TextRenderable(renderer2, {
         id: `block-title:${spec.id}`,
         content: "",
-        fg: colors.accent,
+        fg: colors.foreground,
+        attributes: 1,
         flexShrink: 0,
         width: "100%",
         wrapMode: "word",
@@ -210,8 +457,15 @@ var NativeBlockView = class {
           if (event.button !== 0 || !this.spec.collapsible) return;
           this.toggle();
           event.stopPropagation();
+        },
+        onKeyDown: (key) => {
+          if (key.eventType === "release" || !this.spec.collapsible || key.name !== "return" && key.sequence !== " ") return;
+          this.toggle();
+          key.preventDefault();
+          key.stopPropagation();
         }
       });
+      nativeControlFocus(this.title, 1);
       this.root.add(this.title);
     }
     this.body = new BoxRenderable(renderer2, {
@@ -270,14 +524,31 @@ var NativeBlockView = class {
         flexShrink: 0,
         internalBlockMode: "top-level",
         conceal: true,
-        tableOptions: { style: "columns", widthMode: "full", wrapMode: "word", selectable: true }
+        tableOptions: { style: "columns", widthMode: "full", wrapMode: "word", selectable: true },
+        renderNode: (token) => {
+          if (token.type !== "code") return;
+          const value = nativeCodeContent(token.text, token.lang);
+          return new CodeRenderable(renderer2, {
+            content: value.content,
+            filetype: value.language ?? "text",
+            syntaxStyle: syntax,
+            fg: colors.foreground,
+            bg: colors.background,
+            width: "100%",
+            flexShrink: 0,
+            wrapMode: "word",
+            selectable: true,
+            streaming: this.spec.streaming ?? false,
+            onHighlight: (highlights, context) => highlights.length ? void 0 : nativeCodeHighlights(context.content)
+          });
+        }
       });
       this.body.add(this.text);
     } else if (spec.kind === "code") {
       this.text = new CodeRenderable(renderer2, {
         id: `code:${spec.id}`,
         content: "",
-        filetype: spec.language,
+        filetype: spec.language ?? "text",
         syntaxStyle: syntax,
         fg: colors.foreground,
         bg: colors.background,
@@ -286,7 +557,8 @@ var NativeBlockView = class {
         streaming: spec.streaming ?? false,
         selectable: true,
         wrapMode: "word",
-        drawUnstyledText: true
+        drawUnstyledText: true,
+        onHighlight: (highlights, context) => highlights.length ? void 0 : nativeCodeHighlights(context.content)
       });
       this.body.add(this.text);
     } else if (spec.text !== void 0) {
@@ -303,36 +575,37 @@ var NativeBlockView = class {
       this.body.add(this.text);
     }
     if (spec.kind === "progress") {
-      this.progressBar = new BoxRenderable(renderer2, {
+      this.progress = new TextRenderable(renderer2, {
         id: `progress-track:${spec.id}`,
         width: "100%",
         height: 1,
-        backgroundColor: colors.dim
-      });
-      this.progressValue = new BoxRenderable(renderer2, {
-        id: `progress-value:${spec.id}`,
-        height: 1,
-        width: "0%",
-        backgroundColor: colors.accent
+        content: "",
+        fg: colors.foreground,
+        bg: colors.background,
+        attributes: 2,
+        wrapMode: "none",
+        selectable: false
       });
-      this.progressBar.add(this.progressValue);
-      this.body.add(this.progressBar);
+      this.body.add(this.progress);
     }
     this.children = new NativeBlockList(this.context, this.body);
     this.actions = new BoxRenderable(renderer2, {
       id: `block-actions:${spec.id}`,
       flexDirection: "row",
-      gap: 2,
+      gap: 1,
       flexShrink: 0
     });
     this.root.add(this.actions);
   }
   reset() {
     this.children?.destroy();
+    this.markdownSections?.destroy();
+    this.markdownSections = void 0;
     if (this.terminal) this.context.terminals.delete(this.spec.id);
     for (const child of [...this.root.getChildren()]) child.destroyRecursively();
-    this.title = this.text = this.body = this.actions = this.progressBar = this.progressValue = this.image = this.terminal = void 0;
+    this.title = this.text = this.body = this.actions = this.progress = this.image = this.terminal = void 0;
     this.children = void 0;
+    this.actionsSignature = "";
     this.build();
   }
   update(spec) {
@@ -346,27 +619,43 @@ var NativeBlockView = class {
       this.collapsed = spec.collapsed ?? false;
       this.previousModelCollapsed = spec.collapsed;
     }
-    if (this.title) this.title.content = styledText(`${spec.collapsible ? this.collapsed ? "▸ " : "▾ " : ""}${spec.title ?? ""}`);
+    if (this.title) {
+      this.title.content = `${spec.collapsible ? this.collapsed ? "▸ " : "· " : ""}${plainText(spec.title)}`;
+      this.title.focusable = Boolean(spec.collapsible);
+    }
     if (this.body) this.body.visible = !this.collapsed;
+    const sections = spec.kind === "markdown" ? nativeMarkdownSections(spec.id, plainText(spec.text), spec.streaming) : void 0;
+    if (this.text && spec.kind === "markdown") this.text.visible = !sections;
+    if (sections && this.body) {
+      this.markdownSections ??= new NativeBlockList(this.context, this.body);
+      this.markdownSections.replace(sections);
+    } else if (this.markdownSections) {
+      this.markdownSections.destroy();
+      this.markdownSections = void 0;
+    }
     if (this.text instanceof TextRenderable) this.text.content = styledText(spec.kind === "image" ? spec.text ?? "Image unavailable" : spec.text);
     else if (this.text instanceof MarkdownRenderable || this.text instanceof CodeRenderable) {
-      this.text.content = plainText(spec.text);
+      const code = this.text instanceof CodeRenderable ? nativeCodeContent(plainText(spec.text), spec.language) : void 0;
+      this.text.content = sections ? "" : code?.content ?? plainText(spec.text);
       this.text.streaming = spec.streaming ?? false;
-      if (this.text instanceof CodeRenderable) this.text.filetype = spec.language;
+      if (this.text instanceof CodeRenderable) this.text.filetype = code?.language ?? "text";
     }
     if (this.image && spec.imagePath && this.image.source !== spec.imagePath) this.image.source = spec.imagePath;
     if (this.terminal) this.terminal.height = spec.height ?? 14;
     if (this.image) this.image.height = spec.height ?? 12;
-    if (this.progressValue) this.progressValue.width = `${Math.round(Math.min(1, Math.max(0, spec.progress ?? 0)) * 100)}%`;
+    if (this.progress) this.progress.content = nativeProgressText(spec.progress, spec.streaming);
     this.children?.replace(spec.children ?? []);
-    if (this.actions) {
+    const actionsSignature = JSON.stringify(spec.actions ?? []);
+    if (this.actions && actionsSignature !== this.actionsSignature) {
+      this.actionsSignature = actionsSignature;
       for (const child of [...this.actions.getChildren()]) child.destroy();
       for (const action of spec.actions ?? []) {
         const button = new TextRenderable(this.context.renderer, {
           id: `block-action:${spec.id}:${action.id}`,
-          content: styledText(action.label),
-          fg: action.disabled ? this.context.colors.dim : spec.color ? nativeColor(spec.color) : this.context.colors.accent,
-          attributes: action.active ? 33 : 0,
+          content: plainText(action.label),
+          fg: this.context.colors.foreground,
+          bg: this.context.colors.background,
+          attributes: action.disabled ? 2 : action.active ? 1 : 0,
           flexShrink: 0,
           selectable: false,
           onMouseDown: (event) => {
@@ -375,12 +664,13 @@ var NativeBlockView = class {
             event.stopPropagation();
           },
           onKeyDown: (key) => {
-            if (key.name !== "return" || action.disabled) return;
+            if (key.eventType === "release" || key.name !== "return" && key.sequence !== " " || action.disabled) return;
             this.context.emit({ type: "action", action: action.command ?? action.id, id: this.spec.id });
             key.preventDefault();
           }
         });
         button.focusable = !action.disabled;
+        nativeControlFocus(button, action.disabled ? 2 : action.active ? 1 : 0);
         if (action.id.startsWith("pixel:") && !action.disabled) {
           button.onMouseOver = () => this.context.emit({ type: "action", action: `hover:${action.id}`, id: this.spec.id });
           button.onMouseOut = () => this.context.emit({ type: "action", action: `hover-end:${action.id}`, id: this.spec.id });
@@ -394,29 +684,37 @@ var NativeBlockView = class {
   toggle() {
     this.collapsed = !this.collapsed;
     if (this.body) this.body.visible = !this.collapsed;
-    if (this.title) this.title.content = styledText(`${this.collapsed ? "▸ " : "▾ "}${this.spec.title ?? ""}`);
+    if (this.title) this.title.content = `${this.collapsed ? "▸ " : "· "}${plainText(this.spec.title)}`;
     this.context.emit({ type: "action", action: "toggle-block", id: this.spec.id });
   }
   applyTheme() {
     const colors = this.context.colors;
     this.root.backgroundColor = colors.background;
-    if (this.spec.kind === "card") this.root.borderColor = this.spec.color ? nativeColor(this.spec.color) : colors.border;
+    if (this.spec.kind === "card") this.root.borderColor = colors.border;
     else this.root.border = false;
     if (this.title) {
-      this.title.fg = this.spec.color ? nativeColor(this.spec.color) : colors.accent;
+      this.title.fg = colors.foreground;
       this.title.bg = colors.background;
     }
     if (this.body) this.body.backgroundColor = colors.background;
     if (this.text) {
-      this.text.fg = this.spec.color ? nativeColor(this.spec.color) : colors.foreground;
+      this.text.fg = colors.foreground;
       this.text.bg = colors.background;
     }
-    if (this.progressBar) this.progressBar.backgroundColor = colors.dim;
-    if (this.progressValue) this.progressValue.backgroundColor = colors.accent;
+    if (this.progress) {
+      this.progress.fg = colors.foreground;
+      this.progress.bg = colors.background;
+    }
+    for (const action of this.actions?.getChildren() ?? []) if (action instanceof TextRenderable) {
+      action.fg = colors.foreground;
+      action.bg = colors.background;
+    }
     this.children?.applyTheme();
+    this.markdownSections?.applyTheme();
   }
   destroy() {
     this.children?.destroy();
+    this.markdownSections?.destroy();
     if (this.terminal) this.context.terminals.delete(this.spec.id);
     this.root.destroyRecursively();
   }
@@ -476,19 +774,104 @@ var NativeBlockList = class {
 
 // packages/cli/src/tui/native/components/modals.ts
 import {
-  BoxRenderable as BoxRenderable2,
+  BoxRenderable as BoxRenderable3,
   InputRenderable,
   ScrollBoxRenderable as ScrollBoxRenderable2,
   TextareaRenderable,
+  TextAttributes as TextAttributes4,
   TextRenderable as TextRenderable2
 } from "@opentui/core";
 
 // packages/cli/src/tui/native/components/select.ts
 import { SelectRenderable } from "@opentui/core";
+
+// packages/cli/src/tui/native/components/scrollbar.ts
+import { TextAttributes as TextAttributes2 } from "@opentui/core";
+function drawDotRail(buffer, x, y, length, horizontal, progress, colors) {
+  length = Math.max(0, Math.trunc(length));
+  if (!length) return;
+  buffer.fillRect(x, y, horizontal ? length : 1, horizontal ? 1 : length, colors.background);
+  if (horizontal) buffer.drawText("─".repeat(length), x, y, colors.foreground, colors.background, TextAttributes2.DIM);
+  else for (let row = 0; row < length; row++) buffer.drawText("│", x, y + row, colors.foreground, colors.background, TextAttributes2.DIM);
+  const position = Math.round(Math.max(0, Math.min(1, progress)) * (length - 1));
+  buffer.drawText("•", x + (horizontal ? position : 0), y + (horizontal ? 0 : position), colors.foreground, colors.background, TextAttributes2.BOLD);
+}
+function styleNativeScrollbars(scroll, colors) {
+  for (const bar of [scroll.horizontalScrollBar, scroll.verticalScrollBar]) {
+    bar.showArrows = false;
+    const slider = bar.slider;
+    slider.foregroundColor = colors.foreground;
+    slider.backgroundColor = colors.background;
+    slider.renderAfter = (buffer) => {
+      const horizontal = slider.orientation === "horizontal";
+      drawDotRail(
+        buffer,
+        slider.x,
+        slider.y,
+        horizontal ? slider.width : slider.height,
+        horizontal,
+        slider.max > slider.min ? (slider.value - slider.min) / (slider.max - slider.min) : 0,
+        colors
+      );
+    };
+    let dragging = false;
+    const seek = (event) => {
+      const horizontal = slider.orientation === "horizontal";
+      const length = horizontal ? slider.width : slider.height;
+      const offset = horizontal ? event.x - slider.x : event.y - slider.y;
+      const progress = length > 1 ? Math.max(0, Math.min(1, offset / (length - 1))) : 0;
+      slider.value = slider.min + progress * (slider.max - slider.min);
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    slider.onMouseDown = (event) => {
+      if (event.button === 0) {
+        dragging = true;
+        seek(event);
+      }
+    };
+    slider.onMouseDrag = (event) => {
+      if (dragging) seek(event);
+    };
+    slider.onMouseUp = (event) => {
+      if (dragging) seek(event);
+      dragging = false;
+    };
+    slider.onMouseDragEnd = () => {
+      dragging = false;
+    };
+  }
+}
+
+// packages/cli/src/tui/native/components/select.ts
 var NativeSelectRenderable = class extends SelectRenderable {
   onActivate;
+  draggingRail = false;
   constructor(renderer2, options) {
     super(renderer2, options);
+    const colors = palette({ mode: "system", bg: -1, accent: -1, textPrimary: -1, textDim: -1, boxColor: -1 });
+    this.renderAfter = (buffer) => {
+      const count = this.visibleCount();
+      if (!this.showScrollIndicator || this.options.length <= count) return;
+      const offset = Math.max(0, Math.min(this.getSelectedIndex() - Math.floor(count / 2), this.options.length - count));
+      drawDotRail(buffer, this.width - 1, 0, this.height, false, offset / (this.options.length - count), colors);
+    };
+  }
+  visibleCount() {
+    return Math.max(1, Math.floor(this.height / (this.showDescription ? 2 : 1)));
+  }
+  seekRail(event) {
+    const progress = this.height > 1 ? Math.max(0, Math.min(1, (event.y - this.y) / (this.height - 1))) : 0;
+    const target = Math.round(progress * Math.max(0, this.options.length - 1));
+    for (let distance = 0; distance < this.options.length; distance++) {
+      const index = [target + distance, target - distance].find((candidate) => candidate >= 0 && candidate < this.options.length && !this.disabled(candidate));
+      if (index !== void 0) {
+        this.setSelectedIndex(index);
+        break;
+      }
+    }
+    event.preventDefault();
+    event.stopPropagation();
   }
   disabled(index) {
     const option = this.options[index];
@@ -517,6 +900,11 @@ var NativeSelectRenderable = class extends SelectRenderable {
     if (!this.disabled(this.getSelectedIndex())) super.selectCurrent();
   }
   onMouseEvent(event) {
+    if ((event.type === "drag" || event.type === "up") && this.draggingRail) {
+      this.seekRail(event);
+      if (event.type === "up") this.draggingRail = false;
+      return;
+    }
     if (event.type === "scroll") {
       if (event.scroll?.direction === "up") this.moveUp(1);
       else if (event.scroll?.direction === "down") this.moveDown(1);
@@ -524,6 +912,11 @@ var NativeSelectRenderable = class extends SelectRenderable {
       return;
     }
     if (event.type !== "down" || event.button !== 0) return;
+    if (this.showScrollIndicator && this.options.length > this.visibleCount() && event.x === this.x + this.width - 1) {
+      this.draggingRail = true;
+      this.seekRail(event);
+      return;
+    }
     const lines = this.showDescription ? 2 : 1;
     const count = Math.max(1, Math.floor(this.height / lines));
     const start = Math.max(0, Math.min(this.getSelectedIndex() - Math.floor(count / 2), this.options.length - count));
@@ -536,6 +929,169 @@ var NativeSelectRenderable = class extends SelectRenderable {
   }
 };
 
+// packages/cli/src/tui/native/components/corner-frame.ts
+import { BoxRenderable as BoxRenderable2, CliRenderEvents as CliRenderEvents2, RenderableEvents as RenderableEvents2, TextAttributes as TextAttributes3 } from "@opentui/core";
+function drawCornerFrame(buffer, panel, colors, progress = 1) {
+  const { x, y, width, height } = panel;
+  if (width <= 0 || height <= 0) return;
+  const draw = (text, column, row) => buffer.drawText(text, column, row, colors.foreground, colors.background, TextAttributes3.DIM);
+  draw(" ".repeat(width), x, y);
+  if (height > 1) draw(" ".repeat(width), x, y + height - 1);
+  for (let row = 1; row < height - 1; row++) {
+    draw(" ", x, y + row);
+    if (width > 1) draw(" ", x + width - 1, y + row);
+  }
+  if (height === 1) {
+    draw("─".repeat(width), x, y);
+    return;
+  }
+  if (width === 1) {
+    for (let row = 0; row < height; row++) draw("│", x, y + row);
+    return;
+  }
+  const fraction = Math.max(0, Math.min(1, progress));
+  const horizontal = Math.round(Math.min(4, Math.max(0, Math.floor((width - 3) / 2))) * fraction);
+  const vertical = Math.round(Math.min(2, Math.max(0, Math.floor((height - 3) / 2))) * fraction);
+  draw(`┌${"─".repeat(horizontal)}`, x, y);
+  draw(`${"─".repeat(horizontal)}┐`, x + width - horizontal - 1, y);
+  draw(`└${"─".repeat(horizontal)}`, x, y + height - 1);
+  draw(`${"─".repeat(horizontal)}┘`, x + width - horizontal - 1, y + height - 1);
+  for (let arm = 1; arm <= vertical; arm++) {
+    for (const column of [x, x + width - 1]) {
+      draw("│", column, y + arm);
+      draw("│", column, y + height - arm - 1);
+    }
+  }
+}
+var NativeCornerFrame = class {
+  constructor(panel, colors, renderer2, container = panel.parent) {
+    this.panel = panel;
+    this.colors = colors;
+    this.renderer = renderer2;
+    this.container = container;
+    this.chrome = new BoxRenderable2(renderer2, {
+      id: `${panel.id}:corners`,
+      position: "absolute",
+      left: 0,
+      top: 0,
+      width: 1,
+      height: 1,
+      backgroundColor: colors.background,
+      shouldFill: true,
+      zIndex: 0,
+      visible: false
+    });
+    this.chrome.renderAfter = (buffer) => {
+      drawCornerFrame(buffer, this.chrome, this.colors, this.progress);
+      if (this.progress < 0.1 && this.chrome.width >= 3 && this.chrome.height >= 3)
+        buffer.drawText("■", this.chrome.x + Math.floor(this.chrome.width / 2), this.chrome.y + Math.floor(this.chrome.height / 2), this.colors.foreground, this.colors.background);
+      this.painted = true;
+    };
+    (container ?? renderer2.root).add(this.chrome, 0);
+    panel.border = false;
+    panel.shouldFill = false;
+    panel.zIndex = 1;
+    panel.opacity = this.reduced ? 1 : 0;
+    panel.once(RenderableEvents2.DESTROYED, this.destroy);
+    if (this.reduced) {
+      this.progress = 1;
+      this.phase = "open";
+    }
+    renderer2.on(CliRenderEvents2.FRAME, this.onFrame);
+  }
+  panel;
+  colors;
+  renderer;
+  container;
+  chrome;
+  progress = 0;
+  timer;
+  disposed = false;
+  phase = "opening";
+  started = false;
+  painted = false;
+  geometry = "";
+  reduced = process.env["OMNIUS_TUI_REDUCE_MOTION"] === "1" || process.env["REDUCE_MOTION"] === "1";
+  get animating() {
+    return !this.disposed && (this.phase === "opening" || this.phase === "closing");
+  }
+  get closing() {
+    return this.phase === "closing" || this.phase === "closed";
+  }
+  get bounds() {
+    return this.chrome;
+  }
+  setColors(colors) {
+    this.colors = colors;
+    this.chrome.backgroundColor = colors.background;
+  }
+  onFrame = () => {
+    this.layout();
+    if (!this.started && this.painted && this.panel.width > 0 && this.panel.height > 0) {
+      this.started = true;
+      if (this.phase === "opening") this.animate(1, 10);
+    }
+  };
+  layout() {
+    if (this.disposed || this.panel.width < 1 || this.panel.height < 1) return;
+    const target = this.panel;
+    const width = Math.round(Math.min(5, target.width) + (target.width - Math.min(5, target.width)) * this.progress);
+    const height = Math.round(Math.min(3, target.height) + (target.height - Math.min(3, target.height)) * this.progress);
+    const left = target.x - (this.container?.x ?? 0) + Math.floor((target.width - width) / 2);
+    const top = target.y - (this.container?.y ?? 0) + Math.floor((target.height - height) / 2);
+    const geometry = `${left}:${top}:${width}:${height}`;
+    if (this.geometry === geometry) return;
+    this.geometry = geometry;
+    this.chrome.left = left;
+    this.chrome.top = top;
+    this.chrome.width = width;
+    this.chrome.height = height;
+    this.chrome.visible = true;
+    this.renderer.requestRender();
+  }
+  animate(to, steps, done) {
+    if (this.timer) clearTimeout(this.timer);
+    const from = this.progress;
+    let step = 0;
+    const advance = () => {
+      if (this.disposed) return;
+      const t = ++step / steps;
+      this.progress = from + (to - from) * (t * t * (3 - 2 * t));
+      this.layout();
+      this.renderer.requestRender();
+      if (step < steps) this.timer = setTimeout(advance, 16);
+      else if (to === 1) {
+        this.phase = "open";
+        this.panel.opacity = 1;
+        this.timer = void 0;
+      } else this.timer = setTimeout(() => {
+        this.timer = void 0;
+        this.phase = "closed";
+        done?.();
+      }, 32);
+    };
+    this.timer = setTimeout(advance, 16);
+  }
+  close(done) {
+    if (this.closing || this.disposed) return;
+    this.phase = "closing";
+    this.panel.opacity = 0;
+    if (this.reduced) {
+      this.phase = "closed";
+      done();
+    } else this.animate(0, 8, done);
+  }
+  destroy = () => {
+    if (this.disposed) return;
+    this.disposed = true;
+    if (this.timer !== void 0) clearTimeout(this.timer);
+    this.timer = void 0;
+    this.panel.off(RenderableEvents2.DESTROYED, this.destroy);
+    this.renderer.off(CliRenderEvents2.FRAME, this.onFrame);
+    this.chrome.destroyRecursively();
+  };
+};
+
 // packages/cli/src/tui/native/components/modals.ts
 var NativeModalView = class {
   constructor(context, spec, close2) {
@@ -543,7 +1099,7 @@ var NativeModalView = class {
     this.close = close2;
     this.spec = spec;
     const { renderer: renderer2, colors } = context;
-    this.root = new BoxRenderable2(renderer2, {
+    this.root = new BoxRenderable3(renderer2, {
       id: `modal:${spec.id}`,
       position: "absolute",
       top: 0,
@@ -554,22 +1110,32 @@ var NativeModalView = class {
       justifyContent: "center",
       alignItems: "center",
       zIndex: 100,
-      backgroundColor: colors.background
+      backgroundColor: "transparent",
+      shouldFill: false,
+      onMouseDown: (event) => {
+        const bounds = this.frame.bounds;
+        if (event.button === 0 && (event.x < bounds.x || event.x >= bounds.x + bounds.width || event.y < bounds.y || event.y >= bounds.y + bounds.height)) {
+          this.cancel();
+          event.preventDefault();
+          event.stopPropagation();
+        }
+      }
     });
-    this.panel = new BoxRenderable2(renderer2, {
+    this.panel = new BoxRenderable3(renderer2, {
       id: `modal-panel:${spec.id}`,
       flexDirection: "column",
       width: "94%",
       maxHeight: "94%",
-      border: true,
-      borderStyle: "rounded",
-      borderColor: colors.border,
+      border: false,
       backgroundColor: colors.background,
-      paddingX: 1,
+      shouldFill: false,
+      paddingX: 2,
       paddingY: 1,
+      focusable: true,
       onMouseDown: () => this.focus()
     });
     this.root.add(this.panel);
+    this.frame = new NativeCornerFrame(this.panel, colors, renderer2, this.root);
     this.breadcrumb = this.addText(`modal-breadcrumb:${spec.id}`);
     this.heading = this.addText(`modal-title:${spec.id}`);
     this.description = this.addText(`modal-description:${spec.id}`);
@@ -585,20 +1151,29 @@ var NativeModalView = class {
         viewportCulling: true,
         contentOptions: { flexDirection: "column" }
       });
+      styleNativeScrollbars(this.document, colors);
       this.blocks = new NativeBlockList(this.modalContext(), this.document);
       this.panel.add(this.document);
     } else {
-      this.progressTrack = new BoxRenderable2(renderer2, { id: `modal-progress:${spec.id}`, width: "100%", height: 1, backgroundColor: colors.dim });
-      this.progressValue = new BoxRenderable2(renderer2, { id: `modal-progress-value:${spec.id}`, width: "0%", height: 1, backgroundColor: colors.accent });
-      this.progressTrack.add(this.progressValue);
-      this.panel.add(this.progressTrack);
-      const progressBlocks = new BoxRenderable2(renderer2, { id: `modal-progress-blocks:${spec.id}`, flexDirection: "column", width: "100%" });
+      this.progress = new TextRenderable2(renderer2, {
+        id: `modal-progress:${spec.id}`,
+        width: "100%",
+        height: 1,
+        content: "",
+        fg: colors.foreground,
+        bg: colors.background,
+        attributes: 2,
+        wrapMode: "none",
+        selectable: false
+      });
+      this.panel.add(this.progress);
+      const progressBlocks = new BoxRenderable3(renderer2, { id: `modal-progress-blocks:${spec.id}`, flexDirection: "column", width: "100%" });
       this.panel.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 BoxRenderable2(renderer2, { id: `modal-actions:${spec.id}`, flexDirection: "row", gap: 2, width: "100%", marginTop: 1 });
+    this.actions = new BoxRenderable3(renderer2, { id: `modal-actions:${spec.id}`, flexDirection: "row", gap: 1, width: "100%", marginTop: 0 });
     this.panel.add(this.actions);
     this.update(spec);
   }
@@ -606,6 +1181,7 @@ var NativeModalView = class {
   close;
   root;
   panel;
+  frame;
   spec;
   heading;
   description;
@@ -619,11 +1195,11 @@ var NativeModalView = class {
   select;
   document;
   blocks;
-  progressTrack;
-  progressValue;
+  progress;
   filtered = [];
   filter = "";
   changing = false;
+  actionsSignature = "";
   addText(id) {
     const text = new TextRenderable2(this.context.renderer, { id, content: "", width: "100%", wrapMode: "word", flexShrink: 0, fg: this.context.colors.foreground, selectable: true });
     this.panel.add(text);
@@ -636,6 +1212,7 @@ var NativeModalView = class {
       width: "100%",
       value: this.spec.filter ?? "",
       placeholder: "Filter…",
+      placeholderColor: colors.foreground,
       textColor: colors.foreground,
       backgroundColor: colors.background,
       focusedTextColor: colors.foreground,
@@ -682,8 +1259,8 @@ var NativeModalView = class {
       focusedTextColor: colors.foreground,
       focusedBackgroundColor: colors.background,
       placeholder: this.spec.placeholder ?? "",
-      selectionBg: colors.selection,
-      cursorColor: colors.accent,
+      placeholderColor: colors.foreground,
+      cursorColor: colors.foreground,
       onContentChange: () => {
         if (!this.editor || this.changing) return;
         this.refreshMask();
@@ -713,14 +1290,14 @@ var NativeModalView = class {
     const spec = this.spec;
     this.changing = true;
     try {
-      this.heading.content = styledText(spec.title);
+      this.heading.content = plainText(spec.title);
       this.description.content = styledText(spec.description);
       this.description.visible = plainText(spec.description).length > 0;
       this.breadcrumb.content = (spec.breadcrumbs ?? []).join(" › ");
       this.breadcrumb.visible = (spec.breadcrumbs?.length ?? 0) > 0;
       this.error.content = spec.validationError ?? "";
       this.error.visible = Boolean(spec.validationError);
-      this.hints.content = spec.hints ?? (spec.kind === "select" ? "↑ ↓ select · Enter confirm · Esc return" : spec.multiline ? "Ctrl+Enter confirm · Esc return" : "Enter confirm · Esc return");
+      this.hints.content = spec.hints ?? `${spec.deferSelection || spec.captureKeys ? "" : "Tab controls · "}${spec.kind === "select" ? "↑ ↓ select · Enter confirm · Esc return" : spec.multiline ? "Ctrl+Enter confirm · Esc return" : "Enter confirm · Esc return"}`;
       if (this.filterInput && patch.filter !== void 0 && patch.filter !== old.filter) {
         this.filter = patch.filter;
         this.filterInput.setText(patch.filter);
@@ -729,29 +1306,36 @@ var NativeModalView = class {
       this.refreshMask();
       this.refreshOptions(patch.selectedIndex);
       this.blocks?.replace(spec.blocks ?? []);
-      if (this.progressValue) this.progressValue.width = `${Math.round(Math.max(0, Math.min(1, spec.progress ?? 0)) * 100)}%`;
-      for (const child of [...this.actions.getChildren()]) child.destroy();
-      for (const action of spec.actions ?? []) {
-        const button = new TextRenderable2(this.context.renderer, {
-          id: `modal-action:${spec.id}:${action.id}`,
-          content: styledText(action.label),
-          fg: action.disabled ? this.context.colors.dim : this.context.colors.accent,
-          selectable: false,
-          onMouseDown: (event) => {
-            if (event.button !== 0 || action.disabled) return;
-            this.emitAction(action.command ?? action.id, this.editor?.plainText);
-            event.stopPropagation();
-          },
-          onKeyDown: (key) => {
-            if (key.name !== "return" || action.disabled) return;
-            this.emitAction(action.command ?? action.id, this.editor?.plainText);
-            key.preventDefault();
-          }
-        });
-        button.focusable = !action.disabled;
-        this.actions.add(button);
+      if (this.progress) this.progress.content = nativeProgressText(spec.progress, true);
+      const actionsSignature = JSON.stringify(spec.actions ?? []);
+      if (actionsSignature !== this.actionsSignature) {
+        this.actionsSignature = actionsSignature;
+        for (const child of [...this.actions.getChildren()]) child.destroy();
+        for (const action of spec.actions ?? []) {
+          const button = new TextRenderable2(this.context.renderer, {
+            id: `modal-action:${spec.id}:${action.id}`,
+            content: plainText(action.label),
+            fg: this.context.colors.foreground,
+            bg: this.context.colors.background,
+            attributes: action.disabled ? 2 : action.active ? 1 : 0,
+            selectable: false,
+            onMouseDown: (event) => {
+              if (event.button !== 0 || action.disabled) return;
+              this.emitAction(action.command ?? action.id, this.editor?.plainText);
+              event.stopPropagation();
+            },
+            onKeyDown: (key) => {
+              if (key.eventType === "release" || key.name !== "return" && key.sequence !== " " || action.disabled) return;
+              this.emitAction(action.command ?? action.id, this.editor?.plainText);
+              key.preventDefault();
+            }
+          });
+          button.focusable = !action.disabled;
+          nativeControlFocus(button, action.disabled ? 2 : action.active ? 1 : 0);
+          this.actions.add(button);
+        }
+        this.actions.visible = (spec.actions?.length ?? 0) > 0;
       }
-      this.actions.visible = (spec.actions?.length ?? 0) > 0;
     } finally {
       this.changing = false;
     }
@@ -790,6 +1374,7 @@ var NativeModalView = class {
     this.context.emit({ type: "modal-action", id: this.spec.id, action, key: current?.item.key, index: current?.index, value });
   }
   confirm() {
+    if (this.frame.closing) return;
     if (this.spec.kind === "progress") {
       this.emitAction("enter");
       return;
@@ -804,6 +1389,7 @@ var NativeModalView = class {
     this.close(this.spec.id, { confirmed: true, key: current?.item.key ?? null, index: current?.index ?? -1, ...value === void 0 ? {} : { value } });
   }
   cancel(action = "cancel") {
+    if (this.frame.closing) return;
     if (this.spec.deferSelection) {
       this.emitAction(action);
       return;
@@ -811,25 +1397,49 @@ var NativeModalView = class {
     this.close(this.spec.id, { confirmed: false, key: this.spec.breadcrumbs?.length ? "__back__" : null, index: this.current()?.index ?? -1 });
   }
   focus() {
+    if (this.frame.closing) return;
     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();
   }
+  nextControl(direction) {
+    const controls = [];
+    const visit = (node) => {
+      if (!node.visible || node.isDestroyed) return;
+      if (node !== this.panel && node.focusable) controls.push(node);
+      for (const child of node.getChildren()) visit(child);
+    };
+    visit(this.panel);
+    if (!controls.length) {
+      this.panel.focus();
+      return;
+    }
+    const focused = this.context.renderer.currentFocusedRenderable;
+    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);
+  }
   handleKey(key) {
     const consume = () => {
       key.preventDefault();
       key.stopPropagation();
       return true;
     };
+    if (this.frame.closing) return consume();
+    if (key.eventType === "release") return false;
     if (key.name === "escape" || key.ctrl && key.name === "c") {
       this.cancel();
       return consume();
     }
     if (key.name === "tab") {
-      this.emitAction(key.shift ? "shift-tab" : "tab");
+      if (this.spec.deferSelection || this.spec.captureKeys) this.emitAction(key.shift ? "shift-tab" : "tab");
+      else this.nextControl(key.shift ? -1 : 1);
       return consume();
     }
+    const focusedId = this.context.renderer.currentFocusedRenderable?.id ?? "";
+    if ((key.name === "return" || key.sequence === " ") && /^(?:block-title:|block-action:|modal-action:)/.test(focusedId)) return false;
     if (this.spec.kind === "select") {
       if (key.name === "up" || key.name === "down" || key.name === "pageup" || key.name === "pagedown") {
         const amount = key.name.startsWith("page") ? Math.max(1, Math.floor((this.select?.height ?? 5) / (this.select?.showDescription ? 2 : 1))) : 1;
@@ -886,6 +1496,11 @@ var NativeModalView = class {
     return false;
   }
   handlePaste(event) {
+    if (this.frame.closing) {
+      event.preventDefault();
+      event.stopPropagation();
+      return true;
+    }
     const text = new TextDecoder().decode(event.bytes);
     if (this.overBudget(text, this.filterInput?.plainText ?? this.editor?.plainText ?? "")) {
       event.preventDefault();
@@ -910,14 +1525,22 @@ var NativeModalView = class {
   }
   applyTheme() {
     const colors = this.context.colors;
-    this.root.backgroundColor = colors.background;
     this.panel.backgroundColor = colors.background;
-    this.panel.borderColor = colors.border;
-    this.heading.fg = colors.accent;
+    this.frame.setColors(colors);
+    this.heading.fg = colors.foreground;
+    this.heading.attributes = 1;
     this.description.fg = colors.foreground;
     this.breadcrumb.fg = colors.dim;
-    this.error.fg = colors.error;
+    this.breadcrumb.attributes = 2;
+    this.error.fg = colors.foreground;
+    this.error.attributes = 1;
     this.hints.fg = colors.dim;
+    this.hints.attributes = 2;
+    if (this.progress) {
+      this.progress.fg = colors.foreground;
+      this.progress.bg = colors.background;
+    }
+    if (this.document) styleNativeScrollbars(this.document, colors);
     if (this.select) {
       this.select.backgroundColor = this.select.focusedBackgroundColor = colors.background;
       this.select.textColor = this.select.focusedTextColor = colors.foreground;
@@ -929,13 +1552,20 @@ var NativeModalView = class {
     for (const editor of [this.editor, this.filterInput]) if (editor) {
       editor.backgroundColor = editor.focusedBackgroundColor = colors.background;
       editor.textColor = editor.focusedTextColor = colors.foreground;
-      editor.selectionBg = colors.selection;
-      editor.cursorColor = colors.accent;
+      editor.selectionBg = void 0;
+      editor.selectionFg = void 0;
+      editor.cursorColor = colors.foreground;
+      editor.placeholderColor = colors.foreground;
     }
     if (this.secretMask) this.secretMask.fg = colors.foreground;
+    for (const action of this.actions.getChildren()) if (action instanceof TextRenderable2) {
+      action.fg = colors.foreground;
+      action.bg = colors.background;
+    }
     this.blocks?.applyTheme();
   }
   destroy() {
+    this.frame.destroy();
     this.blocks?.destroy();
     if (this.spec.secret) this.editor?.destroy();
     this.root.destroyRecursively();
@@ -945,11 +1575,23 @@ var NativeModalStack = class {
   constructor(context, restoreFocus) {
     this.context = context;
     this.restoreFocus = restoreFocus;
+    context.renderer.addPostProcessFn(this.dimUnderlay);
   }
   context;
   restoreFocus;
   views = [];
   byId = /* @__PURE__ */ new Map();
+  dimUnderlay = (buffer) => {
+    const panel = this.active?.panel;
+    if (!panel || panel.isDestroyed || !panel.visible) return;
+    const { x, y, width, height } = this.active.frame.bounds;
+    buffer.withBuffers((cells) => {
+      for (let row = 0; row < cells.height; row++) for (let column = 0; column < cells.width; column++) {
+        if (column < x || column >= x + width || row < y || row >= y + height)
+          cells.attributes[row * cells.width + column] |= TextAttributes4.DIM;
+      }
+    });
+  };
   get active() {
     return this.views.at(-1);
   }
@@ -973,96 +1615,2468 @@ var NativeModalStack = class {
   close(id, result, notify = false) {
     const view = this.byId.get(id);
     if (!view) return;
-    const wasActive = view === this.active;
-    view.destroy();
-    this.byId.delete(id);
-    this.views = this.views.filter((candidate) => candidate !== view);
-    if (wasActive) {
-      if (this.active) {
-        this.active.root.visible = true;
-        this.active.focus();
-      } else this.restoreFocus();
-    }
-    if (notify) this.context.emit({ type: "modal-result", id, result });
+    view.frame.close(() => {
+      const wasActive = view === this.active;
+      view.destroy();
+      this.byId.delete(id);
+      this.views = this.views.filter((candidate) => candidate !== view);
+      if (wasActive) {
+        if (this.active) {
+          this.active.root.visible = true;
+          this.active.focus();
+        } else this.restoreFocus();
+      }
+      if (notify) this.context.emit({ type: "modal-result", id, result });
+    });
   }
   applyTheme() {
     for (const view of this.views) view.applyTheme();
   }
   destroy() {
+    this.context.renderer.removePostProcessFn(this.dimUnderlay);
     for (const view of this.views) view.destroy();
     this.views = [];
     this.byId.clear();
   }
 };
 
-// packages/cli/src/tui/native/components/frontend.ts
-var initialTheme = { mode: "branding", bg: -1, accent: 108, textPrimary: 254, textDim: 145, boxColor: 108 };
-var spinner = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-var NativeFrontend = class {
-  constructor(renderer2, emit) {
-    this.renderer = renderer2;
-    this.emit = emit;
-    const colors = palette(initialTheme);
-    this.context = { renderer: renderer2, colors, syntax: SyntaxStyle2.fromStyles({}, renderer2.nativeScene), emit, terminals: /* @__PURE__ */ new Map() };
-    this.clipboard = createClipboard({ host: createHostClipboard({ timeoutMs: 1500 }), terminal: createRendererClipboardAdapter(renderer2) });
-    this.root = new BoxRenderable3(renderer2, {
-      id: "omnius-native",
-      width: "100%",
-      height: "100%",
-      flexDirection: "column",
-      backgroundColor: colors.background
-    });
-    renderer2.root.add(this.root);
-    this.header = new BoxRenderable3(renderer2, {
-      id: "omnius-header",
+// packages/cli/src/tui/native/components/instruments.ts
+import {
+  BoxRenderable as BoxRenderable4,
+  RGBA as RGBA2,
+  RenderableEvents as RenderableEvents3,
+  ScrollBoxRenderable as ScrollBoxRenderable3,
+  TextAttributes as TextAttributes5,
+  TextRenderable as TextRenderable3
+} 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 fitInstrumentText(value, cells, marker = "~") {
+  const text = stripTerminalSequences(normalizeTerminalLine(value));
+  const width = Math.max(0, Math.floor(cells));
+  if (terminalCellWidth(text) <= width) return text;
+  const suffix = width > 0 ? marker : "";
+  const budget = Math.max(0, width - terminalCellWidth(suffix));
+  let used = 0, result = "";
+  for (const { segment } of graphemes2.segment(text)) {
+    const size = graphemeCellWidth(segment);
+    if (used + size > budget) break;
+    used += size;
+    result += segment;
+  }
+  return result + suffix;
+}
+function formatTelemetryRow(label, value, width, reserved = 12) {
+  const cells = Math.max(0, Math.floor(width));
+  if (!cells) return "";
+  const reading = stripTerminalSequences(normalizeTerminalLine(value));
+  const readingCells = terminalCellWidth(reading);
+  if (readingCells >= cells) return fitInstrumentText(reading, cells);
+  const field = Math.min(cells, Math.max(readingCells, Math.floor(reserved)));
+  const labelCells = Math.max(0, cells - field - 1);
+  const left = fitInstrumentText(label.toUpperCase(), labelCells);
+  const dots = ".".repeat(Math.max(0, cells - field - terminalCellWidth(left)));
+  return left + dots + " ".repeat(Math.max(0, field - readingCells)) + reading;
+}
+function instrumentNumber(value, precision = 0, unit = "") {
+  return value === void 0 || !Number.isFinite(value) || value < 0 ? "--" : `${value.toFixed(Math.max(0, Math.min(6, precision)))}${unit}`;
+}
+function formatSignalMeter(value, maximum, width = 8) {
+  const cells = Math.max(1, Math.floor(width));
+  if (value === void 0 || maximum === void 0 || !Number.isFinite(value) || !Number.isFinite(maximum) || value < 0 || maximum <= 0)
+    return `[${".".repeat(cells)}] --`;
+  const ratio = Math.max(0, Math.min(1, value / maximum));
+  const filled = Math.round(ratio * cells);
+  return `[${"●".repeat(filled)}${"○".repeat(cells - filled)}] ${Math.round(ratio * 100)}%`;
+}
+function formatSectionBanner(title, width, expanded = true) {
+  const cells = Math.max(0, Math.floor(width));
+  const label = fitInstrumentText(
+    `${expanded ? "-" : "+"} ${title.toUpperCase()} `,
+    cells
+  );
+  return label + "─".repeat(Math.max(0, cells - terminalCellWidth(label)));
+}
+function instrumentStatus(value) {
+  const status = (value || "unknown").toLowerCase();
+  if (status === "running") return "ACTIVE";
+  if (status === "completed" || status === "succeeded") return "DONE";
+  if (status === "failed" || status === "error") return "ERR";
+  if (status === "waiting") return "STDBY";
+  if (status === "paused") return "PAUSED";
+  if (status === "stopped") return "STOPPED";
+  return status.toUpperCase();
+}
+
+// packages/cli/src/tui/native/components/instruments.ts
+var foreground = RGBA2.defaultForeground();
+var background = RGBA2.defaultBackground();
+var SectionBanner = class extends TextRenderable3 {
+  constructor(renderer2, title, id, activate) {
+    super(renderer2, {
+      id,
+      content: `- ${title.toUpperCase()}`,
       width: "100%",
-      flexDirection: "column",
+      height: 1,
       flexShrink: 0,
-      border: true,
-      borderStyle: "rounded",
-      borderColor: colors.border,
-      paddingX: 1
-    });
-    this.root.add(this.header);
-    const headerRow = new BoxRenderable3(renderer2, { id: "omnius-header-row", width: "100%", height: 1, flexDirection: "row", gap: 2 });
-    this.header.add(headerRow);
-    this.identity = new TextRenderable3(renderer2, {
-      id: "omnius-identity",
-      content: "Omnius",
-      fg: colors.foreground,
-      flexShrink: 1,
-      flexGrow: 1,
+      fg: foreground,
+      bg: background,
+      attributes: TextAttributes5.BOLD,
+      selectable: false,
       wrapMode: "none",
       truncate: true,
-      minWidth: 8,
-      selectable: false
+      onMouseDown: (event) => {
+        if (event.button === 0) {
+          this.focus();
+          this.activate();
+          event.stopPropagation();
+        }
+      },
+      onKeyDown: (key) => {
+        if (key.eventType !== "release" && (key.name === "return" || key.sequence === " ")) {
+          this.activate();
+          key.preventDefault();
+        }
+      }
     });
-    headerRow.add(this.identity);
-    this.headerActions = new ScrollBoxRenderable3(renderer2, {
-      id: "omnius-header-actions",
-      width: "50%",
-      flexGrow: 0,
-      flexShrink: 0,
-      minWidth: 0,
-      height: 1,
-      scrollX: true,
-      scrollY: false,
-      contentOptions: { flexDirection: "row", gap: 2 },
-      verticalScrollbarOptions: { visible: false },
-      horizontalScrollbarOptions: { visible: false }
+    this.activate = activate;
+    this.heading = title;
+    this.focusable = true;
+    this.on(RenderableEvents3.FOCUSED, () => {
+      this.attributes = TextAttributes5.BOLD | TextAttributes5.INVERSE;
     });
-    headerRow.add(this.headerActions);
-    this.headerPanel = new TextRenderable3(renderer2, { id: "omnius-header-panel", content: "", width: "100%", wrapMode: "word", visible: false });
-    this.header.add(this.headerPanel);
-    this.routeWarning = new TextRenderable3(renderer2, { id: "omnius-route-warning", content: "", width: "100%", wrapMode: "word", fg: colors.warning, visible: false, flexShrink: 0 });
-    this.root.add(this.routeWarning);
-    this.tabs = new TabSelectRenderable(renderer2, {
-      id: "omnius-agent-tabs",
-      width: "100%",
-      height: 1,
+    this.on(RenderableEvents3.BLURRED, () => {
+      this.attributes = TextAttributes5.BOLD;
+    });
+  }
+  activate;
+  expanded = true;
+  heading;
+  onResize(width, height) {
+    super.onResize(width, height);
+    this.refresh();
+  }
+  update(title, expanded = this.expanded) {
+    this.heading = title;
+    this.expanded = expanded;
+    this.refresh();
+  }
+  refresh() {
+    const next = formatSectionBanner(this.heading, this.width, this.expanded);
+    if (this.plainText !== next) this.content = next;
+  }
+};
+var TelemetryRow = class extends TextRenderable3 {
+  constructor(renderer2, label, id, reserved = 12) {
+    super(renderer2, {
+      id,
+      content: "",
+      width: "100%",
+      height: 1,
+      flexShrink: 0,
+      fg: foreground,
+      bg: background,
+      wrapMode: "none",
+      truncate: true
+    });
+    this.reserved = reserved;
+    this.label = label;
+  }
+  reserved;
+  label;
+  value = "--";
+  onResize(width, height) {
+    super.onResize(width, height);
+    this.refresh();
+  }
+  update(value, label = this.label) {
+    this.label = label;
+    this.value = value;
+    this.refresh();
+  }
+  refresh() {
+    const next = formatTelemetryRow(
+      this.label,
+      this.value,
+      this.width,
+      this.reserved
+    );
+    if (this.plainText !== next) this.content = next;
+  }
+};
+var SignalMeter = class extends TelemetryRow {
+  constructor(renderer2, label, id) {
+    super(renderer2, label, id, 18);
+  }
+  updateReading(value, maximum) {
+    this.update(formatSignalMeter(value, maximum));
+  }
+};
+var InstrumentDivider = class extends TextRenderable3 {
+  constructor(renderer2, actions) {
+    super(renderer2, {
+      id: "omnius-instrument-divider",
+      width: 1,
+      minWidth: 1,
+      maxWidth: 1,
+      height: "100%",
+      flexGrow: 0,
+      flexShrink: 0,
+      fg: foreground,
+      bg: background,
+      selectable: false,
+      wrapMode: "none",
+      attributes: TextAttributes5.DIM,
+      onMouseDown: (event) => {
+        if (event.button !== 0) return;
+        this.held = true;
+        this.moved = false;
+        this.startX = event.x;
+        this.actions.start?.();
+        this.attributes = TextAttributes5.BOLD;
+        event.preventDefault();
+        event.stopPropagation();
+      },
+      onMouseDrag: (event) => {
+        this.handleDrag(event);
+      },
+      onMouseUp: (event) => {
+        this.handleRelease(event);
+      },
+      onMouseDragEnd: (event) => {
+        this.handleRelease(event);
+      },
+      onMouseOver: () => {
+        this.attributes = TextAttributes5.BOLD;
+      },
+      onMouseOut: () => {
+        if (!this.held) this.attributes = this.focused ? TextAttributes5.INVERSE : TextAttributes5.DIM;
+      },
+      onKeyDown: (key) => {
+        if (key.eventType === "release") return;
+        if (key.name === "return" || key.sequence === " ") this.actions.toggle();
+        else if (key.name === "left" || key.name === "right") this.actions.resize(this.x + (key.name === "left" ? -1 : 1) * (key.shift ? 8 : 2));
+        else return;
+        key.preventDefault();
+        key.stopPropagation();
+      }
+    });
+    this.actions = actions;
+    this.focusable = true;
+    this.on(RenderableEvents3.FOCUSED, () => {
+      this.attributes = TextAttributes5.INVERSE;
+    });
+    this.on(RenderableEvents3.BLURRED, () => {
+      this.attributes = TextAttributes5.DIM;
+    });
+  }
+  actions;
+  collapsed = false;
+  held = false;
+  moved = false;
+  startX = 0;
+  setCollapsed(collapsed) {
+    this.collapsed = collapsed;
+    this.refresh();
+  }
+  handleDrag(event) {
+    if (!this.held) return;
+    if (event.x !== this.startX) this.moved = true;
+    if (this.moved) this.actions.resize(event.x);
+    event.preventDefault();
+    event.stopPropagation();
+  }
+  handleRelease(event) {
+    if (!this.held) return;
+    this.release(event.x);
+    event.preventDefault();
+    event.stopPropagation();
+  }
+  onResize(width, height) {
+    super.onResize(width, height);
+    this.refresh();
+  }
+  refresh() {
+    const rows = Array.from({ length: Math.max(0, this.height) }, (_, row) => row === Math.floor(this.height / 2) ? this.collapsed ? "‹" : "›" : "│");
+    const text = rows.join("\n");
+    if (this.plainText !== text) this.content = text;
+  }
+  release(column) {
+    if (this.moved) this.actions.resize(column);
+    else this.actions.toggle();
+    this.held = false;
+    this.actions.finish?.();
+    this.attributes = this.focused ? TextAttributes5.INVERSE : TextAttributes5.DIM;
+  }
+};
+var DeviceMonitor = class extends BoxRenderable4 {
+  constructor(renderer2, action) {
+    super(renderer2, { id: "omnius-devices", width: "100%", height: 3, minHeight: 3, maxHeight: "60%", flexShrink: 1, flexDirection: "column", visible: false });
+    this.action = action;
+    this.heading = new SectionBanner(renderer2, "DEVICES", "omnius-devices:heading", () => this.toggle());
+    this.heading.update("DEVICES", false);
+    this.add(this.heading);
+    this.summary = new TextRenderable3(renderer2, { id: "omnius-devices:summary", content: "--", width: "100%", height: 1, flexShrink: 0, fg: foreground, bg: background, wrapMode: "none", truncate: true });
+    this.add(this.summary);
+    this.scroll = new ScrollBoxRenderable3(renderer2, {
+      id: "omnius-devices:scroll",
+      width: "100%",
+      flexGrow: 1,
+      flexShrink: 1,
+      minHeight: 0,
+      visible: false,
+      scrollY: true,
+      scrollX: false,
+      viewportCulling: true,
+      horizontalScrollbarOptions: { visible: false },
+      verticalScrollbarOptions: { showArrows: false },
+      contentOptions: { flexDirection: "column" }
+    });
+    this.add(this.scroll);
+    this.notes = new TextRenderable3(renderer2, {
+      id: "omnius-devices:notes",
+      content: "",
+      width: "100%",
+      height: 1,
+      flexShrink: 0,
+      fg: foreground,
+      bg: background,
+      wrapMode: "none",
+      truncate: true
+    });
+    this.scroll.add(this.notes);
+    const controls = new BoxRenderable4(renderer2, { id: "omnius-devices:controls", width: "100%", height: 1, flexShrink: 0, flexDirection: "row", gap: 2 });
+    this.add(controls);
+    this.policy = this.button(renderer2, "omnius-devices:policy", "GPU POLICY", () => {
+      if (this.canSelect()) this.action?.("/gpu");
+    });
+    this.status = this.button(renderer2, "omnius-devices:status", "STATUS", () => this.action?.("/gpu status"));
+    controls.add(this.policy);
+    controls.add(this.status);
+  }
+  action;
+  heading;
+  scroll;
+  summary;
+  policy;
+  status;
+  notes;
+  expanded = false;
+  snapshot;
+  rows = /* @__PURE__ */ new Map();
+  button(renderer2, id, label, activate) {
+    const button = new TextRenderable3(renderer2, {
+      id,
+      content: label,
+      height: 1,
+      flexShrink: 0,
+      fg: foreground,
+      bg: background,
+      selectable: false,
+      wrapMode: "none",
+      truncate: true,
+      onMouseDown: (event) => {
+        if (event.button === 0 && button.focusable) {
+          button.focus();
+          activate();
+          event.preventDefault();
+          event.stopPropagation();
+        }
+      },
+      onKeyDown: (key) => {
+        if (key.eventType !== "release" && (key.name === "return" || key.sequence === " ") && button.focusable) {
+          activate();
+          key.preventDefault();
+          key.stopPropagation();
+        }
+      }
+    });
+    button.focusable = Boolean(this.action);
+    button.on(RenderableEvents3.FOCUSED, () => {
+      button.attributes = TextAttributes5.INVERSE;
+    });
+    button.on(RenderableEvents3.BLURRED, () => {
+      button.attributes = button.focusable ? 0 : TextAttributes5.DIM;
+    });
+    return button;
+  }
+  canSelect() {
+    return Boolean(this.action && this.snapshot?.selectionAvailable && !this.snapshot.selectionLocked);
+  }
+  canSelectDevice(device) {
+    return this.canSelect() && device.eligible === true && !device.unifiedMemory && /^GPU-[\w-]+$/.test(device.uuid);
+  }
+  update(snapshot) {
+    this.snapshot = snapshot;
+    this.visible = Boolean(snapshot);
+    const allowed = this.canSelect();
+    if (this.policy.focused && !allowed) this.heading.focus();
+    this.policy.focusable = allowed;
+    this.policy.content = snapshot?.selectionLocked ? "POLICY LOCKED" : "GPU POLICY";
+    this.policy.attributes = allowed ? this.policy.focused ? TextAttributes5.INVERSE : 0 : TextAttributes5.DIM;
+    const keep = new Set(snapshot?.devices.map((device) => device.uuid) ?? []);
+    for (const [uuid, row] of this.rows) if (!keep.has(uuid)) {
+      if (row.title.focused) this.heading.focus();
+      row.root.destroyRecursively();
+      this.rows.delete(uuid);
+    }
+    for (const device of snapshot?.devices ?? []) {
+      let row = this.rows.get(device.uuid);
+      if (!row) {
+        const root = new BoxRenderable4(this._ctx, {
+          id: `omnius-device:${device.uuid}`,
+          width: "100%",
+          flexDirection: "column",
+          flexShrink: 0,
+          onSizeChange: () => {
+            if (!row) return;
+            for (const child of [row.title, row.load, row.memory, row.reason]) child.width = row.root.width;
+            this.refresh();
+          }
+        });
+        const title = this.button(this._ctx, `${root.id}:select`, "", () => {
+          const current = this.snapshot?.devices.find((item) => item.uuid === device.uuid);
+          if (current && this.canSelectDevice(current)) this.action?.(`/gpu select ${current.uuid}`);
+        });
+        title.width = "100%";
+        title.on(RenderableEvents3.FOCUSED, () => this.scroll.scrollChildIntoView(root.id));
+        const load = new TelemetryRow(this._ctx, "LOAD", `${root.id}:load`, 16);
+        const memory = new TelemetryRow(this._ctx, "VRAM", `${root.id}:memory`, 16);
+        const reason = new TextRenderable3(this._ctx, {
+          id: `${root.id}:reason`,
+          content: "",
+          width: "100%",
+          height: 1,
+          fg: foreground,
+          bg: background,
+          attributes: TextAttributes5.DIM,
+          wrapMode: "none",
+          truncate: true,
+          visible: false
+        });
+        root.add(title);
+        root.add(load);
+        root.add(memory);
+        root.add(reason);
+        this.scroll.add(root);
+        row = { root, title, load, memory, reason };
+        this.rows.set(device.uuid, row);
+      }
+      const selectable = this.canSelectDevice(device);
+      if (row.title.focused && !selectable) this.heading.focus();
+      row.title.focusable = selectable;
+      row.title.attributes = row.title.focused ? TextAttributes5.INVERSE : device.preferred ? TextAttributes5.BOLD : selectable ? 0 : TextAttributes5.DIM;
+      row.load.update(formatSignalMeter(device.utilization, 100, 6));
+      const used = device.memoryUsedMB === void 0 ? "--" : instrumentNumber(device.memoryUsedMB / 1024, 1);
+      const total = device.memoryTotalMB === void 0 || device.memoryTotalMB <= 0 ? "--" : instrumentNumber(device.memoryTotalMB / 1024, 1);
+      row.memory.update(`${used}/${total} GiB`, device.unifiedMemory ? "UMA" : "VRAM");
+      row.reason.content = device.policyReason ?? "";
+      row.reason.visible = Boolean(device.policyReason);
+    }
+    this.refresh();
+  }
+  toggle() {
+    this.expanded = !this.expanded;
+    this.scroll.visible = this.expanded;
+    this.minHeight = this.expanded ? 4 : 3;
+    this.scroll.minHeight = this.expanded ? 1 : 0;
+    this.height = this.expanded ? Math.min(12, Math.max(5, Math.floor(this._ctx.terminalHeight / 3))) : 3;
+    this.refresh();
+  }
+  onResize(width, height) {
+    super.onResize(width, height);
+    this.refresh();
+  }
+  refresh() {
+    if (!this.heading) return;
+    const data = this.snapshot, devices = data?.devices ?? [];
+    this.heading.update(data?.source === "jtop" ? "DEVICES / JETSON" : "DEVICES", this.expanded);
+    const measured = devices.map((device) => device.utilization).filter((value) => value !== void 0 && Number.isFinite(value) && value >= 0);
+    const on = devices.filter((device) => device.enabled === true).length;
+    const policyKnown = devices.every((device) => device.enabled !== void 0);
+    this.summary.content = !devices.length ? data?.source === "unavailable" ? "Telemetry unavailable" : "No local GPUs reported" : `${devices.length} GPU · ${policyKnown ? on : "--"} ON · ${measured.length === devices.length ? Math.round(Math.max(...measured)) : "--"}% PEAK`;
+    this.notes.content = [
+      data?.local === false ? "REMOTE" : void 0,
+      data ? `${data.source.toUpperCase()} · ${data.policy.toUpperCase()} · ${data.broker.toUpperCase()}` : void 0,
+      data?.warnings.length ? `${data.warnings.length} notices` : void 0
+    ].filter(Boolean).join(" · ");
+    for (const device of devices) {
+      const row = this.rows.get(device.uuid);
+      if (!row) continue;
+      const state = device.enabled === void 0 ? "--" : device.enabled ? "ON" : "OFF";
+      row.title.content = formatTelemetryRow(`GPU ${device.index} ${device.name}`, `${state}${device.preferred ? " *" : ""}`, row.root.width, 6);
+    }
+  }
+  focusTargets() {
+    return !this.visible ? [] : [
+      this.heading,
+      ...this.policy.focusable ? [this.policy] : [],
+      ...this.status.focusable ? [this.status] : [],
+      ...this.expanded ? [...this.rows.values()].map((row) => row.title).filter((title) => title.focusable) : []
+    ];
+  }
+};
+var ChannelMap = class extends BoxRenderable4 {
+  constructor(renderer2, id, inspect, reveal) {
+    super(renderer2, {
+      id,
+      width: "100%",
+      flexDirection: "column",
+      flexShrink: 0
+    });
+    this.inspect = inspect;
+    this.reveal = reveal;
+  }
+  inspect;
+  reveal;
+  rows = /* @__PURE__ */ new Map();
+  channels = /* @__PURE__ */ new Map();
+  agents = [];
+  onResize(width, height) {
+    super.onResize(width, height);
+    this.refresh();
+  }
+  update(agents) {
+    this.agents = agents;
+    const keep = new Set(agents.map((agent) => agent.id));
+    for (const [id, row] of this.rows)
+      if (!keep.has(id)) {
+        row.destroyRecursively();
+        this.rows.delete(id);
+      }
+    for (const agent of agents) {
+      if (!this.channels.has(agent.id))
+        this.channels.set(agent.id, this.channels.size + 1);
+      if (!this.rows.has(agent.id)) {
+        const row = new TextRenderable3(this._ctx, {
+          id: `${this.id}:channel:${agent.id}`,
+          content: "",
+          width: "100%",
+          height: 1,
+          flexShrink: 0,
+          fg: foreground,
+          bg: background,
+          wrapMode: "none",
+          truncate: true,
+          selectable: false,
+          onMouseDown: (event) => {
+            if (event.button === 0) {
+              row.focus();
+              this.inspect?.(agent.id);
+              event.stopPropagation();
+            }
+          },
+          onKeyDown: (key) => {
+            if (key.eventType === "release") return;
+            if (key.name === "return" || key.sequence === " ") {
+              this.inspect?.(agent.id);
+              key.preventDefault();
+            } else if (key.name === "down" || key.name === "up") {
+              const targets = this.focusTargets();
+              const index = targets.indexOf(row), delta = key.name === "down" ? 1 : -1;
+              targets[(index + delta + targets.length) % targets.length]?.focus();
+              key.preventDefault();
+            }
+          }
+        });
+        row.focusable = !!this.inspect;
+        row.on(RenderableEvents3.FOCUSED, () => {
+          row.attributes = TextAttributes5.INVERSE;
+          this.reveal?.(row);
+        });
+        row.on(RenderableEvents3.BLURRED, () => {
+          row.attributes = 0;
+        });
+        this.rows.set(agent.id, row);
+        this.add(row);
+      }
+    }
+    this.refresh();
+  }
+  focusTargets() {
+    return this.agents.flatMap((agent) => {
+      const row = this.rows.get(agent.id);
+      return row?.focusable ? [row] : [];
+    });
+  }
+  refresh() {
+    for (const agent of this.agents) {
+      const row = this.rows.get(agent.id);
+      if (!row) continue;
+      const channel = String(this.channels.get(agent.id)).padStart(2, "0");
+      const next = formatTelemetryRow(
+        `${agent.selected ? ">" : " "}${channel} ${agent.label}`,
+        instrumentStatus(agent.status),
+        this.width,
+        7
+      );
+      if (row.plainText !== next) row.content = next;
+    }
+  }
+};
+var InstrumentRail = class extends BoxRenderable4 {
+  scroll;
+  inferenceHeader;
+  sessionHeader;
+  channels;
+  devices;
+  inference;
+  session;
+  model;
+  rows = /* @__PURE__ */ new Map();
+  contextMeter;
+  contextHeader;
+  contextDetails;
+  constructor(renderer2, options = {}) {
+    const id = options.id ?? "omnius-instruments";
+    super(renderer2, {
+      id,
+      width: "100%",
+      height: "100%",
+      minWidth: 0,
+      minHeight: 1,
+      flexDirection: "column",
+      flexGrow: 1,
+      flexShrink: 1
+    });
+    this.scroll = new ScrollBoxRenderable3(renderer2, {
+      id: `${id}:scroll`,
+      width: "100%",
+      flexGrow: 1,
+      minHeight: 1,
+      minWidth: 0,
+      scrollY: true,
+      scrollX: false,
+      viewportCulling: true,
+      verticalScrollbarOptions: { showArrows: false },
+      horizontalScrollbarOptions: { visible: false },
+      contentOptions: { flexDirection: "column", paddingRight: 1 }
+    });
+    this.add(this.scroll);
+    this.inferenceHeader = new SectionBanner(
+      renderer2,
+      "INFERENCE",
+      `${id}:inference`,
+      () => this.toggleSection("inference")
+    );
+    this.inferenceHeader.on(
+      RenderableEvents3.FOCUSED,
+      () => this.reveal(this.inferenceHeader)
+    );
+    this.scroll.add(this.inferenceHeader);
+    this.inference = new BoxRenderable4(renderer2, {
+      id: `${id}:inference-body`,
+      width: "100%",
+      flexDirection: "column",
+      flexShrink: 0
+    });
+    this.scroll.add(this.inference);
+    const addRow = (parent, key, label, reserved = 12) => {
+      const row = new TelemetryRow(renderer2, label, `${id}:${key}`, reserved);
+      this.rows.set(key, row);
+      parent.add(row);
+      return row;
+    };
+    addRow(this.inference, "route", "ROUTE");
+    addRow(this.inference, "backend", "BACKEND");
+    this.model = new TextRenderable3(renderer2, {
+      id: `${id}:model`,
+      content: "MODEL --",
+      width: "100%",
+      height: 1,
+      fg: foreground,
+      bg: background,
+      wrapMode: "none",
+      truncate: true,
+      flexShrink: 0
+    });
+    this.inference.add(this.model);
+    addRow(this.inference, "input", "IN TOK");
+    addRow(this.inference, "output", "OUT TOK");
+    addRow(this.inference, "speed", "RATE");
+    addRow(this.inference, "context", "CTX TOK", 20);
+    this.contextMeter = new SignalMeter(
+      renderer2,
+      "CTX LOAD",
+      `${id}:context-load`
+    );
+    this.inference.add(this.contextMeter);
+    addRow(this.inference, "state", "STATE");
+    this.contextHeader = new SectionBanner(renderer2, "CONTEXT DETAILS", `${id}:context-details`, () => {
+      this.contextDetails.visible = !this.contextDetails.visible;
+      this.contextHeader.update("CONTEXT DETAILS", this.contextDetails.visible);
+    });
+    this.contextHeader.on(RenderableEvents3.FOCUSED, () => this.reveal(this.contextHeader));
+    this.inference.add(this.contextHeader);
+    this.contextDetails = new BoxRenderable4(renderer2, { id: `${id}:context-detail-body`, width: "100%", flexDirection: "column", flexShrink: 0, visible: false });
+    this.inference.add(this.contextDetails);
+    this.contextHeader.update("CONTEXT DETAILS", false);
+    addRow(this.contextDetails, "messages", "MESSAGES");
+    addRow(this.contextDetails, "headroom", "HEADROOM");
+    addRow(this.contextDetails, "context-tools", "TOOL CALLS");
+    addRow(this.contextDetails, "adversary", "ADVERSARY");
+    addRow(this.contextDetails, "duration", "LAST GEN");
+    this.sessionHeader = new SectionBanner(
+      renderer2,
+      "SESSION / AGENTS",
+      `${id}:session`,
+      () => this.toggleSection("session")
+    );
+    this.sessionHeader.on(
+      RenderableEvents3.FOCUSED,
+      () => this.reveal(this.sessionHeader)
+    );
+    this.scroll.add(this.sessionHeader);
+    this.session = new BoxRenderable4(renderer2, {
+      id: `${id}:session-body`,
+      width: "100%",
+      flexDirection: "column",
+      flexShrink: 0
+    });
+    this.scroll.add(this.session);
+    addRow(this.session, "selected", "VIEW");
+    addRow(this.session, "elapsed", "ELAPSED");
+    addRow(this.session, "turns", "TURNS");
+    addRow(this.session, "tools", "TOOLS");
+    addRow(this.session, "toolResults", "TOOL OK/ERR");
+    addRow(this.session, "queued", "QUEUED");
+    this.channels = new ChannelMap(
+      renderer2,
+      `${id}:channels`,
+      options.onInspectAgent,
+      (row) => this.reveal(row)
+    );
+    this.session.add(this.channels);
+    this.session.visible = false;
+    this.sessionHeader.update("SESSION / AGENTS", false);
+    this.devices = new DeviceMonitor(renderer2, options.onAction);
+    this.add(this.devices);
+    if (options.colors) this.applyTheme(options.colors);
+  }
+  update(state) {
+    const data = state.instruments;
+    const inference = data?.inference;
+    const session = data?.session;
+    const set = (id, value) => this.rows.get(id).update(value);
+    set("messages", instrumentNumber(inference?.contextMessages));
+    set("headroom", inference?.contextHeadroom !== void 0 && Number.isFinite(inference.contextHeadroom) ? String(Math.round(inference.contextHeadroom)) : "--");
+    set("context-tools", instrumentNumber(inference?.contextToolCalls));
+    set("adversary", instrumentNumber(inference?.contextAdversaryOutcomes));
+    set("duration", inference?.generationDurationMs === void 0 ? "--" : instrumentNumber(inference.generationDurationMs / 1e3, 1, "s"));
+    this.contextHeader.visible = [inference?.contextMessages, inference?.contextHeadroom, inference?.contextToolCalls, inference?.contextAdversaryOutcomes, inference?.generationDurationMs].some((value) => value !== void 0);
+    this.contextDetails.visible = this.contextHeader.visible && this.contextHeader.expanded;
+    this.devices.update(data?.devices);
+    set("route", (inference?.route || "UNKNOWN").toUpperCase());
+    set("backend", (inference?.backend || "--").toUpperCase());
+    const model = `MODEL ${inference?.model || "--"}`;
+    if (this.model.plainText !== model) this.model.content = model;
+    set("input", instrumentNumber(inference?.inputTokens));
+    set(
+      "output",
+      `${inference?.outputEstimated ? "~" : ""}${instrumentNumber(inference?.outputTokens)}`
+    );
+    set("speed", instrumentNumber(inference?.tokensPerSecond, 1, " TOK/S"));
+    const used = instrumentNumber(inference?.contextUsedTokens), limit = instrumentNumber(inference?.contextLimitTokens);
+    set("context", `${inference?.contextEstimated ? "~" : ""}${used}/${limit}`);
+    this.contextMeter.updateReading(
+      inference?.contextUsedTokens,
+      inference?.contextLimitTokens
+    );
+    set(
+      "state",
+      inference?.streaming ? "STREAMING" : instrumentStatus(session?.status)
+    );
+    set(
+      "selected",
+      session?.selectedLabel || state.tabs.find((tab) => tab.id === state.activeViewId)?.label || state.activeViewId
+    );
+    set("elapsed", session?.elapsed ?? "--");
+    set("turns", instrumentNumber(session?.turns));
+    set("tools", instrumentNumber(session?.tools));
+    set(
+      "toolResults",
+      `${instrumentNumber(session?.successfulTools)}/${instrumentNumber(session?.failedTools)}`
+    );
+    set("queued", instrumentNumber(session?.queued ?? state.queued.length));
+    this.channels.update(
+      session?.agents ?? state.tabs.map((tab) => ({
+        id: tab.id,
+        label: tab.label,
+        status: "unknown",
+        selected: tab.id === state.activeViewId
+      }))
+    );
+  }
+  applyTheme(colors) {
+    this.backgroundColor = colors.background;
+    const visit = (node) => {
+      if (node instanceof TextRenderable3) {
+        node.fg = colors.foreground;
+        node.bg = colors.background;
+      }
+      for (const child of node.getChildren()) visit(child);
+    };
+    visit(this);
+    styleNativeScrollbars(this.scroll, colors);
+    styleNativeScrollbars(this.devices.scroll, colors);
+  }
+  toggleSection(id) {
+    const header = id === "inference" ? this.inferenceHeader : this.sessionHeader;
+    const body = id === "inference" ? this.inference : this.session;
+    body.visible = !body.visible;
+    header.update(
+      id === "inference" ? "INFERENCE" : "SESSION / AGENTS",
+      body.visible
+    );
+  }
+  focusTargets() {
+    if (!this.visible) return [];
+    return [
+      this.inferenceHeader,
+      ...this.inference.visible && this.contextHeader.visible ? [this.contextHeader] : [],
+      this.sessionHeader,
+      ...this.session.visible ? this.channels.focusTargets() : [],
+      ...this.devices.focusTargets()
+    ];
+  }
+  focusSection(index = 0) {
+    const target = [this.inferenceHeader, this.sessionHeader][index];
+    if (!target || !this.visible) return false;
+    target.focus();
+    return true;
+  }
+  reveal(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
+      );
+  }
+};
+
+// packages/cli/src/tui/command-registry.ts
+var COMMAND_SIGNATURES = [
+  ["/model", "Select from available models"],
+  ["/model <name>", "Switch to a specific model"],
+  ["/models", "List all available models"],
+  ["/endpoint", "Show current endpoint"],
+  ["/endpoint <url>", "Set backend URL (auto-detects type)"],
+  ["/endpoint <url> --auth <t>", "Set endpoint with Bearer auth"],
+  ["/fallback", "Show remote inference fallback mode"],
+  ["/fallback status", "Show remote inference fallback mode"],
+  ["/fallback auto", "Automatically use remote inference after local failure (default)"],
+  ["/fallback manual", "Ask before remote inference after each local failure"],
+  ["/config", "Show current configuration"],
+  ["/color", "Use terminal colors and thin section rules"],
+  ["/color status", "Show terminal appearance preferences"],
+  ["/color frill on|off|toggle|status", "Legacy text ornament preference"],
+  [
+    "/color flow on|off|toggle|status",
+    "Legacy border animation preference"
+  ],
+  ["/theme", "Alias for /color"],
+  ["/setup", "Open guided cloud setup; /setup local opens local model setup"],
+  ["/wizard", "Alias for /setup"],
+  ["/parallel", "Show current Ollama parallel inference slots"],
+  ["/parallel <1-15>", "Set parallel slots (restarts Ollama, max 15)"],
+  ["/gpu", "Select enabled GPUs with arrow keys and Space"],
+  ["/gpu status|reset", "Inspect or reset the host-local GPU policy"],
+  ["/gpu select <UUID>", "Open the GPU policy selector focused on a device"],
+  [
+    "/broker",
+    "Show resource broker status — loaded models, in-flight loads, RAM/VRAM headroom"
+  ],
+  [
+    "/broker evict <host>:<name>",
+    "Force eviction of a tracked model (e.g. /broker evict ollama:moondream)"
+  ],
+  [
+    "/broker threshold <ram|vram|idle> <v>",
+    "Tune broker thresholds (RAM/VRAM in MB, idle in seconds)"
+  ],
+  ["/ollama cleanup", "Dry-run stale Ollama pool process cleanup"],
+  ["/ollama cleanup --execute", "Terminate guarded stale Ollama pool runners"],
+  ["/mcp", "Show MCP server/tool status and controls"],
+  ["/mcp reload", "Reload MCP servers and tools"],
+  ["/indicator", "Start the native system indicator and report readiness"],
+  ["/indicator start", "Start the native system indicator and report readiness"],
+  ["/indicator status", "Report native system indicator readiness and daemon health"],
+  ["/tray", "Alias for /indicator"],
+  ["/tray start", "Alias for /indicator start"],
+  ["/tray status", "Alias for /indicator status"],
+  ["/update", "Check for updates and auto-install"],
+  ["/upgrade", "Alias for /update"],
+  ["/update auto", "Auto-install updates, restart, and resume work (default)"],
+  ["/update manual", "Disable auto-update (only update on /update)"],
+  ["/agents", "Open the agent command center"],
+  [
+    "/update check",
+    "Check for Omnius and Ollama updates without opening the menu"
+  ],
+  ["/update quick", "Install the latest Omnius package non-interactively"],
+  [
+    "/update full",
+    "Run full non-interactive update: package, deps, rebuild, Python, cloudflared"
+  ],
+  ["/voice", "Toggle TTS voice feedback"],
+  [
+    "/voice <model>",
+    "Set voice: glados, overwatch, luxtts:announcer-testchamber03, kokoro, luxtts, misotts, supertonic, or a selected voicebox_* model"
+  ],
+  ["/voice clone <file>", "Set voice clone reference audio (wav/mp3/ogg/flac)"],
+  ["/voice asr", "Open ASR system and model selection"],
+  ["/voice asr status", "Show selected ASR engine/model and activation state"],
+  ["/voice asr list", "List ASR engines, models, and live/file capabilities"],
+  ["/voice asr use <engine> [model]", "Select and activate an installed ASR engine/model"],
+  ["/voice asr setup <engine> [model] [device=N]", "Install pinned ASR runtime/weights and activate on an exact CUDA device"],
+  [
+    "/voice clone glados",
+    "Generate clone ref from GLaDOS for LuxTTS/MisoTTS voice cloning"
+  ],
+  [
+    "/voice clone overwatch",
+    "Generate clone ref from Overwatch for LuxTTS/MisoTTS voice cloning"
+  ],
+  ["/think", "Toggle thinking/reasoning mode (Qwen3, DeepSeek-R1, etc.)"],
+  ["/stream", "Toggle real-time token streaming (earth syntax highlighting)"],
+  ["/tree", "Switch between the action waterfall and an explorable action tree"],
+  ["/tree on|off|status", "Show, hide, or inspect the action-tree presentation"],
+  ["/realtime", "Toggle short spoken-dialogue mode for ASR/TTS-backed chat"],
+  ["/realtime on|off|status", "Set or inspect realtime conversation mode"],
+  ["/mouse", "Toggle terminal mouse tracking"],
+  ["/neovim", "Toggle embedded Neovim editor (Ctrl+N to switch focus)"],
+  ["/neovim <file>", "Open file in embedded Neovim editor"],
+  ["/nvim <file>", "Alias for /neovim <file>"],
+  ["/vim", "Toggle Vim composer editing (Esc normal; i insert)"],
+  ["/vim on|off|status", "Set or inspect Vim composer editing"],
+  [
+    "/dream",
+    "Start dream mode - creative idle exploration (writes to .omnius/dreams/)"
+  ],
+  [
+    "/dream deep",
+    "Deep dream - multi-cycle exploration with sleep architecture"
+  ],
+  [
+    "/dream lucid",
+    "Lucid dream - implements proposals, tests, evaluates in cycles"
+  ],
+  ["/dream stop", "Wake up - stop dreaming"],
+  ["/listen", "Toggle live microphone transcription (Whisper)"],
+  ["/mic", "Alias for /listen"],
+  ["/listen <model>", "Set model: tiny, base, small, medium, large"],
+  ["/listen manual", "Manual mode - press Enter to submit (turns off auto)"],
+  ["/listen auto", "Auto-submit after 3s silence (blinking indicator)"],
+  ["/listen stop", "Stop listening"],
+  ["/live", "Open live sensor stream menu for video/audio context"],
+  ["/live status", "Show live sensor devices, selected streams, and latest snapshot"],
+  ["/live run [agent]", "Start low-latency video/audio feedback; agent enables background PFC review"],
+  ["/live chat", "Start low-latency voicechat with live audio/video context and async agent review"],
+  ["/livechat", "Alias for /live chat, used by the top live button"],
+  ["/live camera <device>", "Select a camera and render an ASCII preview"],
+  ["/live resolution [camera] 720p|1080p|1440p|4k|native", "Set per-camera live stream resolution (default 1080p)"],
+  ["/live fps [camera] 1|2|4|8|12|15|24|30", "Set per-camera live stream FPS (default 8)"],
+  ["/live camera-on|camera-off [camera]", "Enable or disable an individual live camera stream"],
+  ["/live rotate auto|cw|ccw|180|none [camera]", "Detect or set persistent camera orientation correction"],
+  ["/live infer [now|on|off]", "Toggle or run camera object/location inference"],
+  ["/live clip [on|off]", "Toggle CLIP visual-memory recognition on live frames"],
+  ["/live audio|asr|sounds on|off", "Toggle live audio context streams"],
+  ["/live stop", "Disable all live sensor streams"],
+  ["/camera", "Open compact camera preset menu shared with /live"],
+  ["/camera status", "Show selected camera and per-device presets"],
+  ["/camera select|preview|resolution|fps|rotate", "Manage camera source, preview, resolution, FPS, and orientation"],
+  ["/paste", "Attach clipboard image content to the current or next prompt"],
+  ["/image", "Open image-generation model/setup menu"],
+  [
+    "/image <prompt>",
+    "Generate an image from a prompt and show an ASCII preview"
+  ],
+  ["/image --model <model> <prompt>", "Generate with an explicit image model"],
+  [
+    "/image setup <ollama|diffusers|sdcpp>",
+    "Show setup commands for an image-generation backend"
+  ],
+  [
+    "/image list",
+    "List image models by category, quality, size, and hardware fit"
+  ],
+  ["/sound", "Open sound-effect model/setup menu"],
+  ["/sound <prompt>", "Generate a sound effect or ambience clip from a prompt"],
+  [
+    "/sound --model <model> <prompt>",
+    "Generate sound with an explicit audio model"
+  ],
+  [
+    "/sound setup <diffusers|audiocraft|stable-audio|tangoflux>",
+    "Show setup commands for a sound-generation backend"
+  ],
+  [
+    "/sound list",
+    "List sound models by category, quality, size, and hardware fit"
+  ],
+  ["/music", "Open music-generation model/setup menu"],
+  ["/music <prompt>", "Generate a music clip from a prompt"],
+  [
+    "/music --model <model> <prompt>",
+    "Generate music with an explicit music model"
+  ],
+  [
+    "/music setup <transformers|audiocraft|stable-audio|diffusers>",
+    "Show setup commands for a music-generation backend"
+  ],
+  [
+    "/music list",
+    "List music models by category, quality, size, and hardware fit"
+  ],
+  ["/video", "Open video-generation model/setup menu"],
+  [
+    "/video <prompt>",
+    "Generate a short video from a prompt and show an ASCII thumbnail"
+  ],
+  ["/video --model <model> <prompt>", "Generate video with an explicit model"],
+  [
+    "/video --image <path|url> <prompt>",
+    "Image-to-video animation from a still"
+  ],
+  [
+    "/video setup <diffusers|comfyui>",
+    "Show setup commands for a video-generation backend"
+  ],
+  [
+    "/video list",
+    "List video models by category, quality, size, and hardware fit"
+  ],
+  ["/video prewarm", "Download and warm up the selected video model"],
+  ["/pointcloud", "Open point-cloud generation model/setup menu"],
+  [
+    "/pointcloud --image <path>",
+    "Generate a 3D point cloud PLY from an image using depth estimation"
+  ],
+  [
+    "/pointcloud --image <path> --model <model>",
+    "Generate with an explicit depth model (depth-anything-v3-* or mda-*)"
+  ],
+  [
+    "/pointcloud --image <path1,path2> --backend mda",
+    "Multi-view depth fusion from comma-separated image paths"
+  ],
+  [
+    "/pointcloud setup <depth-anything|mda>",
+    "Show setup commands for a point-cloud backend"
+  ],
+  [
+    "/pointcloud list",
+    "List point-cloud models by backend, quality, and VRAM fit"
+  ],
+  ["/pointcloud prewarm", "Download and warm up the selected depth model"],
+  ["/points <args>", "Alias for /pointcloud"],
+  ["/pcl <args>", "Alias for /pointcloud"],
+  ["/call", "Start voice call session (cloudflared tunnel + ASR/TTS)"],
+  ["/hangup", "End active call session"],
+  [
+    "/queue <prompt>",
+    "Queue a prompt for the next turn without interrupting the current run"
+  ],
+  ["/q <prompt>", "Alias for /queue <prompt>"],
+  ["/retry", "Retry the last submitted request"],
+  ["/undo", "Undo the last queued or saved exchange when available"],
+  ["/title [name]", "Show or set the current session title"],
+  [
+    "/rollback [checkpoint]",
+    "List checkpoints or restore an explicit checkpoint when policy allows"
+  ],
+  ["/background <prompt>", "Run a prompt in an independent background session"],
+  ["/bg <prompt>", "Alias for /background <prompt>"],
+  ["/cost", "Show session token cost breakdown"],
+  ["/usage", "Show current session token count and cost"],
+  ["/insights", "Show historical session insights"],
+  ["/evaluate", "Evaluate last completed task (LLM quality scoring)"],
+  [
+    "/score",
+    "Show inference capability scorecard (memory, compute, speed, models)"
+  ],
+  [
+    "/task-type",
+    "Set task type (code, document, analysis, plan, general, auto)"
+  ],
+  ["/stats", "Show session dashboard (metrics, tool usage, task history)"],
+  [
+    "/metrics",
+    "Show runtime metrics: tokens, context window, throughput, and tool usage"
+  ],
+  ["/sessions", "Browse saved sessions"],
+  ["/new", "Start a fresh chat in the current project"],
+  [
+    "/pause",
+    "Pause after current turn finishes (gentle halt, /resume to continue)"
+  ],
+  [
+    "/stop",
+    "Kill current inference immediately and save state (/resume to continue)"
+  ],
+  [
+    "/resume",
+    "Resume a paused task or choose a saved project chat"
+  ],
+  ["/resume <session>", "Resume a saved project chat by id or title"],
+  [
+    "/destroy processes",
+    "Find and kill orphaned Omnius child processes (this project)"
+  ],
+  [
+    "/destroy processes --global",
+    "Kill ALL orphaned Omnius processes system-wide"
+  ],
+  [
+    "/destroy project",
+    "Remove .omnius folder, kill all tasks, clear console, and exit"
+  ],
+  ["/context save", "Force-save session context to .omnius/context/"],
+  ["/context restore", "Restore context from previous sessions into next task"],
+  ["/context show", "Show saved session context status"],
+  ["/compact", "Force context compaction now (default strategy)"],
+  ["/compacted", "Review applied, held, rejected, and failed compaction attempts"],
+  [
+    "/compact <strategy>",
+    "Compact with strategy: aggressive, decisions, errors, summary, structured"
+  ],
+  ["/bruteforce", "Toggle brute-force mode (auto re-engage on turn limit)"],
+  [
+    "/deep",
+    "Toggle deep context - relaxes compaction so large models use 85% of context"
+  ],
+  [
+    "/flow",
+    "Toggle FlowState protocol - immediate action, tight loops, goal clarity"
+  ],
+  ["/emojis", "Toggle emoji rendering in TUI messages"],
+  ["/tools", "List agent-created custom tools"],
+  ["/skills", "List available AIWG skills"],
+  ["/skill", "Alias for /skills"],
+  ["/skills <keyword>", "Filter skills by name or trigger"],
+  ["/skillify [request]", "Extract a reusable skill from the current session"],
+  ["/<skill-name> [args]", "Invoke an AIWG skill directly"],
+  [
+    "/full-send-bless",
+    "Infinite warm loop - DMN self-reflection chains tasks autonomously"
+  ],
+  ["/bless stop", "End blessed mode + DMN"],
+  [
+    "/telegram --key <token>",
+    "Save Telegram bot token (persisted to settings)"
+  ],
+  [
+    "/telegram --admin <userid>",
+    "Set admin user filter (only this user can interact)"
+  ],
+  ["/telegram", "Toggle Telegram bridge on/off (uses saved key)"],
+  ["/telegram status", "Show Telegram bridge status"],
+  ["/telegram stop", "Disconnect Telegram bridge"],
+  ["/telegram disable", "Persistently disable Telegram long polling"],
+  ["/telegram enable", "Re-enable Telegram long polling"],
+  [
+    "/telegram mode auto|chat|action",
+    "Set Telegram interaction routing: auto, fast chat, or action sub-agent"
+  ],
+  [
+    "/telegram subagents <1-5>",
+    "Set global Telegram work-slot limit across all chats/groups"
+  ],
+  [
+    "/telegram model",
+    "Pick the Telegram-isolated model (model list from the Telegram endpoint)"
+  ],
+  [
+    "/telegram model <name|reset>",
+    "Set or clear the Telegram-isolated model (separate from main agent)"
+  ],
+  [
+    "/telegram endpoint",
+    "Pick the Telegram-isolated backend endpoint (same menu as /endpoint, bot-scoped)"
+  ],
+  [
+    "/telegram endpoint <url|reset> [--auth <t>]",
+    "Set or clear the Telegram-isolated endpoint"
+  ],
+  [
+    "/telegram auth",
+    "Show a TUI-only one-time code for Telegram admin authentication"
+  ],
+  [
+    "/telegram auth cancel",
+    "Cancel the pending Telegram admin authentication code"
+  ],
+  [
+    "/telegram bot <username> <text>",
+    "Send a Bot API bot-to-bot message by @username"
+  ],
+  [
+    "/telegram poll <chat> <question> | <option> [| <option>]",
+    "Send a Telegram poll"
+  ],
+  [
+    "/telegram live-photo <chat> <live_photo> <photo> [caption]",
+    "Send a Telegram live photo"
+  ],
+  [
+    "/telegram draft <chat_id> <draft_id> [text]",
+    "Set or clear a Telegram message draft"
+  ],
+  [
+    "/telegram admins <chat> [--bots]",
+    "List chat administrators, optionally including bots"
+  ],
+  [
+    "/telegram personal <user_id> <limit>",
+    "Fetch last messages from a user's profile personal chat"
+  ],
+  [
+    "/telegram access get <managed_bot_user_id>",
+    "Show managed-bot access restriction settings"
+  ],
+  [
+    "/telegram access set <managed_bot_user_id> <restricted|open> [added_user_ids]",
+    "Set managed-bot access restrictions"
+  ],
+  [
+    "/telegram tools [group <chat>|panel <chat> [policy_chat]]",
+    "Show unified Telegram tool policy or send inline admin toggle buttons"
+  ],
+  [
+    "/telegram delete-message <chat> <message> [reason]",
+    "Delete one Telegram message after policy and Bot API rights checks"
+  ],
+  [
+    "/telegram delete-messages <chat> <message,message> [reason]",
+    "Delete multiple Telegram messages after policy and Bot API rights checks"
+  ],
+  [
+    "/telegram delete-reaction <chat> <message> [--user <id>|--actor <chat>]",
+    "Delete a Telegram message reaction"
+  ],
+  [
+    "/telegram delete-reactions <chat> [--user <id>|--actor <chat>]",
+    "Delete recent Telegram message reactions by user or chat"
+  ],
+  ["/platforms", "Show gateway platform state"],
+  ["/platforms status", "Show gateway platform state"],
+  ["/platforms menu", "Open interactive platform connectivity menu"],
+  ["/platforms setup", "Open platform onboarding menu"],
+  ["/platforms onboard", "Open platform onboarding menu"],
+  ["/platforms config", "Show redacted platform adapter configuration"],
+  ["/platforms enable <id>", "Enable a platform adapter"],
+  ["/platforms disable <id>", "Disable a platform adapter"],
+  [
+    "/platforms set <id> token-env <ENV>",
+    "Set adapter token environment variable"
+  ],
+  ["/platforms set <id> base-url <url>", "Set adapter base URL or webhook URL"],
+  [
+    "/platforms set <id> target <target>",
+    "Set adapter default channel, room, or target"
+  ],
+  [
+    "/platforms set <id> mode <polling|webhook>",
+    "Set adapter polling or webhook mode"
+  ],
+  [
+    "/platforms clear <id> <key>",
+    "Clear saved adapter token, token-env, base-url, or target"
+  ],
+  ["/gateway", "Alias for /platforms"],
+  ["/gateway menu", "Alias for /platforms menu"],
+  [
+    "/cohere",
+    "Toggle COHERE cognitive commons - join distributed memory/identity mesh"
+  ],
+  [
+    "/cohere stats",
+    "Show network stats - queries in/out, model usage, peer transparency"
+  ],
+  ["/cohere models", "List downloaded models with COHERE exposure status"],
+  ["/cohere allow <model>", "Allow a model for remote COHERE queries"],
+  ["/cohere deny <model>", "Hide a model from remote COHERE queries"],
+  ["/nexus", "Show nexus P2P network status"],
+  ["/nexus connect", "Connect to the agent mesh network"],
+  [
+    "/nexus name <name>",
+    "Set custom agent name (persists globally across all Omnius instances)"
+  ],
+  ["/nexus name", "Show current agent name"],
+  ["/nexus restart", "Kill daemon and reconnect (picks up new version)"],
+  ["/nexus restart --clean", "Restart + clear metering data for fresh stats"],
+  ["/nexus disconnect", "Kill daemon without reconnecting"],
+  ["/nexus wallet", "Show wallet address and x402 payment status"],
+  ["/ipfs", "Show IPFS/Helia status"],
+  ["/ipfs pin <cid>", "Pin an IPFS CID"],
+  ["/ipfs publish", "Publish identity snapshot to IPFS"],
+  ["/ipfs share <tool|skill> <name>", "Share a tool or skill through IPFS"],
+  ["/ipfs import <cid>", "Import a shared IPFS tool or skill reference"],
+  ["/sponsor", "Sponsor inference - onboarding wizard or dashboard"],
+  ["/sponsor status", "Show sponsor dashboard with usage metrics"],
+  ["/sponsor image <prompt>", "Generate an image on a sponsored peer"],
+  ["/sponsor video <prompt>", "Generate a video on a sponsored peer"],
+  ["/sponsor sound <prompt>", "Generate a sound effect on a sponsored peer"],
+  ["/sponsor music <prompt>", "Generate music on a sponsored peer"],
+  ["/sponsor pause", "Pause active sponsorship"],
+  ["/sponsor remove", "Remove sponsorship entirely"],
+  [
+    "/endpoint sponsor",
+    "Browse and connect to sponsored inference from the nexus mesh"
+  ],
+  ["/expose <backend>", "Expose local inference via libp2p (default)"],
+  ["/expose <backend> --tunnel", "Expose via cloudflared tunnel"],
+  ["/expose passthrough", "Forward configured /endpoint through libp2p P2P"],
+  [
+    "/expose forward --loadbalance",
+    "Passthrough with distributed rate-limit budget"
+  ],
+  ["/expose config", "Interactive expose configuration menu"],
+  ["/expose status", "Show gateway stats (requests, models, budget)"],
+  ["/expose stop", "Stop all expose gateways"],
+  ["/expose stop --tunnel", "Stop tunnel gateway only"],
+  ["/expose stop --libp2p", "Stop libp2p gateway only"],
+  ["/access", "Show access policy and host binding"],
+  [
+    "/access <loopback|lan|any>",
+    "Set access policy (OMNIUS_ACCESS) and restart daemon"
+  ],
+  ["/k <any|lan|loopback|config>", "Quick network access helper"],
+  ["/scheduler", "Scheduled tasks control panel (list/kill/toggle)"],
+  ["/cron", "Cron/scheduled job management"],
+  ["/cron list", "List cron jobs"],
+  ["/cron add <schedule> <prompt>", "Create a new cron job"],
+  ["/cron edit <id> <field> <val>", "Update a cron job field"],
+  ["/cron pause <id>", "Pause a cron job"],
+  ["/cron resume <id>", "Resume a paused cron job"],
+  ["/cron run <id>", "Execute a cron job immediately"],
+  ["/cron remove <id>", "Delete a cron job"],
+  ["/cron outputs <id>", "Show saved output files for a job"],
+  ["/cron tick", "Run scheduler tick"],
+  ["/scheduler menu", "Interactive scheduler menu (toggle/kill)"],
+  ["/scheduler list", "List all scheduled tasks and timers"],
+  [
+    "/scheduler kill",
+    "Kill schedulers + active runs (with escalation if needed)"
+  ],
+  ["/reminder [list|all]", "List scoped TUI reminders"],
+  [
+    "/remind <when> <message>",
+    "Set a scoped person notification; a due time is required"
+  ],
+  [
+    "/remind in 30m <message>",
+    "Set a scoped person notification with a relative due time"
+  ],
+  ["/reminders", "Alias for /reminder"],
+  ["/daemon", "Show or manage the local API daemon"],
+  ["/daemon <start|stop|restart|takeover>", "Control the local API daemon"],
+  ["/apikey", "Show current API key (for pasting into Web UI / clients)"],
+  ["/apikey copy", "Copy the API key to clipboard"],
+  ["/apikey new", "Rotate to a new API key (regenerate)"],
+  ["/secrets", "List registered secrets"],
+  ["/secrets set <name> <value>", "Register a secret for redacted tool use"],
+  ["/secrets delete <name>", "Remove a registered secret"],
+  ["/key", "Alias for /apikey"],
+  ["/codegraph", "Code-graph snapshot: stats, top files, recent activity"],
+  [
+    "/codegraph watch [N]",
+    "Subscribe to live code-graph events for N seconds (default 30)"
+  ],
+  ["/cg", "Alias for /codegraph"],
+  ["/storage", "Show .omnius storage usage and safety summary"],
+  ["/files", "Show searchable working-directory file overview"],
+  ["/files <query>", "Filter the working-directory file overview"],
+  ["/files menu", "Open searchable workspace file selector"],
+  ["/workspace", "Alias for /files"],
+  ["/workspace <query>", "Alias for /files <query>"],
+  ["/workspace menu", "Alias for /files menu"],
+  ["/ingest <file>", "Ingest an audio, PDF, or text file into memory"],
+  ["/transcribe <file>", "Alias for /ingest <file>"],
+  ["/fortemi", "Manage Fortemi React bridge integration"],
+  [
+    "/host <host[:port]>",
+    "Set bind host:port (OMNIUS_HOST) and restart daemon"
+  ],
+  ["/network config", "Interactive network access menu"],
+  ["/p2p start", "Join the P2P agent mesh network"],
+  ["/p2p status", "Show mesh peers and rooms"],
+  ["/p2p stop", "Leave the mesh network"],
+  ["/style", "Show current response style"],
+  ["/style <preset>", "Set style: concise, balanced, verbose, pedagogical"],
+  [
+    "/personality <preset>",
+    "Alias family for response style/personality controls"
+  ],
+  ["/commands auto", "Allow agent to invoke slash commands as tools"],
+  ["/cmds auto", "Alias for /commands auto"],
+  ["/commands manual", "Slash commands are user-only (default)"],
+  [
+    "/selfmodify",
+    "Toggle agent self-modify mode for natural-language runtime commands"
+  ],
+  [
+    "/selfmodify on",
+    "Allow the agent to decide when to invoke self-modifying slash commands"
+  ],
+  [
+    "/selfmodify off",
+    "Disable agent self-modifying slash-command access (default)"
+  ],
+  ["/selfmodify status", "Show current self-modify mode"],
+  [
+    "/selfimprove status",
+    "Show durable review/proposal backlog, leases, retries, and last error"
+  ],
+  [
+    "/selfimprove start",
+    "Enable review mode and drain eligible work with the parent model"
+  ],
+  ["/selfimprove stop", "Disable processing while retaining the durable backlog"],
+  ["/selfimprove disable", "Alias for /selfimprove stop"],
+  [
+    "/selfimprove review",
+    "Run evidence review and candidate generation without active promotion"
+  ],
+  [
+    "/selfimprove autonomous",
+    "Opt in to downstream candidate experiment and promotion orchestration"
+  ],
+  [
+    "/selfimprove rollback <promotion-id> [reason]",
+    "Restore the exact pre-promotion baseline and verify the rollback"
+  ],
+  ["/debug", "Toggle debug mode — show/hide trust_tier wrappers and REG fires"],
+  ["/debug on", "Show trust_tier wrappers and REG fires in terminal"],
+  ["/debug off", "Hide trust_tier wrappers and REG fires (default)"],
+  ["/debug", "Toggle debug mode — show/hide trust_tier wrappers and REG fires"],
+  ["/debug on", "Show trust_tier wrappers and REG fires in terminal"],
+  ["/debug off", "Hide trust_tier wrappers and REG fires (default)"],
+  ["/hf", "Show HF token status (set / not set)"],
+  [
+    "/hf <token>",
+    "Save Hugging Face access token to ~/.omnius/hf_token and unblock the active gated download"
+  ],
+  ["/hf clear", "Remove the persisted HF token"],
+  [
+    "/hf cancel",
+    "Cancel any pending HF token prompt and fall back immediately"
+  ],
+  [
+    "/models",
+    "Show unified ~/.omnius model store: disk usage, cached repos, last-used"
+  ],
+  ["/models 3d", "Select CAD/3D generation and reconstruction model adapters"],
+  ["/models cad", "Select text-to-CAD model adapters such as cad0"],
+  [
+    "/models viewer [file]",
+    "Start a temporary standalone CAD/3D viewer endpoint"
+  ],
+  [
+    "/models hf list --modality 3d",
+    "List curated and installed Hugging Face CAD/3D adapters"
+  ],
+  [
+    "/models evict <repo>",
+    "Remove a cached HF repo from the unified store to reclaim disk"
+  ],
+  [
+    "/models evict --free <GB>",
+    "LRU-evict cached models until <GB> of free disk is available"
+  ],
+  [
+    "/models cleanup",
+    "Migrate legacy per-repo .omnius/{image,video,audio}-gen caches into the unified store and delete the originals"
+  ],
+  [
+    "/models cleanup --dry-run",
+    "Preview /models cleanup without touching disk"
+  ],
+  ["/voicechat", "Start voice chat session (async voice conversation)"],
+  ["/voicechat stop", "Stop voice chat session"],
+  ["/memory", "Open the interactive memory pixel map and provenance trace"],
+  ["/memory legacy", "Open the legacy list-based memory browser"],
+  [
+    "/metabolize [--dry-run] [--verbose] [--min-score <n>]",
+    "Run memory maintenance: import deferred memory, prune episodes, compact graph stores"
+  ],
+  [
+    "/prune [now|dry|infer|aggressive|stats] [--target <n>]",
+    "Shrink knowledge.db in the background: evict low-signal graph nodes (archived), then VACUUM. 'infer' = model-guided sleep consolidation. No arg shows stats + usage"
+  ],
+  ["/verbose", "Toggle verbose mode"],
+  ["/clear", "Clear the screen"],
+  ["/help", "Show this help"],
+  ["/quit", "Exit omnius"]
+].map(([signature, description]) => ({ signature, description }));
+var PLANNED_SIGNATURES = [
+  ["/provider", "Show or select provider profile"],
+  ["/prompt", "Show or edit the active prompt template"],
+  ["/reasoning", "Alias family for thinking/reasoning controls"],
+  ["/statusbar", "Configure the status bar"],
+  ["/sb", "Alias for /statusbar"],
+  ["/skin", "Configure the visual skin/theme bundle"],
+  ["/toolsets", "Show or select tool exposure sets"],
+  ["/browser connect|disconnect|status", "Manage browser-agent connectivity"],
+  ["/reload-mcp", "Reload MCP servers and tools"],
+  ["/plugins", "List or manage plugins"],
+  ["/status", "Show overall runtime status"],
+  ["/sethome", "Set the project home for gateway/session use"],
+  ["/approve", "Approve a pending gateway/admin action"],
+  ["/deny", "Deny a pending gateway/admin action"]
+].map(([signature, description]) => ({
+  signature,
+  description,
+  implementationStatus: "planned"
+}));
+var CATEGORY_OVERRIDES = {
+  model: "model",
+  models: "model",
+  endpoint: "network",
+  fallback: "network",
+  provider: "network",
+  parallel: "runtime",
+  gpu: "runtime",
+  broker: "runtime",
+  setup: "runtime",
+  wizard: "runtime",
+  mcp: "tools",
+  mcps: "tools",
+  update: "admin",
+  upgrade: "admin",
+  voice: "media",
+  voicechat: "media",
+  listen: "media",
+  mic: "media",
+  paste: "media",
+  image: "media",
+  video: "media",
+  pointcloud: "media",
+  points: "media",
+  pcl: "media",
+  ingest: "media",
+  transcribe: "media",
+  call: "media",
+  hangup: "media",
+  queue: "session",
+  q: "session",
+  retry: "session",
+  undo: "session",
+  title: "session",
+  rollback: "session",
+  background: "session",
+  bg: "session",
+  pause: "session",
+  stop: "session",
+  resume: "session",
+  new: "session",
+  context: "session",
+  compact: "session",
+  compacted: "session",
+  gc: "session",
+  sessions: "session",
+  session: "session",
+  dream: "runtime",
+  "full-send-bless": "runtime",
+  bless: "runtime",
+  telegram: "gateway",
+  cohere: "network",
+  nexus: "network",
+  ipfs: "network",
+  storage: "admin",
+  files: "tools",
+  workspace: "tools",
+  "task-type": "runtime",
+  tasktype: "runtime",
+  sponsor: "network",
+  expose: "gateway",
+  access: "network",
+  host: "network",
+  network: "network",
+  k: "network",
+  scheduler: "runtime",
+  reminder: "runtime",
+  daemon: "runtime",
+  indicator: "ui",
+  apikey: "secret",
+  key: "secret",
+  secrets: "secret",
+  secret: "secret",
+  vault: "secret",
+  codegraph: "tools",
+  cg: "tools",
+  p2p: "network",
+  tools: "tools",
+  skills: "tools",
+  skill: "tools",
+  skillify: "tools",
+  memory: "memory",
+  mem: "memory",
+  metabolize: "memory",
+  prune: "memory",
+  mouse: "ui",
+  color: "ui",
+  colors: "ui",
+  theme: "ui",
+  neovim: "ui",
+  nvim: "ui",
+  vim: "ui",
+  emojis: "ui",
+  emoji: "ui",
+  statusbar: "ui",
+  sb: "ui",
+  skin: "ui",
+  prompt: "ui",
+  personality: "ui",
+  reasoning: "ui",
+  selfmodify: "runtime",
+  selfimprove: "runtime",
+  "self-improve": "runtime",
+  debug: "runtime",
+  selfmod: "runtime",
+  "self-modify": "runtime",
+  stats: "session",
+  metrics: "session"
+};
+var ALIASES = {
+  help: ["h", "?"],
+  quit: ["exit"],
+  queue: ["q"],
+  background: ["bg"],
+  clear: ["cls"],
+  verbose: ["v"],
+  config: ["cfg"],
+  color: ["colors", "theme"],
+  setup: ["wizard"],
+  mcp: ["mcps"],
+  update: ["upgrade"],
+  indicator: ["tray"],
+  listen: ["mic"],
+  pointcloud: ["points", "pcl", "point"],
+  neovim: ["nvim"],
+  apikey: ["key"],
+  secrets: ["secret", "vault"],
+  sessions: ["session"],
+  cost: ["costs"],
+  evaluate: ["eval"],
+  score: ["inference"],
+  "task-type": ["tasktype", "tt"],
+  stats: ["dashboard"],
+  memory: ["mem"],
+  metabolize: ["metab"],
+  files: ["workspace"],
+  skills: ["skill"],
+  commands: ["cmds"],
+  selfmodify: ["selfmod", "self-modify"],
+  selfimprove: ["self-improve"],
+  codegraph: ["cg"],
+  endpoint: ["ep"],
+  telegram: ["tg"],
+  bruteforce: ["brute"],
+  deep: ["deep-context"],
+  flow: ["flowstate"],
+  emojis: ["emoji"],
+  compact: ["gc"],
+  network: ["k"],
+  scheduler: [],
+  reminder: ["remind", "reminders"],
+  statusbar: ["sb"],
+  platforms: ["gateway"]
+};
+var USER_ONLY = /* @__PURE__ */ new Set([
+  "fallback",
+  "quit",
+  "exit",
+  "clear",
+  "cls",
+  "q",
+  "queue",
+  "model",
+  "endpoint",
+  "parallel",
+  "gpu",
+  "memory",
+  "broker",
+  "commands",
+  "cmds",
+  "selfmodify",
+  "selfmod",
+  "self-modify",
+  "selfimprove",
+  "self-improve",
+  "debug",
+  "dbg",
+  "hf",
+  "models",
+  "mcp",
+  "mcps",
+  "update",
+  "upgrade",
+  "setup",
+  "wizard",
+  "telegram",
+  "call",
+  "hangup",
+  "listen",
+  "mic",
+  "paste",
+  "image",
+  "video",
+  "pointcloud",
+  "points",
+  "pcl",
+  "ingest",
+  "transcribe",
+  "expose",
+  "p2p",
+  "ipfs",
+  "storage",
+  "files",
+  "workspace",
+  "secrets",
+  "secret",
+  "vault",
+  "skillify",
+  "dream",
+  "bless",
+  "full-send-bless",
+  "pause",
+  "stop",
+  "resume",
+  "new",
+  "retry",
+  "undo",
+  "rollback",
+  "background",
+  "bg",
+  "apikey",
+  "key",
+  "access",
+  "host",
+  "network",
+  "k",
+  "scheduler",
+  "cron",
+  "daemon",
+  "indicator",
+  "compacted",
+  "fortemi",
+  "mouse",
+  "approve",
+  "deny",
+  "sethome"
+]);
+var DESTRUCTIVE = /* @__PURE__ */ new Set([
+  "destroy",
+  "stop",
+  "rollback",
+  "update",
+  "upgrade",
+  "deny",
+  "daemon",
+  "ollama"
+]);
+var NETWORKED = /* @__PURE__ */ new Set([
+  "endpoint",
+  "update",
+  "upgrade",
+  "telegram",
+  "call",
+  "listen",
+  "mic",
+  "image",
+  "video",
+  "pointcloud",
+  "points",
+  "pcl",
+  "cohere",
+  "nexus",
+  "ipfs",
+  "sponsor",
+  "expose",
+  "access",
+  "host",
+  "network",
+  "k",
+  "p2p",
+  "daemon",
+  "fortemi",
+  "mcp",
+  "mcps",
+  "browser",
+  "cron",
+  "reload-mcp",
+  "plugins",
+  "platforms",
+  "gateway"
+]);
+var SECRET_BEARING = /* @__PURE__ */ new Set([
+  "endpoint",
+  "apikey",
+  "key",
+  "telegram",
+  "secrets",
+  "secret",
+  "vault",
+  "hf"
+]);
+var PROFILE_GATED = /* @__PURE__ */ new Set([
+  "destroy",
+  "update",
+  "upgrade",
+  "telegram",
+  "call",
+  "listen",
+  "mic",
+  "expose",
+  "access",
+  "host",
+  "network",
+  "k",
+  "p2p",
+  "daemon",
+  "fortemi",
+  "mcp",
+  "mcps",
+  "ipfs",
+  "approve",
+  "deny",
+  "sethome"
+]);
+var REST_BLOCKED = /* @__PURE__ */ new Set([
+  "pause",
+  "resume",
+  "new",
+  "retry",
+  "undo",
+  "rollback",
+  "background",
+  "bg",
+  "paste",
+  "indicator"
+]);
+var LOCAL_TUI_ONLY = /* @__PURE__ */ new Set(["indicator", "compacted", "gpu", "memory"]);
+var CANONICAL_BY_ALIAS = /* @__PURE__ */ new Map();
+for (const [canonical, aliases2] of Object.entries(ALIASES)) {
+  for (const alias of aliases2) CANONICAL_BY_ALIAS.set(alias, canonical);
+}
+var DYNAMIC_COMMANDS = [];
+function getSlashHelpEntries(opts = {}) {
+  const includePlanned = opts.includePlanned === true;
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const item of [
+    ...DYNAMIC_COMMANDS,
+    ...COMMAND_SIGNATURES,
+    ...PLANNED_SIGNATURES
+  ]) {
+    if (!includePlanned && item.implementationStatus === "planned") continue;
+    if (seen.has(item.signature)) continue;
+    seen.add(item.signature);
+    out.push([item.signature, item.description]);
+  }
+  return out;
+}
+var SLASH_COMMANDS = getSlashHelpEntries();
+function listCommandRegistry(opts = {}) {
+  const includePlanned = opts.includePlanned !== false;
+  const grouped = /* @__PURE__ */ new Map();
+  for (const sig of [
+    ...COMMAND_SIGNATURES,
+    ...PLANNED_SIGNATURES,
+    ...DYNAMIC_COMMANDS
+  ]) {
+    if (!includePlanned && sig.implementationStatus === "planned") continue;
+    const name = commandNameFromSignature(sig.signature);
+    if (!name || name.startsWith("<")) continue;
+    if (!grouped.has(name)) grouped.set(name, []);
+    grouped.get(name).push(sig);
+  }
+  return Array.from(grouped.entries()).map(
+    ([name, signatures]) => buildCommandDef(name, signatures)
+  );
+}
+function findCommand(name) {
+  const normalized = normalizeCommandName(name);
+  const all = listCommandRegistry({ includePlanned: true });
+  return all.find(
+    (cmd) => cmd.name === normalized || cmd.aliases.includes(normalized)
+  );
+}
+function buildCommandDef(name, signatures) {
+  const status = signatures.every(
+    (sig) => sig.implementationStatus === "planned"
+  ) ? "planned" : "implemented";
+  const safety = {
+    userOnly: USER_ONLY.has(name),
+    destructive: DESTRUCTIVE.has(name),
+    networked: NETWORKED.has(name),
+    secretBearing: SECRET_BEARING.has(name),
+    profileGated: PROFILE_GATED.has(name)
+  };
+  const aliases2 = Array.from(new Set(ALIASES[name] ?? []));
+  const category = CATEGORY_OVERRIDES[name] ?? (status === "planned" ? "planned" : "core");
+  const subcommands = Array.from(
+    new Set(
+      signatures.map((sig) => subcommandFromSignature(sig.signature)).filter((sub) => !!sub)
+    )
+  );
+  const argsHint = inferArgsHint(signatures[0]?.signature ?? `/${name}`);
+  const surfaces = {
+    tui: true,
+    rest: status === "implemented" && !["quit", "exit"].includes(name) && !safety.destructive && !safety.secretBearing && !REST_BLOCKED.has(name) && !LOCAL_TUI_ONLY.has(name),
+    gateway: status === "implemented" && !safety.destructive && !safety.secretBearing && !LOCAL_TUI_ONLY.has(name),
+    agentTool: status === "implemented" && !safety.userOnly && !safety.destructive && !safety.secretBearing && !safety.profileGated && !LOCAL_TUI_ONLY.has(name)
+  };
+  return {
+    name,
+    aliases: aliases2,
+    description: signatures[0]?.description ?? "",
+    category,
+    argsHint,
+    subcommands,
+    signatures,
+    surfaces,
+    safety,
+    implementationStatus: status
+  };
+}
+function commandNameFromSignature(signature) {
+  const raw = normalizeCommandName(
+    (signature.trim().split(/\s+/)[0] ?? "").replace(/^\//, "")
+  );
+  return CANONICAL_BY_ALIAS.get(raw) ?? raw;
+}
+function subcommandFromSignature(signature) {
+  const parts = signature.trim().split(/\s+/);
+  if (parts.length < 2) return null;
+  const sub = parts[1] ?? "";
+  if (!sub || sub.startsWith("<") || sub.startsWith("[") || sub.includes("|"))
+    return null;
+  return sub.replace(/[|].*$/, "");
+}
+function inferArgsHint(signature) {
+  return signature.trim().split(/\s+/).slice(1).join(" ");
+}
+function normalizeCommandName(name) {
+  return name.replace(/^\//, "").trim().toLowerCase();
+}
+
+// packages/cli/src/tui/native/components/vim-composer.ts
+var VimComposer = class {
+  constructor(editor, changed) {
+    this.editor = editor;
+    this.changed = changed;
+  }
+  editor;
+  changed;
+  enabled = false;
+  mode = "INSERT";
+  count = "";
+  operator = "";
+  operatorCount = 1;
+  anchor = 0;
+  register = "";
+  linewise = false;
+  find = "";
+  search;
+  lastSearch;
+  setEnabled(enabled) {
+    if (enabled === this.enabled) return;
+    this.enabled = enabled;
+    this.mode = "INSERT";
+    this.reset();
+    this.editor.clearSelection();
+    this.changed();
+  }
+  get label() {
+    return this.search ? `${this.search.backward ? "?" : "/"}${this.search.value}` : this.mode;
+  }
+  reset() {
+    this.count = "";
+    this.operator = "";
+    this.operatorCount = 1;
+    this.find = "";
+    this.search = void 0;
+  }
+  normal() {
+    this.mode = "NORMAL";
+    this.editor.clearSelection();
+    this.reset();
+    this.changed();
+  }
+  end() {
+    return this.editor.editBuffer.measureText(this.editor.plainText);
+  }
+  takeCount() {
+    const n = Math.max(1, Math.min(1e4, Number(this.count) || 1));
+    this.count = "";
+    return n;
+  }
+  select(start, end) {
+    this.editor.setSelection(Math.min(start, end), Math.max(start, end));
+  }
+  operate(start, end, operation, linewise = false) {
+    this.select(start, end);
+    this.register = this.editor.getSelectedText();
+    this.linewise = linewise;
+    if (linewise && this.register && !this.register.endsWith("\n")) this.register += "\n";
+    if (operation !== "y") this.editor.deleteSelection();
+    else {
+      this.editor.clearSelection();
+      this.editor.cursorOffset = Math.min(start, end);
+    }
+    this.reset();
+    this.mode = operation === "c" ? "INSERT" : "NORMAL";
+    this.changed();
+  }
+  lineRange(count) {
+    const row = this.editor.logicalCursor.row;
+    const start = this.editor.editBuffer.getLineStartOffset(row);
+    const next = row + count;
+    let end = next < this.editor.lineCount ? this.editor.editBuffer.getLineStartOffset(next) : this.end();
+    if (end === start && row > 0) return [start - 1, end];
+    return [start, end];
+  }
+  motion(key, count) {
+    const editor = this.editor;
+    if (key === "0") editor.gotoLineHome();
+    else if (key === "$") {
+      if (count > 1) editor.gotoLine(Math.min(editor.lineCount - 1, editor.logicalCursor.row + count - 1));
+      editor.gotoLineEnd();
+    } else if (key === "^") {
+      editor.gotoLineHome();
+      const line = editor.getTextRange(editor.cursorOffset, this.end()).split("\n")[0];
+      for (const char of line) {
+        if (!/\s/.test(char)) break;
+        editor.moveCursorRight();
+      }
+    } else if (key === "G") {
+      editor.gotoLine(count > 1 ? Math.min(editor.lineCount - 1, count - 1) : editor.lineCount - 1);
+      editor.gotoLineHome();
+    } else if (key === "gg") {
+      editor.gotoLine(Math.max(0, count - 1));
+      editor.gotoLineHome();
+    } else if (key === "e") {
+      for (let i = 0; i < count; i++) {
+        const start = editor.cursorOffset;
+        const endWord = () => {
+          editor.moveWordForward();
+          const nextWord2 = editor.cursorOffset;
+          editor.moveCursorLeft();
+          while (editor.cursorOffset > start && /\s/u.test(editor.getTextRange(editor.cursorOffset, nextWord2).slice(0, 1))) editor.moveCursorLeft();
+          return nextWord2;
+        };
+        const nextWord = endWord();
+        if (editor.cursorOffset <= start && nextWord < this.end()) {
+          editor.cursorOffset = nextWord;
+          endWord();
+        }
+      }
+    } else if (["h", "l", "j", "k", "w", "b", "left", "right", "up", "down"].includes(key)) {
+      for (let i = 0; i < count; i++) {
+        if (key === "h" || key === "left") editor.moveCursorLeft();
+        else if (key === "l" || key === "right") editor.moveCursorRight();
+        else if (key === "j" || key === "down") editor.moveCursorDown();
+        else if (key === "k" || key === "up") editor.moveCursorUp();
+        else if (key === "w") editor.moveWordForward();
+        else editor.moveWordBackward();
+      }
+    } else return false;
+    return true;
+  }
+  searchFor(value, backward) {
+    if (!value) return;
+    const text = this.editor.plainText;
+    const character = this.editor.getTextRange(0, this.editor.cursorOffset).length;
+    const index = backward ? character > 0 ? text.lastIndexOf(value, character - 1) : -1 : text.indexOf(value, character + 1);
+    const found = index >= 0 ? index : backward ? text.lastIndexOf(value) : text.indexOf(value);
+    if (found >= 0) this.editor.cursorOffset = this.editor.editBuffer.measureText(text.slice(0, found));
+  }
+  handle(key) {
+    if (!this.enabled || key.eventType === "release") return false;
+    const consume = () => {
+      key.preventDefault();
+      key.stopPropagation();
+      return true;
+    };
+    if (this.mode === "INSERT") {
+      if (key.name !== "escape") return false;
+      if (this.editor.logicalCursor.col > 0) this.editor.moveCursorLeft();
+      this.normal();
+      return consume();
+    }
+    if (key.name === "escape") {
+      this.normal();
+      return consume();
+    }
+    if (key.ctrl && key.name === "r") {
+      this.editor.redo();
+      return consume();
+    }
+    if (key.ctrl || key.meta || key.name === "return" && !this.search || key.name === "tab") return false;
+    const char = key.sequence.length === 1 ? key.sequence : key.name;
+    if (this.search) {
+      if (key.name === "return") {
+        this.lastSearch = this.search;
+        this.searchFor(this.search.value, this.search.backward);
+        this.search = void 0;
+      } else if (key.name === "backspace") this.search.value = [...this.search.value].slice(0, -1).join("");
+      else if (key.sequence.length === 1) this.search.value += key.sequence;
+      this.changed();
+      return consume();
+    }
+    if (this.find) {
+      if (this.find === "r") {
+        const start2 = this.editor.cursorOffset;
+        this.editor.moveCursorRight();
+        if (this.editor.cursorOffset !== start2) {
+          this.select(start2, this.editor.cursorOffset);
+          this.editor.insertText(char);
+          this.editor.cursorOffset = start2;
+        }
+        this.find = "";
+        return consume();
+      }
+      const forward = this.find === "f" || this.find === "t", till = this.find === "t" || this.find === "T";
+      const start = this.editor.cursorOffset, row = this.editor.logicalCursor.row;
+      for (let i = 0; i < this.editor.plainText.length; i++) {
+        const previous = this.editor.cursorOffset;
+        if (forward) this.editor.moveCursorRight();
+        else this.editor.moveCursorLeft();
+        const current = this.editor.cursorOffset;
+        if (current === previous || this.editor.logicalCursor.row !== row) {
+          this.editor.cursorOffset = start;
+          break;
+        }
+        const end = current;
+        this.editor.moveCursorRight();
+        const next = this.editor.cursorOffset;
+        this.editor.cursorOffset = end;
+        if (this.editor.getTextRange(end, next) === char) {
+          if (till) {
+            if (forward) this.editor.moveCursorLeft();
+            else this.editor.moveCursorRight();
+          }
+          break;
+        }
+      }
+      this.find = "";
+      this.changed();
+      return consume();
+    }
+    if (/^[1-9]$/.test(char) || char === "0" && this.count) {
+      this.count = (this.count + char).slice(0, 5);
+      return consume();
+    }
+    const count = this.takeCount();
+    if (this.operator === "g") {
+      this.operator = "";
+      if (char === "g") {
+        this.motion("gg", this.operatorCount);
+        return consume();
+      }
+    }
+    if (this.operator && this.operator !== "g") {
+      const op = this.operator, repeat = count * this.operatorCount, start = this.editor.cursorOffset;
+      if (char === op) {
+        const range = this.lineRange(repeat);
+        this.operate(...range, op, true);
+        return consume();
+      }
+      if (this.motion(char, Math.min(1e4, repeat))) this.operate(start, this.editor.cursorOffset, op);
+      else this.reset();
+      return consume();
+    }
+    if (this.mode === "VISUAL" && ["d", "x", "c", "y"].includes(char)) {
+      const selection = this.editor.getSelection();
+      if (selection) this.operate(selection.start, selection.end, char === "x" ? "d" : char);
+      return consume();
+    }
+    if (this.motion(char, count)) {
+      if (this.mode === "VISUAL") this.select(this.anchor, this.editor.cursorOffset);
+      return consume();
+    }
+    if (char === "g") {
+      this.operator = "g";
+      this.operatorCount = count;
+      return consume();
+    }
+    if (["d", "c", "y"].includes(char)) {
+      this.operator = char;
+      this.operatorCount = count;
+      return consume();
+    }
+    if (char === "i" || char === "a" || char === "I" || char === "A") {
+      if (char === "a" && this.editor.cursorOffset < this.end()) this.editor.moveCursorRight();
+      if (char === "I") this.motion("^", 1);
+      if (char === "A") this.editor.gotoLineEnd();
+      this.mode = "INSERT";
+      this.reset();
+      this.changed();
+      return consume();
+    }
+    if (char === "o" || char === "O") {
+      if (char === "o") {
+        this.editor.gotoLineEnd();
+        this.editor.newLine();
+      } else {
+        this.editor.gotoLineHome();
+        this.editor.insertText("\n");
+        this.editor.moveCursorLeft();
+      }
+      this.mode = "INSERT";
+      this.changed();
+      return consume();
+    }
+    if (char === "v") {
+      if (this.mode === "VISUAL") this.normal();
+      else {
+        this.mode = "VISUAL";
+        this.anchor = this.editor.cursorOffset;
+        this.changed();
+      }
+      return consume();
+    }
+    if (char === "x" || char === "X") {
+      const start = this.editor.cursorOffset;
+      for (let i = 0; i < count; i++) char === "x" ? this.editor.moveCursorRight() : this.editor.moveCursorLeft();
+      this.operate(start, this.editor.cursorOffset, "d");
+      return consume();
+    }
+    if (char === "D" || char === "C") {
+      const start = this.editor.cursorOffset;
+      this.editor.gotoLineEnd();
+      this.operate(start, this.editor.cursorOffset, char === "C" ? "c" : "d");
+      return consume();
+    }
+    if (char === "p" || char === "P") {
+      if (this.register) {
+        if (this.linewise) {
+          if (char === "P") this.editor.gotoLineHome();
+          else {
+            this.editor.gotoLineEnd();
+            if (this.editor.cursorOffset < this.end()) this.editor.moveCursorRight();
+            else this.editor.insertText("\n");
+          }
+        } else if (char === "p") this.editor.moveCursorRight();
+        this.editor.insertText(this.register.repeat(Math.min(1e3, count)));
+      }
+      return consume();
+    }
+    if (char === "u") {
+      for (let i = 0; i < count; i++) this.editor.undo();
+      return consume();
+    }
+    if (["f", "F", "t", "T", "r"].includes(char)) {
+      this.find = char;
+      return consume();
+    }
+    if (char === "/" || char === "?") {
+      this.search = { value: "", backward: char === "?" };
+      this.changed();
+      return consume();
+    }
+    if ((char === "n" || char === "N") && this.lastSearch) {
+      this.searchFor(this.lastSearch.value, this.lastSearch.backward !== (char === "N"));
+      return consume();
+    }
+    return consume();
+  }
+};
+
+// packages/cli/src/tui/native/components/frontend.ts
+var initialTheme = { mode: "system", bg: -1, accent: -1, textPrimary: -1, textDim: -1, boxColor: -1 };
+var NativeFrontend = class {
+  constructor(renderer2, emit) {
+    this.renderer = renderer2;
+    this.emit = emit;
+    const colors = palette(initialTheme);
+    this.context = { renderer: renderer2, colors, syntax: SyntaxStyle2.fromStyles({}, renderer2.nativeScene), emit, terminals: /* @__PURE__ */ new Map() };
+    this.disposeSelectionContrast = installDefaultSelectionContrast(renderer2);
+    this.clipboard = createClipboard({ host: createHostClipboard({ timeoutMs: 1500 }), terminal: createRendererClipboardAdapter(renderer2) });
+    this.root = new BoxRenderable5(renderer2, {
+      id: "omnius-native",
+      width: "100%",
+      height: "100%",
+      flexDirection: "column",
+      backgroundColor: colors.background
+    });
+    renderer2.root.add(this.root);
+    this.header = new BoxRenderable5(renderer2, {
+      id: "omnius-header",
+      width: "100%",
+      minWidth: 0,
+      flexDirection: "column",
+      flexShrink: 0,
+      border: ["bottom"],
+      borderStyle: "single",
+      borderColor: colors.border
+    });
+    this.root.add(this.header);
+    const headerRow = new BoxRenderable5(renderer2, { id: "omnius-header-row", width: "100%", minWidth: 0, minHeight: 1, flexDirection: "row", gap: 1 });
+    this.header.add(headerRow);
+    this.identity = new TextRenderable4(renderer2, {
+      id: "omnius-identity",
+      content: "Omnius",
+      fg: colors.foreground,
+      flexShrink: 0,
+      flexGrow: 0,
+      wrapMode: "none",
+      truncate: true,
+      minWidth: 18,
+      selectable: false,
+      attributes: TextAttributes6.BOLD,
+      onMouseDown: (event) => {
+        if (event.button === 0) {
+          this.toggleHeaderPanel();
+          event.stopPropagation();
+        }
+      },
+      onKeyDown: (key) => {
+        if (key.eventType !== "release" && (key.name === "return" || key.sequence === " ")) {
+          this.toggleHeaderPanel();
+          key.preventDefault();
+        }
+      }
+    });
+    headerRow.add(this.identity);
+    this.headerActions = new ScrollBoxRenderable4(renderer2, {
+      id: "omnius-header-actions",
+      flexGrow: 0,
+      flexShrink: 1,
+      minWidth: 0,
+      minHeight: 1,
+      scrollX: true,
+      scrollY: false,
+      viewportOptions: { height: 1, minHeight: 1, maxHeight: 1, flexGrow: 0, flexShrink: 0 },
+      contentOptions: { flexDirection: "row", gap: 1, justifyContent: "flex-end" },
+      verticalScrollbarOptions: { visible: false }
+    });
+    headerRow.add(this.headerActions);
+    this.headerPanel = new TextRenderable4(renderer2, { id: "omnius-header-panel", content: "", width: "100%", wrapMode: "word", visible: false });
+    this.header.add(this.headerPanel);
+    this.detailButton = new TextRenderable4(renderer2, {
+      id: "omnius-details-toggle",
+      content: "+ DETAILS",
+      height: 1,
+      width: 9,
+      flexShrink: 0,
+      fg: colors.foreground,
+      attributes: TextAttributes6.DIM,
+      selectable: false,
+      onMouseDown: (event) => {
+        if (event.button === 0) {
+          this.toggleDetails();
+          event.stopPropagation();
+        }
+      },
+      onKeyDown: (key) => {
+        if (key.eventType !== "release" && (key.name === "return" || key.sequence === " ")) {
+          this.toggleDetails();
+          key.preventDefault();
+        }
+      }
+    });
+    this.detailButton.focusable = true;
+    headerRow.add(this.detailButton, 1);
+    for (const control of [this.identity, this.detailButton]) {
+      const attributes = control.attributes;
+      control.on("focused", () => {
+        control.attributes = attributes | TextAttributes6.INVERSE;
+      });
+      control.on("blurred", () => {
+        control.attributes = attributes;
+      });
+    }
+    this.routeWarning = new TextRenderable4(renderer2, { id: "omnius-route-warning", content: "", width: "100%", wrapMode: "word", fg: colors.warning, attributes: TextAttributes6.BOLD | TextAttributes6.UNDERLINE, visible: false, flexShrink: 0 });
+    this.root.add(this.routeWarning);
+    this.tabs = new TabSelectRenderable(renderer2, {
+      id: "omnius-agent-tabs",
+      width: "100%",
+      height: 2,
       showDescription: false,
-      showUnderline: false,
-      showScrollArrows: true,
+      showUnderline: true,
+      showScrollArrows: false,
       tabWidth: 18,
       wrapSelection: true,
       visible: false,
@@ -1082,16 +4096,26 @@ var NativeFrontend = class {
     this.tabs.on("selectionChanged", () => {
       if (this.changing) return;
       const selected = this.tabs.getSelectedOption();
-      if (selected) this.emit({ type: "action", action: "view", id: String(selected.value) });
+      if (selected) this.emitAction("view", String(selected.value));
       this.editor.focus();
     });
+    this.tabs.renderAfter = (buffer) => {
+      if (this.tabs.height < 2) return;
+      const colors2 = this.context.colors;
+      const tabWidth = Math.min(this.tabs.getTabWidth(), this.tabs.width);
+      const count = Math.max(1, Math.floor(this.tabs.width / Math.max(1, tabWidth)));
+      const selected = this.tabs.getSelectedIndex();
+      const start = Math.max(0, Math.min(selected - Math.floor(count / 2), this.tabs.options.length - count));
+      buffer.fillRect(0, 1, this.tabs.width, 1, colors2.background);
+      buffer.drawText("─".repeat(Math.max(0, tabWidth)), (selected - start) * tabWidth, 1, colors2.foreground, colors2.background, TextAttributes6.DIM);
+    };
     this.root.add(this.tabs);
-    this.taskPane = new BoxRenderable3(renderer2, { id: "omnius-tasks", width: "100%", flexDirection: "column", maxHeight: 6, flexShrink: 0, overflow: "hidden", visible: false });
+    this.taskPane = new BoxRenderable5(renderer2, { id: "omnius-tasks", width: "100%", flexDirection: "column", maxHeight: 6, flexShrink: 0, overflow: "hidden", visible: false });
     this.tasks = new NativeBlockList(this.context, this.taskPane);
     this.root.add(this.taskPane);
-    this.body = new BoxRenderable3(renderer2, { id: "omnius-body", width: "100%", flexDirection: "row", flexGrow: 1, minHeight: 1 });
+    this.body = new BoxRenderable5(renderer2, { id: "omnius-body", width: "100%", flexDirection: "row", flexGrow: 1, minHeight: 1 });
     this.root.add(this.body);
-    this.scroll = new ScrollBoxRenderable3(renderer2, {
+    this.scroll = new ScrollBoxRenderable4(renderer2, {
       id: "omnius-conversation",
       flexGrow: 1,
       flexShrink: 1,
@@ -1127,18 +4151,34 @@ var NativeFrontend = class {
     });
     this.body.add(this.scroll);
     this.content = new NativeBlockList(this.context, this.scroll);
-    this.embeddedPane = new BoxRenderable3(renderer2, {
+    this.instrumentDivider = new InstrumentDivider(renderer2, {
+      resize: (column) => this.resizeInstruments(column),
+      toggle: () => this.toggleDetails(),
+      start: () => {
+        this.sidebarDragWidth = this.sidebarWidth ?? Math.floor(this.renderer.terminalWidth * 0.38);
+      },
+      finish: () => {
+        this.sidebarDragWidth = void 0;
+      }
+    });
+    this.body.add(this.instrumentDivider);
+    this.root.onMouseDrag = (event) => this.instrumentDivider.handleDrag(event);
+    this.root.onMouseDragEnd = (event) => this.instrumentDivider.handleRelease(event);
+    this.root.onMouseUp = (event) => this.instrumentDivider.handleRelease(event);
+    this.instruments = new InstrumentRail(renderer2, { colors, onInspectAgent: (id) => this.emitAction("view", id), onAction: (command2) => this.emitAction(command2) });
+    this.body.add(this.instruments);
+    this.embeddedPane = new BoxRenderable5(renderer2, {
       id: "omnius-editor-pane",
       width: "50%",
       flexShrink: 0,
       flexDirection: "column",
       border: true,
-      borderStyle: "rounded",
+      borderStyle: "single",
       borderColor: colors.border,
       visible: false
     });
     this.body.add(this.embeddedPane);
-    this.liveButton = new TextRenderable3(renderer2, {
+    this.liveButton = new TextRenderable4(renderer2, {
       id: "omnius-live-button",
       content: "↓ Live",
       width: "100%",
@@ -1153,7 +4193,7 @@ var NativeFrontend = class {
         }
       },
       onKeyDown: (key) => {
-        if (key.name === "return") {
+        if (key.eventType !== "release" && (key.name === "return" || key.sequence === " ")) {
           this.scrollToLive();
           key.preventDefault();
         }
@@ -1161,7 +4201,7 @@ var NativeFrontend = class {
     });
     this.liveButton.focusable = true;
     this.root.add(this.liveButton);
-    this.queue = new TextRenderable3(renderer2, { id: "omnius-steering-queue", content: "", width: "100%", height: 1, wrapMode: "none", truncate: true, fg: colors.dim, visible: false, flexShrink: 0 });
+    this.queue = new TextRenderable4(renderer2, { id: "omnius-steering-queue", content: "", width: "100%", height: 1, wrapMode: "none", truncate: true, fg: colors.dim, visible: false, flexShrink: 0 });
     this.root.add(this.queue);
     this.suggestions = new NativeSelectRenderable(renderer2, {
       id: "omnius-suggestions",
@@ -1180,20 +4220,21 @@ var NativeFrontend = class {
     this.suggestions.onActivate = () => this.acceptSuggestion();
     this.suggestions.on("itemSelected", () => this.acceptSuggestion());
     this.root.add(this.suggestions);
-    this.footer = new BoxRenderable3(renderer2, {
+    this.status = new BoxRenderable5(renderer2, { id: "omnius-live-status", width: "100%", height: 1, flexShrink: 0, flexDirection: "row", gap: 2, visible: false });
+    this.root.add(this.status);
+    this.footer = new BoxRenderable5(renderer2, {
       id: "omnius-input-box",
       width: "100%",
       flexShrink: 0,
-      border: true,
-      borderStyle: "rounded",
+      border: ["top"],
+      borderStyle: "single",
       borderColor: colors.border,
-      flexDirection: "column",
-      paddingX: 1
+      flexDirection: "column"
     });
     this.root.add(this.footer);
-    const inputRow = new BoxRenderable3(renderer2, { id: "omnius-input-row", width: "100%", flexDirection: "row", gap: 1 });
+    const inputRow = new BoxRenderable5(renderer2, { id: "omnius-input-row", width: "100%", flexDirection: "row", gap: 1 });
     this.footer.add(inputRow);
-    this.prompt = new TextRenderable3(renderer2, { id: "omnius-prompt", content: "❯", fg: colors.accent, wrapMode: "none", selectable: false, flexShrink: 0 });
+    this.prompt = new TextRenderable4(renderer2, { id: "omnius-prompt", content: "❯", fg: colors.accent, wrapMode: "none", selectable: false, flexShrink: 0 });
     inputRow.add(this.prompt);
     this.editor = new TextareaRenderable2(renderer2, {
       id: "omnius-input",
@@ -1206,40 +4247,59 @@ var NativeFrontend = class {
       backgroundColor: colors.background,
       focusedTextColor: colors.foreground,
       focusedBackgroundColor: colors.background,
-      selectionBg: colors.selection,
-      cursorColor: colors.accent,
+      placeholderColor: colors.foreground,
       cursorStyle: { style: "block", blinking: true },
       keyBindings: [{ name: "return", action: "submit" }, { name: "return", shift: true, action: "newline" }],
       onContentChange: () => this.editorChanged(),
       onCursorChange: () => this.editorChanged(),
       onSubmit: () => this.submit()
     });
+    this.vimMode = new TextRenderable4(renderer2, {
+      id: "omnius-vim-mode",
+      content: "INSERT",
+      height: 1,
+      maxWidth: 12,
+      flexShrink: 0,
+      fg: colors.foreground,
+      attributes: TextAttributes6.DIM,
+      wrapMode: "none",
+      truncate: true,
+      visible: false,
+      selectable: false
+    });
+    inputRow.add(this.vimMode);
+    this.vimComposer = new VimComposer(this.editor, () => {
+      this.vimMode.visible = this.vimComposer.enabled;
+      this.vimMode.content = this.vimComposer.label;
+      this.editorChanged();
+      this.renderer.requestRender();
+    });
     inputRow.add(this.editor);
-    this.enhance = new BoxRenderable3(renderer2, { id: "omnius-enhance", flexDirection: "row", gap: 1, flexShrink: 0, visible: false });
+    this.enhance = new BoxRenderable5(renderer2, { id: "omnius-enhance", flexDirection: "row", gap: 1, flexShrink: 0, visible: false });
     inputRow.add(this.enhance);
-    this.activity = new TextRenderable3(renderer2, { id: "omnius-activity", content: "", width: "100%", height: 1, wrapMode: "none", truncate: true, visible: false, fg: colors.accent });
-    this.footer.add(this.activity);
-    this.media = new BoxRenderable3(renderer2, { id: "omnius-media", width: "100%", height: 1, flexDirection: "row", gap: 1, visible: false });
-    this.mediaText = new TextRenderable3(renderer2, { id: "omnius-media-text", content: "", flexGrow: 1, minWidth: 0, wrapMode: "none", truncate: true, fg: colors.accent });
+    this.activity = new TextRenderable4(renderer2, { id: "omnius-activity", content: "", flexGrow: 1, minWidth: 0, height: 1, wrapMode: "none", truncate: true, visible: false, fg: colors.accent });
+    this.status.add(this.activity);
+    this.media = new BoxRenderable5(renderer2, { id: "omnius-media", height: 1, minWidth: 0, flexShrink: 1, flexDirection: "row", gap: 1, visible: false });
+    this.mediaText = new TextRenderable4(renderer2, { id: "omnius-media-text", content: "", flexGrow: 1, minWidth: 0, wrapMode: "none", truncate: true, fg: colors.accent });
     this.media.add(this.mediaText);
-    this.micTrack = new BoxRenderable3(renderer2, { id: "omnius-mic-meter", width: 12, height: 1, flexShrink: 0, backgroundColor: colors.dim, visible: false });
-    this.micLevel = new BoxRenderable3(renderer2, { id: "omnius-mic-level", width: "0%", height: 1, backgroundColor: colors.accent });
-    this.micTrack.add(this.micLevel);
+    this.micTrack = new TextRenderable4(renderer2, { id: "omnius-mic-meter", width: 12, height: 1, flexShrink: 0, fg: colors.foreground, visible: false });
     this.media.add(this.micTrack);
-    this.footer.add(this.media);
-    this.metricsRow = new BoxRenderable3(renderer2, { id: "omnius-metrics-row", width: "100%", height: 1, flexShrink: 0, flexDirection: "row", gap: 1 });
-    this.metricsStartActions = new BoxRenderable3(renderer2, { id: "omnius-metrics-start-actions", flexDirection: "row", gap: 1, flexShrink: 0 });
+    this.status.add(this.media);
+    this.metricsRow = new BoxRenderable5(renderer2, { id: "omnius-metrics-row", width: "100%", height: 1, flexShrink: 0, flexDirection: "row", gap: 1 });
+    this.keyHints = new TextRenderable4(renderer2, { id: "omnius-key-hints", content: "F1 HELP  TAB FOCUS", height: 1, flexShrink: 0, attributes: TextAttributes6.DIM, fg: colors.foreground, selectable: false });
+    this.metricsRow.add(this.keyHints);
+    this.metricsStartActions = new BoxRenderable5(renderer2, { id: "omnius-metrics-start-actions", flexDirection: "row", gap: 1, flexShrink: 0 });
     this.metricsRow.add(this.metricsStartActions);
-    this.metrics = new TextRenderable3(renderer2, { id: "omnius-metrics", content: "", height: 1, wrapMode: "none", truncate: true, fg: colors.dim, flexShrink: 1, flexGrow: 1, minWidth: 0 });
+    this.metrics = new TextRenderable4(renderer2, { id: "omnius-metrics", content: "", height: 1, wrapMode: "none", truncate: true, fg: colors.dim, flexShrink: 1, flexGrow: 1, minWidth: 0 });
     this.metricsRow.add(this.metrics);
-    this.metricsEndActions = new BoxRenderable3(renderer2, { id: "omnius-metrics-end-actions", flexDirection: "row", gap: 1, flexShrink: 0 });
+    this.metricsEndActions = new BoxRenderable5(renderer2, { id: "omnius-metrics-end-actions", flexDirection: "row", gap: 1, flexShrink: 0 });
     this.metricsRow.add(this.metricsEndActions);
     this.root.add(this.metricsRow);
     this.modals = new NativeModalStack(this.context, () => this.restoreFocus());
     renderer2.keyInput.on("keypress", this.onKey);
     renderer2.keyInput.on("paste", this.onPaste);
-    renderer2.on(CliRenderEvents.FRAME, this.onFrame);
-    renderer2.on(CliRenderEvents.RESIZE, this.onResize);
+    renderer2.on(CliRenderEvents3.FRAME, this.onFrame);
+    renderer2.on(CliRenderEvents3.RESIZE, this.onResize);
     this.applyTheme(initialTheme);
     this.editor.focus();
   }
@@ -1248,6 +4308,7 @@ var NativeFrontend = class {
   root;
   scroll;
   editor;
+  vimComposer;
   content;
   modals;
   context;
@@ -1260,22 +4321,27 @@ var NativeFrontend = class {
   taskPane;
   tasks;
   body;
+  instruments;
+  instrumentDivider;
+  detailButton;
   embeddedPane;
   liveButton;
   queue;
   suggestions;
   footer;
   prompt;
+  vimMode;
   enhance;
   metrics;
+  keyHints;
   metricsRow;
   metricsStartActions;
   metricsEndActions;
   activity;
+  status;
   media;
   mediaText;
   micTrack;
-  micLevel;
   clipboard;
   state;
   themeSignature = "";
@@ -1291,8 +4357,13 @@ var NativeFrontend = class {
   history = [];
   historyIndex = -1;
   savedInput = "";
-  animation;
-  animationIndex = 0;
+  disposeSelectionContrast;
+  actionSignatures = /* @__PURE__ */ new WeakMap();
+  detailsOpen;
+  narrowDetailsOpen = false;
+  sidebarWidth;
+  sidebarDragWidth;
+  headerPanelCollapsed = false;
   inputEventPending = false;
   viewportSignature = "";
   newEntries = 0;
@@ -1319,20 +4390,21 @@ var NativeFrontend = class {
       if (headerSignature !== this.headerSignature) {
         this.headerSignature = headerSignature;
         this.identity.content = styledText([
-          { text: state.header.title, ...state.theme.accent < 0 ? {} : { fg: `index:${state.theme.accent}` } },
+          { text: `${plainText(state.header.panel) ? this.headerPanelCollapsed ? "▸" : "▾" : "·"} ${state.header.title}` },
           ...state.header.detail ? [{ text: "  " }, ...textSpans(state.header.detail)] : []
         ]);
         this.headerPanel.content = styledText(state.header.panel);
-        this.headerPanel.visible = plainText(state.header.panel).length > 0;
+        this.headerPanel.visible = plainText(state.header.panel).length > 0 && !this.headerPanelCollapsed;
+        this.identity.focusable = plainText(state.header.panel).length > 0;
         this.replaceActions(this.headerActions, state.header.actions, "header");
         this.headerActions.visible = state.header.actions.length > 0;
       }
-      this.routeWarning.content = state.routeWarning ?? "";
+      this.routeWarning.content = state.routeWarning ? `! ${state.routeWarning}` : "";
       this.routeWarning.visible = Boolean(state.routeWarning);
       const tabsSignature = JSON.stringify(state.tabs);
       if (tabsSignature !== this.tabsSignature) {
         this.tabsSignature = tabsSignature;
-        this.tabs.setOptions(state.tabs.map((tab) => ({ name: plainText(tab.label), description: "", value: tab.id })));
+        this.tabs.setOptions(state.tabs.map((tab) => ({ name: fitInstrumentText(plainText(tab.label), this.tabs.getTabWidth() - 2), description: "", value: tab.id })));
       }
       this.tabs.visible = state.tabs.length > 1;
       const activeTab = state.tabs.findIndex((tab) => tab.id === state.activeViewId);
@@ -1364,7 +4436,9 @@ var NativeFrontend = class {
       this.editor.focusable = state.input.enabled && !this.paused;
       if (state.input.enabled && !this.paused && !this.modals.active && (inputWasEnabled === false || !this.renderer.currentFocusedRenderable)) this.editor.focus();
       this.metrics.content = styledText(state.metrics);
-      this.metricsRow.visible = state.metricsVisible;
+      this.metrics.visible = state.metricsVisible;
+      this.instruments.update(state);
+      this.layoutInstruments();
       const metricsActions = JSON.stringify(state.metricsActions ?? []);
       if (metricsActions !== this.metricsActionsSignature) {
         this.metricsActionsSignature = metricsActions;
@@ -1374,7 +4448,6 @@ var NativeFrontend = class {
       this.renderEnhance();
       this.renderActivity();
       this.renderMedia();
-      this.updateAnimation();
     } finally {
       this.changing = false;
     }
@@ -1382,43 +4455,46 @@ var NativeFrontend = class {
     this.renderer.requestRender();
   }
   replaceActions(parent, actions, prefix) {
+    const signature = JSON.stringify(actions);
+    if (this.actionSignatures.get(parent) === signature) return;
+    this.actionSignatures.set(parent, signature);
     for (const child of [...parent.getChildren()]) child.destroy();
     for (const action of actions) {
       const colors = this.context.colors;
-      const filled = prefix === "enhance" || prefix === "header" && !action.id.startsWith("header-");
-      const inverse = filled && prefix === "header" && (this.state?.theme.mode === "system" || this.state?.theme.accent === -1);
-      const backing = prefix === "enhance" ? colors.warning : colors.accent;
-      const [r, g, b] = backing.toInts();
-      const foreground = filled && !inverse ? nativeColor(r * 0.299 + g * 0.587 + b * 0.114 > 140 ? 16 : 231) : colors.accent;
-      const button = new TextRenderable3(this.renderer, {
+      const attributes = action.disabled ? TextAttributes6.DIM : action.active ? TextAttributes6.BOLD | TextAttributes6.UNDERLINE : 0;
+      const button = new TextRenderable4(this.renderer, {
         id: `${prefix}:${action.id}`,
-        content: styledText(filled ? ` ${action.label} ` : action.label),
+        content: styledText(action.label),
         flexShrink: 0,
         wrapMode: "none",
         selectable: false,
-        fg: action.disabled ? colors.dim : foreground,
-        bg: filled && !inverse ? backing : colors.background,
-        attributes: (action.active ? 1 : 0) | (inverse ? 32 : 0),
+        fg: colors.foreground,
+        bg: colors.background,
+        attributes,
         onMouseDown: (event) => {
           if (event.button !== 0 || action.disabled) return;
-          this.emit({ type: "action", action: action.command ?? action.id, id: action.id });
+          this.emitAction(action.command ?? action.id, action.id);
           event.stopPropagation();
         },
         onKeyDown: (key) => {
-          if (key.name !== "return" || action.disabled) return;
-          this.emit({ type: "action", action: action.command ?? action.id, id: action.id });
+          if (key.eventType === "release" || key.name !== "return" && key.sequence !== " " || action.disabled) return;
+          this.emitAction(action.command ?? action.id, action.id);
           key.preventDefault();
         }
       });
       button.focusable = !action.disabled;
       if (!action.disabled) {
+        button.on("focused", () => {
+          button.attributes = attributes | TextAttributes6.INVERSE;
+        });
+        button.on("blurred", () => {
+          button.attributes = attributes;
+        });
         button.onMouseOver = () => {
-          button.bg = colors.selection;
-          button.fg = colors.foreground;
+          button.attributes = attributes | TextAttributes6.UNDERLINE | (button.focused ? TextAttributes6.INVERSE : 0);
         };
         button.onMouseOut = () => {
-          button.bg = filled && !inverse ? backing : colors.background;
-          button.fg = foreground;
+          button.attributes = attributes | (button.focused ? TextAttributes6.INVERSE : 0);
         };
       }
       parent.add(button);
@@ -1426,23 +4502,26 @@ var NativeFrontend = class {
   }
   renderEnhance() {
     const state = this.state?.enhance;
-    this.enhance.visible = Boolean(state);
+    this.enhance.visible = Boolean(state && (state.state !== "idle" || this.editor.plainText.trim()));
     if (!state) return;
-    const actions = state.state === "confirm" ? [{ id: "enhance-accept", label: "✓" }, { id: "enhance-reject", label: "×" }] : [{ id: "enhance", label: state.state === "busy" ? `${spinner[this.animationIndex % spinner.length]} Enhance` : state.label ?? "Enhance", disabled: state.state === "busy" }];
+    const actions = state.state === "confirm" ? [{ id: "enhance-accept", label: "✓" }, { id: "enhance-reject", label: "×" }] : [{ id: "enhance", label: state.state === "busy" ? "WORK · ENHANCE" : state.label ?? "ENHANCE", disabled: state.state === "busy" }];
     this.replaceActions(this.enhance, actions, "enhance");
   }
   renderActivity() {
     const activity = this.state?.activity;
     const stage = activity?.stage === "idle" ? void 0 : activity?.stage;
-    this.activity.visible = Boolean(activity?.processing || activity?.label || stage);
-    this.activity.content = `${activity?.processing ? spinner[this.animationIndex % spinner.length] + " " : ""}${[activity?.label, stage].filter(Boolean).join(" · ")}`;
+    const reading = activity?.label || stage || this.state?.instruments?.runtimeStatus || "";
+    this.activity.visible = Boolean(activity?.processing || reading);
+    this.activity.content = `${activity?.processing ? "RUN · " : ""}${reading}`;
+    this.status.visible = this.activity.visible || this.media.visible;
   }
   renderMedia() {
     const media = this.state?.media;
     this.media.visible = Boolean(media && (media.audio || media.video || media.voiceEnabled || media.recording || media.countdown > 0 || media.label));
+    this.status.visible = this.activity.visible || this.media.visible;
     if (!media) return;
     this.mediaText.content = [
-      media.recording ? `${this.animationIndex % 10 < 5 ? "●" : "○"} REC` : void 0,
+      media.recording ? "● REC" : void 0,
       media.speech ? "speech" : void 0,
       media.audio ? "audio" : void 0,
       media.video ? "video" : void 0,
@@ -1453,23 +4532,8 @@ var NativeFrontend = class {
     ].filter(Boolean).join(" · ");
     this.mediaText.fg = media.recording ? this.context.colors.warning : this.context.colors.accent;
     this.micTrack.visible = media.recording && media.levelDb !== void 0;
-    this.micLevel.width = `${Math.round(Math.max(0, Math.min(1, ((media.levelDb ?? -60) + 60) / 60)) * 100)}%`;
-    this.micLevel.backgroundColor = media.speech ? this.context.colors.success : this.context.colors.accent;
-  }
-  updateAnimation() {
-    const active = this.state?.activity?.processing || this.state?.enhance?.state === "busy" || this.state?.media?.recording;
-    if (active && !this.animation) {
-      this.animation = setInterval(() => {
-        this.animationIndex++;
-        this.renderActivity();
-        this.renderMedia();
-        if (this.state?.enhance?.state === "busy") this.renderEnhance();
-      }, 100);
-      this.animation.unref();
-    } else if (!active && this.animation) {
-      clearInterval(this.animation);
-      this.animation = void 0;
-    }
+    const level = Math.round(Math.max(0, Math.min(1, ((media.levelDb ?? -60) + 60) / 60)) * 8);
+    this.micTrack.content = `[${"●".repeat(level)}${"·".repeat(8 - level)}]`;
   }
   applyTheme(theme) {
     const signature = JSON.stringify(theme);
@@ -1478,24 +4542,7 @@ var NativeFrontend = class {
     this.headerSignature = "";
     this.metricsActionsSignature = "";
     const colors = this.context.colors = palette(theme);
-    for (const [name, style] of Object.entries({
-      default: { fg: colors.foreground },
-      "markup.heading": { fg: colors.accent, bold: true },
-      "markup.strong": { fg: colors.foreground, bold: true },
-      "markup.italic": { fg: colors.foreground, italic: true },
-      "markup.link": { fg: colors.accent, underline: true },
-      "markup.link.url": { fg: colors.dim },
-      "markup.raw": { fg: colors.accent },
-      "markup.list": { fg: colors.accent },
-      "markup.quote": { fg: colors.dim },
-      comment: { fg: colors.dim, italic: true },
-      keyword: { fg: colors.accent, bold: true },
-      string: { fg: colors.success },
-      number: { fg: colors.warning },
-      function: { fg: colors.foreground },
-      type: { fg: colors.accent },
-      punctuation: { fg: colors.dim }
-    })) this.context.syntax.registerStyle(name, style);
+    installNativeSyntax(this.context.syntax, colors);
     this.root.backgroundColor = colors.background;
     this.header.backgroundColor = this.footer.backgroundColor = colors.background;
     this.header.borderColor = this.footer.borderColor = this.embeddedPane.borderColor = colors.border;
@@ -1503,13 +4550,12 @@ var NativeFrontend = class {
     this.headerPanel.fg = colors.foreground;
     this.routeWarning.fg = colors.warning;
     this.prompt.fg = this.activity.fg = this.liveButton.fg = colors.accent;
-    this.micTrack.backgroundColor = colors.dim;
-    this.micLevel.backgroundColor = colors.accent;
+    this.vimMode.fg = colors.foreground;
+    this.micTrack.fg = colors.foreground;
     this.queue.fg = this.metrics.fg = colors.dim;
     this.editor.backgroundColor = this.editor.focusedBackgroundColor = colors.background;
     this.editor.textColor = this.editor.focusedTextColor = colors.foreground;
-    this.editor.cursorColor = colors.accent;
-    this.editor.selectionBg = colors.selection;
+    this.editor.editorView.setSelectionColors(void 0, void 0);
     this.tabs.backgroundColor = this.tabs.focusedBackgroundColor = colors.background;
     this.tabs.textColor = colors.dim;
     this.tabs.selectedTextColor = colors.foreground;
@@ -1518,10 +4564,87 @@ var NativeFrontend = class {
     this.suggestions.textColor = colors.dim;
     this.suggestions.selectedTextColor = colors.foreground;
     this.suggestions.selectedBackgroundColor = colors.selection;
+    styleNativeScrollbars(this.headerActions, colors);
+    styleNativeScrollbars(this.scroll, colors);
+    this.instruments.applyTheme(colors);
+    this.instrumentDivider.fg = colors.foreground;
+    this.instrumentDivider.bg = colors.background;
     this.content.applyTheme();
     this.tasks.applyTheme();
     this.modals?.applyTheme();
   }
+  toggleHeaderPanel() {
+    if (!this.state || !plainText(this.state.header.panel)) return;
+    this.headerPanelCollapsed = !this.headerPanelCollapsed;
+    this.headerSignature = "";
+    this.update(this.state);
+  }
+  toggleDetails() {
+    if (this.renderer.terminalWidth >= 110) this.detailsOpen = !(this.detailsOpen ?? true);
+    else this.narrowDetailsOpen = !this.narrowDetailsOpen;
+    this.layoutInstruments();
+    this.renderer.requestRender();
+  }
+  resizeInstruments(column) {
+    if (this.renderer.terminalWidth < 110 || this.embeddedPane.visible) return;
+    const width = this.renderer.terminalWidth;
+    const requested = Math.max(0, this.body.x + width - Math.round(column) - 1);
+    if (requested <= 4) {
+      this.detailsOpen = false;
+      if (this.sidebarDragWidth !== void 0) this.sidebarWidth = this.sidebarDragWidth;
+    } else {
+      this.detailsOpen = true;
+      this.sidebarWidth = Math.max(24, Math.min(width - 41, requested));
+    }
+    this.layoutInstruments();
+    this.renderer.requestRender();
+  }
+  layoutInstruments() {
+    const width = this.renderer.terminalWidth;
+    const focusedBeforeLayout = this.renderer.currentFocusedRenderable;
+    const wide = width >= 110;
+    const shown = !this.embeddedPane.visible && (wide ? this.detailsOpen ?? true : this.narrowDetailsOpen);
+    const horizontal = wide || this.embeddedPane.visible && width >= 80;
+    this.body.flexDirection = horizontal ? "row" : "column";
+    this.scroll.height = horizontal ? "100%" : "auto";
+    this.scroll.flexBasis = horizontal ? "auto" : 0;
+    this.instruments.visible = shown;
+    this.instrumentDivider.visible = wide && !this.embeddedPane.visible;
+    this.instrumentDivider.setCollapsed(!shown);
+    const railWidth = Math.max(24, Math.min(width - 41, this.sidebarWidth ?? Math.floor(width * 0.38)));
+    this.instruments.width = wide ? railWidth : "100%";
+    this.scroll.width = wide && this.instrumentDivider.visible ? width - (shown ? railWidth : 0) - 1 : this.embeddedPane.visible && width >= 80 ? "50%" : "100%";
+    const inspectorHeight = Math.max(4, Math.min(9, Math.floor(this.renderer.terminalHeight / 3)));
+    this.instruments.height = wide ? "100%" : inspectorHeight;
+    this.instruments.maxHeight = wide ? "100%" : inspectorHeight;
+    this.instruments.minHeight = wide ? 1 : inspectorHeight;
+    this.instruments.flexGrow = 0;
+    this.instruments.flexShrink = 0;
+    this.instruments.border = wide ? [] : ["top"];
+    this.instruments.borderStyle = "single";
+    this.instruments.borderColor = this.context.colors.border;
+    this.instruments.paddingLeft = wide ? 1 : 0;
+    this.embeddedPane.width = width >= 80 ? "50%" : "100%";
+    this.embeddedPane.maxHeight = width >= 80 ? "100%" : "50%";
+    this.headerActions.visible = width >= 60 && Boolean(this.state?.header.actions.length);
+    const actions = this.state?.header.actions ?? [];
+    const naturalWidth = actions.reduce((size, action) => size + terminalCellWidth(plainText(action.label)), 0) + Math.max(0, actions.length - 1);
+    const detailWidth = width < 40 ? 1 : 9;
+    const gapCount = this.headerActions.visible ? 2 : 1;
+    const controlWidth = Math.min(naturalWidth, Math.max(1, width - 18 - detailWidth - gapCount));
+    this.headerActions.width = controlWidth;
+    this.identity.minWidth = Math.max(0, Math.min(18, width - detailWidth - gapCount));
+    this.identity.width = Math.max(0, width - (this.headerActions.visible ? controlWidth : 0) - detailWidth - gapCount);
+    this.detailButton.width = detailWidth;
+    this.keyHints.content = width < 60 ? "F1 HELP" : "F1 HELP  TAB FOCUS";
+    this.detailButton.content = `${shown ? "-" : "+"}${detailWidth > 1 ? " DETAILS" : ""}`;
+    for (let focused = focusedBeforeLayout; focused; focused = focused.parent) {
+      if (!shown && focused === this.instruments || !this.instrumentDivider.visible && focused === this.instrumentDivider || !this.headerActions.visible && focused === this.headerActions) {
+        this.restoreFocus();
+        break;
+      }
+    }
+  }
   get offset() {
     return Math.max(0, this.scroll.scrollHeight - this.scroll.viewport.height - this.scroll.scrollTop);
   }
@@ -1559,6 +4682,7 @@ var NativeFrontend = class {
     }
   };
   onResize = () => {
+    this.layoutInstruments();
     this.emit({ type: "resize", columns: this.renderer.terminalWidth, rows: this.renderer.terminalHeight });
   };
   editorChanged() {
@@ -1578,12 +4702,16 @@ var NativeFrontend = class {
     if (text === this.lastInput && cursor === this.lastCursor) return;
     this.lastInput = text;
     this.lastCursor = cursor;
+    this.renderEnhance();
     this.emit({ type: "input", text, cursor });
   }
   submit() {
     if (this.paused || this.state?.input.enabled === false) return;
-    if (this.suggestions.visible && this.editor.plainText.startsWith("/") && this.acceptSuggestion()) return;
     const text = this.editor.plainText;
+    const command2 = /^\/([^\s]+)/.exec(text.trimStart())?.[1];
+    const suggestion = String(this.suggestions.getSelectedOption()?.value ?? "");
+    if (this.suggestions.visible && command2 && !findCommand(command2) && suggestion.startsWith(text.trimEnd()) && this.acceptSuggestion()) return;
+    this.suggestions.visible = false;
     if (text.trim() && this.history[0] !== text) {
       this.history.unshift(text);
       this.history.length = Math.min(this.history.length, 1e3);
@@ -1608,7 +4736,7 @@ var NativeFrontend = class {
     const text = String(selected.value);
     this.setInput(text + (text.endsWith(" ") ? "" : " "));
     this.suggestions.visible = false;
-    this.emit({ type: "action", action: "completion", id: text });
+    this.emitAction("completion", text);
     return true;
   }
   setInput(text, cursor = text.length) {
@@ -1623,6 +4751,10 @@ var NativeFrontend = class {
     key.preventDefault();
     key.stopPropagation();
   }
+  emitAction(action, id) {
+    this.flushLatestInput();
+    this.emit({ type: "action", action, ...id === void 0 ? {} : { id } });
+  }
   onKey = (key) => {
     if (this.modals.active) {
       this.modals.active.handleKey(key);
@@ -1634,10 +4766,22 @@ var NativeFrontend = class {
       return;
     }
     if (this.renderer.currentFocusedRenderable instanceof EmbeddedTerminalRenderable2) return;
+    if (key.name === "f1") {
+      this.emitAction("/help");
+      key.preventDefault();
+      key.stopPropagation();
+      return;
+    }
+    if (key.ctrl && key.shift && key.name.toLowerCase() === "i") {
+      this.toggleDetails();
+      key.preventDefault();
+      key.stopPropagation();
+      return;
+    }
     const headerButtons = (this.state?.header.actions ?? []).filter((action) => !action.disabled).map((action) => this.getRenderable(`header:${action.id}`)).filter((button) => Boolean(button));
     const headerIndex = headerButtons.indexOf(this.renderer.currentFocusedRenderable);
     if (headerIndex >= 0) {
-      const direction = key.name === "left" || key.name === "tab" && key.shift ? -1 : key.name === "right" || key.name === "tab" ? 1 : 0;
+      const direction = key.name === "left" ? -1 : key.name === "right" ? 1 : 0;
       if (direction || key.name === "home" || key.name === "end") {
         const index = key.name === "home" ? 0 : key.name === "end" ? headerButtons.length - 1 : (headerIndex + direction + headerButtons.length) % headerButtons.length;
         const button = headerButtons[index];
@@ -1688,19 +4832,30 @@ var NativeFrontend = class {
       this.shortcut("ctrl-u", key);
       return;
     }
+    if (this.renderer.currentFocusedRenderable === this.editor && !this.paused && this.state?.input.enabled !== false && this.vimComposer.handle(key)) return;
     if (key.name === "escape") {
+      if (this.renderer.currentFocusedRenderable !== this.editor) {
+        this.restoreFocus();
+        key.preventDefault();
+        key.stopPropagation();
+        return;
+      }
       if (this.suggestions.visible) this.suggestions.visible = false;
       this.shortcut("escape", key);
       return;
     }
     if (key.name === "tab") {
       if (key.ctrl) this.shortcut("ctrl-tab", key);
-      else if (this.suggestions.visible) {
+      else if (!key.shift && this.renderer.currentFocusedRenderable === this.editor && this.suggestions.visible) {
         this.acceptSuggestion();
         key.preventDefault();
-      } else this.shortcut("tab", key);
+      } else if (!key.shift && this.renderer.currentFocusedRenderable === this.editor && this.editor.plainText) this.shortcut("tab", key);
+      else this.focusNext(key.shift ? -1 : 1);
+      key.preventDefault();
+      key.stopPropagation();
       return;
     }
+    if (this.renderer.currentFocusedRenderable !== this.editor && this.renderer.currentFocusedRenderable !== this.scroll && !key.ctrl) return;
     if (key.ctrl && (key.name === "left" || key.name === "right")) {
       this.shortcut(`ctrl-${key.name}`, key);
       return;
@@ -1749,6 +4904,28 @@ var NativeFrontend = class {
       return;
     }
   };
+  focusNext(direction) {
+    const targets = [];
+    const visit = (node) => {
+      if (!node.visible) return;
+      if (node.focusable && node !== this.scroll && !(node instanceof ScrollBoxRenderable4) && node.height > 0 && node.width > 0) targets.push(node);
+      for (const child of node.getChildren()) visit(child);
+    };
+    visit(this.root);
+    if (this.instruments.visible) {
+      for (const target2 of this.instruments.focusTargets()) if (!targets.includes(target2)) targets.push(target2);
+    }
+    if (!targets.length) return;
+    const current = targets.indexOf(this.renderer.currentFocusedRenderable);
+    const target = targets[(current + direction + targets.length) % targets.length];
+    target.focus();
+    if (target.id.startsWith("header:")) this.headerActions.scrollChildIntoView(target.id);
+    else if (target.id.startsWith("block-title:") || target.id.startsWith("block-action:")) {
+      let block = target;
+      while (block && !block.id.startsWith("block:")) block = block.parent;
+      if (block) this.scroll.scrollChildIntoView(block.id);
+    }
+  }
   onPaste = (event) => {
     if (this.modals.active) {
       this.modals.active.handlePaste(event);
@@ -1797,6 +4974,10 @@ var NativeFrontend = class {
       case "input-action":
         this.inputAction(command2.action, command2.value);
         break;
+      case "composer-vim":
+        this.vimComposer.setEnabled(command2.enabled);
+        this.restoreFocus();
+        break;
       case "mouse":
         this.renderer.useMouse = command2.enabled;
         break;
@@ -1875,6 +5056,7 @@ var NativeFrontend = class {
       this.embeddedPane.add(terminal);
     }
     terminal.focus();
+    this.layoutInstruments();
   }
   closeEmbedded(id) {
     this.context.terminals.get(id)?.destroy();
@@ -1882,17 +5064,18 @@ var NativeFrontend = class {
     if (this.embeddedId === id) {
       this.embeddedId = void 0;
       this.embeddedPane.visible = false;
+      this.layoutInstruments();
       this.restoreFocus();
     }
   }
   async dispose() {
     if (this.destroyed) return;
     this.destroyed = true;
-    if (this.animation) clearInterval(this.animation);
+    this.disposeSelectionContrast();
     this.renderer.keyInput.off("keypress", this.onKey);
     this.renderer.keyInput.off("paste", this.onPaste);
-    this.renderer.off(CliRenderEvents.FRAME, this.onFrame);
-    this.renderer.off(CliRenderEvents.RESIZE, this.onResize);
+    this.renderer.off(CliRenderEvents3.FRAME, this.onFrame);
+    this.renderer.off(CliRenderEvents3.RESIZE, this.onResize);
     this.modals.destroy();
     this.content.destroy();
     this.tasks.destroy();
@@ -1902,21 +5085,86 @@ var NativeFrontend = class {
   }
 };
 
+// packages/cli/src/tui/native/components/cursor.ts
+import { CliRenderEvents as CliRenderEvents4 } from "@opentui/core";
+function installTerminalCursorDefaults(renderer2, session) {
+  const reset = new TextEncoder().encode("\x1B]112\x07");
+  let disposed = false;
+  let requested = 0;
+  let restored = 0;
+  let pending;
+  let observedFrame;
+  const restore = () => {
+    if (disposed || session.disposed) return Promise.resolve();
+    requested++;
+    if (pending) return pending;
+    let resolve;
+    let reject;
+    const completion = new Promise((done, fail2) => {
+      resolve = done;
+      reject = fail2;
+    });
+    pending = completion;
+    void (async () => {
+      try {
+        while (!disposed && !session.disposed && restored < requested) {
+          const generation = requested;
+          while (!session.write(reset)) await session.idle();
+          await session.idle();
+          restored = generation;
+        }
+        pending = void 0;
+        resolve();
+      } catch (error) {
+        pending = void 0;
+        reject(error);
+      }
+    })();
+    return completion;
+  };
+  const afterFrame = () => {
+    const current = restore();
+    if (observedFrame === current) return;
+    observedFrame = current;
+    void current.then(() => {
+      if (observedFrame === current) observedFrame = void 0;
+    }, (error) => {
+      if (observedFrame === current) observedFrame = void 0;
+      if (!disposed && !renderer2.isDestroyed) renderer2.emit("error", error);
+    });
+  };
+  const dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    renderer2.off(CliRenderEvents4.FRAME, afterFrame);
+    renderer2.off(CliRenderEvents4.DESTROY, dispose);
+  };
+  renderer2.on(CliRenderEvents4.FRAME, afterFrame);
+  renderer2.once(CliRenderEvents4.DESTROY, dispose);
+  return { restore, dispose };
+}
+
 // packages/cli/src/tui/native/worker.ts
 var replies = createWriteStream("", { fd: 3, autoClose: false });
 var reply = (message) => replies.write(JSON.stringify(message) + "\n");
 var terminalInput = new PassThrough();
 var renderer;
 var frontend;
+var cursorDefaults;
 var stopping = false;
 var failed = false;
 async function close() {
   if (stopping) return;
   stopping = true;
-  await frontend?.dispose();
-  if (renderer) {
-    renderer.destroy();
-    await renderer.closed;
+  try {
+    await frontend?.dispose();
+    await cursorDefaults?.restore();
+  } finally {
+    cursorDefaults?.dispose();
+    if (renderer) {
+      renderer.destroy();
+      await renderer.closed;
+    }
   }
 }
 async function fail(error) {
@@ -1936,18 +5184,22 @@ async function command(message) {
     frontend.update(message.snapshot, message.content);
     renderer.requestRender();
     await renderer.idle();
-  } else if (message.type === "suspend") await renderer.suspend();
-  else if (message.type === "resume") {
+  } else if (message.type === "suspend") {
+    await cursorDefaults.restore();
+    await renderer.suspend();
+  } else if (message.type === "resume") {
     await renderer.resume();
     renderer.requestRender();
     await renderer.idle();
+    await cursorDefaults.restore();
   } else if (message.type === "stop") await close();
   reply({ type: "ack", id: message.id });
   if (message.type === "stop") replies.end(() => process.exit(0));
 }
 try {
+  const session = new NativeSession(process.stdout);
   renderer = await createCliRenderer({
-    nativeSession: new NativeSession(process.stdout),
+    nativeSession: session,
     stdin: terminalInput,
     stdout: process.stdout,
     exitOnCtrlC: false,
@@ -1958,21 +5210,22 @@ try {
     screenMode: "alternate-screen",
     consoleMode: "disabled",
     externalOutputMode: "passthrough",
-    backgroundColor: RGBA2.defaultBackground(),
+    backgroundColor: RGBA3.defaultBackground(),
     openConsoleOnError: false,
     targetFps: 60,
     maxFps: 60,
     clearOnShutdown: false
   });
-  renderer.on(CliRenderEvents2.RENDER_ERROR, (event) => {
+  renderer.on(CliRenderEvents5.RENDER_ERROR, (event) => {
     void fail(event.error);
   });
-  renderer.on(CliRenderEvents2.HANDLER_ERROR, (event) => {
+  renderer.on(CliRenderEvents5.HANDLER_ERROR, (event) => {
     void fail(event.error);
   });
   renderer.on("error", (event) => {
     void fail(event);
   });
+  cursorDefaults = installTerminalCursorDefaults(renderer, session);
   frontend = new NativeFrontend(renderer, (event) => reply({ type: "event", event }));
   const controls = createInterface({ input: process.stdin, crlfDelay: Infinity });
   let pending = Promise.resolve();
@@ -2004,6 +5257,7 @@ try {
   });
   renderer.requestRender();
   await renderer.idle();
+  await cursorDefaults.restore();
   reply({ type: "ready" });
 } catch (error) {
   await fail(error);