@wrongstack/tui 0.310.1 → 0.313.0

package/dist/index.js

@@ -2601,20 +2601,23 @@ var ACCENT = "#fab387";
 var DIM = "#313244";
 var BREATHE_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var DOTS_FRAMES = ["", ".", "..", "...", "..", "."];
-var ANIMATION_STYLES = ["rainbow", "wave", "pulse", "dots", "breathe"];
+var ANIMATION_STYLES = ["rainbow", "wave", "pulse", "dots", "breathe", "static"];
 var ANIMATION_STYLE_DESCS = {
   rainbow: "Per-glyph hue cycle (default)",
   wave: "Single-color brightness sweep",
   pulse: "Whole-text brightness pulse",
   dots: "Trailing dots ellipsis (. .. ... .. .)",
-  breathe: "Spinning braille glyph prefix, flat text"
+  breathe: "Spinning braille glyph prefix, flat text",
+  static: "No animation \u2014 flat working indicator"
 };
 var CYCLE_INTERVAL_SECONDS = 12;
 var COLOR_TICK_MS = 120;
 function colorPhaseFromTime(elapsedMs) {
   return Math.floor(Math.max(0, elapsedMs) / COLOR_TICK_MS);
 }
-var CYCLE_ORDER = ["wave", "pulse", "dots", "breathe"];
+var CYCLE_ORDER = ANIMATION_STYLES.filter(
+  (style) => style !== "rainbow"
+);
 function styleForCycleTick(tick) {
   const idx = Math.max(0, Math.floor(tick / CYCLE_INTERVAL_SECONDS));
   const i = idx % CYCLE_ORDER.length;
@@ -2747,9 +2750,10 @@ function ThinkingChip({
   phase,
   cycleTick
 }) {
-  const { time: colorTime } = useAnimation({ interval: COLOR_TICK_MS, isActive: true });
-  const colorPhase = colorPhaseFromTime(colorTime);
   const live = style === "cycle" ? styleForCycleTick(cycleTick) : style;
+  const animateColor = live === "rainbow" || live === "wave" || live === "pulse";
+  const { time: colorTime } = useAnimation({ interval: COLOR_TICK_MS, isActive: animateColor });
+  const colorPhase = colorPhaseFromTime(animateColor ? colorTime : 0);
   if (live === "rainbow") {
     const chars = Array.from(text);
     return /* @__PURE__ */ jsx5(Text, { bold: true, children: chars.map((ch, i) => /* @__PURE__ */ jsx5(Text, { color: rainbowColor(i, colorPhase), children: ch }, i)) });
@@ -2761,6 +2765,9 @@ function ThinkingChip({
   if (live === "pulse") {
     return /* @__PURE__ */ jsx5(Text, { bold: true, color: pulseColor(colorPhase), children: text });
   }
+  if (live === "static") {
+    return /* @__PURE__ */ jsx5(Text, { bold: true, color: "green", children: text });
+  }
   if (live === "dots") {
     const stripped = stripTrailingDots(text);
     const idx2 = phase % DOTS_FRAMES.length;
@@ -3827,7 +3834,7 @@ function StatusBar({
     fleet?.running ?? 0,
     thinkingWord
   );
-  const statePrefix = state === "idle" || state === "aborting" ? "\u25CF" : spinner;
+  const statePrefix = state === "idle" || state === "aborting" ? "\u25CF" : animationStyle === "static" ? "\u25CF" : spinner;
   const thinking = state === "running" || state === "streaming";
   const hasAutoProceed = autoProceedCountdown != null && autoProceedCountdown > 0;
   const fleetHasActivity = fleet && (fleet.running > 0 || fleet.idle > 0 || fleet.pending > 0 || fleet.completed > 0) || subagentCount > 0;
@@ -18301,12 +18308,12 @@ var SETTINGS_DEFAULTS = Object.freeze({
   nextStepsTool: false,
   // WrongProxy / WrongTrace. Defaults mirror the WebUI `LocalPrefs`
   // DEFAULTS in `packages/webui/src/stores/local-prefs.ts` (master
-  // switch off, URL 'http://localhost:8000'). Required keys here
+  // switch off, URL 'http://localhost:3444'). Required keys here
   // because `SettingsPickerValues` (mapped from `SettingsPickerPatch`)
   // makes every key mandatory — omitting them here breaks the type
   // contract for the entire TUI settings module. See Chimera review.
   wrongProxyEnabled: false,
-  wrongProxyUrl: "http://localhost:8000"
+  wrongProxyUrl: "http://localhost:3444"
 });
 function resetSettingsFieldValue(field) {
   const result = getSettingsFieldValue(SETTINGS_DEFAULTS, field);
@@ -18812,7 +18819,7 @@ function SettingsPicker({
     {
       label: "WrongProxy / WrongTrace",
       value: boolVal(wrongProxyEnabled),
-      detail: "Route base URLs through the local proxy (default http://localhost:8000). openai-codex is excluded."
+      detail: "Route base URLs through the local proxy (default http://localhost:3444). openai-codex is excluded."
     },
     {
       label: "WrongProxy URL",
@@ -22610,6 +22617,10 @@ function WrongProxyPanelSidebar({
   const showLatency = inner >= METRIC_MIN_BODY_WIDTH;
   const latencyLabel = proxy?.latencyMs !== void 0 ? `${proxy.latencyMs}ms` : "";
   const urlLabel = proxy?.url ?? "\u2014";
+  const ipcLabel = `${glyphs.dividerDot} ipc`;
+  const ipcValue = proxy?.socketPath ? trunc(proxy.socketPath, Math.max(4, bodyWidth - displayWidth(ipcLabel) - 3)) : null;
+  const daemonLabel = `${glyphs.dividerDot} daemon`;
+  const daemonValue = proxy?.version ? trunc(proxy.version, Math.max(4, bodyWidth - displayWidth(daemonLabel) - 3)) : null;
   return /* @__PURE__ */ jsxs80(
     SidebarPanelFrame,
     {
@@ -22626,15 +22637,6 @@ function WrongProxyPanelSidebar({
         visual.pill
       ] }) : void 0,
       children: [
-        /* @__PURE__ */ jsx81(
-          SidebarSectionHeader,
-          {
-            glyph: glyphs.link,
-            label: "ENDPOINT",
-            color: visual.color,
-            innerWidth: bodyWidth
-          }
-        ),
         /* @__PURE__ */ jsxs80(Box, { flexDirection: "row", width: bodyWidth, children: [
           /* @__PURE__ */ jsx81(Text, { color: visual.color, children: visual.glyph }),
           /* @__PURE__ */ jsxs80(Text, { color: theme.textPrimary, bold: true, wrap: "truncate", children: [
@@ -22657,16 +22659,25 @@ function WrongProxyPanelSidebar({
           " ",
           trunc(proxy.detail, bodyWidth - 2)
         ] }) : null,
-        /* @__PURE__ */ jsx81(
+        ipcValue ? /* @__PURE__ */ jsx81(
           SidebarStatRow,
           {
-            label: `${glyphs.dividerDot} mode`,
-            value: "routing",
+            label: ipcLabel,
+            value: ipcValue,
             color: theme.textMuted,
+            innerWidth: bodyWidth,
+            valueMuted: true
+          }
+        ) : null,
+        daemonValue ? /* @__PURE__ */ jsx81(
+          SidebarStatRow,
+          {
+            label: daemonLabel,
+            value: daemonValue,
+            color: theme.textPrimary,
             innerWidth: bodyWidth
           }
-        ),
-        /* @__PURE__ */ jsx81(Text, { color: theme.textMuted, wrap: "truncate", dimColor: true, children: trunc("openai-codex excluded by spec", bodyWidth) })
+        ) : null
       ]
     }
   );
@@ -23151,6 +23162,13 @@ function renderWorking(word, style, spinner, phase, colorPhase, maxWidth) {
       width: displayWidth(text2)
     };
   }
+  if (style === "static") {
+    const text2 = truncateDisplay(word, maxWidth);
+    return {
+      node: /* @__PURE__ */ jsx83(Text, { bold: true, color: "green", children: text2 }),
+      width: displayWidth(text2)
+    };
+  }
   if (style === "breathe") {
     const text2 = truncateDisplay(`${spinner} ${word}`, maxWidth);
     return {
@@ -23223,6 +23241,7 @@ function ComposerTopRail({
 }) {
   const available = Math.max(0, width - 2);
   const icon = glyphs.brand;
+  const staticMode = animationStyle === "static";
   const requestedStatusWidth = composerStatusReservedWidth(status);
   const statusWidth = Math.min(requestedStatusWidth, Math.max(0, available - 3));
   const statusSectionW = statusWidth > 0 ? statusWidth + 3 : 0;
@@ -23237,7 +23256,7 @@ function ComposerTopRail({
     "\u256D",
     title ? /* @__PURE__ */ jsxs83(Fragment29, { children: [
       /* @__PURE__ */ jsx84(Text, { children: "\u2500 " }),
-      /* @__PURE__ */ jsx84(ComposerActivityIcon, { status, idleGlyph: glyphs.brand, disabled }),
+      staticMode ? /* @__PURE__ */ jsx84(Text, { bold: true, children: glyphs.brand }) : /* @__PURE__ */ jsx84(ComposerActivityIcon, { status, idleGlyph: glyphs.brand, disabled }),
       /* @__PURE__ */ jsx84(Text, { children: ` ${title}` }),
       workingTimeChip ? /* @__PURE__ */ jsx84(Text, { dimColor: true, children: workingTimeChip }) : null,
       /* @__PURE__ */ jsx84(Text, { children: " " })
@@ -24623,7 +24642,7 @@ import { memo as memo6, useRef as useRef8 } from "react";
 
 // src/components/history/entry.tsx
 import { hasOpenTodos } from "@wrongstack/core/utils";
-import { parseNextSteps } from "@wrongstack/tools/next-steps";
+import { parseNextSteps as parseNextSteps2 } from "@wrongstack/tools/next-steps";
 import React8, { useEffect as useEffect23, useMemo as useMemo8 } from "react";
 
 // src/history-entry.ts
@@ -25939,6 +25958,63 @@ function ToolEntry({
   ] });
 }
 
+// src/components/history/wrap-geometry.ts
+import { parseNextSteps } from "@wrongstack/tools/next-steps";
+import stringWidth2 from "string-width";
+import wrapAnsi from "wrap-ansi";
+var USER_LABEL = "\u{1F464} USER  ";
+var INFO_PREFIX = "\u2139 ";
+function hasWrapMap(entry) {
+  return entry.kind === "assistant" || entry.kind === "thinking" || entry.kind === "user" || entry.kind === "info";
+}
+function textContentWidth(termWidth) {
+  return Math.max(1, termWidth - MESSAGE_PANEL_CHROME_WIDTH);
+}
+function infoContentWidth(termWidth) {
+  return Math.max(1, termWidth);
+}
+function buildBodyRowMap(kind, rawText, termWidth) {
+  const prefix = kind === "user" ? USER_LABEL : kind === "info" ? INFO_PREFIX : "";
+  const prefixChars = prefix.length;
+  const prefixWidth = stringWidth2(prefix);
+  const base = sanitizeTerminalText(
+    kind === "assistant" ? parseNextSteps(rawText, true).stripped : rawText
+  );
+  const width = kind === "info" ? infoContentWidth(termWidth) : textContentWidth(termWidth);
+  const rows = [];
+  const lines = base.split("\n");
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i] ?? "";
+    if (line.length === 0) {
+      rows.push({ line: i, start: 0, end: 0 });
+      continue;
+    }
+    const sub = i === 0 ? prefixChars : 0;
+    const wrapped = i === 0 && prefixChars > 0 ? prefix + line : line;
+    const segments = wrapAnsi(wrapped, width, { trim: false, hard: true }).split("\n");
+    let offset = 0;
+    for (const seg of segments) {
+      rows.push({
+        line: i,
+        start: Math.max(0, offset - sub),
+        end: Math.max(0, offset + seg.length - sub)
+      });
+      offset += seg.length;
+    }
+  }
+  return { rows, text: base, prefixWidth };
+}
+function resolveRowCol(map, row, col, atEnd) {
+  const last = map.rows.length - 1;
+  if (last < 0) return { line: 0, offset: 0 };
+  const idx = Math.max(0, Math.min(row, last));
+  const span = map.rows[idx] ?? { line: 0, start: 0, end: 0 };
+  const textCol = idx === 0 && map.prefixWidth > 0 ? Math.max(0, col - map.prefixWidth) : col;
+  const segLen = span.end - span.start;
+  const within = atEnd ? Math.max(0, Math.min(textCol + 1, segLen)) : Math.max(0, Math.min(textCol, segLen));
+  return { line: span.line, offset: span.start + within };
+}
+
 // src/components/history/entry.tsx
 import { Fragment as Fragment33, jsx as jsx94, jsxs as jsxs91 } from "react/jsx-runtime";
 var Entry = React8.memo(function Entry2({
@@ -25956,7 +26032,7 @@ var Entry = React8.memo(function Entry2({
   const isFinalTurnEntry = entry.kind === "assistant" && entry.final === true;
   const nextSteps = useMemo8(() => {
     if (entry.kind !== "assistant") return { steps: [], stripped: "" };
-    return parseNextSteps(entry.text, true);
+    return parseNextSteps2(entry.text, true);
   }, [entry.kind, entry.text]);
   useEffect23(() => {
     if (!setSuggestions) return;
@@ -25964,7 +26040,7 @@ var Entry = React8.memo(function Entry2({
     if (openTodos) return;
     if (!isFinalTurnEntry) return;
     const text = entry.text ?? "";
-    const { texts } = parseNextSteps(text, true);
+    const { texts } = parseNextSteps2(text, true);
     if (texts.length > 0) setSuggestions(texts);
   }, [
     entry.kind,
@@ -25986,7 +26062,7 @@ var Entry = React8.memo(function Entry2({
           borderColor: theme.user,
           paddingLeft: 1,
           children: /* @__PURE__ */ jsxs91(Text, { children: [
-            /* @__PURE__ */ jsx94(Text, { bold: true, color: theme.user, children: "\u{1F464} USER  " }),
+            /* @__PURE__ */ jsx94(Text, { bold: true, color: theme.user, children: USER_LABEL }),
             /* @__PURE__ */ jsx94(Text, { color: "white", children: sanitizeTerminalText(entry.text) }),
             entry.queued ? /* @__PURE__ */ jsx94(Text, { dimColor: true, children: " (queued)" }) : null,
             entry.pasteContent ? /* @__PURE__ */ jsxs91(Fragment33, { children: [
@@ -26133,7 +26209,7 @@ var Entry = React8.memo(function Entry2({
     }
     case "info": {
       return /* @__PURE__ */ jsxs91(Text, { dimColor: true, children: [
-        /* @__PURE__ */ jsx94(Text, { children: "\u2139 " }),
+        /* @__PURE__ */ jsx94(Text, { children: INFO_PREFIX }),
         sanitizeTerminalText(entry.text)
       ] });
     }
@@ -26382,7 +26458,7 @@ var History = memo6(function History2({
 });
 
 // src/components/history/use-history-controller.ts
-import { useMemo as useMemo9, useRef as useRef9, useCallback as useCallback5, useEffect as useEffect24 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect24, useMemo as useMemo9, useRef as useRef9 } from "react";
 
 // src/clipboard.ts
 import {
@@ -26448,6 +26524,38 @@ function selectionHitAt(row, spans) {
   return null;
 }
 
+// src/components/history/selection-band-store.ts
+function sameBand(a, b) {
+  if (a === b) return true;
+  if (a === null || b === null) return false;
+  return a.topRow === b.topRow && a.bottomRow === b.bottomRow && a.headRow === b.headRow;
+}
+function bandFromSelection(anchor, head) {
+  return {
+    topRow: Math.min(anchor.row, head.row),
+    bottomRow: Math.max(anchor.row, head.row),
+    headRow: head.row
+  };
+}
+function createSelectionBandStore() {
+  let snapshot = null;
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    getSnapshot: () => snapshot,
+    publish(next) {
+      if (sameBand(snapshot, next)) return;
+      snapshot = next;
+      for (const listener of listeners) listener();
+    }
+  };
+}
+
 // src/components/history/selection-helpers.ts
 function normalizeSelection(a, b, inProgress) {
   const topLeft = { row: Math.min(a.row, b.row), col: Math.min(a.col, b.col) };
@@ -26480,7 +26588,7 @@ function selectionToSlices(opts) {
   return result;
 }
 function assembleSelectionText(opts) {
-  const { slices, entriesById, toolGroupsByHeadId } = opts;
+  const { slices, entriesById, toolGroupsByHeadId, termWidth } = opts;
   if (slices.length === 0) return "";
   const byEntry = /* @__PURE__ */ new Map();
   for (const slice of slices) {
@@ -26503,6 +26611,36 @@ function assembleSelectionText(opts) {
       segments.push(fullText);
       continue;
     }
+    const single = entries[0];
+    const map = termWidth !== void 0 && hasWrapMap(single) && !(single.kind === "user" && (single.pasteContent || single.queued)) ? buildBodyRowMap(single.kind, single.text, termWidth) : null;
+    if (map !== null && map.text.length > 0) {
+      const lines = map.text.split("\n");
+      for (const slice of entrySlices) {
+        const a = resolveRowCol(map, slice.startRow, slice.startCol, false);
+        const b = resolveRowCol(map, slice.endRow, slice.endCol, true);
+        if (b.line < a.line) continue;
+        const collected = [];
+        for (let ln = a.line; ln <= b.line && ln < lines.length; ln++) {
+          const line = lines[ln] ?? "";
+          if (ln === a.line && ln === b.line) {
+            const start = Math.max(0, Math.min(line.length, a.offset));
+            const end = Math.max(start, Math.min(line.length, b.offset));
+            if (end > start) collected.push(line.slice(start, end));
+          } else if (ln === a.line) {
+            const start = Math.max(0, Math.min(line.length, a.offset));
+            if (start < line.length) collected.push(line.slice(start));
+          } else if (ln === b.line) {
+            const end = Math.max(0, Math.min(line.length, b.offset));
+            if (end > 0) collected.push(line.slice(0, end));
+          } else {
+            collected.push(line);
+          }
+        }
+        const seg = collected.join("\n");
+        if (seg.length > 0) segments.push(seg);
+      }
+      continue;
+    }
     for (const slice of entrySlices) {
       const rows = fullText.split("\n");
       const collected = [];
@@ -26545,6 +26683,7 @@ function useHistoryController(opts) {
     selectionRef,
     entriesByIdRef,
     toolStreamRef,
+    selectionBandStore,
     setAnchor,
     setMountBump,
     controllerRef
@@ -26555,15 +26694,36 @@ function useHistoryController(opts) {
   effectiveAnchorRef.current = effectiveAnchor;
   const groupIdsRef = useRef9(groupIds);
   groupIdsRef.current = groupIds;
-  const applyAnchor = useCallback5((next) => {
-    const ids = groupIdsRef.current;
-    const nextId = next ? ids[next.index] : void 0;
-    const normalized = next && nextId !== void 0 ? { index: next.index, clip: Math.max(0, next.clip) } : null;
-    selectionRef.current = { anchor: null, head: null, inProgress: false };
-    effectiveAnchorRef.current = normalized;
-    setAnchor(normalized && nextId !== void 0 ? { id: nextId, clip: normalized.clip } : null);
-    setMountBump(0);
-  }, [selectionRef, setAnchor, setMountBump]);
+  const publishBand = useCallback5(() => {
+    const cur = selectionRef.current;
+    selectionBandStore?.publish(
+      cur.anchor !== null && cur.head !== null && cur.inProgress ? bandFromSelection(cur.anchor, cur.head) : null
+    );
+  }, [selectionBandStore, selectionRef]);
+  const gutterWidthForEntry = (entryId) => {
+    if (entryId === void 0) return 0;
+    const entry = entriesByIdRef.current.get(entryId);
+    if (!entry) return 0;
+    return entry.kind === "assistant" || entry.kind === "thinking" || entry.kind === "user" ? MESSAGE_PANEL_CHROME_WIDTH : 0;
+  };
+  const toBodyLocalCol = (row, col) => {
+    const hit = selectionHitAt(row, mountedGroupSpansRef.current);
+    const gutter = gutterWidthForEntry(hit?.entryId);
+    return gutter === 0 ? col : Math.max(0, col - gutter);
+  };
+  const applyAnchor = useCallback5(
+    (next) => {
+      const ids = groupIdsRef.current;
+      const nextId = next ? ids[next.index] : void 0;
+      const normalized = next && nextId !== void 0 ? { index: next.index, clip: Math.max(0, next.clip) } : null;
+      selectionRef.current = { anchor: null, head: null, inProgress: false };
+      publishBand();
+      effectiveAnchorRef.current = normalized;
+      setAnchor(normalized && nextId !== void 0 ? { id: nextId, clip: normalized.clip } : null);
+      setMountBump(0);
+    },
+    [selectionRef, publishBand, setAnchor, setMountBump]
+  );
   const controller = useMemo9(
     () => ({
       scrollBy: (deltaUp) => {
@@ -26609,18 +26769,22 @@ function useHistoryController(opts) {
       beginSelection: (row, col) => {
         if (isOutOfBand(col, termWidth)) {
           selectionRef.current = { anchor: null, head: null, inProgress: false };
+          publishBand();
           return;
         }
         const cardHit = selectionHitAt(row, mountedGroupSpansRef.current);
         if (cardHit === null) {
           selectionRef.current = { anchor: null, head: null, inProgress: false };
+          publishBand();
           return;
         }
+        const bodyCol = toBodyLocalCol(row, col);
         selectionRef.current = {
-          anchor: { row, col },
-          head: { row, col },
+          anchor: { row, col: bodyCol },
+          head: { row, col: bodyCol },
           inProgress: true
         };
+        publishBand();
       },
       extendSelection: (row, col) => {
         const cur = selectionRef.current;
@@ -26628,25 +26792,31 @@ function useHistoryController(opts) {
         if (cur.inProgress === false) return;
         if (isOutOfBand(col, termWidth) || row < 0 || row >= vp) {
           selectionRef.current = { anchor: null, head: null, inProgress: false };
+          publishBand();
           return;
         }
-        selectionRef.current = { ...cur, head: { row, col } };
+        selectionRef.current = { ...cur, head: { row, col: toBodyLocalCol(row, col) } };
+        publishBand();
       },
       endSelection: () => {
         const cur = selectionRef.current;
         if (cur.anchor === null) return;
         selectionRef.current = { ...cur, inProgress: false };
+        publishBand();
       },
+      hasSelection: () => selectionRef.current.anchor !== null,
       clearSelection: () => {
         const cur = selectionRef.current;
         if (cur.anchor === null && cur.head === null) return;
         selectionRef.current = { anchor: null, head: null, inProgress: false };
+        publishBand();
       },
       commitSelection: async () => {
         const cur = selectionRef.current;
         if (cur.anchor === null || cur.head === null) return false;
         if (cur.anchor.row === cur.head.row && cur.anchor.col === cur.head.col) {
           selectionRef.current = { anchor: null, head: null, inProgress: false };
+          publishBand();
           return false;
         }
         const rect = normalizeSelection(cur.anchor, cur.head, cur.inProgress);
@@ -26664,9 +26834,13 @@ function useHistoryController(opts) {
         const text = assembleSelectionText({
           slices,
           entriesById: entriesByIdRef.current,
+          // Wrap-aware row→line translation (v1.1 M4): termWidth is the same
+          // render width the card geometry was built with.
+          termWidth,
           ...toolGroupsByHeadId.size > 0 ? { toolGroupsByHeadId } : {}
         });
         selectionRef.current = { anchor: null, head: null, inProgress: false };
+        publishBand();
         if (text.length === 0) return false;
         try {
           return await writeClipboardText(text);
@@ -26675,7 +26849,18 @@ function useHistoryController(opts) {
         }
       }
     }),
-    [applyAnchor, termWidth, vp, copyHitsRef, liveToolCopyHitRef, mountedGroupSpansRef, selectionRef, entriesByIdRef, toolStreamRef]
+    [
+      applyAnchor,
+      publishBand,
+      termWidth,
+      vp,
+      copyHitsRef,
+      liveToolCopyHitRef,
+      mountedGroupSpansRef,
+      selectionRef,
+      entriesByIdRef,
+      toolStreamRef
+    ]
   );
   useEffect24(() => {
     if (!controllerRef) return void 0;
@@ -26694,14 +26879,18 @@ function useHistoryController(opts) {
 }
 
 // src/components/history/scrollbar-rail.tsx
+import { useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { jsx as jsx96, jsxs as jsxs93 } from "react/jsx-runtime";
+var NO_BAND = createSelectionBandStore();
 function Scrollbar({
   rows,
   offset,
   total,
   copyHits,
-  copiedEntryId
+  copiedEntryId,
+  selectionBandStore = NO_BAND
 }) {
+  const band = useSyncExternalStore2(selectionBandStore.subscribe, selectionBandStore.getSnapshot);
   const { top: thumbTop, size: thumbSize, scrollable } = scrollbarThumb(rows, offset, total);
   const cells = [];
   for (let i = 0; i < rows; i++) {
@@ -26711,6 +26900,8 @@ function Scrollbar({
   for (const hit of copyHits) copyByRow.set(hit.startRow, hit);
   return /* @__PURE__ */ jsx96(Box, { flexDirection: "column", flexShrink: 0, children: cells.map((cell, row) => {
     const copyHit = copyByRow.get(row);
+    const inBand = band !== null && row >= band.topRow && row <= band.bottomRow && row < rows;
+    const isHead = band !== null && row === band.headRow && row < rows;
     return /* @__PURE__ */ jsxs93(Box, { flexDirection: "row", children: [
       /* @__PURE__ */ jsx96(
         Text,
@@ -26719,7 +26910,7 @@ function Scrollbar({
           children: copyHit ? COPY_ICON : " "
         }
       ),
-      /* @__PURE__ */ jsx96(Text, { children: " " }),
+      /* @__PURE__ */ jsx96(Text, { ...inBand ? { color: theme.accent } : {}, children: isHead ? "\u2588" : inBand ? "\u258C" : " " }),
       /* @__PURE__ */ jsx96(
         Text,
         {
@@ -26781,6 +26972,11 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
   const heightCacheRef = useRef10(null);
   if (heightCacheRef.current === null) heightCacheRef.current = new EntryHeightCache();
   const heightCache = heightCacheRef.current;
+  const selectionBandStoreRef = useRef10(null);
+  if (selectionBandStoreRef.current === null) {
+    selectionBandStoreRef.current = createSelectionBandStore();
+  }
+  const selectionBandStore = selectionBandStoreRef.current;
   const entryNodeRefs = useRef10(/* @__PURE__ */ new Map());
   const measuredGroupIdsRef = useRef10(/* @__PURE__ */ new Set());
   const copyHitsRef = useRef10([]);
@@ -26905,6 +27101,7 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
     selectionRef,
     entriesByIdRef,
     toolStreamRef,
+    selectionBandStore,
     setAnchor,
     setMountBump,
     controllerRef
@@ -27113,7 +27310,8 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
         offset: offsetFromBottom,
         total: totalRows,
         copyHits: copyRailHits,
-        copiedEntryId
+        copiedEntryId,
+        selectionBandStore
       }
     )
   ] });
@@ -27188,18 +27386,38 @@ function useSidebarWrongProxy(url, enabled = true) {
         const res = await fetch(healthUrl, {
           method: "GET",
           // 2s budget — matches the runtime probe in proxy-probe.ts so a
-          // hung localhost:8000 cannot stall the render loop. The TUI
+          // hung localhost:3444 cannot stall the render loop. The TUI
           // never sees AbortError unless the caller tears us down.
           signal: AbortSignal.timeout(2e3),
           headers: { accept: "application/json" }
         });
         if (cancelled) return;
         const ok = res.ok && res.status >= 200 && res.status < 300;
+        let socketPath;
+        let version;
+        if (ok) {
+          try {
+            const body = await res.json();
+            if (body != null && typeof body === "object") {
+              const { socket_path, version: reported } = body;
+              if (typeof socket_path === "string" && socket_path.length > 0) {
+                socketPath = socket_path;
+              }
+              if (typeof reported === "string" && reported.length > 0) {
+                version = reported;
+              }
+            }
+          } catch {
+          }
+        }
+        if (cancelled) return;
         setData({
           url: trimmed,
           status: ok ? "ok" : "warn",
           latencyMs: Date.now() - startedAt,
-          detail: ok ? void 0 : `HTTP ${res.status}`
+          detail: ok ? void 0 : `HTTP ${res.status}`,
+          socketPath,
+          version
         });
       } catch (error) {
         if (cancelled) return;
@@ -27998,7 +28216,7 @@ function routeSettingsOverlayKey(host, input, key, isEnter) {
     // adapter owns the read/write — see LiveSettingsInput + the
     // tui-settings-adapter.ts branch tree).
     wrongProxyEnabled: config.wrongProxyEnabled ?? false,
-    wrongProxyUrl: config.wrongProxyUrl ?? "http://localhost:8000"
+    wrongProxyUrl: config.wrongProxyUrl ?? "http://localhost:3444"
   });
   return true;
 }
@@ -28593,7 +28811,7 @@ function createAppKeyHandler(options) {
       return;
     }
     if (!overlayOpen) {
-      if (mouseMode && key.mouse?.kind === "press" && key.mouse.button === "right") {
+      if (key.mouse?.kind === "press" && key.mouse.button === "right") {
         const region = hitRegion(
           { termRows, termCols: historyWidth, viewportRows: state.viewportRows },
           key.mouse.x,
@@ -28633,7 +28851,7 @@ function createAppKeyHandler(options) {
           return;
         }
       }
-      if ((key.mouse?.kind === "press" || mouseMode && key.mouse?.kind === "move") && key.mouse.button === "left") {
+      if ((key.mouse?.kind === "press" || key.mouse?.kind === "move") && key.mouse.button === "left") {
         const region = hitRegion(
           { termRows, termCols: historyWidth, viewportRows: state.viewportRows },
           key.mouse.x,
@@ -28647,7 +28865,7 @@ function createAppKeyHandler(options) {
           }).catch(() => null);
           return;
         }
-        if (mouseMode && region?.kind === "history" && key.mouse.x <= historyWidth - SCROLLBAR_HIT_WIDTH) {
+        if (region?.kind === "history" && key.mouse.x <= historyWidth - SCROLLBAR_HIT_WIDTH) {
           if (key.mouse.kind === "press") {
             historyScrollRef.current?.beginSelection(region.row, key.mouse.x - 1);
             return;
@@ -28663,8 +28881,15 @@ function createAppKeyHandler(options) {
           return;
         }
       }
-      if (mouseMode && key.mouse?.kind === "release" && key.mouse.button === "left") {
-        historyScrollRef.current?.endSelection();
+      if (key.mouse?.kind === "release" && key.mouse.button === "left") {
+        if (historyScrollRef.current?.hasSelection()) {
+          detach(
+            historyScrollRef.current?.commitSelection().then((copied) => {
+              if (copied) onHistoryCopy?.(SELECTION_COPY_ID);
+            }),
+            "Copy"
+          );
+        }
       }
       if (mouseMode && key.mouse?.kind === "press" && key.mouse.button === "left" && statusBarWrapRef.current) {
         const sbHeight = measureElement(statusBarWrapRef.current).height;
@@ -29439,6 +29664,19 @@ import {
 } from "@wrongstack/core/execution";
 
 // src/submit-controller.ts
+async function waitForIdleSettle(isIdle, deadlineMs, opts = {}) {
+  const maxPollMs = opts.maxPollMs ?? 150;
+  const start = Date.now();
+  let pollMs = 20;
+  while (!isIdle()) {
+    const remaining = deadlineMs - (Date.now() - start);
+    if (remaining <= 0) return false;
+    const wait = Math.min(Math.max(pollMs, 1), maxPollMs, remaining);
+    await new Promise((resolve) => setTimeout(resolve, wait));
+    pollMs = Math.min(pollMs * 2, maxPollMs);
+  }
+  return true;
+}
 var topicAdvisorByAgent = /* @__PURE__ */ new WeakMap();
 function topicAdvisorFor(agent) {
   let advisor = topicAdvisorByAgent.get(agent);
@@ -29692,10 +29930,10 @@ function createSubmitController(host) {
           if (b) {
             b.appendText(res.runText);
             const blocks2 = await b.submit();
-            const start = Date.now();
-            while (stateRef.current.status !== "idle" && Date.now() - start < 1500) {
-              await new Promise((r) => setTimeout(r, 25));
-            }
+            await waitForIdleSettle(
+              () => stateRef.current.status === "idle",
+              1500
+            );
             try {
               await runBlocks(blocks2);
             } finally {
@@ -29932,10 +30170,10 @@ User message:
         if (b) {
           b.appendText(preamble);
           const steerBlocks = await b.submit();
-          const start = Date.now();
-          while (stateRef.current.status !== "idle" && Date.now() - start < 1500) {
-            await new Promise((r) => setTimeout(r, 25));
-          }
+          await waitForIdleSettle(
+            () => stateRef.current.status === "idle",
+            1500
+          );
           try {
             stampJournalMarker();
             await runBlocks(steerBlocks);
@@ -32458,12 +32696,12 @@ function createInitialState(options) {
       nextStepsTool: false,
       readSymbols: false,
       // WrongProxy / WrongTrace. Defaults match the WebUI LocalPrefs
-      // (master switch off; URL 'http://localhost:8000'). The runtime
+      // (master switch off; URL 'http://localhost:3444'). The runtime
       // probe in `packages/cli/src/wiring/proxy-probe.ts` reacts via
       // the WS `prefs.update` pipeline — these initial values only
       // cover the slice before the first `settingsOpen` action lands.
       wrongProxyEnabled: false,
-      wrongProxyUrl: "http://localhost:8000",
+      wrongProxyUrl: "http://localhost:3444",
       // WrongProxy URL text-edit state (field 60). The reducer quartet
       // at `reducers/settings-values.ts:733-801` seeds the draft from
       // `wrongProxyUrl` on Start and clears it on Commit/Cancel.
@@ -36602,6 +36840,10 @@ import {
   useEffect as useEffect31,
   useRef as useRef15
 } from "react";
+var BETWEEN_ITERATION_YIELD_MS = 200;
+function yieldBetweenIterations(ms = BETWEEN_ITERATION_YIELD_MS) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
 function useAutonomyDrivers({
   getEternalEngine,
   getParallelEngine,
@@ -36648,7 +36890,7 @@ function useAutonomyDrivers({
         }
         if (!mountedRef.current) break;
         dispatch({ type: "status", status: "idle" });
-        await new Promise((r) => setTimeout(r, 200));
+        await yieldBetweenIterations();
       }
     } finally {
       eternalLoopRunningRef.current = false;
@@ -36691,7 +36933,7 @@ function useAutonomyDrivers({
         }
         if (!mountedRef.current) break;
         dispatch({ type: "status", status: "idle" });
-        await new Promise((r) => setTimeout(r, 200));
+        await yieldBetweenIterations();
       }
     } finally {
       parallelLoopRunningRef.current = false;
@@ -41164,7 +41406,7 @@ function useMouseTracking(input) {
     native: nativeMouse,
     protocol
   });
-  const mouseTrackingSequence = mouseTrackingOn ? mouseMode ? MOUSE_DRAG_ON : MOUSE_CLICK_ON : MOUSE_OFF;
+  const mouseTrackingSequence = mouseTrackingOn ? MOUSE_DRAG_ON : MOUSE_OFF;
   const mouseWrittenRef = useRef30(null);
   useEffect49(() => {
     if (mouseWrittenRef.current === mouseTrackingSequence) return;
@@ -41768,7 +42010,7 @@ function usePanelControllers({
       // Same defaults as the WebUI LocalPrefs and the CLI adapter's
       // branch tree — see tui-settings-adapter.ts.
       wrongProxyEnabled: s2.wrongProxyEnabled ?? false,
-      wrongProxyUrl: s2.wrongProxyUrl ?? "http://localhost:8000"
+      wrongProxyUrl: s2.wrongProxyUrl ?? "http://localhost:3444"
     });
   }, [getSettings]);
   const refreshPluginPicker = React11.useCallback(() => {
@@ -42741,36 +42983,9 @@ function useQueueManager({
   midRunSendPickerRef
 }) {
   const persistState = useRef34({ running: false, pending: null });
-  useEffect53(() => {
-    if (!queueStore) return;
-    let cancelled = false;
-    queueStore.read().then((items) => {
-      if (cancelled || items.length === 0) return;
-      for (const item of items) {
-        dispatch({
-          type: "enqueue",
-          item: {
-            displayText: item.displayText,
-            blocks: item.blocks,
-            ...item.shouldRefine !== void 0 ? { shouldRefine: item.shouldRefine } : {},
-            ...item.journalRaw !== void 0 ? { journalRaw: item.journalRaw } : {}
-          }
-        });
-      }
-      dispatch({
-        type: "addEntry",
-        entry: {
-          kind: "info",
-          text: `Restored ${items.length} queued message${items.length === 1 ? "" : "s"} from a previous run.`
-        }
-      });
-    }).catch(() => void 0);
-    return () => {
-      cancelled = true;
-    };
-  }, [queueStore]);
-  useEffect53(() => {
-    if (!queueStore) return;
+  const hydrated = useRef34(!queueStore);
+  const pendingBeforeHydration = useRef34(false);
+  const writeQueue = (store) => {
     const raw = stateRef.current.queue.map(
       ({
         displayText,
@@ -42785,7 +43000,7 @@ function useQueueManager({
       })
     );
     const persistence = persistState.current;
-    persistence.pending = { store: queueStore, items: raw };
+    persistence.pending = { store, items: raw };
     if (persistence.running) return;
     persistence.running = true;
     void (async () => {
@@ -42799,6 +43014,49 @@ function useQueueManager({
         persistence.running = false;
       }
     })();
+  };
+  useEffect53(() => {
+    if (!queueStore) return;
+    let cancelled = false;
+    queueStore.read().then((items) => {
+      if (cancelled) return;
+      hydrated.current = true;
+      for (const item of items) {
+        dispatch({
+          type: "enqueue",
+          item: {
+            displayText: item.displayText,
+            blocks: item.blocks,
+            ...item.shouldRefine !== void 0 ? { shouldRefine: item.shouldRefine } : {},
+            ...item.journalRaw !== void 0 ? { journalRaw: item.journalRaw } : {}
+          }
+        });
+      }
+      if (items.length > 0) {
+        dispatch({
+          type: "addEntry",
+          entry: {
+            kind: "info",
+            text: `Restored ${items.length} queued message${items.length === 1 ? "" : "s"} from a previous run.`
+          }
+        });
+      }
+      if (pendingBeforeHydration.current && items.length === 0) {
+        pendingBeforeHydration.current = false;
+        writeQueue(queueStore);
+      }
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [queueStore]);
+  useEffect53(() => {
+    if (!queueStore) return;
+    if (!hydrated.current) {
+      pendingBeforeHydration.current = true;
+      return;
+    }
+    writeQueue(queueStore);
   }, [stateRef.current.queue, queueStore, stateRef]);
   useEffect53(() => {
     onQueueChange?.(stateRef.current.queue.map((q) => q.displayText));
@@ -43106,7 +43364,7 @@ function useSettingsAutoSave(state, saveSettings, dispatch) {
         // and the tui-settings-adapter.ts branch tree). Optional with
         // `??` fallback — older persisted configs may not have the keys.
         wrongProxyEnabled: sp.wrongProxyEnabled ?? false,
-        wrongProxyUrl: sp.wrongProxyUrl ?? "http://localhost:8000"
+        wrongProxyUrl: sp.wrongProxyUrl ?? "http://localhost:3444"
       })
     ).then((err) => {
       if (err) dispatch({ type: "settingsHint", text: err });
@@ -46429,7 +46687,7 @@ function App(props) {
 
 // src/components/suggestions.ts
 import {
-  parseNextSteps as parseNextSteps2,
+  parseNextSteps as parseNextSteps3,
   stripNextStepsBlock as stripNextStepsBlock2
 } from "@wrongstack/tools/next-steps";
 
@@ -47298,7 +47556,7 @@ async function runTui(opts) {
 export {
   buildGoalPreamble2 as buildGoalPreamble,
   parseInline,
-  parseNextSteps2 as parseNextSteps,
+  parseNextSteps3 as parseNextSteps,
   replaySessionMessages,
   runTui
 };