omnius 1.0.864 → 1.0.865

package/dist/tui/native/worker.js

@@ -2,19 +2,19 @@
 import { createWriteStream } from "node:fs";
 import { createInterface } from "node:readline";
 import { PassThrough } from "node:stream";
-import { CliRenderEvents as CliRenderEvents5, NativeSession, RGBA as RGBA3, createCliRenderer } from "@opentui/core";
+import { CliRenderEvents as CliRenderEvents6, NativeSession, RGBA as RGBA3, createCliRenderer } from "@opentui/core";
 
 // packages/cli/src/tui/native/components/frontend.ts
 import {
-  BoxRenderable as BoxRenderable5,
-  CliRenderEvents as CliRenderEvents3,
+  BoxRenderable as BoxRenderable6,
+  CliRenderEvents as CliRenderEvents4,
   EmbeddedTerminalRenderable as EmbeddedTerminalRenderable2,
   ScrollBoxRenderable as ScrollBoxRenderable4,
   SyntaxStyle as SyntaxStyle2,
   TabSelectRenderable,
   TextareaRenderable as TextareaRenderable2,
-  TextRenderable as TextRenderable4,
-  TextAttributes as TextAttributes6,
+  TextRenderable as TextRenderable5,
+  TextAttributes as TextAttributes7,
   createClipboard,
   createHostClipboard,
   createRendererClipboardAdapter
@@ -1650,6 +1650,58 @@ import {
   TextRenderable as TextRenderable3
 } from "@opentui/core";
 
+// packages/cli/src/tui/native/components/device-history.ts
+var DeviceHistory = class {
+  samples = [];
+  append(sample) {
+    if (!Number.isFinite(sample.at) || sample.at <= (this.samples.at(-1)?.at ?? 0)) return;
+    this.samples.push(sample);
+    if (this.samples.length > 120) this.samples.splice(0, this.samples.length - 120);
+  }
+};
+function deviceHistorySparkline(samples, field, width) {
+  const columns = Math.max(0, Math.floor(width));
+  const latest = samples.at(-1)?.at;
+  const values = Array(columns).fill(void 0);
+  if (latest !== void 0) for (const sample of samples) {
+    const x = columns - 1 - Math.round((latest - sample.at) / 2e3);
+    if (x >= 0 && x < columns) values[x] = sample[field];
+  }
+  return values.map((value) => value === void 0 || !Number.isFinite(value) || value < 0 ? " " : "▁▂▃▄▅▆▇█"[Math.round(Math.min(100, value) * 7 / 100)]).join("");
+}
+function deviceHistoryGraph(samples, field, width) {
+  const columns = Math.max(0, Math.floor(width) - 5), pixels = columns * 2;
+  if (columns < 2) return "";
+  const cells = Array.from({ length: 3 }, () => Array(columns).fill(0));
+  const latest = samples.at(-1)?.at;
+  const dots = [[1, 8], [2, 16], [4, 32], [64, 128]];
+  const point = (x, y) => {
+    if (x < 0 || x >= pixels || y < 0 || y >= 12) return;
+    cells[Math.floor(y / 4)][Math.floor(x / 2)] |= dots[y % 4][x % 2];
+  };
+  let previous;
+  if (latest !== void 0) for (const sample of samples) {
+    const value = sample[field];
+    const x = pixels - 1 - Math.round((latest - sample.at) / 1e3);
+    if (x < 0) {
+      previous = void 0;
+      continue;
+    }
+    if (value === void 0 || !Number.isFinite(value) || value < 0) {
+      previous = void 0;
+      continue;
+    }
+    const y = Math.round(11 * (1 - Math.min(100, value) / 100));
+    if (previous && sample.at - previous.at <= 5e3) {
+      const distance = Math.max(1, Math.abs(x - previous.x), Math.abs(y - previous.y));
+      for (let step = 0; step <= distance; step++) point(Math.round(previous.x + (x - previous.x) * step / distance), Math.round(previous.y + (y - previous.y) * step / distance));
+    } else point(x, y);
+    previous = { x, y, at: sample.at };
+  }
+  const labels = ["100%│", " 50%│", "  0%└"];
+  return cells.map((row, y) => labels[y] + row.map((bits, x) => bits ? String.fromCodePoint(10240 + bits) : x % 4 === 0 ? "·" : " ").join("")).join("\n");
+}
+
 // packages/cli/src/tui/terminal-cells.ts
 var graphemes = new Intl.Segmenter(void 0, { granularity: "grapheme" });
 var extendedPictographic = /\p{Extended_Pictographic}/u;
@@ -1729,6 +1781,13 @@ function terminalCellWidth(value) {
 
 // packages/cli/src/tui/native/components/instrument-format.ts
 var graphemes2 = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function formatSignalDivider(width) {
+  const cells = Math.max(0, Math.floor(width));
+  if (cells < 32) return "─".repeat(cells);
+  const plateau = Math.min(12, Math.max(6, Math.floor(cells / 8)));
+  const left = Math.floor((cells - plateau - 2) / 2);
+  return "▁".repeat(left) + "╱" + "▔".repeat(plateau) + "╲" + "▁".repeat(cells - left - plateau - 2);
+}
 function fitInstrumentText(value, cells, marker = "~") {
   const text = stripTerminalSequences(normalizeTerminalLine(value));
   const width = Math.max(0, Math.floor(cells));
@@ -1989,13 +2048,17 @@ var InstrumentDivider = class extends TextRenderable3 {
 };
 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 });
+    super(renderer2, { id: "omnius-devices", width: "100%", height: 5, minHeight: 5, 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.compactLoad = new TextRenderable3(renderer2, { id: "omnius-devices:load-history", content: "", width: "100%", height: 1, flexShrink: 0, fg: foreground, bg: background, wrapMode: "none", truncate: true });
+    this.compactMemory = new TextRenderable3(renderer2, { id: "omnius-devices:memory-history", content: "", width: "100%", height: 1, flexShrink: 0, fg: foreground, bg: background, wrapMode: "none", truncate: true });
+    this.add(this.compactLoad);
+    this.add(this.compactMemory);
     this.scroll = new ScrollBoxRenderable3(renderer2, {
       id: "omnius-devices:scroll",
       width: "100%",
@@ -2036,11 +2099,15 @@ var DeviceMonitor = class extends BoxRenderable4 {
   heading;
   scroll;
   summary;
+  compactLoad;
+  compactMemory;
   policy;
   status;
   notes;
   expanded = false;
+  availableRows = 100;
   snapshot;
+  historySource = "";
   rows = /* @__PURE__ */ new Map();
   button(renderer2, id, label, activate) {
     const button = new TextRenderable3(renderer2, {
@@ -2086,7 +2153,12 @@ var DeviceMonitor = class extends BoxRenderable4 {
   }
   update(snapshot) {
     this.snapshot = snapshot;
-    this.visible = Boolean(snapshot);
+    this.visible = Boolean(snapshot) && this.availableRows >= 3;
+    const historySource = `${snapshot?.source}:${snapshot?.local}`;
+    if (this.historySource !== historySource) {
+      for (const row of this.rows.values()) row.history.samples.splice(0);
+      this.historySource = historySource;
+    }
     const allowed = this.canSelect();
     if (this.policy.focused && !allowed) this.heading.focus();
     this.policy.focusable = allowed;
@@ -2108,7 +2180,7 @@ var DeviceMonitor = class extends BoxRenderable4 {
           flexShrink: 0,
           onSizeChange: () => {
             if (!row) return;
-            for (const child of [row.title, row.load, row.memory, row.reason]) child.width = row.root.width;
+            for (const child of [row.title, row.load, row.memory, row.reason, row.loadGraph, row.memoryGraph]) child.width = row.root.width;
             this.refresh();
           }
         });
@@ -2120,6 +2192,8 @@ var DeviceMonitor = class extends BoxRenderable4 {
         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 plot = (name) => new TextRenderable3(this._ctx, { id: `${root.id}:${name}-history`, content: "", width: "100%", height: 3, flexShrink: 0, fg: foreground, bg: background, wrapMode: "none", truncate: true, selectable: false });
+        const loadGraph = plot("load"), memoryGraph = plot("memory"), history = new DeviceHistory();
         const reason = new TextRenderable3(this._ctx, {
           id: `${root.id}:reason`,
           content: "",
@@ -2134,12 +2208,19 @@ var DeviceMonitor = class extends BoxRenderable4 {
         });
         root.add(title);
         root.add(load);
+        root.add(loadGraph);
         root.add(memory);
+        root.add(memoryGraph);
         root.add(reason);
         this.scroll.add(root);
-        row = { root, title, load, memory, reason };
+        row = { root, title, load, memory, reason, history, loadGraph, memoryGraph };
         this.rows.set(device.uuid, row);
       }
+      if (snapshot?.sampledAt !== void 0) row.history.append({
+        at: snapshot.sampledAt,
+        load: device.utilization,
+        memory: device.memoryUsedMB !== void 0 && device.memoryUsedMB >= 0 && device.memoryTotalMB !== void 0 && device.memoryTotalMB > 0 ? device.memoryUsedMB * 100 / device.memoryTotalMB : void 0
+      });
       const selectable = this.canSelectDevice(device);
       if (row.title.focused && !selectable) this.heading.focus();
       row.title.focusable = selectable;
@@ -2156,11 +2237,20 @@ var DeviceMonitor = class extends BoxRenderable4 {
   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.fitHeight(this.availableRows + 2);
     this.refresh();
   }
+  fitHeight(railRows) {
+    this.availableRows = Math.max(0, railRows - 2);
+    this.visible = Boolean(this.snapshot) && this.availableRows >= 3;
+    this.minHeight = Math.min(5, this.availableRows);
+    this.maxHeight = this.availableRows;
+    this.summary.visible = this.availableRows >= 5;
+    this.compactLoad.visible = !this.expanded;
+    this.compactMemory.visible = !this.expanded && this.availableRows >= 4;
+    this.height = Math.min(this.availableRows, this.expanded ? Math.min(18, Math.max(6, Math.floor(railRows * 0.6))) : 5);
+  }
   onResize(width, height) {
     super.onResize(width, height);
     this.refresh();
@@ -2176,13 +2266,28 @@ var DeviceMonitor = class extends BoxRenderable4 {
     this.notes.content = [
       data?.local === false ? "REMOTE" : void 0,
       data ? `${data.source.toUpperCase()} · ${data.policy.toUpperCase()} · ${data.broker.toUpperCase()}` : void 0,
+      "2s/col",
       data?.warnings.length ? `${data.warnings.length} notices` : void 0
     ].filter(Boolean).join(" · ");
+    const primary = devices.find((device) => device.preferred) ?? devices.find((device) => device.enabled) ?? devices[0];
+    const compactHistory = primary ? this.rows.get(primary.uuid)?.history.samples ?? [] : [];
+    for (const [element, field, label] of [[this.compactLoad, "load", "UTIL"], [this.compactMemory, "memory", primary?.unifiedMemory ? "UMA" : "VRAM"]]) {
+      const current = primary ? field === "load" ? primary.utilization : primary.memoryUsedMB !== void 0 && primary.memoryTotalMB ? primary.memoryUsedMB / primary.memoryTotalMB * 100 : void 0 : void 0;
+      const value = instrumentNumber(current, 0, "%");
+      const caption = `${label}${primary?.index ?? "-"}`;
+      const plotWidth = Math.max(0, this.width - caption.length - value.length - 2);
+      const next = `${caption} ${deviceHistorySparkline(compactHistory, field, plotWidth)} ${value}`;
+      if (element.plainText !== next) element.content = next;
+    }
     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);
+      for (const [plot, field] of [[row.loadGraph, "load"], [row.memoryGraph, "memory"]]) {
+        const next = deviceHistoryGraph(row.history.samples, field, row.root.width);
+        if (plot.plainText !== next) plot.content = next;
+      }
     }
   }
   focusTargets() {
@@ -2305,6 +2410,10 @@ var InstrumentRail = class extends BoxRenderable4 {
   contextMeter;
   contextHeader;
   contextDetails;
+  onResize(width, height) {
+    super.onResize(width, height);
+    this.devices?.fitHeight(height);
+  }
   constructor(renderer2, options = {}) {
     const id = options.id ?? "omnius-instruments";
     super(renderer2, {
@@ -3964,17 +4073,153 @@ var VimComposer = class {
   }
 };
 
+// packages/cli/src/tui/native/components/selection-menu.ts
+import { BoxRenderable as BoxRenderable5, CliRenderEvents as CliRenderEvents3, TextAttributes as TextAttributes6, TextRenderable as TextRenderable4 } from "@opentui/core";
+var NativeSelectionMenu = class {
+  constructor(renderer2, colors, copy, restoreFocus) {
+    this.renderer = renderer2;
+    this.colors = colors;
+    this.copy = copy;
+    this.restoreFocus = restoreFocus;
+    renderer2.on(CliRenderEvents3.RESIZE, this.position);
+  }
+  renderer;
+  colors;
+  copy;
+  restoreFocus;
+  overlay;
+  panel;
+  frame;
+  previousFocus;
+  anchor = { x: 0, y: 0 };
+  selectedText = "";
+  get active() {
+    return Boolean(this.overlay);
+  }
+  open(x, y, text) {
+    if (!text) return;
+    this.close();
+    this.selectedText = text;
+    this.anchor = { x, y };
+    this.previousFocus = this.renderer.currentFocusedRenderable;
+    this.overlay = new BoxRenderable5(this.renderer, {
+      id: "omnius-selection-menu",
+      position: "absolute",
+      left: 0,
+      top: 0,
+      width: "100%",
+      height: "100%",
+      backgroundColor: "transparent",
+      shouldFill: false,
+      zIndex: 120,
+      onMouseDown: (event) => {
+        this.close();
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    });
+    this.panel = new BoxRenderable5(this.renderer, {
+      id: "omnius-selection-menu-panel",
+      position: "absolute",
+      width: 14,
+      height: 3,
+      flexDirection: "column",
+      paddingX: 2,
+      paddingY: 1,
+      backgroundColor: this.colors.background,
+      onMouseDown: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    });
+    const action = new TextRenderable4(this.renderer, {
+      id: "omnius-selection-copy",
+      content: "COPY",
+      height: 1,
+      width: "100%",
+      selectable: false,
+      fg: this.colors.foreground,
+      bg: this.colors.background,
+      attributes: TextAttributes6.BOLD | TextAttributes6.INVERSE,
+      onMouseDown: (event) => {
+        if (event.button === 0) this.confirm();
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    });
+    action.focusable = true;
+    this.panel.add(action);
+    this.overlay.add(this.panel);
+    this.frame = new NativeCornerFrame(this.panel, this.colors, this.renderer, this.overlay);
+    this.renderer.root.add(this.overlay);
+    this.position();
+    action.focus();
+    this.renderer.requestRender();
+  }
+  position = () => {
+    if (!this.panel) return;
+    const width = Math.min(14, this.renderer.terminalWidth);
+    this.panel.width = width;
+    this.panel.left = Math.max(0, Math.min(this.anchor.x, this.renderer.terminalWidth - width));
+    this.panel.top = Math.max(0, Math.min(this.anchor.y + 1, this.renderer.terminalHeight - 3));
+  };
+  handleKey(key) {
+    if (key.eventType !== "release") {
+      if (key.name === "return" || key.sequence === " " || key.ctrl && key.shift && key.name.toLowerCase() === "c") this.confirm();
+      else if (key.name === "escape" || key.name === "tab") this.close();
+    }
+    key.preventDefault();
+    key.stopPropagation();
+  }
+  confirm() {
+    const text = this.selectedText;
+    this.close();
+    this.copy(text);
+  }
+  applyTheme(colors) {
+    this.colors = colors;
+    if (!this.panel) return;
+    this.panel.backgroundColor = colors.background;
+    this.frame?.setColors(colors);
+    for (const child of this.panel.getChildren()) if (child instanceof TextRenderable4) {
+      child.fg = colors.foreground;
+      child.bg = colors.background;
+    }
+  }
+  close() {
+    if (!this.overlay) return;
+    const previous = this.previousFocus;
+    this.previousFocus = void 0;
+    this.frame?.destroy();
+    this.frame = void 0;
+    this.overlay.destroyRecursively();
+    this.overlay = void 0;
+    this.panel = void 0;
+    this.selectedText = "";
+    if (previous && !previous.isDestroyed && previous.visible && previous.focusable) previous.focus();
+    else this.restoreFocus();
+    this.renderer.requestRender();
+  }
+  destroy() {
+    this.close();
+    this.renderer.off(CliRenderEvents3.RESIZE, this.position);
+  }
+};
+
 // 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) {
+  constructor(renderer2, emit, options = {}) {
     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, {
+    this.clipboard = options.clipboard ?? createClipboard({ host: createHostClipboard({ timeoutMs: 1500 }), terminal: createRendererClipboardAdapter(renderer2) });
+    this.selectionMenu = new NativeSelectionMenu(renderer2, colors, (text) => {
+      void this.copy(text);
+    }, () => this.restoreFocus());
+    this.root = new BoxRenderable6(renderer2, {
       id: "omnius-native",
       width: "100%",
       height: "100%",
@@ -3982,7 +4227,7 @@ var NativeFrontend = class {
       backgroundColor: colors.background
     });
     renderer2.root.add(this.root);
-    this.header = new BoxRenderable5(renderer2, {
+    this.header = new BoxRenderable6(renderer2, {
       id: "omnius-header",
       width: "100%",
       minWidth: 0,
@@ -3993,9 +4238,19 @@ var NativeFrontend = class {
       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.renderAfter = (buffer) => {
+      if (this.header.height > 0) buffer.drawText(
+        formatSignalDivider(this.header.width),
+        this.header.x,
+        this.header.y + this.header.height - 1,
+        this.context.colors.foreground,
+        this.context.colors.background,
+        TextAttributes7.DIM
+      );
+    };
+    const headerRow = new BoxRenderable6(renderer2, { id: "omnius-header-row", width: "100%", minWidth: 0, minHeight: 1, flexDirection: "row", gap: 1 });
     this.header.add(headerRow);
-    this.identity = new TextRenderable4(renderer2, {
+    this.identity = new TextRenderable5(renderer2, {
       id: "omnius-identity",
       content: "Omnius",
       fg: colors.foreground,
@@ -4005,7 +4260,7 @@ var NativeFrontend = class {
       truncate: true,
       minWidth: 18,
       selectable: false,
-      attributes: TextAttributes6.BOLD,
+      attributes: TextAttributes7.BOLD,
       onMouseDown: (event) => {
         if (event.button === 0) {
           this.toggleHeaderPanel();
@@ -4033,16 +4288,16 @@ var NativeFrontend = class {
       verticalScrollbarOptions: { visible: false }
     });
     headerRow.add(this.headerActions);
-    this.headerPanel = new TextRenderable4(renderer2, { id: "omnius-header-panel", content: "", width: "100%", wrapMode: "word", visible: false });
+    this.headerPanel = new TextRenderable5(renderer2, { id: "omnius-header-panel", content: "", width: "100%", wrapMode: "word", visible: false });
     this.header.add(this.headerPanel);
-    this.detailButton = new TextRenderable4(renderer2, {
+    this.detailButton = new TextRenderable5(renderer2, {
       id: "omnius-details-toggle",
       content: "+ DETAILS",
       height: 1,
       width: 9,
       flexShrink: 0,
       fg: colors.foreground,
-      attributes: TextAttributes6.DIM,
+      attributes: TextAttributes7.DIM,
       selectable: false,
       onMouseDown: (event) => {
         if (event.button === 0) {
@@ -4062,13 +4317,13 @@ var NativeFrontend = class {
     for (const control of [this.identity, this.detailButton]) {
       const attributes = control.attributes;
       control.on("focused", () => {
-        control.attributes = attributes | TextAttributes6.INVERSE;
+        control.attributes = attributes | TextAttributes7.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.routeWarning = new TextRenderable5(renderer2, { id: "omnius-route-warning", content: "", width: "100%", wrapMode: "word", fg: colors.warning, attributes: TextAttributes7.BOLD | TextAttributes7.UNDERLINE, visible: false, flexShrink: 0 });
     this.root.add(this.routeWarning);
     this.tabs = new TabSelectRenderable(renderer2, {
       id: "omnius-agent-tabs",
@@ -4107,13 +4362,13 @@ var NativeFrontend = class {
       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);
+      buffer.drawText("─".repeat(Math.max(0, tabWidth)), (selected - start) * tabWidth, 1, colors2.foreground, colors2.background, TextAttributes7.DIM);
     };
     this.root.add(this.tabs);
-    this.taskPane = new BoxRenderable5(renderer2, { id: "omnius-tasks", width: "100%", flexDirection: "column", maxHeight: 6, flexShrink: 0, overflow: "hidden", visible: false });
+    this.taskPane = new BoxRenderable6(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 BoxRenderable5(renderer2, { id: "omnius-body", width: "100%", flexDirection: "row", flexGrow: 1, minHeight: 1 });
+    this.body = new BoxRenderable6(renderer2, { id: "omnius-body", width: "100%", flexDirection: "row", flexGrow: 1, minHeight: 1 });
     this.root.add(this.body);
     this.scroll = new ScrollBoxRenderable4(renderer2, {
       id: "omnius-conversation",
@@ -4128,6 +4383,15 @@ var NativeFrontend = class {
       viewportCulling: true,
       verticalScrollbarOptions: { showArrows: false, trackOptions: { foregroundColor: colors.dim, backgroundColor: colors.background } },
       contentOptions: { flexDirection: "column", onMouseDown: (event) => {
+        if (event.button === 2) {
+          const selected = this.renderer.getSelection()?.getSelectedText();
+          if (selected) {
+            this.selectionMenu.open(event.x, event.y, selected);
+            event.preventDefault();
+            event.stopPropagation();
+          }
+          return;
+        }
         if (!this.selectionArmed || event.button !== 0 || !event.target) return;
         this.selectionArmed = false;
         let block = event.target;
@@ -4147,6 +4411,18 @@ var NativeFrontend = class {
         }
         event.preventDefault();
         event.stopPropagation();
+      }, onMouseDrag: (event) => {
+        if (!event.isDragging || !event.target || !this.renderer.getSelection()?.isDragging) return;
+        let container = this.renderer.getSelectionContainer();
+        while (container) {
+          let current = event.target;
+          while (current && current !== container) current = current.parent;
+          if (current) break;
+          this.renderer.updateSelection(event.target, event.x, event.y);
+          const next = this.renderer.getSelectionContainer();
+          if (next === container) break;
+          container = next;
+        }
       } }
     });
     this.body.add(this.scroll);
@@ -4167,7 +4443,7 @@ var NativeFrontend = class {
     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, {
+    this.embeddedPane = new BoxRenderable6(renderer2, {
       id: "omnius-editor-pane",
       width: "50%",
       flexShrink: 0,
@@ -4178,7 +4454,7 @@ var NativeFrontend = class {
       visible: false
     });
     this.body.add(this.embeddedPane);
-    this.liveButton = new TextRenderable4(renderer2, {
+    this.liveButton = new TextRenderable5(renderer2, {
       id: "omnius-live-button",
       content: "↓ Live",
       width: "100%",
@@ -4201,7 +4477,7 @@ var NativeFrontend = class {
     });
     this.liveButton.focusable = true;
     this.root.add(this.liveButton);
-    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.queue = new TextRenderable5(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",
@@ -4220,9 +4496,9 @@ var NativeFrontend = class {
     this.suggestions.onActivate = () => this.acceptSuggestion();
     this.suggestions.on("itemSelected", () => this.acceptSuggestion());
     this.root.add(this.suggestions);
-    this.status = new BoxRenderable5(renderer2, { id: "omnius-live-status", width: "100%", height: 1, flexShrink: 0, flexDirection: "row", gap: 2, visible: false });
+    this.status = new BoxRenderable6(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, {
+    this.footer = new BoxRenderable6(renderer2, {
       id: "omnius-input-box",
       width: "100%",
       flexShrink: 0,
@@ -4232,9 +4508,19 @@ var NativeFrontend = class {
       flexDirection: "column"
     });
     this.root.add(this.footer);
-    const inputRow = new BoxRenderable5(renderer2, { id: "omnius-input-row", width: "100%", flexDirection: "row", gap: 1 });
+    this.footer.renderAfter = (buffer) => {
+      if (this.footer.height > 0) buffer.drawText(
+        formatSignalDivider(this.footer.width),
+        this.footer.x,
+        this.footer.y,
+        this.context.colors.foreground,
+        this.context.colors.background,
+        TextAttributes7.DIM
+      );
+    };
+    const inputRow = new BoxRenderable6(renderer2, { id: "omnius-input-row", width: "100%", flexDirection: "row", gap: 1 });
     this.footer.add(inputRow);
-    this.prompt = new TextRenderable4(renderer2, { id: "omnius-prompt", content: "❯", fg: colors.accent, wrapMode: "none", selectable: false, flexShrink: 0 });
+    this.prompt = new TextRenderable5(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",
@@ -4254,14 +4540,14 @@ var NativeFrontend = class {
       onCursorChange: () => this.editorChanged(),
       onSubmit: () => this.submit()
     });
-    this.vimMode = new TextRenderable4(renderer2, {
+    this.vimMode = new TextRenderable5(renderer2, {
       id: "omnius-vim-mode",
       content: "INSERT",
       height: 1,
       maxWidth: 12,
       flexShrink: 0,
       fg: colors.foreground,
-      attributes: TextAttributes6.DIM,
+      attributes: TextAttributes7.DIM,
       wrapMode: "none",
       truncate: true,
       visible: false,
@@ -4275,31 +4561,42 @@ var NativeFrontend = class {
       this.renderer.requestRender();
     });
     inputRow.add(this.editor);
-    this.enhance = new BoxRenderable5(renderer2, { id: "omnius-enhance", flexDirection: "row", gap: 1, flexShrink: 0, visible: false });
+    this.enhance = new BoxRenderable6(renderer2, { id: "omnius-enhance", flexDirection: "row", gap: 1, flexShrink: 0, visible: false });
     inputRow.add(this.enhance);
-    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.activity = new TextRenderable5(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 = new BoxRenderable6(renderer2, { id: "omnius-media", height: 1, minWidth: 0, flexShrink: 1, flexDirection: "row", gap: 1, visible: false });
+    this.mediaText = new TextRenderable5(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 TextRenderable4(renderer2, { id: "omnius-mic-meter", width: 12, height: 1, flexShrink: 0, fg: colors.foreground, visible: false });
+    this.micTrack = new TextRenderable5(renderer2, { id: "omnius-mic-meter", width: 12, height: 1, flexShrink: 0, fg: colors.foreground, visible: false });
     this.media.add(this.micTrack);
     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.copyFeedback = new TextRenderable5(renderer2, {
+      id: "omnius-copy-feedback",
+      content: "",
+      height: 1,
+      flexShrink: 0,
+      fg: colors.foreground,
+      attributes: TextAttributes7.DIM,
+      selectable: false,
+      visible: false
+    });
+    this.status.add(this.copyFeedback);
+    this.metricsRow = new BoxRenderable6(renderer2, { id: "omnius-metrics-row", width: "100%", height: 1, flexShrink: 0, flexDirection: "row", gap: 1 });
+    this.keyHints = new TextRenderable5(renderer2, { id: "omnius-key-hints", content: "F1 HELP  TAB FOCUS", height: 1, flexShrink: 0, attributes: TextAttributes7.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.metricsStartActions = new BoxRenderable6(renderer2, { id: "omnius-metrics-start-actions", flexDirection: "row", gap: 1, flexShrink: 0 });
     this.metricsRow.add(this.metricsStartActions);
-    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.metrics = new TextRenderable5(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 BoxRenderable5(renderer2, { id: "omnius-metrics-end-actions", flexDirection: "row", gap: 1, flexShrink: 0 });
+    this.metricsEndActions = new BoxRenderable6(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(CliRenderEvents3.FRAME, this.onFrame);
-    renderer2.on(CliRenderEvents3.RESIZE, this.onResize);
+    renderer2.on(CliRenderEvents4.FRAME, this.onFrame);
+    renderer2.on(CliRenderEvents4.RESIZE, this.onResize);
     this.applyTheme(initialTheme);
     this.editor.focus();
   }
@@ -4312,6 +4609,7 @@ var NativeFrontend = class {
   content;
   modals;
   context;
+  selectionMenu;
   header;
   identity;
   headerActions;
@@ -4343,6 +4641,8 @@ var NativeFrontend = class {
   mediaText;
   micTrack;
   clipboard;
+  copyFeedback;
+  copyFeedbackTimer;
   state;
   themeSignature = "";
   headerSignature = "";
@@ -4461,8 +4761,8 @@ var NativeFrontend = class {
     for (const child of [...parent.getChildren()]) child.destroy();
     for (const action of actions) {
       const colors = this.context.colors;
-      const attributes = action.disabled ? TextAttributes6.DIM : action.active ? TextAttributes6.BOLD | TextAttributes6.UNDERLINE : 0;
-      const button = new TextRenderable4(this.renderer, {
+      const attributes = action.disabled ? TextAttributes7.DIM : action.active ? TextAttributes7.BOLD | TextAttributes7.UNDERLINE : 0;
+      const button = new TextRenderable5(this.renderer, {
         id: `${prefix}:${action.id}`,
         content: styledText(action.label),
         flexShrink: 0,
@@ -4485,16 +4785,16 @@ var NativeFrontend = class {
       button.focusable = !action.disabled;
       if (!action.disabled) {
         button.on("focused", () => {
-          button.attributes = attributes | TextAttributes6.INVERSE;
+          button.attributes = attributes | TextAttributes7.INVERSE;
         });
         button.on("blurred", () => {
           button.attributes = attributes;
         });
         button.onMouseOver = () => {
-          button.attributes = attributes | TextAttributes6.UNDERLINE | (button.focused ? TextAttributes6.INVERSE : 0);
+          button.attributes = attributes | TextAttributes7.UNDERLINE | (button.focused ? TextAttributes7.INVERSE : 0);
         };
         button.onMouseOut = () => {
-          button.attributes = attributes | (button.focused ? TextAttributes6.INVERSE : 0);
+          button.attributes = attributes | (button.focused ? TextAttributes7.INVERSE : 0);
         };
       }
       parent.add(button);
@@ -4513,12 +4813,12 @@ var NativeFrontend = class {
     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;
+    this.status.visible = this.activity.visible || this.media.visible || this.copyFeedback.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;
+    this.status.visible = this.activity.visible || this.media.visible || this.copyFeedback.visible;
     if (!media) return;
     this.mediaText.content = [
       media.recording ? "● REC" : void 0,
@@ -4569,6 +4869,8 @@ var NativeFrontend = class {
     this.instruments.applyTheme(colors);
     this.instrumentDivider.fg = colors.foreground;
     this.instrumentDivider.bg = colors.background;
+    this.copyFeedback.fg = colors.foreground;
+    this.selectionMenu.applyTheme(colors);
     this.content.applyTheme();
     this.tasks.applyTheme();
     this.modals?.applyTheme();
@@ -4756,6 +5058,10 @@ var NativeFrontend = class {
     this.emit({ type: "action", action, ...id === void 0 ? {} : { id } });
   }
   onKey = (key) => {
+    if (this.selectionMenu.active) {
+      this.selectionMenu.handleKey(key);
+      return;
+    }
     if (this.modals.active) {
       this.modals.active.handleKey(key);
       return;
@@ -4927,6 +5233,10 @@ var NativeFrontend = class {
     }
   }
   onPaste = (event) => {
+    if (this.selectionMenu.active) {
+      event.preventDefault();
+      return;
+    }
     if (this.modals.active) {
       this.modals.active.handlePaste(event);
       return;
@@ -4943,8 +5253,27 @@ var NativeFrontend = class {
     else if (!this.paused && this.state?.input.enabled !== false) this.editor.focus();
   }
   async copy(text) {
-    const value = text ?? this.renderer.getSelection()?.getSelectedText() ?? this.editor.getSelectedText();
-    if (value) await this.clipboard.writeText(value, { destination: "best-available" });
+    const value = text ?? (this.renderer.getSelection()?.getSelectedText() || this.editor.getSelectedText());
+    if (!value) return;
+    let message;
+    try {
+      const result = await this.clipboard.writeText(value, { destination: "best-available" });
+      message = result.host.status === "written" ? "COPIED" : result.terminal.status === "attempted" ? "COPY SENT TO TERMINAL" : "COPY UNAVAILABLE";
+    } catch {
+      message = "COPY FAILED";
+    }
+    if (this.destroyed) return;
+    if (this.copyFeedbackTimer) clearTimeout(this.copyFeedbackTimer);
+    this.copyFeedback.content = message;
+    this.copyFeedback.visible = true;
+    this.status.visible = true;
+    this.renderer.requestRender();
+    this.copyFeedbackTimer = setTimeout(() => {
+      this.copyFeedbackTimer = void 0;
+      this.copyFeedback.visible = false;
+      this.status.visible = this.activity.visible || this.media.visible;
+      this.renderer.requestRender();
+    }, 3e3);
   }
   async paste() {
     const result = await this.clipboard.read({ preferredTypes: ["text/plain;charset=utf-8", "text/plain"] });
@@ -4988,6 +5317,7 @@ var NativeFrontend = class {
         this.renderer.setTerminalTitle(command2.text);
         break;
       case "modal-open":
+        this.selectionMenu.close();
         this.modals.open(command2.modal);
         break;
       case "modal-update":
@@ -5071,11 +5401,13 @@ var NativeFrontend = class {
   async dispose() {
     if (this.destroyed) return;
     this.destroyed = true;
+    if (this.copyFeedbackTimer) clearTimeout(this.copyFeedbackTimer);
+    this.selectionMenu.destroy();
     this.disposeSelectionContrast();
     this.renderer.keyInput.off("keypress", this.onKey);
     this.renderer.keyInput.off("paste", this.onPaste);
-    this.renderer.off(CliRenderEvents3.FRAME, this.onFrame);
-    this.renderer.off(CliRenderEvents3.RESIZE, this.onResize);
+    this.renderer.off(CliRenderEvents4.FRAME, this.onFrame);
+    this.renderer.off(CliRenderEvents4.RESIZE, this.onResize);
     this.modals.destroy();
     this.content.destroy();
     this.tasks.destroy();
@@ -5086,7 +5418,7 @@ var NativeFrontend = class {
 };
 
 // packages/cli/src/tui/native/components/cursor.ts
-import { CliRenderEvents as CliRenderEvents4 } from "@opentui/core";
+import { CliRenderEvents as CliRenderEvents5 } from "@opentui/core";
 function installTerminalCursorDefaults(renderer2, session) {
   const reset = new TextEncoder().encode("\x1B]112\x07");
   let disposed = false;
@@ -5136,11 +5468,11 @@ function installTerminalCursorDefaults(renderer2, session) {
   const dispose = () => {
     if (disposed) return;
     disposed = true;
-    renderer2.off(CliRenderEvents4.FRAME, afterFrame);
-    renderer2.off(CliRenderEvents4.DESTROY, dispose);
+    renderer2.off(CliRenderEvents5.FRAME, afterFrame);
+    renderer2.off(CliRenderEvents5.DESTROY, dispose);
   };
-  renderer2.on(CliRenderEvents4.FRAME, afterFrame);
-  renderer2.once(CliRenderEvents4.DESTROY, dispose);
+  renderer2.on(CliRenderEvents5.FRAME, afterFrame);
+  renderer2.once(CliRenderEvents5.DESTROY, dispose);
   return { restore, dispose };
 }
 
@@ -5216,10 +5548,10 @@ try {
     maxFps: 60,
     clearOnShutdown: false
   });
-  renderer.on(CliRenderEvents5.RENDER_ERROR, (event) => {
+  renderer.on(CliRenderEvents6.RENDER_ERROR, (event) => {
     void fail(event.error);
   });
-  renderer.on(CliRenderEvents5.HANDLER_ERROR, (event) => {
+  renderer.on(CliRenderEvents6.HANDLER_ERROR, (event) => {
     void fail(event.error);
   });
   renderer.on("error", (event) => {