@mtreeai/msapling-cli 2.3.6-beta.61 → 2.3.6-beta.63

package/dist/index.js

@@ -11394,6 +11394,9 @@ function isMissingPathError(error) {
   const code = error?.code;
   return code === void 0 || code === "ENOENT" || code === "ENOTDIR";
 }
+function canonicalComparisonPath(value) {
+  return /^[A-Za-z]:$/.test(value) ? `${value}\\` : value;
+}
 function resolveThroughExistingAncestorSync(target, resolver) {
   let cursor = target;
   const suffix = [];
@@ -11503,7 +11506,7 @@ var init_Sandbox = __esm({
         const normalizedTarget = isAbsolute16(targetPath) ? normalize14(targetPath) : resolve20(this.projectRoot, targetPath);
         let resolvedRoot;
         try {
-          resolvedRoot = this.realpathSyncFn(this.projectRoot);
+          resolvedRoot = canonicalComparisonPath(this.realpathSyncFn(this.projectRoot));
         } catch (error) {
           return { safe: false, reason: `Project root cannot be resolved safely: ${error.message}` };
         }
@@ -11511,7 +11514,7 @@ var init_Sandbox = __esm({
         if (!canonical.path) {
           return { safe: false, reason: `Path cannot be resolved safely: ${canonical.error}` };
         }
-        const resolvedTarget = canonical.path;
+        const resolvedTarget = canonicalComparisonPath(canonical.path);
         const rel = relative14(resolvedRoot, resolvedTarget);
         const isOutside = rel.startsWith("..") || isAbsolute16(rel);
         if (isOutside) {
@@ -11534,7 +11537,7 @@ var init_Sandbox = __esm({
         const normalizedTarget = isAbsolute16(targetPath) ? normalize14(targetPath) : resolve20(this.projectRoot, targetPath);
         let resolvedRoot;
         try {
-          resolvedRoot = await realpath5(this.projectRoot);
+          resolvedRoot = canonicalComparisonPath(await realpath5(this.projectRoot));
         } catch (error) {
           return { safe: false, reason: `Project root cannot be resolved safely: ${error.message}` };
         }
@@ -11542,7 +11545,7 @@ var init_Sandbox = __esm({
         if (!canonical.path) {
           return { safe: false, reason: `Path cannot be resolved safely: ${canonical.error}` };
         }
-        const resolvedTarget = canonical.path;
+        const resolvedTarget = canonicalComparisonPath(canonical.path);
         const rel = relative14(resolvedRoot, resolvedTarget);
         const isOutside = rel.startsWith("..") || isAbsolute16(rel);
         if (isOutside) {
@@ -19262,6 +19265,105 @@ var init_src3 = __esm({
   }
 });
 
+// src/runtime/terminalScreen.ts
+function sanitizeTerminalText(value, preserveNewlines = true) {
+  const text = String(value ?? "");
+  const escape = String.fromCharCode(27);
+  const bell = String.fromCharCode(7);
+  const withoutEscapes = text.replace(new RegExp(`${escape}\\](?:[^${bell}${escape}]|${escape}(?!\\\\))*?(?:${bell}|${escape}\\\\)`, "g"), "").replace(new RegExp(`${escape}P(?:[^${escape}]|${escape}(?!\\\\))*?(?:${escape}\\\\)`, "g"), "").replace(new RegExp(`${escape}\\[[0-?]*[ -/]*[@-~]`, "g"), "").replace(new RegExp(`${escape}[()][0-2A-Z]`, "g"), "").replace(new RegExp(`${escape}.`, "g"), "");
+  let safe = "";
+  for (const character of withoutEscapes) {
+    const code = character.codePointAt(0) ?? 0;
+    const isNewline = code === 10;
+    const isControl = code < 32 || code === 127;
+    if (isControl && (!preserveNewlines || !isNewline)) continue;
+    safe += character;
+  }
+  return safe;
+}
+function enterAlternateScreen(output = process.stdout, env = process.env) {
+  if (alternateScreenActive || !output.isTTY || env.MSAPLING_NO_ALT_SCREEN === "1" || env.TERM === "dumb") return false;
+  output.write(ENTER_ALTERNATE_SCREEN + (env.MSAPLING_NO_MOUSE_SCROLL === "1" ? "" : ENABLE_MOUSE_SCROLL));
+  alternateScreenActive = true;
+  return true;
+}
+function isSgrMouseReport(input) {
+  const escape = String.fromCharCode(27);
+  return new RegExp(`${escape}\\[<[0-9]+;[0-9]+;[0-9]+[mM]`).test(input);
+}
+function parseMouseWheel(input) {
+  const escape = String.fromCharCode(27);
+  const match = new RegExp(`${escape}\\[<([0-9]+);[0-9]+;[0-9]+[mM]`).exec(input);
+  if (!match) return null;
+  const button = Number(match[1]);
+  if (button === 64) return "up";
+  if (button === 65) return "down";
+  return null;
+}
+function leaveAlternateScreen(output = process.stdout) {
+  if (!alternateScreenActive) return false;
+  output.write(LEAVE_ALTERNATE_SCREEN);
+  alternateScreenActive = false;
+  return true;
+}
+var ENTER_ALTERNATE_SCREEN, ENABLE_MOUSE_SCROLL, LEAVE_ALTERNATE_SCREEN, alternateScreenActive, MAX_PROTOCOL_BUFFER, TerminalInputDecoder;
+var init_terminalScreen = __esm({
+  "src/runtime/terminalScreen.ts"() {
+    "use strict";
+    init_esm_shims();
+    ENTER_ALTERNATE_SCREEN = "\x1B[?1049h\x1B[H";
+    ENABLE_MOUSE_SCROLL = "\x1B[?1000h\x1B[?1006h";
+    LEAVE_ALTERNATE_SCREEN = "\x1B[?1006l\x1B[?1000l\x1B[?1049l\x1B[?25h";
+    alternateScreenActive = false;
+    MAX_PROTOCOL_BUFFER = 64 * 1024;
+    TerminalInputDecoder = class {
+      pending = "";
+      inBracketedPaste = false;
+      feed(input) {
+        const escape = String.fromCharCode(27);
+        if (this.inBracketedPaste) {
+          const candidate2 = this.pending + input;
+          const endMarker = `${escape}[201~`;
+          const end = candidate2.indexOf(endMarker);
+          if (end < 0) {
+            if (candidate2.length > MAX_PROTOCOL_BUFFER) this.reset();
+            else this.pending = candidate2;
+            return { protocol: true, text: "", mouseWheel: null };
+          }
+          const text = candidate2.slice(0, end);
+          const remainder = candidate2.slice(end + endMarker.length);
+          this.reset();
+          return { protocol: true, text: text + remainder, mouseWheel: null };
+        }
+        const candidate = this.pending + input;
+        this.pending = "";
+        const pasteStart = `${escape}[200~`;
+        if (candidate.startsWith(pasteStart)) {
+          this.inBracketedPaste = true;
+          const remainder = candidate.slice(pasteStart.length);
+          return this.feed(remainder);
+        }
+        if (!candidate.startsWith(escape)) return { protocol: false, text: input, mouseWheel: null };
+        const wheel = parseMouseWheel(candidate);
+        if (wheel || isSgrMouseReport(candidate)) {
+          return { protocol: true, text: "", mouseWheel: wheel };
+        }
+        const sgrPrefix = `${escape}[<`;
+        const isPartialSgr = sgrPrefix.startsWith(candidate) || candidate.startsWith(sgrPrefix);
+        if (isPartialSgr && candidate.length <= MAX_PROTOCOL_BUFFER) {
+          this.pending = candidate;
+          return { protocol: true, text: "", mouseWheel: null };
+        }
+        return { protocol: true, text: "", mouseWheel: null };
+      }
+      reset() {
+        this.pending = "";
+        this.inBracketedPaste = false;
+      }
+    };
+  }
+});
+
 // src/runtime/errorPresentation.ts
 function errorRecord(error) {
   return error && typeof error === "object" ? error : {};
@@ -19385,19 +19487,20 @@ function renderCliError(error) {
     tool: "Local tool guardrail",
     cli: "Local CLI"
   }[error.surface];
-  return [
+  return sanitizeTerminalText([
     `[${error.code}] ${error.summary}`,
     `Surface: ${surface}`,
     `Why: ${error.explanation}`,
     `Next: ${error.action}`,
     ...error.detail ? [`Detail: ${error.detail}`] : []
-  ].join("\n");
+  ].join("\n"));
 }
 var init_errorPresentation = __esm({
   "src/runtime/errorPresentation.ts"() {
     "use strict";
     init_esm_shims();
     init_src3();
+    init_terminalScreen();
   }
 });
 
@@ -19851,7 +19954,6 @@ var init_toggles = __esm({
     sessionToggles = /* @__PURE__ */ new Map([
       ["effort", "medium"],
       // 'low' | 'medium' | 'high'
-      ["vimMode", false],
       ["fastMode", false],
       ["simpleMode", false],
       ["filterRegex", null]
@@ -19906,12 +20008,18 @@ var init_toggles = __esm({
         context.addMessage("system", `effort set to: ${arg}`);
       }
     };
-    vimCommand = makeToggle(
-      "vim",
-      "vimMode",
-      "vim mode",
-      "Toggle vim mode for REPL input (vim [on|off] to set explicitly)"
-    );
+    vimCommand = {
+      name: "vim",
+      args: "[on|off]",
+      description: "Show Vim editor-mode availability (not yet implemented)",
+      category: "config",
+      handler: (_args, context) => {
+        context.addMessage(
+          "system",
+          "Vim input mode is not available yet. /vim does not change editor behavior; use the standard cursor and history keys shown by /shortcuts."
+        );
+      }
+    };
     fastCommand = makeToggle(
       "fast",
       "fastMode",
@@ -23665,7 +23773,7 @@ var init_version = __esm({
       description: "Show version information for CLI and core packages",
       category: "debug",
       handler: async (_args, context) => {
-        const cliVersion = true ? "2.3.6-beta.61" : "(dev)";
+        const cliVersion = true ? "2.3.6-beta.63" : "(dev)";
         const coreVersion = true ? "2.3.6-beta.43" : "(dev)";
         const runtime = process.version;
         context.addMessage("system", "MSapling Version Info");
@@ -23939,7 +24047,7 @@ var init_shortcuts = __esm({
     shortcutsCommand = {
       name: "shortcuts",
       aliases: ["sc"],
-      description: "List all registered slash commands with descriptions and aliases",
+      description: "List keyboard controls and registered slash commands",
       category: "debug",
       handler: (args2, context) => {
         const { commands: commands2 } = (init_commands(), __toCommonJS(commands_exports));
@@ -23975,7 +24083,19 @@ ${matching.length} command(s) found.`);
           ...CATEGORY_ORDER2.filter((c) => grouped[c]),
           ...Object.keys(grouped).filter((c) => !CATEGORY_ORDER2.includes(c)).sort()
         ];
-        context.addMessage("system", "Registered Slash Commands");
+        context.addMessage("system", [
+          "Keyboard Controls",
+          "  \u2191/\u2193 (empty prompt)   Scroll transcript one row",
+          "  PageUp/PageDown      Scroll transcript one page",
+          "  Ctrl+E               Return to newest transcript row",
+          "  \u2190/\u2192                  Move the prompt cursor",
+          "  Ctrl+A               Move to start of prompt",
+          "  Ctrl+P/Ctrl+N        Previous/next prompt history",
+          "  Shift+Enter          Insert a newline",
+          "  Escape/Ctrl+C        Cancel current operation",
+          "",
+          "Registered Slash Commands"
+        ].join("\n"));
         context.addMessage("system", tableSep());
         for (const cat of cats) {
           const cmds = grouped[cat].sort((a, b) => a.name.localeCompare(b.name));
@@ -29692,7 +29812,7 @@ import { render } from "ink";
 
 // src/App.tsx
 init_esm_shims();
-import { useState as useState5, useEffect as useEffect3, useCallback as useCallback2, useRef } from "react";
+import { useState as useState5, useEffect as useEffect3, useCallback as useCallback2, useRef as useRef2 } from "react";
 import { randomUUID as randomUUID10 } from "crypto";
 import { Box as Box7, Text as Text7, useApp, useInput as useInput4, useStdout } from "ink";
 
@@ -29702,11 +29822,11 @@ import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Header = ({ compact: compact2 = false }) => compact2 ? /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
   "\u25CF MSapling v",
-  "2.3.6-beta.61"
-] }) : /* @__PURE__ */ jsxs(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, marginBottom: 1, children: [
+  "2.3.6-beta.63"
+] }) : /* @__PURE__ */ jsxs(Box, { width: "100%", borderStyle: "single", borderColor: "cyan", paddingX: 1, marginBottom: 1, children: [
   /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
     "\u25CF MSapling CLI v",
-    "2.3.6-beta.61"
+    "2.3.6-beta.63"
   ] }),
   /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Platinum Tier Architecture" }) })
 ] });
@@ -29714,6 +29834,7 @@ var Header = ({ compact: compact2 = false }) => compact2 ? /* @__PURE__ */ jsxs(
 // src/components/Footer.tsx
 init_esm_shims();
 init_src3();
+init_terminalScreen();
 import { Box as Box2, Text as Text2 } from "ink";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var PRO_TIERS2 = /* @__PURE__ */ new Set(["pro", "monthly", "lifetime", "enterprise", "admin", "superadmin"]);
@@ -29759,18 +29880,21 @@ var Footer = ({ user, options, model, project, chatId, cwd, mode, lastCost, sess
   const showCapMeter = user ? shouldShowCapMeter(user) : false;
   const dailyPct = user && showCapMeter ? Math.min(100, Math.round(user.daily_tokens_used / user.daily_tokens_limit * 100)) : 0;
   const standaloneSearchCost = getSessionStats().snapshot().standaloneSearch.estimatedCostUsd;
-  return /* @__PURE__ */ jsxs2(Box2, { borderStyle: "round", borderColor: "gray", paddingX: 1, marginTop: 1, flexDirection: "column", children: [
+  const safeModel = sanitizeTerminalText(model, false);
+  const safeProject = sanitizeTerminalText(project, false);
+  const safeChatId = chatId ? sanitizeTerminalText(chatId, false) : null;
+  return /* @__PURE__ */ jsxs2(Box2, { width: "100%", borderStyle: "round", borderColor: "gray", paddingX: 1, marginTop: 1, flexDirection: "column", children: [
     /* @__PURE__ */ jsxs2(Box2, { justifyContent: "space-between", children: [
       /* @__PURE__ */ jsx2(Text2, { bold: true, children: "CLI telemetry" }),
       /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: formatAccountSummary(user, { billingProfile, isStale, usageError }) })
     ] }),
     expanded && options.chat && /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
       "project: ",
-      project,
+      safeProject,
       "  chat: ",
-      chatId ?? "none",
+      safeChatId ?? "none",
       "  model: ",
-      model
+      safeModel
     ] }),
     options.location && /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
       "cwd: ",
@@ -29808,6 +29932,7 @@ function promptLabel(user) {
 
 // src/components/ApprovalDialog.tsx
 init_esm_shims();
+init_terminalScreen();
 import { useState, useMemo } from "react";
 import { Box as Box3, Text as Text3, useInput } from "ink";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -29873,7 +29998,11 @@ var ApprovalDialog = ({
   onResolve
 }) => {
   const [showFullDiff, setShowFullDiff] = useState(false);
-  const { hasDiff, diffText, title } = useMemo(() => extractDiffFromCommand(command, diff), [command, diff]);
+  const safeCommand = sanitizeTerminalText(command, false);
+  const safeReason = sanitizeTerminalText(reason);
+  const safePath = targetPath ? sanitizeTerminalText(targetPath, false) : void 0;
+  const safeDiff = diff ? sanitizeTerminalText(diff) : void 0;
+  const { hasDiff, diffText, title } = useMemo(() => extractDiffFromCommand(safeCommand, safeDiff), [safeCommand, safeDiff]);
   const diffLines = useMemo(() => parseDiffLines(diffText), [diffText]);
   useInput((input, key) => {
     if (key.escape) {
@@ -29895,16 +30024,16 @@ var ApprovalDialog = ({
   const isTruncated = !showFullDiff && diffLines.length > MAX_DIFF_COLLAPSED_LINES;
   return /* @__PURE__ */ jsxs3(Box3, { borderStyle: "double", borderColor: "yellow", paddingX: 1, marginY: 1, flexDirection: "column", children: [
     /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: "SECURITY APPROVAL REQUIRED" }),
-    /* @__PURE__ */ jsx3(Text3, { italic: true, dimColor: true, children: reason }),
+    /* @__PURE__ */ jsx3(Text3, { italic: true, dimColor: true, children: safeReason }),
     /* @__PURE__ */ jsx3(Box3, { marginTop: 1, paddingX: 1, borderStyle: "round", borderColor: "gray", children: /* @__PURE__ */ jsxs3(Text3, { color: "white", children: [
       "$ ",
-      command
+      safeCommand
     ] }) }),
     hasDiff && /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", borderStyle: "single", borderColor: "cyan", paddingX: 1, children: [
       /* @__PURE__ */ jsxs3(Box3, { justifyContent: "space-between", children: [
         /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "cyan", children: [
           "DIFF REVIEW ",
-          targetPath || title ? `(${targetPath || title})` : "",
+          safePath || title ? `(${safePath || sanitizeTerminalText(title, false)})` : "",
           ":"
         ] }),
         /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
@@ -29955,6 +30084,7 @@ var ApprovalDialog = ({
 
 // src/components/AskUserQuestion.tsx
 init_esm_shims();
+init_terminalScreen();
 import { useState as useState2 } from "react";
 import { Box as Box4, Text as Text4, useInput as useInput2 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -29989,7 +30119,7 @@ var AskUserQuestion = ({ question, options, multiSelect, onResolve }) => {
   });
   return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [
     /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: "QUESTION FROM AGENT" }),
-    /* @__PURE__ */ jsx4(Text4, { children: question }),
+    /* @__PURE__ */ jsx4(Text4, { children: sanitizeTerminalText(question) }),
     /* @__PURE__ */ jsx4(Box4, { marginTop: 1, flexDirection: "column", children: options.map((opt, i) => {
       const isHighlighted = i === selectedIndex;
       const isSelected = selectedIndices.has(i);
@@ -30000,9 +30130,9 @@ var AskUserQuestion = ({ question, options, multiSelect, onResolve }) => {
       return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs4(Text4, { color: isHighlighted ? "blue" : "white", bold: isHighlighted, children: [
           marker,
-          opt.text
+          sanitizeTerminalText(opt.text, false)
         ] }),
-        isHighlighted && opt.preview && /* @__PURE__ */ jsx4(Box4, { marginLeft: 4, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: opt.preview }) })
+        isHighlighted && opt.preview && /* @__PURE__ */ jsx4(Box4, { marginLeft: 4, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: sanitizeTerminalText(opt.preview) }) })
       ] }, i);
     }) }),
     /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
@@ -30015,37 +30145,12 @@ var AskUserQuestion = ({ question, options, multiSelect, onResolve }) => {
 
 // src/components/VirtualizedMessageList.tsx
 init_esm_shims();
+init_terminalScreen();
 import React3 from "react";
 import { Box as Box5, Text as Text5 } from "ink";
+import stringWidth from "string-width";
+import stripAnsi2 from "strip-ansi";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function estimateLineCount(text, cols) {
-  const effectiveCols = cols > 0 ? cols : 80;
-  const physicalLines = text.split("\n");
-  let total = 0;
-  for (const line of physicalLines) {
-    total += line.length === 0 ? 1 : Math.ceil(line.length / effectiveCols);
-  }
-  return total;
-}
-function computeViewport(messages, visibleLines, termColumns, offsetFromEnd = 0) {
-  const cols = termColumns > 0 ? termColumns : 80;
-  const budget = Math.max(visibleLines, 1);
-  let linesUsed = 0;
-  const endIdx = Math.max(0, messages.length - Math.max(0, Math.floor(offsetFromEnd)));
-  let startIdx = endIdx;
-  for (let i = endIdx - 1; i >= 0; i--) {
-    const contentLines = estimateLineCount(messages[i].content, cols);
-    const msgCost = contentLines + 2;
-    if (linesUsed + msgCost > budget) break;
-    linesUsed += msgCost;
-    startIdx = i;
-  }
-  return {
-    displayMessages: messages.slice(startIdx, endIdx),
-    hiddenCount: startIdx,
-    hiddenAfter: messages.length - endIdx
-  };
-}
 var ROLE_COLOR = {
   user: "green",
   assistant: "cyan",
@@ -30058,6 +30163,96 @@ var ROLE_LABEL = {
   error: "Error: ",
   system: ""
 };
+function cleanTerminalText(value) {
+  return sanitizeTerminalText(stripAnsi2(value)).replace(/\r\n?/g, "\n").replace(/\t/g, "    ");
+}
+function graphemes(value) {
+  if (typeof Intl.Segmenter === "function") {
+    const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+    return Array.from(segmenter.segment(value), (segment) => segment.segment);
+  }
+  return Array.from(value);
+}
+function wrapTerminalLine(value, columns) {
+  const width = Math.max(1, Math.floor(columns));
+  if (value.length === 0) return [""];
+  const rows = [];
+  let row3 = "";
+  let rowWidth = 0;
+  for (const grapheme of graphemes(value)) {
+    const cellWidth = Math.max(0, stringWidth(grapheme));
+    if (row3.length > 0 && rowWidth + cellWidth > width) {
+      rows.push(row3);
+      row3 = "";
+      rowWidth = 0;
+    }
+    row3 += grapheme;
+    rowWidth += cellWidth;
+  }
+  rows.push(row3);
+  return rows;
+}
+function buildTranscriptRows(messages, termColumns, compact2 = false) {
+  const columns = termColumns > 0 ? Math.floor(termColumns) : 80;
+  const separator = "\u2500".repeat(Math.max(1, Math.min(columns, 60)));
+  const rows = [];
+  messages.forEach((message2, messageIndex) => {
+    if (compact2 && messageIndex > 0) {
+      rows.push({ messageIndex, role: message2.role, prefix: "", content: separator, separator: true });
+    }
+    const label = ROLE_LABEL[message2.role];
+    const labelWidth = stringWidth(label);
+    const contentWidth = Math.max(1, columns - labelWidth);
+    const continuationPrefix = " ".repeat(labelWidth);
+    let firstVisualRow = true;
+    for (const physicalLine of cleanTerminalText(message2.content).split("\n")) {
+      const wrapped = wrapTerminalLine(physicalLine, contentWidth);
+      for (const content of wrapped) {
+        rows.push({
+          messageIndex,
+          role: message2.role,
+          prefix: firstVisualRow ? label : continuationPrefix,
+          content
+        });
+        firstVisualRow = false;
+      }
+    }
+    if (!compact2 && message2.role === "assistant") {
+      rows.push({ messageIndex, role: message2.role, prefix: "", content: "", margin: true });
+    }
+  });
+  return rows;
+}
+function uniqueMessageCount(rows) {
+  return new Set(rows.map((row3) => row3.messageIndex)).size;
+}
+function computeViewport(messages, visibleLines, termColumns, offsetFromEnd = 0, compact2 = false) {
+  const allRows = buildTranscriptRows(messages, termColumns, compact2);
+  const totalRows = allRows.length;
+  const budget = Math.max(1, Math.floor(visibleLines));
+  const hiddenRowsAfter = Math.min(totalRows, Math.max(0, Math.floor(offsetFromEnd)));
+  const end = totalRows - hiddenRowsAfter;
+  let contentBudget = budget;
+  let start = Math.max(0, end - contentBudget);
+  if (start > 0 || hiddenRowsAfter > 0) {
+    contentBudget = Math.max(0, budget - 1);
+    start = Math.max(0, end - contentBudget);
+  }
+  const displayRows = allRows.slice(start, end);
+  const visibleIndices = [...new Set(displayRows.map((row3) => row3.messageIndex))];
+  const displayMessages = visibleIndices.map((index) => messages[index]);
+  const beforeRows = allRows.slice(0, start);
+  const afterRows = allRows.slice(end);
+  return {
+    displayMessages,
+    displayRows,
+    hiddenCount: uniqueMessageCount(beforeRows),
+    hiddenAfter: uniqueMessageCount(afterRows),
+    hiddenRowsBefore: start,
+    hiddenRowsAfter,
+    totalRows
+  };
+}
 var VirtualizedMessageList = ({
   messages,
   visibleLines,
@@ -30065,45 +30260,27 @@ var VirtualizedMessageList = ({
   compact: compact2 = false,
   offsetFromEnd = 0
 }) => {
-  const { displayMessages, hiddenCount, hiddenAfter } = React3.useMemo(
-    () => computeViewport(messages, visibleLines, termColumns, offsetFromEnd),
-    [messages, visibleLines, termColumns, offsetFromEnd]
+  const { displayRows, hiddenRowsBefore, hiddenRowsAfter } = React3.useMemo(
+    () => computeViewport(messages, visibleLines, termColumns, offsetFromEnd, compact2),
+    [messages, visibleLines, termColumns, offsetFromEnd, compact2]
   );
-  const separatorWidth = termColumns > 0 ? Math.min(termColumns, 60) : 60;
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", flexGrow: 1, children: [
-    (hiddenCount > 0 || hiddenAfter > 0) && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `[\u2191 ${hiddenCount} older \xB7 \u2193 ${hiddenAfter} newer \xB7 \u2191/\u2193 or PageUp/PageDown \xB7 Ctrl+E latest]` }),
-    displayMessages.map((msg, i) => /* @__PURE__ */ jsxs5(
-      Box5,
-      {
-        flexDirection: "column",
-        marginBottom: compact2 ? 0 : msg.role === "assistant" ? 1 : 0,
-        children: [
-          compact2 && i > 0 && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2500".repeat(separatorWidth) }),
-          /* @__PURE__ */ jsxs5(Box5, { children: [
-            /* @__PURE__ */ jsx5(
-              Text5,
-              {
-                color: ROLE_COLOR[msg.role],
-                bold: msg.role !== "assistant",
-                children: ROLE_LABEL[msg.role]
-              }
-            ),
-            /* @__PURE__ */ jsx5(Text5, { wrap: "wrap", children: msg.content })
-          ] })
-        ]
-      },
-      i
-    ))
+  return /* @__PURE__ */ jsxs5(Box5, { width: "100%", flexDirection: "column", flexGrow: 1, children: [
+    (hiddenRowsBefore > 0 || hiddenRowsAfter > 0) && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `[\u2191 ${hiddenRowsBefore} rows \xB7 \u2193 ${hiddenRowsAfter} \xB7 PgUp/PgDn \xB7 Ctrl+E latest]` }),
+    displayRows.map((row3, index) => row3.separator ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: row3.content }, `${row3.messageIndex}-${index}`) : row3.margin ? /* @__PURE__ */ jsx5(Text5, { children: " " }, `${row3.messageIndex}-${index}`) : /* @__PURE__ */ jsxs5(Text5, { wrap: "truncate-end", children: [
+      /* @__PURE__ */ jsx5(Text5, { color: ROLE_COLOR[row3.role], bold: row3.role !== "assistant", children: row3.prefix }),
+      row3.content
+    ] }, `${row3.messageIndex}-${index}`))
   ] });
 };
 
 // src/App.tsx
+init_terminalScreen();
 init_src();
 init_src3();
 
 // src/ui/TextInput.tsx
 init_esm_shims();
-import { useState as useState3, useEffect } from "react";
+import React4, { useState as useState3, useEffect } from "react";
 import { Box as Box6, Text as Text6, useInput as useInput3 } from "ink";
 
 // src/state/commandHandler.ts
@@ -30690,7 +30867,42 @@ ${finalCmd}`;
 }
 
 // src/ui/TextInput.tsx
+init_terminalScreen();
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function sanitizePromptInput(value) {
+  return sanitizeTerminalText(value);
+}
+function cursorBoundaries(value) {
+  if (typeof Intl.Segmenter !== "function") {
+    return Array.from({ length: value.length + 1 }, (_, index) => index);
+  }
+  const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+  return [0, ...Array.from(segmenter.segment(value), (segment) => segment.index + segment.segment.length)];
+}
+function moveCursorLeft(value, cursor) {
+  const boundaries = cursorBoundaries(value);
+  return boundaries[Math.max(0, boundaries.findIndex((boundary) => boundary >= cursor) - 1)] ?? 0;
+}
+function moveCursorRight(value, cursor) {
+  const boundaries = cursorBoundaries(value);
+  return boundaries.find((boundary) => boundary > cursor) ?? value.length;
+}
+function moveCursorWordLeft(value, cursor) {
+  const boundaries = cursorBoundaries(value);
+  let index = boundaries.findIndex((boundary) => boundary >= cursor);
+  if (index < 0) index = boundaries.length - 1;
+  while (index > 0 && /\s/.test(value.slice(boundaries[index - 1], boundaries[index]))) index--;
+  while (index > 0 && !/\s/.test(value.slice(boundaries[index - 1], boundaries[index]))) index--;
+  return boundaries[index] ?? 0;
+}
+function moveCursorWordRight(value, cursor) {
+  const boundaries = cursorBoundaries(value);
+  let index = boundaries.findIndex((boundary) => boundary > cursor);
+  if (index < 0) return value.length;
+  while (index < boundaries.length - 1 && !/\s/.test(value.slice(boundaries[index], boundaries[index + 1]))) index++;
+  while (index < boundaries.length - 1 && /\s/.test(value.slice(boundaries[index], boundaries[index + 1]))) index++;
+  return boundaries[index] ?? value.length;
+}
 var TextInput = ({
   value,
   onChange,
@@ -30702,11 +30914,24 @@ var TextInput = ({
   transcriptNavigationActive = false
 }) => {
   const [history, setHistory] = useState3([]);
+  const terminalInputDecoder = React4.useRef(new TerminalInputDecoder());
   const [historyIndex, setHistoryIndex] = useState3(-1);
+  const [cursor, setCursor] = useState3(value.length);
   useEffect(() => {
     storage.loadHistory().then((entries) => setHistory(filterSafeHistory(entries)));
   }, [storage]);
+  useEffect(() => {
+    setCursor((current) => Math.min(current, value.length));
+  }, [value]);
   useInput3((input, key) => {
+    const decoded = terminalInputDecoder.current.feed(input);
+    if (decoded.protocol && key.escape) {
+      terminalInputDecoder.current.reset();
+    } else if (decoded.protocol) {
+      if (!decoded.text) return;
+      input = decoded.text;
+    }
+    const extendedKey = key;
     if (key.ctrl && input === "c" || key.escape) {
       onCancel?.();
       return;
@@ -30714,39 +30939,70 @@ var TextInput = ({
     if (disabled) return;
     if (key.return) {
       if (key.shift) {
-        onChange(value + "\n");
+        onChange(value.slice(0, cursor) + "\n" + value.slice(cursor));
+        setCursor(cursor + 1);
       } else {
         onSubmit(value);
         onChange("");
+        setCursor(0);
         setHistoryIndex(-1);
       }
-    } else if (key.backspace || key.delete) {
-      onChange(value.slice(0, -1));
+    } else if (key.backspace) {
+      if (cursor > 0) {
+        onChange(value.slice(0, cursor - 1) + value.slice(cursor));
+        setCursor(cursor - 1);
+      }
+    } else if (key.delete) {
+      if (cursor < value.length) onChange(value.slice(0, cursor) + value.slice(cursor + 1));
+    } else if (extendedKey.home || key.ctrl && input === "a") {
+      setCursor(0);
+    } else if (extendedKey.end) {
+      setCursor(value.length);
+    } else if (key.leftArrow && key.ctrl) {
+      setCursor((current) => moveCursorWordLeft(value, current));
+    } else if (key.rightArrow && key.ctrl) {
+      setCursor((current) => moveCursorWordRight(value, current));
+    } else if (key.leftArrow) {
+      setCursor((current) => moveCursorLeft(value, current));
+    } else if (key.rightArrow) {
+      setCursor((current) => moveCursorRight(value, current));
     } else if (key.ctrl && input === "p" || key.upArrow && !transcriptNavigationActive) {
       const nextIndex = historyIndex + 1;
       if (nextIndex < history.length) {
         setHistoryIndex(nextIndex);
-        onChange(history[history.length - 1 - nextIndex]);
+        const entry = history[history.length - 1 - nextIndex];
+        const safeEntry = sanitizePromptInput(entry);
+        onChange(safeEntry);
+        setCursor(safeEntry.length);
       }
     } else if (key.ctrl && input === "n" || key.downArrow && !transcriptNavigationActive) {
       const nextIndex = historyIndex - 1;
       if (nextIndex >= 0) {
         setHistoryIndex(nextIndex);
-        onChange(history[history.length - 1 - nextIndex]);
+        const entry = history[history.length - 1 - nextIndex];
+        const safeEntry = sanitizePromptInput(entry);
+        onChange(safeEntry);
+        setCursor(safeEntry.length);
       } else {
         setHistoryIndex(-1);
         onChange("");
+        setCursor(0);
       }
     } else if ((key.upArrow || key.downArrow) && transcriptNavigationActive) {
       return;
     } else if (input && !key.ctrl && !key.meta) {
-      onChange(value + input);
+      const safeInput = sanitizePromptInput(input);
+      if (safeInput.length > 0) {
+        onChange(value.slice(0, cursor) + safeInput + value.slice(cursor));
+        setCursor(cursor + safeInput.length);
+      }
     }
   });
-  return /* @__PURE__ */ jsxs6(Box6, { children: [
+  return /* @__PURE__ */ jsxs6(Box6, { width: "100%", children: [
     /* @__PURE__ */ jsx6(Text6, { bold: true, color: promptColor, children: "\u276F " }),
-    /* @__PURE__ */ jsx6(Text6, { children: value }),
-    !disabled && /* @__PURE__ */ jsx6(Text6, { backgroundColor: "white", color: "black", children: " " })
+    /* @__PURE__ */ jsx6(Text6, { children: value.slice(0, cursor) }),
+    !disabled && /* @__PURE__ */ jsx6(Text6, { backgroundColor: "white", color: "black", children: value[cursor] ?? " " }),
+    /* @__PURE__ */ jsx6(Text6, { children: disabled ? value.slice(cursor) : value.slice(cursor + 1) })
   ] });
 };
 var PROMPT_COLOR_BY_MODE = {
@@ -30929,19 +31185,29 @@ init_errorPresentation();
 
 // src/hooks/useTerminalResize.ts
 init_esm_shims();
-import { useState as useState4, useEffect as useEffect2, useCallback } from "react";
-function getCurrentDimensions() {
+import { useState as useState4, useEffect as useEffect2, useCallback, useRef } from "react";
+function normalizeTerminalDimensions(columns, rows) {
   return {
-    columns: process.stdout.columns ?? 80,
-    rows: process.stdout.rows ?? 24
+    columns: Number.isFinite(columns) && columns > 0 ? Math.floor(columns) : 80,
+    rows: Number.isFinite(rows) && rows > 0 ? Math.floor(rows) : 24
   };
 }
+function getCurrentDimensions() {
+  return normalizeTerminalDimensions(process.stdout.columns ?? 80, process.stdout.rows ?? 24);
+}
 function useTerminalResize() {
   const [dimensions, setDimensions] = useState4(
     getCurrentDimensions
   );
+  const resizeTimer = useRef(null);
+  const resizeEpoch = useRef(0);
   const handleResize = useCallback(() => {
-    setDimensions(getCurrentDimensions());
+    const epoch = ++resizeEpoch.current;
+    if (resizeTimer.current !== null) clearTimeout(resizeTimer.current);
+    resizeTimer.current = setTimeout(() => {
+      resizeTimer.current = null;
+      if (epoch === resizeEpoch.current) setDimensions(getCurrentDimensions());
+    }, 16);
   }, []);
   useEffect2(() => {
     process.stdout.on("resize", handleResize);
@@ -30949,6 +31215,8 @@ function useTerminalResize() {
     process.on("SIGWINCH", onSigwinch);
     handleResize();
     return () => {
+      if (resizeTimer.current !== null) clearTimeout(resizeTimer.current);
+      resizeTimer.current = null;
       process.stdout.off("resize", handleResize);
       process.off("SIGWINCH", onSigwinch);
     };
@@ -31021,6 +31289,7 @@ import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var App = ({ compact: compact2 = false, continueSession: continueSession2 = false, executionMode: executionMode2 = "remote" }) => {
   const [user, setUser] = useState5(null);
   const [input, setInput] = useState5("");
+  const terminalInputDecoder = useRef2(new TerminalInputDecoder());
   const [history, setHistory] = useState5([]);
   const [historyView, setHistoryView] = useState5(null);
   const [historyOffset, setHistoryOffset] = useState5(0);
@@ -31046,20 +31315,20 @@ var App = ({ compact: compact2 = false, continueSession: continueSession2 = fals
   const [billingProfile, setBillingProfile] = useState5(executionMode2 === "local" ? "ollama" : "account-metered");
   const [continuityProfile, setContinuityProfile] = useState5(executionMode2 === "local" ? "standalone-private" : "connected-mirrored");
   const [bootstrapState, setBootstrapState] = useState5("loading");
-  const submissionLockRef = useRef(false);
+  const submissionLockRef = useRef2(false);
   const { exit } = useApp();
   const { stdout: termStdout } = useStdout();
   const { columns: termResizeCols, rows: termResizeRows } = useTerminalResize();
-  const storage = useRef(new StorageManager()).current;
-  const client = useRef(new MSaplingClient()).current;
+  const storage = useRef2(new StorageManager()).current;
+  const client = useRef2(new MSaplingClient()).current;
   const remoteEnvironment = describeRemoteEnvironment(client.getApiUrl());
-  const modeContract = useRef(new CliModeRuntime({
+  const modeContract = useRef2(new CliModeRuntime({
     mode: executionMode2,
     provider: process.env.MSAPLING_LOCAL_LLM_PROVIDER ?? "ollama"
   })).current;
-  const sessionRecovery = useRef(new CliSessionRecovery()).current;
-  const checkpointTurns = useRef(/* @__PURE__ */ new Map()).current;
-  const agentRef = useRef(null);
+  const sessionRecovery = useRef2(new CliSessionRecovery()).current;
+  const checkpointTurns = useRef2(/* @__PURE__ */ new Map()).current;
+  const agentRef = useRef2(null);
   const requestApproval = useCallback2((request) => {
     agentRef.current?.fireLifecycleHook(
       "notification",
@@ -31070,7 +31339,7 @@ var App = ({ compact: compact2 = false, continueSession: continueSession2 = fals
       setPendingApproval({ request, resolve: resolve31 });
     });
   }, []);
-  const agent = useRef(new Agent(client, process.cwd(), requestApproval, { executionMode: executionMode2, modeContract })).current;
+  const agent = useRef2(new Agent(client, process.cwd(), requestApproval, { executionMode: executionMode2, modeContract })).current;
   agentRef.current = agent;
   const applyStandaloneSyncState = (state) => {
     const localChatId = "local-cli-chat";
@@ -31091,9 +31360,9 @@ var App = ({ compact: compact2 = false, continueSession: continueSession2 = fals
     setContinuityProfile(profile);
     if (profile === "standalone-private") agent.configureStandaloneSync(null);
   };
-  const trustStore = useRef(new TrustStore()).current;
-  const lastActivityRef = useRef(Date.now());
-  const pollingIntervalRef = useRef(null);
+  const trustStore = useRef2(new TrustStore()).current;
+  const lastActivityRef = useRef2(Date.now());
+  const pollingIntervalRef = useRef2(null);
   useEffect3(() => {
     agent.setApprovalCallback(requestApproval);
   }, [agent, requestApproval]);
@@ -31147,7 +31416,7 @@ var App = ({ compact: compact2 = false, continueSession: continueSession2 = fals
     setContextBudgetSnap(snapshotBudget(agent.getContextBudget()));
   }, [agent]);
   const getModel = useCallback2(() => activeModel, [activeModel]);
-  const cliProjectRef = useRef(null);
+  const cliProjectRef = useRef2(null);
   const setProjectId = useCallback2((id) => {
     if (cliProjectRef.current && id !== cliProjectRef.current) return;
     setActiveProjectId(id);
@@ -31472,7 +31741,7 @@ ${renderCliError(classifyCliError(error, { executionMode: executionMode2 }))}`);
       return { journalEvents, checkpoints };
     }
   });
-  const relayCommandRef = useRef(handleCommand);
+  const relayCommandRef = useRef2(handleCommand);
   relayCommandRef.current = handleCommand;
   useEffect3(() => {
     if (executionMode2 !== "remote" || process.env.MSAPLING_RELAY_ENABLED !== "1" || !activeProjectId) return;
@@ -31511,21 +31780,45 @@ ${renderCliError(classifyCliError(error, { executionMode: executionMode2 }))}`);
   const activityRows = pendingApproval ? 6 : pendingAskUser ? 10 : isRunning ? 2 : 0;
   const visibleLines = Math.max(termHeight - (terminalLayout.fixedRows + footerRows + modeRows + activityRows), 1);
   const displayedHistory = historyView ?? history;
-  const historyPageStep = Math.max(1, Math.floor(visibleLines / 3));
-  const viewport = computeViewport(displayedHistory, visibleLines, termColumns, historyOffset);
-  const canScrollOlder = viewport.hiddenCount > 0;
+  const historyPageStep = Math.max(1, visibleLines - 1);
+  const viewport = computeViewport(displayedHistory, visibleLines, termColumns, historyOffset, compactPresentation);
+  const safeStatus = sanitizeTerminalText(status2, false);
+  const safeProjectId = sanitizeTerminalText(activeProjectId || "none", false);
+  const safeModel = sanitizeTerminalText(activeModel, false);
+  const safeEnvironment = sanitizeTerminalText(remoteEnvironment.label, false);
+  const canScrollOlder = viewport.hiddenRowsBefore > 0;
   const canScrollNewer = historyOffset > 0;
+  const previousTranscriptRowsRef = useRef2(viewport.totalRows);
+  useEffect3(() => {
+    const previousRows = previousTranscriptRowsRef.current;
+    previousTranscriptRowsRef.current = viewport.totalRows;
+    const rowDelta = viewport.totalRows - previousRows;
+    if (historyOffset > 0 && rowDelta !== 0) {
+      setHistoryOffset((current) => Math.min(
+        Math.max(0, viewport.totalRows - 1),
+        Math.max(0, current + rowDelta)
+      ));
+    }
+  }, [historyOffset, viewport.totalRows]);
   const scrollTranscript = useCallback2((direction, page = false) => {
     const amount = page ? historyPageStep : 1;
     if (direction === "up") {
-      setHistoryOffset((current) => Math.min(Math.max(0, displayedHistory.length - 1), current + amount));
+      setHistoryOffset((current) => Math.min(Math.max(0, viewport.totalRows - 1), current + amount));
     } else {
       setHistoryOffset((current) => Math.max(0, current - amount));
     }
-  }, [displayedHistory.length, historyPageStep]);
+  }, [historyPageStep, viewport.totalRows]);
   useInput4((input2, key) => {
     if (pendingApproval || pendingAskUser) return;
-    if (key.pageUp) {
+    const decoded = terminalInputDecoder.current.feed(input2);
+    if (decoded.protocol && !decoded.mouseWheel) return;
+    if (isSgrMouseReport(input2) && !parseMouseWheel(input2)) return;
+    const mouseWheel = decoded.mouseWheel ?? parseMouseWheel(input2);
+    if (mouseWheel === "up") {
+      scrollTranscript("up");
+    } else if (mouseWheel === "down") {
+      scrollTranscript("down");
+    } else if (key.pageUp) {
       scrollTranscript("up", true);
     } else if (key.pageDown) {
       scrollTranscript("down", true);
@@ -31538,9 +31831,9 @@ ${renderCliError(classifyCliError(error, { executionMode: executionMode2 }))}`);
       setHistoryView(null);
     }
   });
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", padding: terminalLayout.outerPadding, children: [
+  return /* @__PURE__ */ jsxs7(Box7, { width: termColumns, height: termHeight, flexDirection: "column", padding: terminalLayout.outerPadding, overflow: "hidden", children: [
     /* @__PURE__ */ jsx7(Header, { compact: !terminalLayout.showFramedHeader }),
-    /* @__PURE__ */ jsx7(Box7, { marginBottom: compactPresentation ? 0 : 1, children: /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx7(Box7, { width: "100%", flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx7(
       VirtualizedMessageList,
       {
         messages: displayedHistory,
@@ -31615,7 +31908,7 @@ ${renderCliError(classifyCliError(error, { executionMode: executionMode2 }))}`);
       /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs7(Text7, { color: executionMode2 === "local" ? "yellow" : "cyan", children: [
           "Execution: ",
-          executionMode2 === "local" ? "STANDALONE LOCAL" : remoteEnvironment.label
+          executionMode2 === "local" ? "STANDALONE LOCAL" : safeEnvironment
         ] }),
         /* @__PURE__ */ jsxs7(Text7, { color: billingProfile === "account-metered" ? "cyan" : "yellow", children: [
           "Billing: ",
@@ -31628,15 +31921,15 @@ ${renderCliError(classifyCliError(error, { executionMode: executionMode2 }))}`);
         ] }),
         /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
           "Status: ",
-          status2
+          safeStatus
         ] }),
         /* @__PURE__ */ jsxs7(Text7, { color: "gray", children: [
           "Project: ",
-          activeProjectId || "none"
+          safeProjectId
         ] }),
         /* @__PURE__ */ jsxs7(Text7, { color: "gray", children: [
           "Model: ",
-          activeModel
+          safeModel
         ] })
       ] }),
       /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", alignItems: "flex-end", children: [
@@ -31651,9 +31944,9 @@ ${renderCliError(classifyCliError(error, { executionMode: executionMode2 }))}`);
         contextBudgetSnap !== null && /* @__PURE__ */ jsx7(Text7, { color: contextBudgetColor(contextBudgetSnap.usedPct), children: formatContextBudgetLabel(contextBudgetSnap) })
       ] })
     ] }),
-    terminalLayout.density === "condensed" && /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    terminalLayout.density === "condensed" && /* @__PURE__ */ jsxs7(Box7, { width: "100%", flexDirection: "column", children: [
       /* @__PURE__ */ jsxs7(Text7, { wrap: "truncate-end", color: executionMode2 === "local" ? "yellow" : "cyan", children: [
-        executionMode2 === "local" ? "LOCAL" : remoteEnvironment.label.replace("CONNECTED ", ""),
+        executionMode2 === "local" ? "LOCAL" : safeEnvironment.replace("CONNECTED ", ""),
         " \xB7 ",
         mode,
         " \xB7 ",
@@ -31662,17 +31955,17 @@ ${renderCliError(classifyCliError(error, { executionMode: executionMode2 }))}`);
         continuityProfile
       ] }),
       /* @__PURE__ */ jsxs7(Text7, { wrap: "truncate-end", dimColor: true, children: [
-        activeModel,
+        safeModel,
         contextBudgetSnap ? ` \xB7 ${formatContextBudgetLabel(contextBudgetSnap)}` : "",
         lastCost > 0 ? ` \xB7 last $${lastCost.toFixed(4)}` : ""
       ] })
     ] }),
     terminalLayout.density === "minimal" && /* @__PURE__ */ jsxs7(Text7, { wrap: "truncate-end", dimColor: true, children: [
-      executionMode2 === "local" ? "LOCAL" : remoteEnvironment.label.replace("CONNECTED ", ""),
+      executionMode2 === "local" ? "LOCAL" : safeEnvironment.replace("CONNECTED ", ""),
       " \xB7 ",
       mode,
       " \xB7 ",
-      activeModel,
+      safeModel,
       lastCost > 0 ? ` \xB7 $${lastCost.toFixed(4)}` : "",
       contextBudgetSnap ? ` \xB7 ctx ${contextBudgetSnap.usedPct}%` : ""
     ] }),
@@ -31891,26 +32184,7 @@ function handleCliArgs(args2) {
 // src/index.tsx
 init_src3();
 init_errorPresentation();
-
-// src/runtime/terminalScreen.ts
-init_esm_shims();
-var ENTER_ALTERNATE_SCREEN = "\x1B[?1049h\x1B[H";
-var LEAVE_ALTERNATE_SCREEN = "\x1B[?1049l\x1B[?25h";
-var alternateScreenActive = false;
-function enterAlternateScreen(output = process.stdout, env = process.env) {
-  if (alternateScreenActive || !output.isTTY || env.MSAPLING_NO_ALT_SCREEN === "1" || env.TERM === "dumb") return false;
-  output.write(ENTER_ALTERNATE_SCREEN);
-  alternateScreenActive = true;
-  return true;
-}
-function leaveAlternateScreen(output = process.stdout) {
-  if (!alternateScreenActive) return false;
-  output.write(LEAVE_ALTERNATE_SCREEN);
-  alternateScreenActive = false;
-  return true;
-}
-
-// src/index.tsx
+init_terminalScreen();
 import { jsx as jsx8 } from "react/jsx-runtime";
 var index_default = App;
 function restoreTerminalMode() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mtreeai/msapling-cli",
-  "version": "2.3.6-beta.61",
+  "version": "2.3.6-beta.63",
   "description": "MSapling CLI by MTreeAI — React/Ink terminal client for the MSapling backend: chat, projects, MDrive, agent tools, MCP server.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "MSapling Team",
@@ -55,6 +55,8 @@
     "proper-lockfile": "^4.1.2",
     "react": "^18.3.1",
     "shell-quote": "^1.8.1",
+    "string-width": "^5.1.2",
+    "strip-ansi": "^7.1.0",
     "yaml": "^2.8.3"
   },
   "optionalDependencies": {