demian-cli 1.0.9 → 1.1.1

package/dist/tui.mjs

@@ -1,13 +1,36 @@
 import { createRequire } from 'node:module'; const require = createRequire(import.meta.url);
+var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 
 // src/goals/parser.ts
 function parseGoalCommand(input2) {
@@ -22790,8 +22813,8 @@ function permissionLabel(req) {
   if ((req.tool === "write_file" || req.tool === "edit_file" || req.tool === "read_file") && typeof inputObject.path === "string") {
     return `${req.tool}: ${inputObject.path}`;
   }
-  const path36 = typeof inputObject.path === "string" ? inputObject.path : typeof inputObject.file_path === "string" ? inputObject.file_path : void 0;
-  if (path36) return `${tool}: ${path36}`;
+  const path37 = typeof inputObject.path === "string" ? inputObject.path : typeof inputObject.file_path === "string" ? inputObject.file_path : void 0;
+  if (path37) return `${tool}: ${path37}`;
   return tool;
 }
 var init_prompt = __esm({
@@ -24615,6 +24638,214 @@ var init_catalog = __esm({
   }
 });
 
+// node_modules/ansi-regex/index.js
+function ansiRegex({ onlyFirst = false } = {}) {
+  const ST2 = "(?:\\u0007|\\u001B\\u005C|\\u009C)";
+  const osc = `(?:\\u001B\\][\\s\\S]*?${ST2})`;
+  const csi = "[\\u001B\\u009B][[\\]()#;?]*(?:\\d{1,4}(?:[;:]\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]";
+  const pattern = `${osc}|${csi}`;
+  return new RegExp(pattern, onlyFirst ? void 0 : "g");
+}
+var init_ansi_regex = __esm({
+  "node_modules/ansi-regex/index.js"() {
+  }
+});
+
+// node_modules/strip-ansi/index.js
+function stripAnsi(string) {
+  if (typeof string !== "string") {
+    throw new TypeError(`Expected a \`string\`, got \`${typeof string}\``);
+  }
+  if (!string.includes("\x1B") && !string.includes("\x9B")) {
+    return string;
+  }
+  return string.replace(regex, "");
+}
+var regex;
+var init_strip_ansi = __esm({
+  "node_modules/strip-ansi/index.js"() {
+    init_ansi_regex();
+    regex = ansiRegex();
+  }
+});
+
+// node_modules/get-east-asian-width/lookup-data.js
+var ambiguousRanges, fullwidthRanges, halfwidthRanges, narrowRanges, wideRanges;
+var init_lookup_data = __esm({
+  "node_modules/get-east-asian-width/lookup-data.js"() {
+    ambiguousRanges = [161, 161, 164, 164, 167, 168, 170, 170, 173, 174, 176, 180, 182, 186, 188, 191, 198, 198, 208, 208, 215, 216, 222, 225, 230, 230, 232, 234, 236, 237, 240, 240, 242, 243, 247, 250, 252, 252, 254, 254, 257, 257, 273, 273, 275, 275, 283, 283, 294, 295, 299, 299, 305, 307, 312, 312, 319, 322, 324, 324, 328, 331, 333, 333, 338, 339, 358, 359, 363, 363, 462, 462, 464, 464, 466, 466, 468, 468, 470, 470, 472, 472, 474, 474, 476, 476, 593, 593, 609, 609, 708, 708, 711, 711, 713, 715, 717, 717, 720, 720, 728, 731, 733, 733, 735, 735, 768, 879, 913, 929, 931, 937, 945, 961, 963, 969, 1025, 1025, 1040, 1103, 1105, 1105, 8208, 8208, 8211, 8214, 8216, 8217, 8220, 8221, 8224, 8226, 8228, 8231, 8240, 8240, 8242, 8243, 8245, 8245, 8251, 8251, 8254, 8254, 8308, 8308, 8319, 8319, 8321, 8324, 8364, 8364, 8451, 8451, 8453, 8453, 8457, 8457, 8467, 8467, 8470, 8470, 8481, 8482, 8486, 8486, 8491, 8491, 8531, 8532, 8539, 8542, 8544, 8555, 8560, 8569, 8585, 8585, 8592, 8601, 8632, 8633, 8658, 8658, 8660, 8660, 8679, 8679, 8704, 8704, 8706, 8707, 8711, 8712, 8715, 8715, 8719, 8719, 8721, 8721, 8725, 8725, 8730, 8730, 8733, 8736, 8739, 8739, 8741, 8741, 8743, 8748, 8750, 8750, 8756, 8759, 8764, 8765, 8776, 8776, 8780, 8780, 8786, 8786, 8800, 8801, 8804, 8807, 8810, 8811, 8814, 8815, 8834, 8835, 8838, 8839, 8853, 8853, 8857, 8857, 8869, 8869, 8895, 8895, 8978, 8978, 9312, 9449, 9451, 9547, 9552, 9587, 9600, 9615, 9618, 9621, 9632, 9633, 9635, 9641, 9650, 9651, 9654, 9655, 9660, 9661, 9664, 9665, 9670, 9672, 9675, 9675, 9678, 9681, 9698, 9701, 9711, 9711, 9733, 9734, 9737, 9737, 9742, 9743, 9756, 9756, 9758, 9758, 9792, 9792, 9794, 9794, 9824, 9825, 9827, 9829, 9831, 9834, 9836, 9837, 9839, 9839, 9886, 9887, 9919, 9919, 9926, 9933, 9935, 9939, 9941, 9953, 9955, 9955, 9960, 9961, 9963, 9969, 9972, 9972, 9974, 9977, 9979, 9980, 9982, 9983, 10045, 10045, 10102, 10111, 11094, 11097, 12872, 12879, 57344, 63743, 65024, 65039, 65533, 65533, 127232, 127242, 127248, 127277, 127280, 127337, 127344, 127373, 127375, 127376, 127387, 127404, 917760, 917999, 983040, 1048573, 1048576, 1114109];
+    fullwidthRanges = [12288, 12288, 65281, 65376, 65504, 65510];
+    halfwidthRanges = [8361, 8361, 65377, 65470, 65474, 65479, 65482, 65487, 65490, 65495, 65498, 65500, 65512, 65518];
+    narrowRanges = [32, 126, 162, 163, 165, 166, 172, 172, 175, 175, 10214, 10221, 10629, 10630];
+    wideRanges = [4352, 4447, 8986, 8987, 9001, 9002, 9193, 9196, 9200, 9200, 9203, 9203, 9725, 9726, 9748, 9749, 9776, 9783, 9800, 9811, 9855, 9855, 9866, 9871, 9875, 9875, 9889, 9889, 9898, 9899, 9917, 9918, 9924, 9925, 9934, 9934, 9940, 9940, 9962, 9962, 9970, 9971, 9973, 9973, 9978, 9978, 9981, 9981, 9989, 9989, 9994, 9995, 10024, 10024, 10060, 10060, 10062, 10062, 10067, 10069, 10071, 10071, 10133, 10135, 10160, 10160, 10175, 10175, 11035, 11036, 11088, 11088, 11093, 11093, 11904, 11929, 11931, 12019, 12032, 12245, 12272, 12287, 12289, 12350, 12353, 12438, 12441, 12543, 12549, 12591, 12593, 12686, 12688, 12773, 12783, 12830, 12832, 12871, 12880, 42124, 42128, 42182, 43360, 43388, 44032, 55203, 63744, 64255, 65040, 65049, 65072, 65106, 65108, 65126, 65128, 65131, 94176, 94180, 94192, 94198, 94208, 101589, 101631, 101662, 101760, 101874, 110576, 110579, 110581, 110587, 110589, 110590, 110592, 110882, 110898, 110898, 110928, 110930, 110933, 110933, 110948, 110951, 110960, 111355, 119552, 119638, 119648, 119670, 126980, 126980, 127183, 127183, 127374, 127374, 127377, 127386, 127488, 127490, 127504, 127547, 127552, 127560, 127568, 127569, 127584, 127589, 127744, 127776, 127789, 127797, 127799, 127868, 127870, 127891, 127904, 127946, 127951, 127955, 127968, 127984, 127988, 127988, 127992, 128062, 128064, 128064, 128066, 128252, 128255, 128317, 128331, 128334, 128336, 128359, 128378, 128378, 128405, 128406, 128420, 128420, 128507, 128591, 128640, 128709, 128716, 128716, 128720, 128722, 128725, 128728, 128732, 128735, 128747, 128748, 128756, 128764, 128992, 129003, 129008, 129008, 129292, 129338, 129340, 129349, 129351, 129535, 129648, 129660, 129664, 129674, 129678, 129734, 129736, 129736, 129741, 129756, 129759, 129770, 129775, 129784, 131072, 196605, 196608, 262141];
+  }
+});
+
+// node_modules/get-east-asian-width/utilities.js
+var isInRange;
+var init_utilities = __esm({
+  "node_modules/get-east-asian-width/utilities.js"() {
+    isInRange = (ranges, codePoint) => {
+      let low = 0;
+      let high = Math.floor(ranges.length / 2) - 1;
+      while (low <= high) {
+        const mid = Math.floor((low + high) / 2);
+        const i = mid * 2;
+        if (codePoint < ranges[i]) {
+          high = mid - 1;
+        } else if (codePoint > ranges[i + 1]) {
+          low = mid + 1;
+        } else {
+          return true;
+        }
+      }
+      return false;
+    };
+  }
+});
+
+// node_modules/get-east-asian-width/lookup.js
+function findWideFastPathRange(ranges) {
+  let fastPathStart = ranges[0];
+  let fastPathEnd = ranges[1];
+  for (let index = 0; index < ranges.length; index += 2) {
+    const start = ranges[index];
+    const end = ranges[index + 1];
+    if (commonCjkCodePoint >= start && commonCjkCodePoint <= end) {
+      return [start, end];
+    }
+    if (end - start > fastPathEnd - fastPathStart) {
+      fastPathStart = start;
+      fastPathEnd = end;
+    }
+  }
+  return [fastPathStart, fastPathEnd];
+}
+var minimumAmbiguousCodePoint, maximumAmbiguousCodePoint, minimumFullWidthCodePoint, maximumFullWidthCodePoint, minimumHalfWidthCodePoint, maximumHalfWidthCodePoint, minimumNarrowCodePoint, maximumNarrowCodePoint, minimumWideCodePoint, maximumWideCodePoint, commonCjkCodePoint, wideFastPathStart, wideFastPathEnd, isAmbiguous, isFullWidth, isWide;
+var init_lookup = __esm({
+  "node_modules/get-east-asian-width/lookup.js"() {
+    init_lookup_data();
+    init_utilities();
+    minimumAmbiguousCodePoint = ambiguousRanges[0];
+    maximumAmbiguousCodePoint = ambiguousRanges.at(-1);
+    minimumFullWidthCodePoint = fullwidthRanges[0];
+    maximumFullWidthCodePoint = fullwidthRanges.at(-1);
+    minimumHalfWidthCodePoint = halfwidthRanges[0];
+    maximumHalfWidthCodePoint = halfwidthRanges.at(-1);
+    minimumNarrowCodePoint = narrowRanges[0];
+    maximumNarrowCodePoint = narrowRanges.at(-1);
+    minimumWideCodePoint = wideRanges[0];
+    maximumWideCodePoint = wideRanges.at(-1);
+    commonCjkCodePoint = 19968;
+    [wideFastPathStart, wideFastPathEnd] = findWideFastPathRange(wideRanges);
+    isAmbiguous = (codePoint) => {
+      if (codePoint < minimumAmbiguousCodePoint || codePoint > maximumAmbiguousCodePoint) {
+        return false;
+      }
+      return isInRange(ambiguousRanges, codePoint);
+    };
+    isFullWidth = (codePoint) => {
+      if (codePoint < minimumFullWidthCodePoint || codePoint > maximumFullWidthCodePoint) {
+        return false;
+      }
+      return isInRange(fullwidthRanges, codePoint);
+    };
+    isWide = (codePoint) => {
+      if (codePoint >= wideFastPathStart && codePoint <= wideFastPathEnd) {
+        return true;
+      }
+      if (codePoint < minimumWideCodePoint || codePoint > maximumWideCodePoint) {
+        return false;
+      }
+      return isInRange(wideRanges, codePoint);
+    };
+  }
+});
+
+// node_modules/get-east-asian-width/index.js
+function validate(codePoint) {
+  if (!Number.isSafeInteger(codePoint)) {
+    throw new TypeError(`Expected a code point, got \`${typeof codePoint}\`.`);
+  }
+}
+function eastAsianWidth(codePoint, { ambiguousAsWide = false } = {}) {
+  validate(codePoint);
+  if (isFullWidth(codePoint) || isWide(codePoint) || ambiguousAsWide && isAmbiguous(codePoint)) {
+    return 2;
+  }
+  return 1;
+}
+var init_get_east_asian_width = __esm({
+  "node_modules/get-east-asian-width/index.js"() {
+    init_lookup();
+  }
+});
+
+// node_modules/emoji-regex/index.js
+var require_emoji_regex = __commonJS({
+  "node_modules/emoji-regex/index.js"(exports, module) {
+    module.exports = () => {
+      return /[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26D3\uFE0F?(?:\u200D\uD83D\uDCA5)?|\u26F9(?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF43\uDF45-\uDF4A\uDF4C-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDF44(?:\u200D\uD83D\uDFEB)?|\uDF4B(?:\u200D\uD83D\uDFE9)?|\uDFC3(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E-\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4\uDEB5](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE41\uDE43\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED8\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC08(?:\u200D\u2B1B)?|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC26(?:\u200D(?:\u2B1B|\uD83D\uDD25))?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFC-\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFB-\uDFFE])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFB-\uDFFE])))?))?|\uDD75(?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?|\uDE42(?:\u200D[\u2194\u2195]\uFE0F?)?|\uDEB6(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3C-\uDD3E\uDDB8\uDDB9\uDDCD\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE8A\uDE8E-\uDEC2\uDEC6\uDEC8\uDECD-\uDEDC\uDEDF-\uDEEA\uDEEF]|\uDDCE(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1|\uDDD1\u200D\uD83E\uDDD2(?:\u200D\uD83E\uDDD2)?|\uDDD2(?:\u200D\uD83E\uDDD2)?))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g;
+    };
+  }
+});
+
+// node_modules/string-width/index.js
+function stringWidth(string, options = {}) {
+  if (typeof string !== "string" || string.length === 0) {
+    return 0;
+  }
+  const {
+    ambiguousIsNarrow = true,
+    countAnsiEscapeCodes = false
+  } = options;
+  if (!countAnsiEscapeCodes) {
+    string = stripAnsi(string);
+  }
+  if (string.length === 0) {
+    return 0;
+  }
+  let width = 0;
+  const eastAsianWidthOptions = { ambiguousAsWide: !ambiguousIsNarrow };
+  for (const { segment: character } of segmenter.segment(string)) {
+    const codePoint = character.codePointAt(0);
+    if (codePoint <= 31 || codePoint >= 127 && codePoint <= 159) {
+      continue;
+    }
+    if (codePoint >= 8203 && codePoint <= 8207 || codePoint === 65279) {
+      continue;
+    }
+    if (codePoint >= 768 && codePoint <= 879 || codePoint >= 6832 && codePoint <= 6911 || codePoint >= 7616 && codePoint <= 7679 || codePoint >= 8400 && codePoint <= 8447 || codePoint >= 65056 && codePoint <= 65071) {
+      continue;
+    }
+    if (codePoint >= 55296 && codePoint <= 57343) {
+      continue;
+    }
+    if (codePoint >= 65024 && codePoint <= 65039) {
+      continue;
+    }
+    if (defaultIgnorableCodePointRegex.test(character)) {
+      continue;
+    }
+    if ((0, import_emoji_regex.default)().test(character)) {
+      width += 2;
+      continue;
+    }
+    width += eastAsianWidth(codePoint, eastAsianWidthOptions);
+  }
+  return width;
+}
+var import_emoji_regex, segmenter, defaultIgnorableCodePointRegex;
+var init_string_width = __esm({
+  "node_modules/string-width/index.js"() {
+    init_strip_ansi();
+    init_get_east_asian_width();
+    import_emoji_regex = __toESM(require_emoji_regex(), 1);
+    segmenter = new Intl.Segmenter();
+    defaultIgnorableCodePointRegex = new RegExp("^\\p{Default_Ignorable_Code_Point}$", "u");
+  }
+});
+
 // src/permissions/presets.ts
 function normalizePermissionPreset(value, fallback = "auto") {
   return typeof value === "string" && isPermissionPreset(value) ? value : fallback;
@@ -24684,6 +24915,26 @@ function isCompactCommand(input2) {
 function isRetryCommand(input2) {
   return input2.trim().toLowerCase() === "/retry";
 }
+function isSessionCommand(input2) {
+  return /^\/(?:session|sessions|conversation|conversations|conv)(?:\s|$)/i.test(input2.trim());
+}
+function parseSessionCommand(input2) {
+  const raw = input2.trim();
+  if (!isSessionCommand(raw)) return void 0;
+  const rest = raw.replace(/^\/(?:session|sessions|conversation|conversations|conv)\b/i, "").trim();
+  if (!rest) return { action: "help" };
+  const tokens = shellishSplit2(rest);
+  const action = tokens.shift()?.toLowerCase() ?? "help";
+  if (action === "help" || action === "-h" || action === "--help") return { action: "help" };
+  if (action === "list" || action === "ls") return { action: "list" };
+  if (action === "current" || action === "status") return { action: "current" };
+  if (action === "new" || action === "create") return { action: "new", title: tokens.join(" ").trim() || void 0 };
+  if (action === "switch" || action === "select" || action === "use" || action === "open") return { action: "switch", target: tokens.join(" ").trim() || void 0 };
+  if (action === "delete" || action === "remove" || action === "rm") return { action: "delete", target: tokens.join(" ").trim() || void 0 };
+  if (action === "rename" || action === "name") return { action: "rename", title: tokens.join(" ").trim() || void 0 };
+  if (action === "clear" || action === "reset") return { action: "clear" };
+  return { action: "switch", target: [action, ...tokens].join(" ").trim() };
+}
 function isCoworkCommand(input2) {
   return /^\/cowork(?:\s|$)/i.test(input2.trim());
 }
@@ -25592,6 +25843,36 @@ function cloneGoalToolRun(tool) {
     details: cloneToolRunDetails(tool.details)
   };
 }
+function safeConversationSnapshot(snapshot) {
+  if (!snapshot || typeof snapshot !== "object") return {};
+  return {
+    status: snapshot.status ? { ...snapshot.status } : void 0,
+    blocks: Array.isArray(snapshot.blocks) ? snapshot.blocks.map((block) => ({ ...block, lines: [...block.lines ?? []], toolDetails: cloneToolRunDetails(block.toolDetails), goalWork: cloneGoalWork(block.goalWork), cowork: cloneCoworkGroup(block.cowork) })) : [],
+    activity: typeof snapshot.activity === "string" ? snapshot.activity : "restored conversation",
+    warnings: Array.isArray(snapshot.warnings) ? [...snapshot.warnings] : [],
+    finalAnswer: snapshot.finalAnswer,
+    progressNotes: Array.isArray(snapshot.progressNotes) ? snapshot.progressNotes.map((note) => ({ ...note })) : [],
+    turnDiff: snapshot.turnDiff ? cloneDiffSummary(snapshot.turnDiff) : void 0,
+    diffExpanded: snapshot.diffExpanded === true,
+    workPlan: snapshot.workPlan ? {
+      ...snapshot.workPlan,
+      steps: snapshot.workPlan.steps.map((step) => ({ ...step }))
+    } : void 0,
+    workPlanExpanded: snapshot.workPlanExpanded === true,
+    goal: snapshot.goal ? { ...snapshot.goal } : void 0,
+    contextEfficiency: snapshot.contextEfficiency ? cloneContextEfficiency(snapshot.contextEfficiency) : void 0,
+    canRetryLastPrompt: snapshot.canRetryLastPrompt === true,
+    pendingClaudeCodePlan: snapshot.pendingClaudeCodePlan ? { ...snapshot.pendingClaudeCodePlan } : void 0
+  };
+}
+function nextBlockId(blocks) {
+  let max = 0;
+  for (const block of blocks ?? []) {
+    const match = /^block_(\d+)$/.exec(block.id);
+    if (match) max = Math.max(max, Number(match[1]));
+  }
+  return max;
+}
 function formatDuration2(durationMs) {
   if (durationMs < 1e3) return `${durationMs}ms`;
   return `${Math.round(durationMs / 1e3)}s`;
@@ -25625,6 +25906,8 @@ var init_store = __esm({
         blocks: [],
         activity: "starting",
         inputMode: "starting",
+        sessionOptions: [],
+        sessionCursor: 0,
         providerOptions: [],
         providerCursor: 0,
         agentOptions: [],
@@ -25646,6 +25929,7 @@ var init_store = __esm({
       #blockId = 0;
       #stopActiveTask;
       #promptResolve;
+      #sessionResolve;
       #queuedPrompt;
       #exitRequested = false;
       #promptHistory = [];
@@ -25666,6 +25950,7 @@ var init_store = __esm({
           ...this.#state,
           status: { ...this.#state.status },
           selection: this.#state.selection ? { ...this.#state.selection } : void 0,
+          sessionOptions: this.#state.sessionOptions.map((option) => ({ ...option })),
           providerOptions: this.#state.providerOptions.map((option) => ({ ...option })),
           agentOptions: this.#state.agentOptions.map((option) => ({ ...option })),
           blocks: this.#state.blocks.map((block) => ({ ...block, lines: [...block.lines], toolDetails: cloneToolRunDetails(block.toolDetails), goalWork: cloneGoalWork(block.goalWork), cowork: cloneCoworkGroup(block.cowork) })),
@@ -25704,6 +25989,7 @@ var init_store = __esm({
       requestExit() {
         this.#exitRequested = true;
         if (this.#promptResolve) this.#resolvePrompt("");
+        if (this.#sessionResolve) this.#resolveSession({ kind: "exit" });
         this.#stopActiveTask?.();
         this.#state.inputMode = "done";
         this.#state.done = true;
@@ -25727,7 +26013,7 @@ var init_store = __esm({
       }
       markTaskFailed(message) {
         const lines = [message];
-        if (this.#lastRetryPrompt()) lines.push("Press ctrl+r or type /retry to run the last task again.");
+        if (this.#lastRetryPrompt()) lines.push("Press Esc then r or type /retry to run the last task again.");
         this.#append({ kind: "warning", title: "Task Failed", lines });
         this.#state.status.reason = "error";
         this.#state.inputMode = this.#exitRequested ? "done" : "prompt";
@@ -25783,6 +26069,84 @@ var init_store = __esm({
         this.#state.activity = `context compacted: ${summary.beforeTokenEstimate} -> ${summary.afterTokenEstimate}`;
         this.#notify();
       }
+      conversationSnapshot() {
+        const snapshot = this.snapshot();
+        return {
+          ...snapshot,
+          inputMode: "prompt",
+          promptInput: "",
+          promptError: void 0,
+          streamingText: "",
+          streamingFinalized: true,
+          permission: void 0,
+          done: false
+        };
+      }
+      restoreConversationSnapshot(snapshot, fallback) {
+        this.#resetTransientConversationState();
+        const currentSettings = {
+          selection: this.#state.selection,
+          providerOptions: this.#state.providerOptions,
+          providerCursor: this.#state.providerCursor,
+          agentOptions: this.#state.agentOptions,
+          agentCursor: this.#state.agentCursor,
+          selectedAgent: this.#state.selectedAgent,
+          permissionPreset: this.#state.permissionPreset,
+          permissionPresetCursor: this.#state.permissionPresetCursor,
+          contextEfficiency: this.#state.contextEfficiency
+        };
+        const restoredSelection = snapshot?.selection ? { ...snapshot.selection } : currentSettings.selection;
+        const restoredAgent = snapshot?.selectedAgent ?? snapshot?.status?.agent ?? currentSettings.selectedAgent;
+        const restoredPermissionPreset = normalizePermissionPreset(snapshot?.permissionPreset, currentSettings.permissionPreset);
+        this.#state = {
+          ...this.#state,
+          ...safeConversationSnapshot(snapshot),
+          ...currentSettings,
+          selection: restoredSelection,
+          providerCursor: Math.max(0, currentSettings.providerOptions.findIndex((option) => option.name === restoredSelection?.providerName)),
+          selectedAgent: restoredAgent,
+          agentCursor: Math.max(0, currentSettings.agentOptions.findIndex((option) => option.name === restoredAgent)),
+          permissionPreset: restoredPermissionPreset,
+          permissionPresetCursor: Math.max(0, PERMISSION_PRESETS.indexOf(restoredPermissionPreset)),
+          status: {
+            ...snapshot?.status ?? this.#state.status,
+            sessionId: fallback.sessionId,
+            cwd: fallback.cwd,
+            provider: restoredSelection?.providerName ?? snapshot?.status?.provider ?? this.#state.status.provider,
+            model: restoredSelection?.model ?? snapshot?.status?.model ?? this.#state.status.model,
+            agent: restoredAgent ?? snapshot?.status?.agent ?? this.#state.status.agent
+          },
+          inputMode: "prompt",
+          promptInput: "",
+          promptError: void 0,
+          streamingText: "",
+          streamingFinalized: true,
+          permission: void 0,
+          done: false,
+          activity: `conversation: ${fallback.title}`
+        };
+        this.#blockId = nextBlockId(this.#state.blocks);
+        this.#notify();
+      }
+      clearConversation(title = "New session") {
+        this.#resetTransientConversationState();
+        this.#state.blocks = [];
+        this.#state.streamingText = "";
+        this.#state.streamingFinalized = true;
+        this.#state.permission = void 0;
+        this.#state.warnings = [];
+        this.#state.done = false;
+        this.#state.finalAnswer = void 0;
+        this.#state.progressNotes = [];
+        this.#state.turnDiff = void 0;
+        this.#state.diffExpanded = false;
+        this.#state.workPlan = void 0;
+        this.#state.workPlanExpanded = false;
+        this.#state.goal = void 0;
+        this.#state.pendingClaudeCodePlan = void 0;
+        this.#state.activity = `cleared conversation: ${title}`;
+        this.prepareForPrompt("waiting for next message");
+      }
       prepareForPrompt(message = "waiting for next message") {
         if (this.#exitRequested) return;
         this.#state.inputMode = "prompt";
@@ -25840,7 +26204,45 @@ var init_store = __esm({
       currentPermissionPreset() {
         return this.#state.permissionPreset;
       }
+      requestSessionSelection(options) {
+        if (this.#exitRequested) return Promise.resolve({ kind: "exit" });
+        const normalized = options.length > 0 ? options.map((option) => ({ ...option })) : [{ kind: "new", title: "New session", status: "ready", currentWorkspace: true }];
+        return new Promise((resolve) => {
+          this.#sessionResolve = resolve;
+          this.#state.inputMode = "session";
+          this.#state.sessionOptions = normalized;
+          this.#state.sessionCursor = 0;
+          this.#state.promptInput = "";
+          this.#state.promptError = void 0;
+          this.#state.streamingText = "";
+          this.#state.streamingFinalized = true;
+          this.#state.done = false;
+          this.#state.activity = "select session";
+          this.#notify();
+        });
+      }
+      moveSessionCursor(delta) {
+        if (this.#state.inputMode !== "session" || this.#state.sessionOptions.length === 0) return;
+        const count = this.#state.sessionOptions.length;
+        this.#state.sessionCursor = (this.#state.sessionCursor + delta + count) % count;
+        this.#notify();
+      }
+      submitSessionSelection() {
+        if (this.#state.inputMode !== "session") return;
+        const option = this.#state.sessionOptions[this.#state.sessionCursor];
+        if (!option) return;
+        if (option.kind === "new") {
+          this.#resolveSession({ kind: "new" });
+          return;
+        }
+        if (option.id) this.#resolveSession({ kind: "session", id: option.id });
+      }
+      submitNewSessionSelection() {
+        if (this.#state.inputMode !== "session") return;
+        this.#resolveSession({ kind: "new" });
+      }
       requestPrompt(initialPrompt) {
+        if (this.#exitRequested) return Promise.resolve("");
         const prompt = (initialPrompt ?? "").trim();
         if (prompt) {
           this.#rememberPrompt(prompt);
@@ -25881,12 +26283,12 @@ var init_store = __esm({
           this.#notify();
         });
       }
-      appendPromptInput(input2) {
+      appendPromptInput(input2, options = {}) {
         if (this.#state.inputMode !== "prompt" && this.#state.inputMode !== "running") return;
         if (this.#state.inputMode === "prompt") this.#detachPromptHistory();
         this.#state.promptInput += input2;
         this.#state.promptError = void 0;
-        this.#notify();
+        if (options.notify !== false) this.#notify();
       }
       navigatePromptHistory(delta) {
         if (this.#state.inputMode !== "prompt" || this.#promptHistory.length === 0) return;
@@ -26041,19 +26443,19 @@ var init_store = __esm({
         this.#state.activity = "waiting for first message";
         this.#notify();
       }
-      backspacePromptInput() {
+      backspacePromptInput(options = {}) {
         if (this.#state.inputMode !== "prompt" && this.#state.inputMode !== "running") return;
         if (this.#state.inputMode === "prompt") this.#detachPromptHistory();
         this.#state.promptInput = Array.from(this.#state.promptInput).slice(0, -1).join("");
         this.#state.promptError = void 0;
-        this.#notify();
+        if (options.notify !== false) this.#notify();
       }
-      clearPromptInput() {
+      clearPromptInput(options = {}) {
         if (this.#state.inputMode !== "prompt" && this.#state.inputMode !== "running") return;
         if (this.#state.inputMode === "prompt") this.#detachPromptHistory();
         this.#state.promptInput = "";
         this.#state.promptError = void 0;
-        this.#notify();
+        if (options.notify !== false) this.#notify();
       }
       usePendingClaudeCodePlan() {
         if (this.#state.inputMode !== "prompt") return false;
@@ -26881,9 +27283,24 @@ var init_store = __esm({
         resolve(prompt);
         this.#notify();
       }
+      #resolveSession(selection) {
+        const resolve = this.#sessionResolve;
+        if (!resolve) return;
+        this.#sessionResolve = void 0;
+        if (selection.kind === "exit") {
+          this.#state.inputMode = "done";
+          this.#state.done = true;
+          this.#state.activity = "exiting";
+        } else {
+          this.#state.inputMode = "starting";
+          this.#state.activity = selection.kind === "new" ? "creating session" : "opening session";
+        }
+        this.#notify();
+        resolve(selection);
+      }
       #rememberPrompt(prompt) {
         const value = prompt.trim();
-        if (!value || isExitCommand(value) || isStopCommand(value) || isCompactCommand(value) || isRetryCommand(value)) return;
+        if (!value || isExitCommand(value) || isStopCommand(value) || isCompactCommand(value) || isRetryCommand(value) || isSessionCommand(value)) return;
         if (this.#promptHistory.at(-1) === value) {
           this.#state.canRetryLastPrompt = true;
           return;
@@ -26895,6 +27312,20 @@ var init_store = __esm({
       #lastRetryPrompt() {
         return this.#promptHistory.at(-1);
       }
+      #resetTransientConversationState() {
+        this.#toolRuns.clear();
+        this.#goalWorkBlocks.clear();
+        this.#coworkBlocks.clear();
+        this.#activeGoalWorkBlockId = void 0;
+        this.#currentGoalNarrationId = void 0;
+        this.#timelineProgressIds.clear();
+        this.#pendingPermissionCallId = void 0;
+        if (this.#pendingPermissionTimeout) clearTimeout(this.#pendingPermissionTimeout);
+        this.#pendingPermissionTimeout = void 0;
+        this.#activeClaudeCodePlan = void 0;
+        this.#promptHistoryCursor = void 0;
+        this.#promptDraft = "";
+      }
       #detachPromptHistory() {
         this.#promptHistoryCursor = void 0;
         this.#promptDraft = "";
@@ -26982,47 +27413,160 @@ var init_store = __esm({
 var app_exports = {};
 __export(app_exports, {
   TuiApp: () => TuiApp,
+  commandPaletteMatches: () => commandPaletteMatches,
+  inputFrameRows: () => inputFrameRows,
+  isCtrlCKeypress: () => isCtrlCKeypress,
+  isCtrlPKeypress: () => isCtrlPKeypress,
+  isPromptNewlineKeypress: () => isPromptNewlineKeypress,
+  sessionHeaderLine: () => sessionHeaderLine,
+  sessionOptionLine: () => sessionOptionLine,
+  slashCommandMatches: () => slashCommandMatches,
   textInputForKeypress: () => textInputForKeypress,
-  workPlanProgressCounts: () => workPlanProgressCounts
+  userMessageBubbleWidth: () => userMessageBubbleWidth,
+  workPlanProgressCounts: () => workPlanProgressCounts,
+  wrapBlockLines: () => wrapBlockLines
 });
 import React, { useEffect, useState } from "react";
 import { Box, Text, useApp, useInput } from "ink";
-function TuiApp({ store }) {
+function TuiApp({ store, version = "dev" }) {
   const [state, setState] = useState(() => store.snapshot());
+  const [promptInput, setPromptInput] = useState(() => store.snapshot().promptInput);
   const [now2, setNow] = useState(() => Date.now());
+  const [shortcutMode, setShortcutMode] = useState(false);
+  const [slashCommandCursor, setSlashCommandCursor] = useState(0);
+  const [slashCommandClosedPrefix, setSlashCommandClosedPrefix] = useState();
+  const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
+  const [commandPaletteQuery, setCommandPaletteQuery] = useState("");
+  const [commandPaletteCursor, setCommandPaletteCursor] = useState(0);
   const app = useApp();
   useEffect(() => {
-    const update = () => setState(store.snapshot());
+    const update = () => {
+      const next = store.snapshot();
+      setState(next);
+      setPromptInput(next.promptInput);
+    };
     const unsubscribe = store.subscribe(update);
     update();
     return unsubscribe;
   }, [store]);
+  useEffect(() => enableEnhancedKeyboardInput(), []);
   useEffect(() => {
     if (!state.workPlan && state.inputMode !== "running" && state.inputMode !== "starting") return;
     const timer = setInterval(() => setNow(Date.now()), 450);
     return () => clearInterval(timer);
   }, [state.workPlan?.planId, state.inputMode]);
+  useEffect(() => {
+    setShortcutMode(false);
+  }, [state.inputMode, state.permission !== void 0]);
+  useEffect(() => {
+    setSlashCommandCursor(0);
+    if (slashCommandClosedPrefix && !isSlashCommandClosedForPrompt(promptInput, slashCommandClosedPrefix)) setSlashCommandClosedPrefix(void 0);
+  }, [promptInput, state.inputMode, slashCommandClosedPrefix]);
+  useEffect(() => {
+    setCommandPaletteCursor(0);
+  }, [commandPaletteQuery, state.inputMode]);
+  useEffect(() => {
+    if (commandPaletteOpen && !canUseCommandPalette(state)) setCommandPaletteOpen(false);
+  }, [commandPaletteOpen, state.inputMode, state.permission]);
+  const commandPaletteItems = commandPaletteOpen ? commandPaletteMatches(commandPaletteQuery, state.inputMode, commandPaletteAvailability(state, promptInput)) : [];
+  const commandPaletteItem = commandPaletteItems[Math.min(commandPaletteCursor, Math.max(0, commandPaletteItems.length - 1))];
   useInput((input2, key) => {
-    const textInput = textInputForKeypress(input2, key);
-    if (key.ctrl && input2 === "c") {
+    if (isCtrlCKeypress(input2, key)) {
       store.requestExit();
       app.exit();
       return;
     }
-    if (key.ctrl && input2 === "t") {
-      store.toggleLatestToolExpanded();
-      return;
-    }
-    if (key.ctrl && input2 === "p") {
-      store.toggleWorkPlanExpanded();
+    if (isCtrlPKeypress(input2, key) && canUseCommandPalette(state)) {
+      setCommandPaletteOpen((open4) => !open4);
+      setCommandPaletteQuery("");
+      setCommandPaletteCursor(0);
+      setShortcutMode(false);
+      setSlashCommandClosedPrefix(promptInput);
       return;
     }
-    if (key.ctrl && input2 === "r") {
-      store.retryLastPrompt();
+    const textInput = textInputForKeypress(input2, key);
+    if (commandPaletteOpen) {
+      if (key.escape) {
+        closeCommandPalette(setCommandPaletteOpen, setCommandPaletteQuery, setCommandPaletteCursor);
+        return;
+      }
+      if (key.upArrow) {
+        if (commandPaletteItems.length > 0) setCommandPaletteCursor((cursor) => (cursor - 1 + commandPaletteItems.length) % commandPaletteItems.length);
+        return;
+      }
+      if (key.downArrow) {
+        if (commandPaletteItems.length > 0) setCommandPaletteCursor((cursor) => (cursor + 1) % commandPaletteItems.length);
+        return;
+      }
+      if (key.return) {
+        if (commandPaletteItem) executeCommandPaletteItem({ item: commandPaletteItem, store, app, setPromptInput, setState, close: () => closeCommandPalette(setCommandPaletteOpen, setCommandPaletteQuery, setCommandPaletteCursor) });
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setCommandPaletteQuery((current) => Array.from(current).slice(0, -1).join(""));
+        return;
+      }
+      if (textInput) {
+        setCommandPaletteQuery((current) => `${current}${textInput}`);
+        return;
+      }
       return;
     }
-    if (key.ctrl && input2 === "e") {
-      store.usePendingClaudeCodePlan();
+    if (shortcutMode) {
+      setShortcutMode(false);
+      if (key.escape) return;
+      const shortcut = input2.toLowerCase();
+      if (shortcut === "q") {
+        store.requestExit();
+        app.exit();
+        return;
+      }
+      if (shortcut === "s" && state.inputMode === "running") {
+        store.stopActiveTask();
+        return;
+      }
+      if (shortcut === "p" && state.inputMode === "prompt") {
+        store.openProviderSelector();
+        return;
+      }
+      if (shortcut === "a" && state.inputMode === "prompt") {
+        store.openAgentSelector();
+        return;
+      }
+      if (shortcut === "m" && state.inputMode === "prompt") {
+        store.openModelEditor();
+        return;
+      }
+      if (shortcut === "o" && state.inputMode === "prompt") {
+        store.openPermissionPresetSelector();
+        return;
+      }
+      if (shortcut === "u" && state.inputMode === "prompt") {
+        store.clearPromptInput({ notify: false });
+        setPromptInput("");
+        clearPromptErrorPreview(setState);
+        return;
+      }
+      if (shortcut === "d" && state.turnDiff) {
+        store.toggleDiffExpanded();
+        return;
+      }
+      if (shortcut === "t" && state.blocks.some((block) => block.kind === "tool")) {
+        store.toggleLatestToolExpanded();
+        return;
+      }
+      if (shortcut === "w" && (state.workPlan || state.inputMode === "running")) {
+        store.toggleWorkPlanExpanded();
+        return;
+      }
+      if (shortcut === "e" && state.pendingClaudeCodePlan) {
+        store.usePendingClaudeCodePlan();
+        return;
+      }
+      if (shortcut === "r" && state.canRetryLastPrompt) {
+        store.retryLastPrompt();
+        return;
+      }
       return;
     }
     if (state.permission) {
@@ -27032,6 +27576,31 @@ function TuiApp({ store }) {
       if (normalized === "n" || key.return) store.answerPermission({ decision: "deny" });
       return;
     }
+    if (state.inputMode === "session") {
+      const normalized = input2.toLowerCase();
+      if (key.escape || normalized === "q") {
+        store.requestExit();
+        app.exit();
+        return;
+      }
+      if (normalized === "n") {
+        store.submitNewSessionSelection();
+        return;
+      }
+      if (key.upArrow) {
+        store.moveSessionCursor(-1);
+        return;
+      }
+      if (key.downArrow) {
+        store.moveSessionCursor(1);
+        return;
+      }
+      if (key.return) {
+        store.submitSessionSelection();
+        return;
+      }
+      return;
+    }
     if (state.inputMode === "provider") {
       if (key.escape) {
         store.closeSettings();
@@ -27094,10 +27663,6 @@ function TuiApp({ store }) {
         store.closeSettings();
         return;
       }
-      if (key.ctrl && input2 === "u") {
-        store.clearModelInput();
-        return;
-      }
       if (key.return) {
         if (textInput) store.appendModelInput(textInput);
         store.submitModelInput();
@@ -27111,83 +27676,534 @@ function TuiApp({ store }) {
       return;
     }
     if (state.inputMode === "prompt" || state.inputMode === "running") {
-      if (key.tab && state.turnDiff) {
-        store.toggleDiffExpanded();
+      const slashCommands2 = visibleSlashCommandMatches(promptInput, state.inputMode, slashCommandClosedPrefix);
+      const slashCommand = slashCommands2[slashCommandCursor] ?? slashCommands2[0];
+      if (slashCommands2.length > 0 && key.escape) {
+        setSlashCommandClosedPrefix(promptInput);
         return;
       }
-      if (state.inputMode === "prompt" && key.upArrow) {
-        store.navigatePromptHistory(-1);
+      if (slashCommands2.length > 0 && key.upArrow) {
+        setSlashCommandCursor((cursor) => (cursor - 1 + slashCommands2.length) % slashCommands2.length);
         return;
       }
-      if (state.inputMode === "prompt" && key.downArrow) {
-        store.navigatePromptHistory(1);
+      if (slashCommands2.length > 0 && key.downArrow) {
+        setSlashCommandCursor((cursor) => (cursor + 1) % slashCommands2.length);
         return;
       }
-      if (!key.return && state.inputMode === "prompt" && !state.promptInput && input2 === "p") {
-        store.openProviderSelector();
+      if (slashCommands2.length > 0 && key.tab && slashCommand) {
+        applySlashCommandDraft(store, setPromptInput, slashCommand, setSlashCommandClosedPrefix);
+        clearPromptErrorPreview(setState);
         return;
       }
-      if (!key.return && state.inputMode === "prompt" && !state.promptInput && input2 === "a") {
-        store.openAgentSelector();
+      if (state.inputMode === "prompt" && key.upArrow) {
+        store.navigatePromptHistory(-1);
         return;
       }
-      if (!key.return && state.inputMode === "prompt" && !state.promptInput && input2 === "m") {
-        store.openModelEditor();
+      if (state.inputMode === "prompt" && key.downArrow) {
+        store.navigatePromptHistory(1);
         return;
       }
-      if (!key.return && state.inputMode === "prompt" && !state.promptInput && input2 === "o") {
-        store.openPermissionPresetSelector();
+      if (key.escape) {
+        setShortcutMode(true);
         return;
       }
-      if (key.ctrl && input2 === "u") {
-        store.clearPromptInput();
+      if (isPromptNewlineKeypress(input2, key)) {
+        appendPromptDraft(store, setPromptInput, `${textInput}
+`);
+        clearPromptErrorPreview(setState);
         return;
       }
-      if (key.return) {
-        if (textInput) store.appendPromptInput(textInput);
+      if (isPromptSubmitKeypress(input2, key)) {
+        if (!textInput && slashCommand && shouldSelectSlashCommand(promptInput, slashCommand)) {
+          applySlashCommandDraft(store, setPromptInput, slashCommand, setSlashCommandClosedPrefix);
+          clearPromptErrorPreview(setState);
+          return;
+        }
+        if (textInput) appendPromptDraft(store, setPromptInput, textInput);
         store.submitPromptInput();
         return;
       }
       if (key.backspace || key.delete) {
-        store.backspacePromptInput();
+        store.backspacePromptInput({ notify: false });
+        setPromptInput((current) => Array.from(current).slice(0, -1).join(""));
+        clearPromptErrorPreview(setState);
         return;
       }
-      if (textInput) store.appendPromptInput(textInput);
+      if (textInput) {
+        appendPromptDraft(store, setPromptInput, textInput);
+        clearPromptErrorPreview(setState);
+      }
       return;
     }
   });
+  const shellProps = { flexDirection: "column", paddingX: 1, minHeight: terminalHeight() };
+  const slashCommands = commandPaletteOpen ? [] : visibleSlashCommandMatches(promptInput, state.inputMode, slashCommandClosedPrefix);
+  const slashCommandPalette = slashCommands.length > 0 ? { items: slashCommands, cursor: Math.min(slashCommandCursor, slashCommands.length - 1) } : void 0;
+  const commandPalette = commandPaletteOpen ? { items: commandPaletteItems, query: commandPaletteQuery, cursor: Math.min(commandPaletteCursor, Math.max(0, commandPaletteItems.length - 1)) } : void 0;
+  if (shouldShowSessionStart(state)) {
+    return React.createElement(
+      Box,
+      shellProps,
+      React.createElement(SessionStart, { state, version })
+    );
+  }
+  if (shouldShowEmptyState(state)) {
+    return React.createElement(
+      Box,
+      shellProps,
+      React.createElement(EmptyState, { state, version, shortcutMode, promptInput, slashCommandPalette, commandPalette })
+    );
+  }
   return React.createElement(
     Box,
-    { flexDirection: "column", paddingX: 1 },
-    React.createElement(StatusBar, { state, now: now2 }),
-    React.createElement(SettingsBar, { state }),
-    React.createElement(shouldShowLoading(state) ? LoadingView : TranscriptView, { state }),
-    React.createElement(DiffAccordion, { state }),
-    React.createElement(WorkPlanPanel, { state, now: now2 }),
-    React.createElement(ActivityBar, { state }),
-    React.createElement(GoalIsland, { state }),
-    React.createElement(BottomBar, { state })
+    shellProps,
+    React.createElement(StatusBar, { state, now: now2, version }),
+    React.createElement(
+      Box,
+      { flexDirection: "column", flexGrow: 1, paddingX: 1 },
+      React.createElement(shouldShowLoading(state) ? LoadingView : TranscriptView, { state }),
+      React.createElement(Box, { flexGrow: 1 }),
+      React.createElement(BottomStatusStack, { state, now: now2 }),
+      React.createElement(InteractionPanel, { state, shortcutMode, promptInput, slashCommandPalette, commandPalette })
+    )
   );
 }
+function appendPromptDraft(store, setPromptInput, value) {
+  if (!value) return;
+  store.appendPromptInput(value, { notify: false });
+  setPromptInput((current) => `${current}${value}`);
+}
+function clearPromptErrorPreview(setState) {
+  setState((current) => current.promptError ? { ...current, promptError: void 0 } : current);
+}
+function applySlashCommandDraft(store, setPromptInput, item, setSlashCommandClosedPrefix) {
+  const next = item.argument ? `${item.insert} ` : item.insert;
+  store.clearPromptInput({ notify: false });
+  store.appendPromptInput(next, { notify: false });
+  setPromptInput(next);
+  setSlashCommandClosedPrefix(next);
+}
+function shouldSelectSlashCommand(promptInput, item) {
+  const value = promptInput.trim();
+  if (!value || value.includes(" ")) return false;
+  if (!item.argument && value.toLowerCase() === item.insert.toLowerCase()) return false;
+  return true;
+}
+function visibleSlashCommandMatches(promptInput, mode, closedPrefix) {
+  if (closedPrefix && isSlashCommandClosedForPrompt(promptInput, closedPrefix)) return [];
+  return slashCommandMatches(promptInput, mode).slice(0, 7);
+}
+function isSlashCommandClosedForPrompt(promptInput, closedPrefix) {
+  return promptInput === closedPrefix || closedPrefix.endsWith(" ") && promptInput.startsWith(closedPrefix);
+}
+function slashCommandMatches(promptInput, mode = "prompt") {
+  const query = slashCommandQuery(promptInput);
+  if (query === void 0) return [];
+  return SLASH_COMMANDS.filter((item) => slashCommandActiveInMode(item, mode)).map((item, index) => ({ item, index, score: slashCommandScore(item, query) })).filter((entry) => entry.score < Number.POSITIVE_INFINITY).sort((a, b2) => a.score - b2.score || a.index - b2.index).map((entry) => entry.item);
+}
+function slashCommandQuery(promptInput) {
+  const value = promptInput.trimStart();
+  if (!value.startsWith("/") || value.includes("\n")) return void 0;
+  if (/\s/.test(value)) return void 0;
+  return value.slice(1).toLowerCase();
+}
+function slashCommandActiveInMode(item, mode) {
+  if (mode !== "prompt" && mode !== "running") return false;
+  return item.mode === "both" || item.mode === mode || !item.mode && mode === "prompt";
+}
+function slashCommandScore(item, query) {
+  if (!query) return 0;
+  const command = item.command.slice(1).toLowerCase();
+  const insert = item.insert.slice(1).toLowerCase();
+  const aliases = item.aliases?.map((alias) => alias.toLowerCase()) ?? [];
+  const aliasSearchEnabled = query.length >= 3;
+  if (command.startsWith(query)) return 0;
+  if (insert.startsWith(query)) return 1;
+  if (aliasSearchEnabled && aliases.some((alias) => alias.startsWith(query))) return 2;
+  if (command.includes(query) || insert.includes(query)) return 3;
+  if (aliasSearchEnabled && aliases.some((alias) => alias.includes(query))) return 4;
+  return Number.POSITIVE_INFINITY;
+}
+function canUseCommandPalette(state) {
+  return !state.permission && (state.inputMode === "prompt" || state.inputMode === "running");
+}
+function commandPaletteAvailability(state, promptInput) {
+  return {
+    hasPromptDraft: Boolean(promptInput.trim()),
+    hasSelection: Boolean(state.selection),
+    hasProviders: state.providerOptions.length > 0,
+    hasAgents: state.agentOptions.length > 0,
+    hasDiff: Boolean(state.turnDiff),
+    hasTools: state.blocks.some((block) => block.kind === "tool"),
+    hasWorkPlan: Boolean(state.workPlan),
+    hasPendingClaudeCodePlan: Boolean(state.pendingClaudeCodePlan),
+    canRetryLastPrompt: state.canRetryLastPrompt
+  };
+}
+function commandPaletteMatches(query, mode = "prompt", availability = {}) {
+  const normalized = query.trim().toLowerCase();
+  const items = buildCommandPaletteItems(mode, availability);
+  if (!normalized) return items;
+  return items.map((item, index) => ({ item, index, score: commandPaletteScore(item, normalized) })).filter((entry) => entry.score < Number.POSITIVE_INFINITY).sort((a, b2) => a.score - b2.score || a.index - b2.index).map((entry) => entry.item);
+}
+function buildCommandPaletteItems(mode, availability) {
+  if (mode !== "prompt" && mode !== "running") return [];
+  const items = [];
+  const promptReadyForSettings = mode === "prompt" && !availability.hasPromptDraft;
+  if (promptReadyForSettings && availability.hasSelection) {
+    items.push({ id: "switch-model", title: "Switch model", description: "Choose the model for the current provider", group: "Suggested", shortcut: "esc m", action: "open-model", keywords: ["model", "provider model"] });
+  }
+  if (promptReadyForSettings && availability.hasProviders) {
+    items.push({ id: "connect-provider", title: "Connect provider", description: "Change the active provider", group: "Suggested", shortcut: "esc p", action: "open-provider", keywords: ["provider", "connect"] });
+  }
+  if (promptReadyForSettings && availability.hasAgents) {
+    items.push({ id: "switch-agent", title: "Switch agent", description: "Change the active agent profile", group: "Suggested", shortcut: "esc a", action: "open-agent", keywords: ["agent"] });
+  }
+  if (promptReadyForSettings) {
+    items.push({ id: "permission-preset", title: "Permission preset", description: "Choose the next-turn permission behavior", group: "Suggested", shortcut: "esc o", action: "open-permissions", keywords: ["permission", "policy", "approval"] });
+  }
+  for (const command of SLASH_COMMANDS) {
+    if (!slashCommandActiveInMode(command, mode)) continue;
+    if (command.command === "/stop" || command.command === "/exit" || command.command === "/quit" || command.command === "/retry") continue;
+    items.push({
+      id: `slash:${command.command}`,
+      title: commandPaletteSlashTitle(command),
+      description: command.description,
+      group: command.command.startsWith("/session") ? "Session" : "Commands",
+      shortcut: command.command,
+      keywords: [command.command, command.insert, ...command.aliases ?? []],
+      slashCommand: command
+    });
+  }
+  if (mode === "running") {
+    items.push({ id: "stop-task", title: "Stop running task", description: "Cancel the current task", group: "System", shortcut: "/stop", action: "stop", keywords: ["stop", "cancel"] });
+  }
+  if (availability.hasPromptDraft) {
+    items.push({ id: "clear-prompt", title: "Clear prompt", description: "Erase the current input draft", group: "System", shortcut: "esc u", action: "clear-prompt", keywords: ["clear", "draft", "input"] });
+  }
+  if (mode === "prompt" && availability.canRetryLastPrompt) {
+    items.push({ id: "retry-last", title: "Retry last prompt", description: "Run the previous prompt again", group: "System", shortcut: "/retry", action: "retry", keywords: ["retry", "again", "rerun"] });
+  }
+  if (availability.hasPendingClaudeCodePlan) {
+    items.push({ id: "use-claude-code-plan", title: "Use Claude Code plan", description: "Queue the captured plan for execution", group: "System", shortcut: "esc e", action: "use-claude-plan", keywords: ["claude", "plan"] });
+  }
+  if (availability.hasDiff) {
+    items.push({ id: "toggle-diff", title: "Toggle diff", description: "Show or hide the latest file diff", group: "System", shortcut: "esc d", action: "toggle-diff", keywords: ["diff", "changes"] });
+  }
+  if (availability.hasTools) {
+    items.push({ id: "toggle-tools", title: "Toggle tool details", description: "Expand or collapse the latest tool block", group: "System", shortcut: "esc t", action: "toggle-tools", keywords: ["tool", "details"] });
+  }
+  if (availability.hasWorkPlan || mode === "running") {
+    items.push({ id: "toggle-work-plan", title: "Toggle work plan", description: "Show or hide current plan details", group: "System", shortcut: "esc w", action: "toggle-work-plan", keywords: ["plan", "progress"] });
+  }
+  items.push({ id: "exit-app", title: "Exit the app", description: "Close Demian", group: "System", shortcut: "/exit", action: "exit", keywords: ["quit", "close"] });
+  return items;
+}
+function commandPaletteSlashTitle(item) {
+  switch (item.command) {
+    case "/cowork":
+      return "Cowork agents";
+    case "/compact":
+      return "Compact context";
+    case "/session":
+      return "Session command";
+    case "/session list":
+      return "List sessions";
+    case "/session new":
+      return "New session";
+    case "/session switch":
+      return "Switch session";
+    case "/session rename":
+      return "Rename session";
+    case "/session delete":
+      return "Delete session";
+    case "/goal":
+      return "Start goal";
+    case "/goal status":
+      return "Goal status";
+    case "/goal clear":
+      return "Clear goal state";
+    case "/ralph-loop":
+      return "Start Ralph loop";
+    case "/cancel-ralph":
+      return "Cancel Ralph loop";
+    default:
+      return item.command;
+  }
+}
+function commandPaletteScore(item, query) {
+  const title = item.title.toLowerCase();
+  const shortcut = item.shortcut?.toLowerCase() ?? "";
+  const description = item.description.toLowerCase();
+  const keywords = item.keywords?.map((keyword) => keyword.toLowerCase()) ?? [];
+  if (title.startsWith(query)) return 0;
+  if (shortcut.startsWith(query)) return 1;
+  if (keywords.some((keyword) => keyword.startsWith(query))) return 2;
+  if (title.includes(query)) return 3;
+  if (shortcut.includes(query)) return 4;
+  if (keywords.some((keyword) => keyword.includes(query))) return 5;
+  if (description.includes(query)) return 6;
+  return Number.POSITIVE_INFINITY;
+}
+function closeCommandPalette(setCommandPaletteOpen, setCommandPaletteQuery, setCommandPaletteCursor) {
+  setCommandPaletteOpen(false);
+  setCommandPaletteQuery("");
+  setCommandPaletteCursor(0);
+}
+function executeCommandPaletteItem({
+  item,
+  store,
+  app,
+  setPromptInput,
+  setState,
+  close
+}) {
+  close();
+  if (item.slashCommand) {
+    applyCommandPaletteSlashCommand(store, setPromptInput, item.slashCommand);
+    clearPromptErrorPreview(setState);
+    return;
+  }
+  switch (item.action) {
+    case "open-model":
+      store.openModelEditor();
+      return;
+    case "open-provider":
+      store.openProviderSelector();
+      return;
+    case "open-agent":
+      store.openAgentSelector();
+      return;
+    case "open-permissions":
+      store.openPermissionPresetSelector();
+      return;
+    case "clear-prompt":
+      store.clearPromptInput({ notify: false });
+      setPromptInput("");
+      clearPromptErrorPreview(setState);
+      return;
+    case "retry":
+      store.retryLastPrompt();
+      return;
+    case "use-claude-plan":
+      store.usePendingClaudeCodePlan();
+      return;
+    case "toggle-diff":
+      store.toggleDiffExpanded();
+      return;
+    case "toggle-tools":
+      store.toggleLatestToolExpanded();
+      return;
+    case "toggle-work-plan":
+      store.toggleWorkPlanExpanded();
+      return;
+    case "stop":
+      store.stopActiveTask();
+      return;
+    case "exit":
+      store.requestExit();
+      app.exit();
+      return;
+  }
+}
+function applyCommandPaletteSlashCommand(store, setPromptInput, item) {
+  const shouldInsert = item.argument && item.command !== "/session new";
+  const next = shouldInsert ? `${item.insert} ` : item.insert;
+  store.clearPromptInput({ notify: false });
+  store.appendPromptInput(next, { notify: false });
+  setPromptInput(next);
+  if (!shouldInsert) store.submitPromptInput();
+}
 function textInputForKeypress(input2, key) {
   if (!input2 || key.ctrl || key.tab || key.escape) return "";
+  const csiText = decodeCsiUTextInput(input2);
+  if (csiText !== void 0) return csiText;
+  if (isKnownKeyboardSequence(input2)) return "";
   return Array.from(input2).filter((char) => {
     const codePoint = char.codePointAt(0) ?? 0;
     return codePoint >= 32 && codePoint !== 127;
   }).join("");
 }
+function isPromptNewlineKeypress(input2, key) {
+  if (key.return && key.shift) return true;
+  if (isShiftOrOptionEnterSequence(input2)) return true;
+  return input2 === "\r" && !key.return;
+}
+function isCtrlCKeypress(input2, key) {
+  if (input2 === "") return true;
+  if (key.ctrl && input2.toLowerCase() === "c") return true;
+  const csi = CSI_U_INPUT.exec(input2);
+  if (!csi) return false;
+  const codePoint = Number(csi[1]);
+  const modifier = Number(csi[2] ?? 1);
+  return (codePoint === 3 || codePoint === 99) && hasControlModifier(modifier);
+}
+function isCtrlPKeypress(input2, key) {
+  if (input2 === "") return true;
+  if (key.ctrl && input2.toLowerCase() === "p") return true;
+  const csi = CSI_U_INPUT.exec(input2);
+  if (!csi) return false;
+  const codePoint = Number(csi[1]);
+  const modifier = Number(csi[2] ?? 1);
+  return (codePoint === 16 || codePoint === 112) && hasControlModifier(modifier);
+}
+function isPromptSubmitKeypress(input2, key) {
+  return Boolean(key.return) || input2 === "\n";
+}
+function isShiftOrOptionEnterSequence(input2) {
+  const csi = CSI_U_INPUT.exec(input2);
+  if (csi) {
+    const codePoint = Number(csi[1]);
+    const modifier = Number(csi[2] ?? 1);
+    return (codePoint === 13 || codePoint === 10) && hasShiftOrOptionModifier(modifier);
+  }
+  const xterm = XTERM_MODIFIED_ENTER_INPUT.exec(input2);
+  return Boolean(xterm && hasShiftOrOptionModifier(Number(xterm[1])));
+}
+function decodeCsiUTextInput(input2) {
+  const csi = CSI_U_INPUT.exec(input2);
+  if (!csi) return void 0;
+  const codePoint = Number(csi[1]);
+  const modifier = Number(csi[2] ?? 1);
+  if (!Number.isFinite(codePoint) || codePoint < 32 || codePoint === 127) return "";
+  if (hasControlModifier(modifier) || hasOptionModifier(modifier)) return "";
+  try {
+    return String.fromCodePoint(codePoint);
+  } catch {
+    return "";
+  }
+}
+function isKnownKeyboardSequence(input2) {
+  return isShiftOrOptionEnterSequence(input2) || XTERM_MODIFIED_ENTER_INPUT.test(input2);
+}
+function hasShiftOrOptionModifier(modifier) {
+  return hasShiftModifier(modifier) || hasOptionModifier(modifier);
+}
+function hasShiftModifier(modifier) {
+  return (modifier - 1 & 1) !== 0;
+}
+function hasOptionModifier(modifier) {
+  return (modifier - 1 & 2) !== 0;
+}
+function hasControlModifier(modifier) {
+  return (modifier - 1 & 4) !== 0;
+}
 function shouldShowLoading(state) {
   return state.inputMode === "starting" || state.inputMode === "running" && state.blocks.length === 0 && !state.streamingText;
 }
+function enableEnhancedKeyboardInput() {
+  if (!process.stdout.isTTY) return () => void 0;
+  process.stdout.write("\x1B[>1u");
+  process.stdout.write("\x1B[>4;2m");
+  return () => {
+    process.stdout.write("\x1B[<u");
+    process.stdout.write("\x1B[>4;0m");
+  };
+}
+function shouldShowEmptyState(state) {
+  return state.inputMode === "prompt" && !state.permission && state.blocks.length === 0 && !state.streamingText && !state.turnDiff && !state.workPlan && !state.goal;
+}
+function shouldShowSessionStart(state) {
+  return state.inputMode === "session";
+}
+function SessionStart({ state, version }) {
+  const topGap = Math.max(1, Math.min(5, Math.floor(terminalHeight() * 0.12)));
+  const width = sessionPanelWidth();
+  return React.createElement(
+    Box,
+    { flexDirection: "column", flexGrow: 1 },
+    React.createElement(Box, { height: topGap }),
+    React.createElement(DemianWordmark),
+    React.createElement(Box, { height: 1 }),
+    React.createElement(SessionSelector, { state }),
+    React.createElement(
+      Box,
+      { alignSelf: "center", width, justifyContent: "space-between", marginTop: 1 },
+      React.createElement(Text, { color: "white" }, "enter open \xB7 n new \xB7 q quit"),
+      React.createElement(Text, { color: "white" }, `v${version}`)
+    ),
+    React.createElement(Box, { flexGrow: 1 })
+  );
+}
+function EmptyState({
+  state,
+  version,
+  shortcutMode,
+  promptInput,
+  slashCommandPalette,
+  commandPalette
+}) {
+  const placeholder = 'Ask anything... "\uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uAD6C\uC870\uB97C \uC54C\uB824\uC918"';
+  const hint = shortcutMode ? shortcutHelp(state) : "enter send \xB7 shift/option+enter newline \xB7 ctrl+p commands \xB7 /session";
+  const hasOverlay = Boolean(slashCommandPalette || commandPalette);
+  const topGap = hasOverlay ? 0 : Math.max(1, Math.min(6, Math.floor(terminalHeight() * 0.12)));
+  return React.createElement(
+    Box,
+    { flexDirection: "column", flexGrow: 1 },
+    React.createElement(Box, { height: topGap }),
+    React.createElement(DemianWordmark),
+    React.createElement(Box, { height: hasOverlay ? 1 : 2 }),
+    commandPalette ? React.createElement(CommandPalettePanel, { palette: commandPalette }) : null,
+    slashCommandPalette ? React.createElement(SlashCommandPalette, { palette: slashCommandPalette }) : null,
+    React.createElement(InputFrame, {
+      borderColor: shortcutMode ? "cyan" : "blue",
+      cursorColor: "cyan",
+      value: promptInput,
+      placeholder,
+      marginTop: 0
+    }),
+    React.createElement(CommandGuide, { hint, color: shortcutMode ? "cyan" : "gray", error: state.promptError }),
+    hasOverlay ? null : React.createElement(SessionMetaBox, { state, version, marginTop: 2 }),
+    React.createElement(
+      Box,
+      { flexGrow: 1 }
+    )
+  );
+}
+function SessionMetaBox({ state, version, marginTop = 1 }) {
+  const width = promptPanelWidth();
+  const compact = width < 68;
+  const agent = shorten(state.selectedAgent ?? state.status.agent ?? "general", compact ? 14 : 18);
+  const model = shorten(state.selection?.model ?? state.status.model ?? "model", compact ? Math.max(18, width - 14) : 30);
+  const workspace = shorten(state.status.cwd ?? process.cwd(), compact ? Math.max(18, width - 18) : 46);
+  const rows = compact ? [
+    `agent ${agent} \xB7 perm ${state.permissionPreset}`,
+    `model ${model}`,
+    `workspace ${workspace}`,
+    version ? `version v${version}` : void 0
+  ].filter(Boolean) : [
+    `agent ${agent} \xB7 model ${model} \xB7 perm ${state.permissionPreset}`,
+    `workspace ${workspace}${version ? ` \xB7 version v${version}` : ""}`
+  ];
+  return React.createElement(
+    Box,
+    { alignSelf: "center", width, flexDirection: "column", borderStyle: "single", borderColor: "#334155", paddingX: 1, marginTop },
+    ...rows.map((line, index) => React.createElement(SurfaceLine, { key: index, text: line ?? "", width: width - 4, backgroundColor: SURFACE.status, color: "white" }))
+  );
+}
+function DemianWordmark() {
+  if (terminalWidth() < 58) {
+    return React.createElement(Box, { alignSelf: "center" }, React.createElement(Text, { color: "gray", bold: true }, "DEMIAN"));
+  }
+  return React.createElement(
+    Box,
+    { alignSelf: "center", flexDirection: "column" },
+    ...DEMIAN_WORDMARK_LINES.map(
+      (line, index) => React.createElement(Text, { key: index, color: index < 2 ? "gray" : "white", bold: true }, line)
+    )
+  );
+}
 function LoadingView({ state }) {
-  const title = state.inputMode === "starting" ? "Loading Demian" : "Preparing session";
+  const title = state.inputMode === "starting" ? "Demian runtime" : "Preparing session";
   const message = state.activity || (state.inputMode === "starting" ? "Loading configuration" : "Starting session");
+  const width = statusSurfaceWidth();
+  const contentWidth = Math.max(24, width - 4);
   return React.createElement(
     Box,
-    { flexDirection: "column", marginTop: 1, borderStyle: "single", borderColor: "cyan", paddingX: 1, paddingY: 1 },
-    React.createElement(Text, { color: "cyan", bold: true }, title),
-    React.createElement(Text, { color: "white" }, message),
-    React.createElement(Text, { color: "gray" }, "Please wait while demian gets ready.")
+    { alignSelf: "center", width, flexDirection: "column", marginTop: 1, borderStyle: "double", borderColor: "cyan", paddingX: 1, paddingY: 1 },
+    React.createElement(SurfaceLine, { text: title, width: contentWidth, backgroundColor: SURFACE.status, color: "cyan", bold: true }),
+    React.createElement(SurfaceLine, { text: message, width: contentWidth, backgroundColor: SURFACE.status, color: "white" }),
+    React.createElement(SurfaceLine, { text: "Loading providers, tools, workspace state, and permissions.", width: contentWidth, backgroundColor: SURFACE.status, color: "gray" })
   );
 }
 function contextEfficiencySummary(state) {
@@ -27207,103 +28223,116 @@ function contextEfficiencySummary(state) {
   ].filter(Boolean);
   return parts.join(" | ");
 }
-function StatusBar({ state, now: now2 }) {
+function StatusBar({ state, now: now2, version }) {
   const status = state.status;
-  const items = [
-    claudeCodeBadge(state),
-    status.provider ? `provider ${status.provider}` : void 0,
-    status.model ? `model ${status.model}` : void 0,
-    status.agent ? `agent ${status.agent}` : void 0,
-    status.cwd ? `cwd ${shorten(status.cwd, 48)}` : void 0,
-    status.externalSessionId ? `cc session ${shorten(status.externalSessionId, 18)}` : void 0,
-    status.reason ? `reason ${status.reason}` : void 0
-  ].filter(Boolean);
+  const mode = tuiMode(state);
+  const provider = state.selection?.providerName ?? status.provider;
+  const model = state.selection?.model ?? status.model ?? "-";
+  const meta = [provider, shorten(model, 32), state.permissionPreset, `v${version}`].filter(Boolean).join(" \xB7 ");
   return React.createElement(
     Box,
-    { borderStyle: "round", paddingX: 1 },
-    React.createElement(DemianTuiMark, { active: state.inputMode === "starting" || state.inputMode === "running", now: now2 }),
-    React.createElement(Text, { color: "cyan", bold: true }, " demian "),
-    React.createElement(Text, { color: "gray" }, items.join(" \xB7 "))
+    { paddingX: 1, marginBottom: 1, justifyContent: "space-between" },
+    React.createElement(
+      Text,
+      null,
+      React.createElement(DemianTuiMark, { active: state.inputMode === "starting" || state.inputMode === "running", now: now2 }),
+      React.createElement(Text, { color: "cyan", bold: true }, " Demian")
+    ),
+    React.createElement(
+      Text,
+      null,
+      React.createElement(Text, { color: mode.color }, mode.label),
+      React.createElement(Text, { color: "gray" }, ` \xB7 ${meta}`)
+    )
   );
 }
 function DemianTuiMark({ active, now: now2 }) {
   const frame = active ? Math.floor(now2 / 450) % 4 : 0;
-  const shell = frame === 1 ? "<" : frame === 3 ? ">" : "^";
-  const face = frame === 2 ? "o" : "*";
+  const mark = active ? ["D>", "D*", "D+", "D*"][frame] : "D>";
   return React.createElement(
     Text,
     { color: "yellow", bold: true },
-    `[${shell}${face}]`
+    `[${mark}]`
   );
 }
-function claudeCodeBadge(state) {
-  const option = selectedProviderOption(state);
-  const isClaudeCode = state.status.runtime === "claudecode" || option?.type === "claudecode" || state.status.provider === "claudecode" || state.selection?.providerName === "claudecode";
-  if (!isClaudeCode) return void 0;
-  return option?.ga === true ? "[CC]" : "[CC Preview]";
-}
-function selectedProviderOption(state) {
-  const providerName = state.selection?.providerName ?? state.status.provider;
-  return providerName ? state.providerOptions.find((option) => option.name === providerName) : void 0;
-}
-function SettingsBar({ state }) {
-  const selection = state.selection;
-  if (!selection) return null;
-  const help = state.inputMode === "provider" ? "up/down select | enter apply | esc cancel" : state.inputMode === "agent" ? "up/down select | enter apply | esc cancel" : state.inputMode === "permissionPreset" ? "up/down select | enter apply | esc cancel" : state.inputMode === "model" ? "type model | enter apply | esc cancel" : "p provider | a agent | m model | o permissions | up/down history | /cowork task | /compact compact | enter send | ctrl+c exit";
-  return React.createElement(
-    Box,
-    { borderStyle: "single", paddingX: 1 },
-    React.createElement(Text, null, `agent ${state.selectedAgent ?? state.status.agent ?? "?"} | provider ${selection.providerName} (${selection.providerSource}) | model ${selection.model} (${selection.modelSource}) | permission ${state.permissionPreset} | ${help}`)
-  );
+function tuiMode(state) {
+  if (state.done) return { label: "done", color: "green" };
+  if (state.permission) return { label: "approval", color: "yellow" };
+  if (state.inputMode === "starting") return { label: "booting", color: "cyan" };
+  if (state.inputMode === "session") return { label: "sessions", color: "magenta" };
+  if (state.inputMode === "running") return { label: "running", color: "cyan" };
+  if (state.inputMode === "provider" || state.inputMode === "agent" || state.inputMode === "model" || state.inputMode === "permissionPreset") return { label: "settings", color: "magenta" };
+  if (state.inputMode === "prompt") return { label: "ready", color: "green" };
+  return { label: state.inputMode, color: "gray" };
 }
 function TranscriptView({ state }) {
   const blocks = state.blocks.slice(-12);
   const streaming = !state.streamingFinalized && state.streamingText ? { kind: "assistant", title: "Assistant streaming", lines: streamingLines(state.streamingText) } : void 0;
+  const width = transcriptPanelWidth();
+  const contentWidth = Math.max(24, width - 2);
   return React.createElement(
     Box,
-    { flexDirection: "column", marginTop: 1 },
-    ...blocks.map((block) => React.createElement(BlockView, { key: block.id, block })),
-    streaming ? React.createElement(BlockView, { key: "streaming", block: streaming }) : null
+    { alignSelf: "center", width, flexDirection: "column", marginTop: 1 },
+    ...blocks.map((block, index) => React.createElement(BlockView, { key: `${block.id}-${index}`, block, width: contentWidth })),
+    streaming ? React.createElement(BlockView, { key: "streaming", block: streaming, width: contentWidth }) : null
   );
 }
-function BlockView({ block }) {
-  if (block.kind === "tool") return React.createElement(ToolBlockView, { block });
-  if (block.kind === "goal-work") return React.createElement(GoalWorkBlockView, { block });
-  if (block.kind === "cowork") return React.createElement(CoworkBlockView, { block });
+function BlockView({ block, width }) {
+  if (block.kind === "tool") return React.createElement(ToolBlockView, { block, width });
+  if (block.kind === "goal-work") return React.createElement(GoalWorkBlockView, { block, width });
+  if (block.kind === "cowork") return React.createElement(CoworkBlockView, { block, width });
+  if (block.kind === "user") return React.createElement(UserBlockView, { block, width });
   const color = block.kind === "user" ? "green" : block.kind === "assistant" ? "white" : block.kind === "warning" ? "yellow" : "magenta";
+  const lines = wrapBlockLines(block.lines, width, 80);
   return React.createElement(
     Box,
     { flexDirection: "column", marginBottom: 1 },
-    React.createElement(Text, { color, bold: true }, block.title),
-    ...block.lines.slice(0, 80).map((line, index) => React.createElement(Text, { key: index }, line || " "))
+    React.createElement(Text, { color, bold: true }, fitToWidth(block.title, width)),
+    ...lines.map((line, index) => React.createElement(Text, { key: index }, line || " "))
+  );
+}
+function UserBlockView({ block, width }) {
+  const lines = normalizedBlockLines(block.lines).slice(0, 80);
+  const bubbleWidth = userMessageBubbleWidth(lines, width);
+  const contentWidth = Math.max(8, bubbleWidth - 4);
+  const wrappedLines = wrapBlockLines(lines, contentWidth, 80);
+  return React.createElement(
+    Box,
+    { alignSelf: "flex-end", width: bubbleWidth, flexDirection: "column", marginBottom: 1, marginLeft: 2 },
+    React.createElement(
+      Box,
+      { flexDirection: "column", borderStyle: "round", borderColor: "blue", paddingX: 1 },
+      React.createElement(
+        Box,
+        { justifyContent: "flex-end" },
+        React.createElement(Text, { color: "blue", bold: true }, "You")
+      ),
+      ...wrappedLines.map((line, index) => React.createElement(Text, { key: index, color: "white" }, line || " "))
+    )
   );
 }
-function CoworkBlockView({ block }) {
+function CoworkBlockView({ block, width }) {
   const group = block.cowork;
   const warning = group?.status && group.status !== "running" && group.status !== "completed";
   const color = warning ? "yellow" : group?.status === "running" ? "cyan" : "gray";
+  const contentWidth = Math.max(16, width - 4);
   return React.createElement(
     Box,
-    { flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: color, paddingX: 1 },
-    React.createElement(
-      Box,
-      null,
-      React.createElement(Text, { color, bold: true }, "[cowork] "),
-      React.createElement(Text, { color: "white", bold: true }, block.title),
-      block.meta ? React.createElement(Text, { color: "gray" }, ` \xB7 ${block.meta}`) : null
-    ),
-    React.createElement(CoworkDetailsView, { block })
+    { width, flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: color, paddingX: 1 },
+    React.createElement(SurfaceLine, { text: `[cowork] ${block.title}${block.meta ? ` \xB7 ${block.meta}` : ""}`, width: contentWidth, backgroundColor: SURFACE.status, color, bold: true }),
+    React.createElement(CoworkDetailsView, { block, width: contentWidth })
   );
 }
-function CoworkDetailsView({ block }) {
+function CoworkDetailsView({ block, width }) {
   const group = block.cowork;
-  if (!group) return React.createElement(GoalFallbackLines, { lines: block.lines });
+  if (!group) return React.createElement(GoalFallbackLines, { lines: block.lines, width });
   const expanded = block.expanded !== false;
   const lines = expanded ? block.lines : block.lines.filter((line) => line.startsWith("Status:") || line.startsWith("Members:") || line.startsWith("Summary:")).slice(0, 4);
+  const wrappedLines = wrapBlockLines(lines, width, 100);
   return React.createElement(
     Box,
     { flexDirection: "column", marginTop: 1 },
-    ...lines.slice(0, 100).map((line, index) => React.createElement(Text, { key: index, color: coworkLineColor(line) }, line || " "))
+    ...wrappedLines.map((line, index) => React.createElement(Text, { key: index, color: coworkLineColor(line) }, line || " "))
   );
 }
 function coworkLineColor(line) {
@@ -27311,22 +28340,17 @@ function coworkLineColor(line) {
   if (line.startsWith("  ")) return "gray";
   return void 0;
 }
-function GoalWorkBlockView({ block }) {
+function GoalWorkBlockView({ block, width }) {
   const work = block.goalWork;
+  const contentWidth = Math.max(16, width - 4);
   return React.createElement(
     Box,
-    { flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: "cyan", paddingX: 1 },
-    React.createElement(
-      Box,
-      null,
-      React.createElement(Text, { color: "cyan", bold: true }, "[goal] "),
-      React.createElement(Text, { color: "white", bold: true }, block.title),
-      block.meta ? React.createElement(Text, { color: "gray" }, ` \xB7 ${block.meta}`) : null
-    ),
-    work ? React.createElement(GoalWorkDetailsView, { work }) : React.createElement(GoalFallbackLines, { lines: block.lines })
+    { width, flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: "cyan", paddingX: 1 },
+    React.createElement(SurfaceLine, { text: `[goal] ${block.title}${block.meta ? ` \xB7 ${block.meta}` : ""}`, width: contentWidth, backgroundColor: SURFACE.status, color: "cyan", bold: true }),
+    work ? React.createElement(GoalWorkDetailsView, { work, width: contentWidth }) : React.createElement(GoalFallbackLines, { lines: block.lines, width: contentWidth })
   );
 }
-function GoalWorkDetailsView({ work }) {
+function GoalWorkDetailsView({ work, width }) {
   const status = work.completedAt ? "completed" : "running";
   const diffLines = work.diff && work.diff.files.length > 0 ? [
     `Changes: ${work.diff.files.length} ${work.diff.files.length === 1 ? "file" : "files"}  +${work.diff.addedLines} -${work.diff.removedLines}`,
@@ -27335,33 +28359,34 @@ function GoalWorkDetailsView({ work }) {
   return React.createElement(
     Box,
     { flexDirection: "column", marginTop: 1 },
-    React.createElement(Text, { color: "gray" }, `Goal: ${work.goalId}`),
-    React.createElement(Text, { color: "gray" }, `Status: ${status}`),
-    ...diffLines.map((line, index) => React.createElement(Text, { key: `diff-${index}`, color: line.startsWith("  ") ? "gray" : "white" }, line)),
+    ...wrapBlockLines([`Goal: ${work.goalId}`, `Status: ${status}`], width, 4).map((line, index) => React.createElement(Text, { key: `meta-${index}`, color: "gray" }, line)),
+    ...wrapBlockLines(diffLines, width, 20).map((line, index) => React.createElement(Text, { key: `diff-${index}`, color: line.startsWith("  ") ? "gray" : "white" }, line)),
     ...work.narrations.flatMap((narration, index) => [
       React.createElement(
         Box,
         { key: `narration-${narration.narrationId}`, flexDirection: "column", marginTop: index === 0 && diffLines.length === 0 ? 1 : 1 },
-        ...narration.lines.slice(0, 40).map((line, lineIndex) => React.createElement(Text, { key: lineIndex, color: "white" }, line || " ")),
-        narration.tools.length > 0 ? React.createElement(GoalToolGroupView, { key: `${narration.narrationId}-tools`, tools: narration.tools }) : null
+        ...wrapBlockLines(narration.lines, width, 40).map((line, lineIndex) => React.createElement(Text, { key: lineIndex, color: "white" }, line || " ")),
+        narration.tools.length > 0 ? React.createElement(GoalToolGroupView, { key: `${narration.narrationId}-tools`, tools: narration.tools, width }) : null
       )
     ]),
-    work.orphanTools.length > 0 ? React.createElement(GoalToolGroupView, { tools: work.orphanTools, title: "Tools" }) : null
+    work.orphanTools.length > 0 ? React.createElement(GoalToolGroupView, { tools: work.orphanTools, title: "Tools", width }) : null
   );
 }
-function GoalToolGroupView({ tools, title }) {
+function GoalToolGroupView({ tools, title, width }) {
+  const nestedWidth = Math.max(24, width - 2);
   return React.createElement(
     Box,
     { flexDirection: "column", marginTop: 1, marginLeft: 2 },
     title ? React.createElement(Text, { color: "gray" }, title) : null,
-    ...tools.map((tool) => React.createElement(ToolBlockView, { key: tool.callId, block: goalToolAsBlock(tool) }))
+    ...tools.map((tool) => React.createElement(ToolBlockView, { key: tool.callId, block: goalToolAsBlock(tool), width: nestedWidth }))
   );
 }
-function GoalFallbackLines({ lines }) {
+function GoalFallbackLines({ lines, width }) {
+  const wrappedLines = wrapBlockLines(lines, width, 120);
   return React.createElement(
     Box,
     { flexDirection: "column", marginTop: 1 },
-    ...lines.slice(0, 120).map((line, index) => React.createElement(Text, { key: index, color: line.startsWith("    ") || line.startsWith("  ") ? "gray" : void 0 }, line || " "))
+    ...wrappedLines.map((line, index) => React.createElement(Text, { key: index, color: line.startsWith("    ") || line.startsWith("  ") ? "gray" : void 0 }, line || " "))
   );
 }
 function goalToolAsBlock(tool) {
@@ -27375,38 +28400,33 @@ function goalToolAsBlock(tool) {
     expanded: false
   };
 }
-function ToolBlockView({ block }) {
+function ToolBlockView({ block, width }) {
   const status = block.toolStatus ?? "requested";
   const color = status === "completed" ? "green" : status === "failed" || status === "denied" ? "red" : status === "permission" ? "yellow" : status === "running" ? "cyan" : "magenta";
   const badge = status === "completed" ? "ok" : status === "failed" || status === "denied" ? "!" : status === "permission" ? "?" : status === "running" ? "..." : ">";
+  const contentWidth = Math.max(16, width - 4);
+  const header = `[${badge}] ${block.expanded ? "[-]" : "[+]"} ${block.title}${block.meta ? ` \xB7 ${block.meta}` : ""}`;
   return React.createElement(
     Box,
-    { flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: color, paddingX: 1 },
-    React.createElement(
-      Box,
-      null,
-      React.createElement(Text, { color, bold: true }, `[${badge}] `),
-      React.createElement(Text, { color: "gray" }, block.expanded ? "[-] " : "[+] "),
-      React.createElement(Text, { color: "white", bold: true }, block.title),
-      block.meta ? React.createElement(Text, { color: "gray" }, ` \xB7 ${block.meta}`) : null
-    ),
-    block.expanded ? React.createElement(ToolDetailsView, { details: block.toolDetails, fallbackLines: block.lines }) : null
+    { width, flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: color, paddingX: 1 },
+    React.createElement(SurfaceLine, { text: header, width: contentWidth, backgroundColor: SURFACE.status, color, bold: true }),
+    block.expanded ? React.createElement(ToolDetailsView, { details: block.toolDetails, fallbackLines: block.lines, width: contentWidth }) : null
   );
 }
-function ToolDetailsView({ details, fallbackLines }) {
+function ToolDetailsView({ details, fallbackLines, width }) {
   if (!details) {
     return React.createElement(
       Box,
       { flexDirection: "column", marginTop: 1 },
-      ...fallbackLines.slice(0, 80).map((line, index) => React.createElement(Text, { key: index, color: index === 0 ? "gray" : void 0 }, line || " "))
+      ...wrapBlockLines(fallbackLines, width, 80).map((line, index) => React.createElement(Text, { key: index, color: index === 0 ? "gray" : void 0 }, line || " "))
     );
   }
   return React.createElement(
     Box,
     { flexDirection: "column", marginTop: 1 },
-    React.createElement(Text, { color: "white" }, details.summary),
+    ...wrapBlockLines([details.summary], width, 4).map((line, index) => React.createElement(Text, { key: `summary-${index}`, color: "white" }, line || " ")),
     details.chips.length > 0 ? React.createElement(ToolChipLine, { chips: details.chips }) : null,
-    ...details.sections.slice(0, 8).map((section, index) => React.createElement(ToolSectionView, { key: index, section }))
+    ...details.sections.slice(0, 8).map((section, index) => React.createElement(ToolSectionView, { key: index, section, width }))
   );
 }
 function ToolChipLine({ chips }) {
@@ -27419,26 +28439,36 @@ function ToolChipLine({ chips }) {
     ].filter(Boolean))
   );
 }
-function ToolSectionView({ section }) {
+function ToolSectionView({ section, width }) {
   const rows = section.rows ?? [];
   const lines = section.lines ?? [];
+  const bodyWidth = Math.max(8, width - 2);
   const body = rows.length > 0 || lines.length > 0 ? [
-    ...rows.map((row, index) => React.createElement(ToolRowView, { key: `row-${index}`, row })),
-    ...lines.slice(0, 40).map((line, index) => React.createElement(Text, { key: `line-${index}`, color: section.code ? "gray" : "white" }, `  ${line || " "}`))
-  ] : section.emptyText ? [React.createElement(Text, { key: "empty", color: "gray" }, `  ${section.emptyText}`)] : [];
+    ...rows.map((row, index) => React.createElement(ToolRowView, { key: `row-${index}`, row, width: bodyWidth })),
+    ...wrapBlockLines(lines.map((line) => `  ${line || " "}`), bodyWidth, 40).map((line, index) => React.createElement(Text, { key: `line-${index}`, color: section.code ? "gray" : "white" }, line))
+  ] : section.emptyText ? wrapBlockLines([`  ${section.emptyText}`], bodyWidth, 2).map((line, index) => React.createElement(Text, { key: `empty-${index}`, color: "gray" }, line)) : [];
   return React.createElement(
     Box,
     { flexDirection: "column", marginTop: 1 },
-    React.createElement(Text, { color: toneColor(section.tone) ?? "cyan", bold: true }, section.title),
+    React.createElement(Text, { color: toneColor(section.tone) ?? "cyan", bold: true }, fitToWidth(section.title, width)),
     ...body
   );
 }
-function ToolRowView({ row }) {
+function ToolRowView({ row, width }) {
+  const label = `  ${padLabel(row.label)} `;
+  const valueWidth = Math.max(8, width - stringWidth(label));
+  const valueLines = wrapBlockLines([row.value], valueWidth, 6);
   return React.createElement(
     Box,
-    null,
-    React.createElement(Text, { color: "gray" }, `  ${padLabel(row.label)} `),
-    React.createElement(Text, { color: toneColor(row.tone) ?? (row.code ? "cyan" : "white") }, row.value)
+    { flexDirection: "column" },
+    ...valueLines.map(
+      (line, index) => React.createElement(
+        Box,
+        { key: index },
+        React.createElement(Text, { color: "gray" }, index === 0 ? label : padToWidth("", stringWidth(label))),
+        React.createElement(Text, { color: toneColor(row.tone) ?? (row.code ? "cyan" : "white") }, line || " ")
+      )
+    )
   );
 }
 function padLabel(value) {
@@ -27452,40 +28482,53 @@ function toneColor(tone) {
   if (tone === "neutral") return "gray";
   return void 0;
 }
+function BottomStatusStack({ state, now: now2 }) {
+  if (!shouldShowBottomStatusStack(state)) return null;
+  return React.createElement(
+    Box,
+    { alignSelf: "center", width: statusSurfaceWidth(), flexDirection: "column", marginBottom: 1 },
+    React.createElement(GoalIsland, { state }),
+    React.createElement(DiffAccordion, { state }),
+    React.createElement(WorkPlanPanel, { state, now: now2 }),
+    React.createElement(ActivityBar, { state })
+  );
+}
+function shouldShowBottomStatusStack(state) {
+  return Boolean(state.goal || state.turnDiff && state.turnDiff.files.length > 0 || state.workPlan || state.inputMode === "running" || shouldShowActivity(state));
+}
 function ActivityBar({ state }) {
+  if (!shouldShowActivity(state)) return null;
   const warning = state.warnings.at(-1);
   const context = contextEfficiencySummary(state);
+  const color = state.done ? "green" : state.inputMode === "running" ? "cyan" : "blue";
+  const width = statusSurfaceWidth();
+  const contentWidth = Math.max(24, width - 4);
+  const summary = `Activity ${state.activity}${context ? ` | ${context}` : ""}`;
   return React.createElement(
     Box,
-    { borderStyle: "round", borderColor: state.done ? "green" : "blue", paddingX: 1, flexDirection: "column" },
-    React.createElement(
-      Box,
-      null,
-      React.createElement(Text, { color: state.done ? "green" : "blue", bold: true }, "Progress "),
-      React.createElement(Text, { color: state.done ? "green" : "white" }, state.activity),
-      context ? React.createElement(Text, { color: "gray" }, ` | ${context}`) : null
-    ),
-    warning ? React.createElement(Text, { color: "yellow" }, ` \xB7 ${warning}`) : null
+    { alignSelf: "center", width, borderStyle: "round", borderColor: color, paddingX: 1, flexDirection: "column" },
+    React.createElement(SurfaceLine, { text: summary, width: contentWidth, backgroundColor: SURFACE.status, color: state.done ? "green" : color, bold: true }),
+    warning ? React.createElement(SurfaceLine, { text: `! ${warning}`, width: contentWidth, backgroundColor: SURFACE.status, color: "yellow" }) : null
   );
 }
+function shouldShowActivity(state) {
+  return state.inputMode === "running" || state.done || state.warnings.length > 0 || Boolean(state.contextEfficiency);
+}
 function GoalIsland({ state }) {
   const goal = state.goal;
   if (!goal) return null;
   const color = goalIslandColor(goal.status);
   const progress = goal.maxIterations > 0 ? `${goal.iteration}/${goal.maxIterations}` : "active";
   const decision = goal.decision ? ` | ${goalDecisionLabel(goal.decision)}` : "";
-  const reason = goal.reason ? compactText(goal.reason, 88) : void 0;
+  const width = statusSurfaceWidth();
+  const contentWidth = Math.max(24, width - 6);
+  const reason = goal.reason ? compactText(goal.reason, contentWidth) : void 0;
+  const titleLine = `Goal ${goal.title ?? goal.objective} | ${goalStatusLabel(goal.status)} | iter ${progress}${decision}`;
   return React.createElement(
     Box,
-    { alignSelf: "center", borderStyle: "round", borderColor: color, paddingX: 2, marginTop: 1, flexDirection: "column" },
-    React.createElement(
-      Box,
-      null,
-      React.createElement(Text, { color, bold: true }, "Goal "),
-      React.createElement(Text, { color: "white", bold: true }, compactText(goal.title ?? goal.objective, 60)),
-      React.createElement(Text, { color: "gray" }, ` | ${goalStatusLabel(goal.status)} | iter ${progress}${decision}`)
-    ),
-    goal.title ? React.createElement(Text, { color: "gray" }, compactText(goal.objective, 88)) : null,
+    { alignSelf: "center", width, borderStyle: "round", borderColor: color, paddingX: 2, marginTop: 1, flexDirection: "column" },
+    React.createElement(SurfaceLine, { text: titleLine, width: contentWidth, backgroundColor: SURFACE.status, color, bold: true }),
+    goal.title ? React.createElement(Text, { color: "gray" }, fitToWidth(goal.objective, contentWidth)) : null,
     reason ? React.createElement(Text, { color: "gray" }, reason) : null
   );
 }
@@ -27515,57 +28558,43 @@ function DiffAccordion({ state }) {
   const indicator = state.diffExpanded ? "[-]" : "[+]";
   const visibleFiles = diff.files.slice(0, 8);
   const remaining = diff.files.length - visibleFiles.length;
+  const width = statusSurfaceWidth();
+  const contentWidth = Math.max(24, width - 4);
   return React.createElement(
     Box,
-    { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1 },
-    React.createElement(
-      Box,
-      null,
-      React.createElement(Text, { color: "cyan", bold: true }, `${indicator} Diff `),
-      React.createElement(Text, { color: "white" }, summary),
-      React.createElement(Text, { color: "gray" }, " | tab toggle")
-    ),
+    { alignSelf: "center", width, flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1 },
+    React.createElement(SurfaceLine, { text: `${indicator} Diff ${summary} | esc then d toggle`, width: contentWidth, backgroundColor: SURFACE.status, color: "cyan", bold: true }),
     state.diffExpanded ? React.createElement(
       Box,
       { flexDirection: "column", marginTop: 1 },
-      ...visibleFiles.map((file) => React.createElement(DiffFileCard, { key: file.path, file })),
+      ...visibleFiles.map((file) => React.createElement(DiffFileCard, { key: file.path, file, width: contentWidth })),
       remaining > 0 ? React.createElement(Text, { key: "remaining", color: "gray" }, `... ${remaining} more files`) : null
     ) : null
   );
 }
-function DiffFileCard({ file }) {
+function DiffFileCard({ file, width }) {
   const kind = file.kind === "add" ? "add" : file.kind === "delete" ? "delete" : "modified";
   const kindColor = file.kind === "add" ? "green" : file.kind === "delete" ? "red" : "yellow";
+  const line = `[file] ${file.path} \xB7 ${kind}  +${file.addedLines} -${file.removedLines}`;
   return React.createElement(
     Box,
-    { borderStyle: "single", borderColor: "gray", paddingX: 1, marginBottom: 1 },
-    React.createElement(Text, { color: "cyan", bold: true }, "[file] "),
-    React.createElement(Text, { color: "white", bold: true }, file.path),
-    React.createElement(Text, { color: "gray" }, " \xB7 "),
-    React.createElement(Text, { color: kindColor }, kind),
-    React.createElement(Text, { color: "gray" }, "  "),
-    React.createElement(Text, { color: "green" }, `+${file.addedLines}`),
-    React.createElement(Text, { color: "gray" }, " "),
-    React.createElement(Text, { color: "red" }, `-${file.removedLines}`)
+    { width, borderStyle: "single", borderColor: "gray", paddingX: 1, marginBottom: 1 },
+    React.createElement(Text, { color: kindColor, bold: true }, fitToWidth(line, Math.max(8, width - 4)))
   );
 }
 function WorkPlanPanel({ state, now: now2 }) {
   const plan = state.workPlan;
   const steps = plan?.steps ?? [];
   const expanded = state.workPlanExpanded || steps.some((step) => step.status === "blocked" || step.status === "failed");
+  const width = statusSurfaceWidth();
+  const contentWidth = Math.max(24, width - 4);
   if (steps.length === 0) {
     if (state.inputMode !== "running") return null;
     return React.createElement(
       Box,
-      { flexDirection: "column", borderStyle: "single", borderColor: "cyan", paddingX: 1 },
-      React.createElement(
-        Box,
-        null,
-        React.createElement(Text, { color: "cyan", bold: true }, `${expanded ? "[-]" : "[+]"} Plan `),
-        React.createElement(Text, { color: "white" }, "Thinking"),
-        React.createElement(Text, { color: "gray" }, " | ctrl+p toggle")
-      ),
-      expanded ? React.createElement(Text, { color: "gray" }, "Demian is inspecting context and preparing a step-by-step plan.") : null
+      { alignSelf: "center", width, flexDirection: "column", borderStyle: "single", borderColor: "cyan", paddingX: 1 },
+      React.createElement(SurfaceLine, { text: `${expanded ? "[-]" : "[+]"} Plan Thinking | esc then w toggle`, width: contentWidth, backgroundColor: SURFACE.status, color: "cyan", bold: true }),
+      expanded ? React.createElement(Text, { color: "gray" }, fitToWidth("Demian is inspecting context and preparing a step-by-step plan.", contentWidth)) : null
     );
   }
   const phase = workPlanPhase(state);
@@ -27578,57 +28607,63 @@ function WorkPlanPanel({ state, now: now2 }) {
   const elapsed = plan ? planElapsed(plan, now2) : void 0;
   return React.createElement(
     Box,
-    { flexDirection: "column", borderStyle: "single", borderColor: phase.color, paddingX: 1 },
-    React.createElement(
-      Box,
-      null,
-      React.createElement(Text, { color: phase.color, bold: true }, `${expanded ? "[-]" : "[+]"} ${phase.label} `),
-      React.createElement(Text, { color: "white", bold: true }, plan?.title ?? "Main goal"),
-      elapsed ? React.createElement(Text, { color: "gray" }, ` (${elapsed})`) : null,
-      React.createElement(Text, { color: "gray" }, ` | ${planProgressGraph(progress.resolved, progress.total)} ${progress.resolved}/${progress.total}`),
-      blocked ? React.createElement(Text, { color: "red" }, ` | ${blocked} blocked`) : null,
-      React.createElement(Text, { color: "gray" }, " | ctrl+p toggle")
-    ),
+    { alignSelf: "center", width, flexDirection: "column", borderStyle: "single", borderColor: phase.color, paddingX: 1 },
+    React.createElement(SurfaceLine, {
+      text: `${expanded ? "[-]" : "[+]"} ${phase.label} ${plan?.title ?? "Main goal"}${elapsed ? ` (${elapsed})` : ""} | ${planProgressGraph(progress.resolved, progress.total)} ${progress.resolved}/${progress.total}${blocked ? ` | ${blocked} blocked` : ""} | esc then w toggle`,
+      width: contentWidth,
+      backgroundColor: SURFACE.status,
+      color: phase.color,
+      bold: true
+    }),
     expanded ? React.createElement(
       Box,
       { flexDirection: "column", marginTop: 1 },
-      plan?.summary ? React.createElement(WorkPlanInfoLine, { label: "Plan", value: plan.summary }) : null,
+      plan?.summary ? React.createElement(WorkPlanInfoLine, { label: "Plan", value: plan.summary, width: contentWidth }) : null,
       active ? React.createElement(WorkPlanInfoLine, {
         label: "Now",
         value: `${activeIndex + 1}/${steps.length} ${active.title}`,
         meta: stepElapsed(active, now2),
-        color: "yellow"
+        color: "yellow",
+        width: contentWidth
       }) : null
     ) : null,
     expanded ? React.createElement(
       Box,
       { flexDirection: "column", marginTop: 1 },
-      ...visibleSteps.map((step) => React.createElement(WorkPlanStepLine, { key: step.id, step, active: step.id === active?.id, now: now2 }))
+      ...visibleSteps.map((step) => React.createElement(WorkPlanStepLine, { key: step.id, step, active: step.id === active?.id, now: now2, width: contentWidth }))
     ) : null,
-    ...expanded ? notes.map((note) => React.createElement(WorkPlanInfoLine, { key: note.id, label: "Update", value: note.message, color: noteColor(note.level) })) : []
+    ...expanded ? notes.map((note) => React.createElement(WorkPlanInfoLine, { key: note.id, label: "Update", value: note.message, color: noteColor(note.level), width: contentWidth })) : []
   );
 }
-function WorkPlanInfoLine({ label, value, meta, color = "gray" }) {
+function WorkPlanInfoLine({ label, value, meta, color = "gray", width }) {
+  const prefix = `[${label}] `;
+  const valueWidth = Math.max(8, width - stringWidth(prefix) - (meta ? stringWidth(` (${meta})`) : 0));
+  const valueLines = wrapBlockLines([value], valueWidth, 4);
   return React.createElement(
     Box,
-    null,
-    React.createElement(Text, { color: "gray" }, `[${label}] `),
-    React.createElement(Text, { color }, value),
-    meta ? React.createElement(Text, { color: "gray" }, ` (${meta})`) : null
+    { flexDirection: "column" },
+    ...valueLines.map(
+      (line, index) => React.createElement(
+        Box,
+        { key: index },
+        React.createElement(Text, { color: "gray" }, index === 0 ? prefix : padToWidth("", stringWidth(prefix))),
+        React.createElement(Text, { color }, line),
+        index === 0 && meta ? React.createElement(Text, { color: "gray" }, ` (${meta})`) : null
+      )
+    )
   );
 }
-function WorkPlanStepLine({ step, active, now: now2 }) {
+function WorkPlanStepLine({ step, active, now: now2, width }) {
   const detail = [step.detail, step.agent ? `agent ${step.agent}` : void 0].filter(Boolean).join(" | ");
   const elapsed = stepElapsed(step, now2);
+  const title = `${stepGlyph(step.status)} ${step.title}${elapsed ? ` (${elapsed})` : ""}`;
   return React.createElement(
     Box,
     { flexDirection: "column" },
-    React.createElement(
-      Text,
-      { color: stepColor(step.status), bold: active || step.status === "in_progress" },
-      `${stepGlyph(step.status)} ${step.title}${elapsed ? ` (${elapsed})` : ""}`
+    ...wrapBlockLines([title], width, 3).map(
+      (line, index) => React.createElement(Text, { key: `title-${index}`, color: stepColor(step.status), bold: active || step.status === "in_progress" }, line)
     ),
-    detail ? React.createElement(Text, { color: "gray" }, `    ${detail}`) : null
+    detail ? wrapBlockLines([`    ${detail}`], width, 4).map((line, index) => React.createElement(Text, { key: `detail-${index}`, color: "gray" }, line)) : null
   );
 }
 function workPlanPhase(state) {
@@ -27708,74 +28743,311 @@ function formatElapsed2(ms2) {
   if (minutes > 0) return `${minutes}m ${String(seconds).padStart(2, "0")}s`;
   return `${seconds}s`;
 }
-function BottomBar({ state }) {
+function formatSessionAge(updatedAt) {
+  if (!updatedAt || !Number.isFinite(updatedAt)) return "-";
+  const seconds = Math.max(0, Math.floor((Date.now() - updatedAt) / 1e3));
+  if (seconds < 60) return `${seconds}s ago`;
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 48) return `${hours}h ago`;
+  return `${Math.floor(hours / 24)}d ago`;
+}
+function InteractionPanel({ state, shortcutMode, promptInput, slashCommandPalette, commandPalette }) {
   if (state.inputMode === "starting") return React.createElement(LoadingBar);
+  if (state.inputMode === "session") return React.createElement(SessionSelector, { state });
   if (state.permission) return React.createElement(PermissionBar, { state });
   if (state.inputMode === "provider") return React.createElement(ProviderSelector, { state });
   if (state.inputMode === "agent") return React.createElement(AgentSelector, { state });
   if (state.inputMode === "permissionPreset") return React.createElement(PermissionPresetSelector, { state });
   if (state.inputMode === "model") return React.createElement(ModelEditor, { state });
-  if (state.inputMode === "running") return React.createElement(CommandBar, { state });
-  if (state.inputMode === "prompt") return React.createElement(PromptBar, { state });
+  if (state.inputMode === "running") return React.createElement(CommandBar, { state, shortcutMode, promptInput, slashCommandPalette, commandPalette });
+  if (state.inputMode === "prompt") return React.createElement(PromptBar, { state, shortcutMode, promptInput, slashCommandPalette, commandPalette });
   return React.createElement(PermissionBar, { state });
 }
 function LoadingBar() {
   return React.createElement(
     Box,
     { flexDirection: "column", borderStyle: "double", paddingX: 1 },
-    React.createElement(Text, { color: "cyan", bold: true }, "loading"),
-    React.createElement(Text, { color: "gray" }, "demian is preparing the session | ctrl+c exit")
+    React.createElement(SurfaceLine, { text: "loading", width: promptPanelWidth() - 4, backgroundColor: SURFACE.status, color: "cyan", bold: true }),
+    React.createElement(SurfaceLine, { text: "demian is preparing the session | type /exit after loading to quit", width: promptPanelWidth() - 4, backgroundColor: SURFACE.status, color: "gray" })
   );
 }
-function PromptBar({ state }) {
-  const value = state.promptInput || "Type first message and press Enter";
-  const diffHelp = state.turnDiff ? " | tab diff" : "";
-  const toolHelp = state.blocks.some((block) => block.kind === "tool") ? " | ctrl+t tools" : "";
-  const planHelp = state.workPlan || state.inputMode === "running" ? " | ctrl+p plan" : "";
-  const claudeCodePlanHelp = state.pendingClaudeCodePlan ? " | ctrl+e use CC plan" : "";
-  const retryHelp = state.canRetryLastPrompt ? " | ctrl+r retry" : "";
+function shortcutHelp(state) {
+  const parts = ["esc cancel"];
+  if (state.inputMode === "prompt") parts.push("p provider", "a agent", "m model", "o permissions", "u clear");
+  if (state.inputMode === "running") parts.push("s stop");
+  if (state.turnDiff) parts.push("d diff");
+  if (state.blocks.some((block) => block.kind === "tool")) parts.push("t tools");
+  if (state.workPlan || state.inputMode === "running") parts.push("w plan");
+  if (state.pendingClaudeCodePlan) parts.push("e use CC plan");
+  if (state.canRetryLastPrompt) parts.push("r retry");
+  parts.push("q quit");
+  return `shortcut: ${parts.join(" | ")}`;
+}
+function PromptBar({ state, shortcutMode, promptInput, slashCommandPalette, commandPalette }) {
+  const hint = shortcutMode ? shortcutHelp(state) : "enter send | shift/option+enter newline | ctrl+p commands | esc shortcuts | up/down history | /session | /compact | /retry | /exit";
   return React.createElement(
     Box,
-    { flexDirection: "column", borderStyle: "single", paddingX: 1 },
-    React.createElement(
+    { alignSelf: "center", width: promptPanelWidth(), flexDirection: "column", marginTop: 1 },
+    commandPalette ? React.createElement(CommandPalettePanel, { palette: commandPalette }) : null,
+    commandPalette ? null : React.createElement(SessionMetaBox, { state, marginTop: 0 }),
+    slashCommandPalette ? React.createElement(SlashCommandPalette, { palette: slashCommandPalette }) : null,
+    React.createElement(InputFrame, {
+      borderColor: shortcutMode ? "cyan" : "blue",
+      cursorColor: "cyan",
+      value: promptInput,
+      placeholder: "Type first message and press Enter",
+      marginTop: 1
+    }),
+    React.createElement(CommandGuide, { hint, color: shortcutMode ? "cyan" : "gray", error: state.promptError })
+  );
+}
+function CommandBar({ state, shortcutMode, promptInput, slashCommandPalette, commandPalette }) {
+  const hint = shortcutMode ? shortcutHelp(state) : "running | shift/option+enter newline | ctrl+p commands | /stop stop | /exit quit | esc shortcuts";
+  return React.createElement(
+    Box,
+    { alignSelf: "center", width: promptPanelWidth(), flexDirection: "column", marginTop: 1 },
+    commandPalette ? React.createElement(CommandPalettePanel, { palette: commandPalette }) : null,
+    commandPalette ? null : React.createElement(SessionMetaBox, { state, marginTop: 0 }),
+    slashCommandPalette ? React.createElement(SlashCommandPalette, { palette: slashCommandPalette }) : null,
+    React.createElement(InputFrame, {
+      borderColor: shortcutMode ? "cyan" : "yellow",
+      cursorColor: "yellow",
+      value: promptInput,
+      placeholder: "Type /stop to stop or /exit to quit",
+      marginTop: 1
+    }),
+    React.createElement(CommandGuide, { hint, color: shortcutMode ? "cyan" : "gray", error: state.promptError })
+  );
+}
+function CommandPalettePanel({ palette }) {
+  const width = commandPalettePanelWidth();
+  const contentWidth = Math.max(32, width - 4);
+  const maxRows = commandPaletteMaxRows();
+  const selectedCursor = Math.min(palette.cursor, Math.max(0, palette.items.length - 1));
+  const start = Math.max(0, Math.min(selectedCursor - maxRows + 1, Math.max(0, palette.items.length - maxRows)));
+  const visibleItems = palette.items.slice(start, start + maxRows);
+  const visibleCursor = selectedCursor - start;
+  return React.createElement(
+    Box,
+    { alignSelf: "center", width, flexDirection: "column", borderStyle: "single", borderColor: "#374151", paddingX: 1, paddingY: 1, marginTop: 1 },
+    React.createElement(CommandPaletteHeader, { width: contentWidth }),
+    React.createElement(CommandPaletteSearchLine, { query: palette.query, width: contentWidth }),
+    React.createElement(SurfaceLine, { text: "", width: contentWidth, backgroundColor: SURFACE.dialog }),
+    start > 0 ? React.createElement(SurfaceLine, { text: `+ ${start} above`, width: contentWidth, backgroundColor: SURFACE.dialog, color: "gray" }) : null,
+    ...commandPaletteRenderedRows(visibleItems, visibleCursor, contentWidth),
+    palette.items.length === 0 ? React.createElement(SurfaceLine, { text: "No commands", width: contentWidth, backgroundColor: SURFACE.dialog, color: "gray" }) : null,
+    palette.items.length > start + visibleItems.length ? React.createElement(SurfaceLine, { text: `+ ${palette.items.length - start - visibleItems.length} more`, width: contentWidth, backgroundColor: SURFACE.dialog, color: "gray" }) : null
+  );
+}
+function CommandPaletteHeader({ width }) {
+  const label = "Commands";
+  const esc = "esc";
+  const gap = Math.max(1, width - stringWidth(label) - stringWidth(esc));
+  return React.createElement(
+    Text,
+    { backgroundColor: SURFACE.dialog, color: "white", bold: true },
+    `${label}${" ".repeat(gap)}${esc}`
+  );
+}
+function CommandPaletteSearchLine({ query, width }) {
+  const text = query || "Search";
+  const textColor = query ? "white" : "gray";
+  const textWidth = Math.max(0, width - 1);
+  return React.createElement(
+    Box,
+    null,
+    React.createElement(CursorCell, { cursorColor: "#f4a261" }),
+    React.createElement(Text, { color: textColor, backgroundColor: SURFACE.dialog }, padToWidth(fitToWidth(text, textWidth), textWidth))
+  );
+}
+function commandPaletteRenderedRows(items, cursor, width) {
+  const rows = [];
+  let lastGroup;
+  items.forEach((item, index) => {
+    if (item.group !== lastGroup) {
+      if (rows.length > 0) rows.push(React.createElement(SurfaceLine, { key: `gap-${item.group}-${index}`, text: "", width, backgroundColor: SURFACE.dialog }));
+      rows.push(React.createElement(SurfaceLine, { key: `group-${item.group}-${index}`, text: item.group, width, backgroundColor: SURFACE.dialog, color: "magenta", bold: true }));
+      lastGroup = item.group;
+    }
+    rows.push(React.createElement(CommandPaletteRow, { key: item.id, item, selected: index === cursor, width }));
+  });
+  return rows;
+}
+function CommandPaletteRow({ item, selected, width }) {
+  const shortcutWidth = Math.min(18, Math.max(8, Math.floor(width * 0.22)));
+  const titleWidth = Math.min(26, Math.max(16, Math.floor(width * 0.34)));
+  const descriptionWidth = Math.max(0, width - titleWidth - shortcutWidth - 2);
+  const line = [
+    padCell(item.title, titleWidth),
+    padCell(item.description, descriptionWidth),
+    padCell(item.shortcut ?? "", shortcutWidth, "start")
+  ].join(" ");
+  return React.createElement(
+    Text,
+    {
+      color: selected ? "black" : "white",
+      backgroundColor: selected ? "#f4a261" : SURFACE.dialog,
+      bold: selected
+    },
+    padToWidth(line, width)
+  );
+}
+function SlashCommandPalette({ palette }) {
+  const width = promptPanelWidth();
+  const contentWidth = Math.max(24, width - 4);
+  return React.createElement(
+    Box,
+    { alignSelf: "center", width, flexDirection: "column", borderStyle: "single", borderColor: "blue", paddingX: 1, marginTop: 1 },
+    ...palette.items.map((item, index) => {
+      const selected = index === palette.cursor;
+      return React.createElement(
+        Text,
+        {
+          key: item.command,
+          color: selected ? "black" : "white",
+          backgroundColor: selected ? "#f4a261" : SURFACE.dialog,
+          bold: selected
+        },
+        slashCommandLine(item, contentWidth)
+      );
+    })
+  );
+}
+function slashCommandLine(item, width) {
+  const commandWidth = Math.max(12, Math.min(22, Math.floor(width * 0.34)));
+  const descriptionWidth = Math.max(0, width - commandWidth - 1);
+  return `${padCell(item.command, commandWidth)} ${padCell(item.description, descriptionWidth)}`;
+}
+function InputFrame({
+  borderColor,
+  cursorColor,
+  value,
+  placeholder,
+  marginTop = 1
+}) {
+  const width = promptPanelWidth();
+  const contentWidth = Math.max(18, width - 2);
+  const rows = inputFrameRows(value, placeholder, contentWidth);
+  return React.createElement(
+    Box,
+    {
+      alignSelf: "center",
+      width,
+      flexDirection: "column",
+      borderStyle: "double",
+      borderTopColor: borderColor,
+      borderLeftColor: borderColor,
+      borderRightColor: "gray",
+      borderBottomColor: "gray",
+      marginTop
+    },
+    ...rows.map((row, index) => React.createElement(InputFrameLine, { key: index, row, width: contentWidth, cursorColor }))
+  );
+}
+function InputFrameLine({ row, width, cursorColor }) {
+  if (row.cursorBeforeText) {
+    const cursor2 = row.cursor ? React.createElement(CursorCell, { cursorColor }) : React.createElement(Text, { backgroundColor: SURFACE.input }, " ");
+    const textWidth2 = Math.max(0, width - 1);
+    return React.createElement(
       Box,
       null,
-      React.createElement(Text, { color: "cyan", bold: true }, "> "),
-      React.createElement(Text, { color: "gray" }, `[perm:${state.permissionPreset}] `),
-      React.createElement(Text, { color: state.promptInput ? "white" : "gray" }, value)
-    ),
-    state.promptError ? React.createElement(Text, { color: "yellow" }, state.promptError) : React.createElement(Text, { color: "gray" }, `enter send | up/down history | p/a/m/o settings | /cowork | /compact | /retry | /exit | ctrl+u clear${diffHelp}${toolHelp}${planHelp}${claudeCodePlanHelp}${retryHelp}`)
+      cursor2,
+      React.createElement(Text, { color: row.placeholder ? "gray" : "white", backgroundColor: SURFACE.input }, padToWidth(row.text, textWidth2))
+    );
+  }
+  const cursor = row.cursor ? React.createElement(CursorCell, { cursorColor }) : null;
+  const textWidth = row.cursor ? Math.max(0, width - 1) : width;
+  const text = fitToWidth(row.text, textWidth);
+  const fillWidth = Math.max(0, textWidth - stringWidth(text));
+  return React.createElement(
+    Box,
+    null,
+    React.createElement(Text, { color: row.placeholder ? "gray" : "white", backgroundColor: SURFACE.input }, text),
+    cursor,
+    React.createElement(Text, { backgroundColor: SURFACE.input }, padToWidth("", fillWidth))
   );
 }
-function CommandBar({ state }) {
-  const value = state.promptInput || "Type /stop to stop or /exit to quit";
-  const diffHelp = state.turnDiff ? " | tab diff" : "";
-  const toolHelp = state.blocks.some((block) => block.kind === "tool") ? " | ctrl+t tools" : "";
-  const planHelp = state.workPlan || state.inputMode === "running" ? " | ctrl+p plan" : "";
+function CursorCell({ cursorColor }) {
+  return React.createElement(Text, { color: "black", backgroundColor: cursorColor, bold: true }, "\x1B[5m \x1B[25m");
+}
+function CommandGuide({ hint, color, error }) {
   return React.createElement(
     Box,
-    { flexDirection: "column", borderStyle: "single", paddingX: 1 },
+    { alignSelf: "center", width: promptPanelWidth(), flexDirection: "column", marginTop: 1 },
+    error ? React.createElement(Text, { color: "yellow" }, error) : null,
     React.createElement(
       Box,
-      null,
-      React.createElement(Text, { color: "yellow", bold: true }, ": "),
-      React.createElement(Text, { color: "gray" }, `[perm:${state.permissionPreset}] `),
-      React.createElement(Text, { color: state.promptInput ? "white" : "gray" }, value)
-    ),
-    state.promptError ? React.createElement(Text, { color: "yellow" }, state.promptError) : React.createElement(Text, { color: "gray" }, `running | /stop stop | /exit quit${diffHelp}${toolHelp}${planHelp}`)
+      { justifyContent: "flex-end" },
+      React.createElement(Text, { color }, hint)
+    )
+  );
+}
+function SessionSelector({ state }) {
+  const items = state.sessionOptions;
+  const width = sessionPanelWidth();
+  const contentWidth = Math.max(36, width - 6);
+  return React.createElement(
+    DialogFrame,
+    { title: "Start Session", accent: "magenta", width },
+    React.createElement(Text, { color: "gray" }, sessionHeaderLine(contentWidth)),
+    ...items.map((item, index) => {
+      const selected = index === state.sessionCursor;
+      const color = selected ? "cyan" : item.kind === "new" ? "green" : item.currentWorkspace ? "white" : "gray";
+      return React.createElement(
+        Text,
+        { key: item.kind === "new" ? "new-session" : item.id, color, bold: selected },
+        sessionOptionLine(item, index, selected, contentWidth)
+      );
+    }),
+    items.length === 0 ? React.createElement(Text, { color: "gray" }, "No saved sessions. Press n to create one.") : null
   );
 }
+function sessionSelectorColumns(width) {
+  const contentWidth = Math.max(24, width);
+  const compact = contentWidth < 52;
+  const stateWidth = compact ? 6 : 8;
+  const updatedWidth = compact ? 8 : 10;
+  const available = Math.max(0, contentWidth - stateWidth - updatedWidth - 5);
+  const titleMin = Math.min(compact ? 8 : 14, available);
+  const titleMax = compact ? 20 : 42;
+  const titleWidth = Math.min(available, Math.max(titleMin, Math.min(titleMax, Math.floor(available * (compact ? 0.52 : 0.52)))));
+  const workspaceWidth = Math.max(0, available - titleWidth);
+  return { title: titleWidth, state: stateWidth, updated: updatedWidth, workspace: workspaceWidth };
+}
+function sessionHeaderLine(width) {
+  const columns = sessionSelectorColumns(width);
+  return sessionSelectorLine(" ", "Session", "State", "Updated", "Workspace", columns);
+}
+function sessionOptionLine(item, index, selected, width) {
+  const pointer = selected ? ">" : " ";
+  const columns = sessionSelectorColumns(width);
+  if (item.kind === "new") {
+    return sessionSelectorLine(pointer, "+ New session", "ready", "-", item.cwd ?? "current workspace", columns);
+  }
+  const workspace = item.currentWorkspace ? "current workspace" : item.cwd ?? "-";
+  return sessionSelectorLine(pointer, `${index + 1}. ${item.title}`, item.status, formatSessionAge(item.updatedAt), workspace, columns);
+}
+function sessionSelectorLine(pointer, title, state, updated, workspace, columns) {
+  return [
+    `${pointer} ${padCell(title, columns.title)}`,
+    padCell(state, columns.state),
+    padCell(updated, columns.updated),
+    padCell(workspace, columns.workspace, "start")
+  ].join(" ");
+}
 function ProviderSelector({ state }) {
   const items = state.providerOptions;
   return React.createElement(
-    Box,
-    { flexDirection: "column", borderStyle: "double", paddingX: 1 },
-    React.createElement(Text, { color: "cyan", bold: true }, "Select provider"),
+    DialogFrame,
+    { title: "Providers", accent: "magenta" },
+    React.createElement(Text, { color: "gray" }, `${"Provider".padEnd(22)} ${"Model".padEnd(30)} Status`),
     ...items.map(
       (item, index) => React.createElement(
         Text,
         { key: item.name, color: index === state.providerCursor ? "cyan" : item.available === false ? "gray" : "white", bold: index === state.providerCursor },
-        `${index === state.providerCursor ? ">" : " "} ${item.label ?? item.name}  model ${item.modelLabel ?? item.model}`
+        `${index === state.providerCursor ? ">" : " "} ${shorten(item.label ?? item.name, 20).padEnd(20)} ${shorten((item.modelLabel ?? item.model) || "-", 30).padEnd(30)} ${providerStatusLabel(item)}`
       )
     ),
     React.createElement(Text, { color: "gray" }, "up/down select | enter apply | esc cancel")
@@ -27784,9 +29056,8 @@ function ProviderSelector({ state }) {
 function AgentSelector({ state }) {
   const items = state.agentOptions;
   return React.createElement(
-    Box,
-    { flexDirection: "column", borderStyle: "double", paddingX: 1 },
-    React.createElement(Text, { color: "cyan", bold: true }, "Select agent"),
+    DialogFrame,
+    { title: "Agents", accent: "magenta" },
     ...items.map(
       (item, index) => React.createElement(
         Text,
@@ -27799,9 +29070,8 @@ function AgentSelector({ state }) {
 }
 function PermissionPresetSelector({ state }) {
   return React.createElement(
-    Box,
-    { flexDirection: "column", borderStyle: "double", paddingX: 1 },
-    React.createElement(Text, { color: "cyan", bold: true }, "Default permission"),
+    DialogFrame,
+    { title: "Default Permission", accent: "magenta" },
     ...PERMISSION_PRESETS.map(
       (item, index) => React.createElement(
         Text,
@@ -27822,16 +29092,15 @@ function ModelEditor({ state }) {
   const current = state.selection?.model ?? "";
   const value = state.modelInput || `Keep ${current}`;
   return React.createElement(
-    Box,
-    { flexDirection: "column", borderStyle: "double", paddingX: 1 },
-    React.createElement(Text, { color: "cyan", bold: true }, "Model"),
+    DialogFrame,
+    { title: "Model", accent: "magenta" },
     React.createElement(
       Box,
       null,
       React.createElement(Text, { color: "cyan", bold: true }, "> "),
       React.createElement(Text, { color: state.modelInput ? "white" : "gray" }, value)
     ),
-    state.settingsError ? React.createElement(Text, { color: "yellow" }, state.settingsError) : React.createElement(Text, { color: "gray" }, "enter apply | ctrl+u clear | esc cancel")
+    state.settingsError ? React.createElement(Text, { color: "yellow" }, state.settingsError) : React.createElement(Text, { color: "gray" }, "enter apply | backspace edit | esc cancel")
   );
 }
 function PermissionBar({ state }) {
@@ -27841,18 +29110,211 @@ function PermissionBar({ state }) {
   }
   const detailLines = describeToolInput(pending.request.tool, pending.request.input);
   return React.createElement(
-    Box,
-    { flexDirection: "column", borderStyle: "double", paddingX: 1 },
-    React.createElement(Text, { color: "yellow", bold: true }, "Permission required"),
+    DialogFrame,
+    { title: "Permission Required", accent: "yellow" },
     React.createElement(Text, null, `Allow ${toolLabel(pending.request.tool, pending.request.input)}?`),
     ...detailLines.map((line, index) => React.createElement(Text, { key: index, color: "white" }, line)),
     ...permissionShortcutLines().map((line, index) => React.createElement(Text, { key: `shortcut-${index}`, color: "cyan", bold: true }, line))
   );
 }
+function DialogFrame({ title, accent, children, width = dialogPanelWidth() }) {
+  return React.createElement(
+    Box,
+    { alignSelf: "center", width, flexDirection: "column", borderStyle: "round", borderColor: accent, paddingX: 2, paddingY: 1, marginTop: 1 },
+    React.createElement(SurfaceLine, { text: title, width: width - 6, backgroundColor: SURFACE.dialog, color: accent, bold: true }),
+    React.createElement(Box, { height: 1 }),
+    children
+  );
+}
+function providerStatusLabel(item) {
+  if (item.available !== false) return "ready";
+  if (item.catalog?.status === "missing-auth") return "auth";
+  if (item.catalog?.status === "unavailable") return "offline";
+  return "n/a";
+}
+function SurfaceLine({ text, width, backgroundColor, color = "white", bold = false }) {
+  return React.createElement(Text, { color, backgroundColor, bold, wrap: "truncate-end" }, padToWidth(text, width));
+}
+function inputFrameRows(value, placeholder, width) {
+  const contentWidth = Math.max(8, width);
+  const textWidthWithCursor = Math.max(1, contentWidth - 1);
+  if (!value) {
+    const line = fitToWidth(` ${placeholder}`, textWidthWithCursor);
+    return [
+      { text: line, placeholder: true, cursor: true, cursorBeforeText: true },
+      ...Array.from({ length: 2 }, () => ({ text: "", placeholder: false, cursor: false, cursorBeforeText: false }))
+    ];
+  }
+  const rawLines = value.split(/\n/);
+  const wrapped = rawLines.flatMap((line) => wrapInputLine(line, textWidthWithCursor));
+  const rows = wrapped.map((line) => ({ text: line, placeholder: false, cursor: false, cursorBeforeText: false }));
+  const last = rows.at(-1);
+  if (last) last.cursor = true;
+  else rows.push({ text: "", placeholder: false, cursor: true, cursorBeforeText: false });
+  while (rows.length < 3) rows.push({ text: "", placeholder: false, cursor: false, cursorBeforeText: false });
+  return rows.slice(-6);
+}
+function wrapInputLine(value, width) {
+  const target = Math.max(1, width);
+  if (value === "") return [""];
+  const lines = [];
+  let current = "";
+  for (const char of Array.from(value)) {
+    if (stringWidth(current) + stringWidth(char) > target && current) {
+      lines.push(current);
+      current = char;
+    } else {
+      current += char;
+    }
+  }
+  lines.push(current);
+  return lines;
+}
+function wrapBlockLines(lines, width, maxLines = Number.POSITIVE_INFINITY) {
+  const target = Math.max(8, width);
+  const wrapped = [];
+  for (const line of normalizedBlockLines(lines)) {
+    if (wrapped.length >= maxLines) break;
+    const chunks = wrapDisplayLine(line, target);
+    for (const chunk of chunks) {
+      if (wrapped.length >= maxLines) break;
+      wrapped.push(chunk);
+    }
+  }
+  return wrapped.length > 0 ? wrapped : [""];
+}
+function wrapDisplayLine(value, width) {
+  const target = Math.max(1, width);
+  if (value === "") return [""];
+  if (shouldTruncateDisplayLine(value)) return [fitToWidth(value, target)];
+  const chars = Array.from(value);
+  const lines = [];
+  let start = 0;
+  while (start < chars.length) {
+    let current = "";
+    let end = start;
+    let breakAt = -1;
+    for (let index = start; index < chars.length; index += 1) {
+      const next = chars[index] ?? "";
+      if (stringWidth(current) + stringWidth(next) > target && current) break;
+      current += next;
+      end = index + 1;
+      if (isSoftWrapBreak(next)) breakAt = end;
+    }
+    if (end >= chars.length) {
+      lines.push(current);
+      break;
+    }
+    if (breakAt > start && stringWidth(chars.slice(start, breakAt).join("").trimEnd()) >= Math.floor(target * 0.45)) {
+      const line = chars.slice(start, breakAt).join("").trimEnd();
+      lines.push(line || current);
+      start = breakAt;
+      while (chars[start] === " ") start += 1;
+    } else {
+      lines.push(current);
+      start = end;
+    }
+  }
+  return lines;
+}
+function shouldTruncateDisplayLine(value) {
+  return /^[╭╰╮╯│]/u.test(value.trimStart());
+}
+function isSoftWrapBreak(value) {
+  return /\s/u.test(value) || value === "/" || value === "-";
+}
+function padToWidth(value, width) {
+  const target = Math.max(0, width);
+  const current = stringWidth(value);
+  if (current >= target) return value;
+  return `${value}${" ".repeat(target - current)}`;
+}
+function padCell(value, width, truncate2 = "end") {
+  const text = truncate2 === "start" ? truncateStartToWidth(value, width) : truncateEndToWidth(value, width);
+  return padToWidth(text, width);
+}
+function fitToWidth(value, width) {
+  const target = Math.max(0, width);
+  if (stringWidth(value) <= target) return value;
+  let current = "";
+  for (const char of Array.from(value)) {
+    if (stringWidth(current) + stringWidth(char) > target) break;
+    current += char;
+  }
+  return current;
+}
+function truncateEndToWidth(value, width) {
+  const target = Math.max(0, width);
+  if (stringWidth(value) <= target) return value;
+  const marker = "\u2026";
+  const markerWidth = stringWidth(marker);
+  if (target <= markerWidth) return fitToWidth(marker, target);
+  return `${fitToWidth(value, target - markerWidth)}${marker}`;
+}
+function truncateStartToWidth(value, width) {
+  const target = Math.max(0, width);
+  if (stringWidth(value) <= target) return value;
+  const marker = "\u2026";
+  const markerWidth = stringWidth(marker);
+  if (target <= markerWidth) return fitToWidth(marker, target);
+  let current = "";
+  for (const char of Array.from(value).reverse()) {
+    if (stringWidth(current) + stringWidth(char) > target - markerWidth) break;
+    current = `${char}${current}`;
+  }
+  return `${marker}${current}`;
+}
 function shorten(value, max) {
   if (value.length <= max) return value;
   return `\u2026${value.slice(value.length - max + 1)}`;
 }
+function terminalHeight() {
+  const rows = process.stdout.rows;
+  return typeof rows === "number" && Number.isFinite(rows) && rows > 0 ? Math.max(12, rows - 3) : 24;
+}
+function terminalWidth() {
+  const columns = process.stdout.columns;
+  return typeof columns === "number" && Number.isFinite(columns) && columns > 0 ? Math.max(48, columns) : 100;
+}
+function promptPanelWidth() {
+  return responsivePanelWidth({ min: 40, max: 96, margin: 8, ratio: 0.86 });
+}
+function statusSurfaceWidth() {
+  return responsivePanelWidth({ min: 36, max: 112, margin: 8, ratio: 0.95 });
+}
+function transcriptPanelWidth() {
+  return responsivePanelWidth({ min: 48, max: 118, margin: 8, ratio: 0.82 });
+}
+function userMessageBubbleWidth(lines, columns = terminalWidth()) {
+  const available = Math.max(18, columns - 4);
+  const maxWidth = Math.max(18, Math.min(84, available, Math.floor(columns * 0.68)));
+  const minWidth = Math.min(maxWidth, 18);
+  const contentWidth = Math.max(0, ...normalizedBlockLines(lines).map((line) => stringWidth(line)));
+  return Math.max(minWidth, Math.min(maxWidth, contentWidth + 4));
+}
+function normalizedBlockLines(lines) {
+  const normalized = lines.flatMap((line) => String(line ?? "").split(/\r?\n/));
+  return normalized.length > 0 ? normalized : [""];
+}
+function dialogPanelWidth() {
+  return responsivePanelWidth({ min: 52, max: 98, margin: 10, ratio: 0.82 });
+}
+function sessionPanelWidth() {
+  return responsivePanelWidth({ min: 72, max: 118, margin: 6, ratio: 0.92 });
+}
+function commandPalettePanelWidth() {
+  return responsivePanelWidth({ min: 56, max: 88, margin: 10, ratio: 0.74 });
+}
+function commandPaletteMaxRows() {
+  return Math.max(6, Math.min(16, terminalHeight() - 12));
+}
+function responsivePanelWidth({ min, max, margin, ratio }) {
+  const columns = terminalWidth();
+  const available = Math.max(24, columns - margin);
+  const preferred = Math.min(max, Math.max(min, Math.floor(columns * ratio)));
+  const minimumWithinTerminal = Math.min(min, available);
+  return Math.max(minimumWithinTerminal, Math.min(preferred, available));
+}
 function formatTokens(value) {
   const tokens = typeof value === "number" && Number.isFinite(value) ? Math.max(0, Math.round(value)) : 0;
   if (tokens >= 1e6) return `${trimDecimal2(tokens / 1e6)}m`;
@@ -27866,12 +29328,47 @@ function clamp01(value) {
   if (!Number.isFinite(value)) return 0;
   return Math.max(0, Math.min(1, value));
 }
+var SURFACE, CSI_U_INPUT, XTERM_MODIFIED_ENTER_INPUT, SLASH_COMMANDS, DEMIAN_WORDMARK_LINES;
 var init_app = __esm({
   "src/ui/tui/app.ts"() {
     "use strict";
+    init_string_width();
     init_store();
     init_presets();
     init_tool_summary();
+    SURFACE = {
+      input: "#050505",
+      status: "#101820",
+      dialog: "#15121e"
+    };
+    CSI_U_INPUT = /^\x1b?\[(\d+)(?:;(\d+))?u$/;
+    XTERM_MODIFIED_ENTER_INPUT = /^\x1b?\[27;([2-4]);13~$/;
+    SLASH_COMMANDS = [
+      { command: "/cowork", insert: "/cowork", argument: true, mode: "prompt", description: "Run cowork sub agents on a task", aliases: ["agent", "parallel", "review"] },
+      { command: "/compact", insert: "/compact", mode: "prompt", description: "Compact current conversation context", aliases: ["context", "compress"] },
+      { command: "/retry", insert: "/retry", mode: "prompt", description: "Retry the last task", aliases: ["again", "rerun"] },
+      { command: "/session", insert: "/session", argument: true, mode: "prompt", description: "Manage saved conversations", aliases: ["sessions", "conversation", "conv"] },
+      { command: "/session list", insert: "/session list", mode: "prompt", description: "List saved conversations", aliases: ["sessions", "ls"] },
+      { command: "/session new", insert: "/session new", argument: true, mode: "prompt", description: "Create a new conversation", aliases: ["new", "create"] },
+      { command: "/session switch", insert: "/session switch", argument: true, mode: "prompt", description: "Switch to a saved conversation", aliases: ["open", "select", "use"] },
+      { command: "/session rename", insert: "/session rename", argument: true, mode: "prompt", description: "Rename the current conversation", aliases: ["name"] },
+      { command: "/session delete", insert: "/session delete", argument: true, mode: "prompt", description: "Delete a saved conversation", aliases: ["remove", "rm"] },
+      { command: "/goal", insert: "/goal", argument: true, mode: "prompt", description: "Start or inspect a goal loop", aliases: ["task", "objective"] },
+      { command: "/goal status", insert: "/goal status", mode: "prompt", description: "Show active goal status", aliases: ["status"] },
+      { command: "/goal clear", insert: "/goal clear", mode: "prompt", description: "Clear visible goal state", aliases: ["reset"] },
+      { command: "/ralph-loop", insert: "/ralph-loop", argument: true, mode: "prompt", description: "Start a goal loop with Ralph mode", aliases: ["ralph"] },
+      { command: "/cancel-ralph", insert: "/cancel-ralph", mode: "prompt", description: "Pause the active Ralph loop", aliases: ["cancel", "pause"] },
+      { command: "/stop", insert: "/stop", mode: "running", description: "Stop the running task", aliases: ["cancel"] },
+      { command: "/exit", insert: "/exit", mode: "both", description: "Exit Demian", aliases: ["quit", "close"] },
+      { command: "/quit", insert: "/quit", mode: "both", description: "Exit Demian", aliases: ["exit", "close"] }
+    ];
+    DEMIAN_WORDMARK_LINES = [
+      "     _                _             ",
+      "  __| | ___ _ __ ___ (_) __ _ _ __  ",
+      " / _` |/ _ \\ '_ ` _ \\| |/ _` | '_ \\ ",
+      "| (_| |  __/ | | | | | | (_| | | | |",
+      " \\__,_|\\___|_| |_| |_|_|\\__,_|_| |_|"
+    ];
   }
 });
 
@@ -31892,8 +33389,8 @@ async function summarizeGoalTitleWithProvider(options) {
 }
 function normalizeGoalTitle(value, objective) {
   const raw = typeof value === "string" ? value : "";
-  const firstLine = raw.split(/\r?\n/).find((line) => line.trim()) ?? "";
-  const cleaned = stripDecorations(firstLine);
+  const firstLine2 = raw.split(/\r?\n/).find((line) => line.trim()) ?? "";
+  const cleaned = stripDecorations(firstLine2);
   return truncateGoalTitle(cleaned || fallbackGoalTitle(objective));
 }
 function fallbackGoalTitle(objective) {
@@ -32599,17 +34096,17 @@ function findDependencyCycle(group) {
   const byId = new Map(group.map((member) => [member.memberId, member]));
   const visiting = /* @__PURE__ */ new Set();
   const visited = /* @__PURE__ */ new Set();
-  const path36 = [];
+  const path37 = [];
   const visit = (id) => {
-    if (visiting.has(id)) return [...path36.slice(path36.indexOf(id)), id];
+    if (visiting.has(id)) return [...path37.slice(path37.indexOf(id)), id];
     if (visited.has(id)) return void 0;
     visiting.add(id);
-    path36.push(id);
+    path37.push(id);
     for (const dep of byId.get(id)?.dependsOn ?? []) {
       const cycle = visit(dep);
       if (cycle) return cycle;
     }
-    path36.pop();
+    path37.pop();
     visiting.delete(id);
     visited.add(id);
     return void 0;
@@ -33993,14 +35490,224 @@ var init_settings = __esm({
   }
 });
 
+// src/ui/conversations.ts
+import { mkdir as mkdir15, readFile as readFile18, readdir as readdir4, rm as rm4, writeFile as writeFile15 } from "node:fs/promises";
+import path35 from "node:path";
+function createConversationRecord(input2) {
+  const timestamp = input2.now ?? Date.now();
+  return {
+    id: sanitizeConversationId(input2.id),
+    title: input2.title?.trim() || "New session",
+    createdAt: timestamp,
+    updatedAt: timestamp,
+    cwd: path35.resolve(input2.cwd),
+    modelHistory: cleanModelHistory(input2.history ?? []),
+    snapshot: input2.snapshot
+  };
+}
+async function loadConversationIndex(storageDir = defaultDemianStorageDir()) {
+  const index = await readJson(path35.join(storageDir, CONVERSATION_INDEX_FILE));
+  const conversations = Array.isArray(index?.conversations) ? index.conversations.map((item) => {
+    if (!item || typeof item !== "object") return void 0;
+    const object2 = item;
+    const id = typeof object2.id === "string" ? sanitizeConversationId(object2.id) : "";
+    if (!id) return void 0;
+    return {
+      id,
+      title: typeof object2.title === "string" && object2.title.trim() ? object2.title.trim() : "New session",
+      updatedAt: numberOrNow(object2.updatedAt),
+      cwd: typeof object2.cwd === "string" ? object2.cwd : void 0
+    };
+  }).filter((item) => Boolean(item)) : [];
+  return {
+    selectedSessionId: typeof index?.selectedSessionId === "string" ? sanitizeConversationId(index.selectedSessionId) : void 0,
+    conversations
+  };
+}
+async function loadConversationRecords(storageDir = defaultDemianStorageDir()) {
+  const index = await loadConversationIndex(storageDir);
+  const ids = new Set(index.conversations.map((item) => item.id));
+  for (const id of await listConversationRecordIds(storageDir)) ids.add(id);
+  const records = (await Promise.all(
+    [...ids].map(async (id) => {
+      const item = await readJson(conversationRecordPath(storageDir, id));
+      return normalizeConversationRecord(item, id);
+    })
+  )).filter((item) => Boolean(item));
+  records.sort((a, b2) => b2.updatedAt - a.updatedAt);
+  return { selectedSessionId: index.selectedSessionId, records };
+}
+async function saveConversationRecords(storageDir, records, selectedSessionId) {
+  const root = storageDir ?? defaultDemianStorageDir();
+  const kept = [...records].sort((a, b2) => b2.updatedAt - a.updatedAt).slice(0, MAX_STORED_CONVERSATIONS).map((record) => ({ ...record, id: sanitizeConversationId(record.id), modelHistory: cleanModelHistory(record.modelHistory) }));
+  await mkdir15(path35.join(root, CONVERSATIONS_DIR), { recursive: true });
+  for (const record of kept) {
+    await writeJson(conversationRecordPath(root, record.id), {
+      version: 1,
+      id: record.id,
+      title: record.title,
+      createdAt: record.createdAt,
+      updatedAt: record.updatedAt,
+      cwd: record.cwd,
+      modelHistory: record.modelHistory,
+      snapshot: record.snapshot
+    });
+  }
+  await writeJson(path35.join(root, CONVERSATION_INDEX_FILE), {
+    version: 1,
+    selectedSessionId,
+    conversations: kept.map((record) => ({
+      id: record.id,
+      title: record.title,
+      updatedAt: record.updatedAt,
+      cwd: record.cwd,
+      path: conversationDir(root, record.id)
+    }))
+  });
+}
+async function deleteConversationRecord(storageDir, id) {
+  const root = storageDir ?? defaultDemianStorageDir();
+  await rm4(conversationDir(root, id), { recursive: true, force: true });
+}
+function findConversation(records, target) {
+  const value = target?.trim();
+  if (!value) return void 0;
+  const index = Number(value);
+  if (Number.isInteger(index) && index >= 1 && index <= records.length) return records[index - 1];
+  const normalized = value.toLowerCase();
+  return records.find((record) => record.id === value || record.id.startsWith(value)) ?? records.find((record) => record.title.toLowerCase() === normalized) ?? records.find((record) => record.title.toLowerCase().includes(normalized));
+}
+function sortConversationRecords(records, cwd) {
+  const resolvedCwd = path35.resolve(cwd);
+  return [...records].sort((a, b2) => {
+    const aCurrent = isConversationForCwd(a, resolvedCwd) ? 0 : 1;
+    const bCurrent = isConversationForCwd(b2, resolvedCwd) ? 0 : 1;
+    if (aCurrent !== bCurrent) return aCurrent - bCurrent;
+    const statusDelta = conversationStatusRank(conversationRuntimeStatus(a, resolvedCwd)) - conversationStatusRank(conversationRuntimeStatus(b2, resolvedCwd));
+    if (statusDelta !== 0) return statusDelta;
+    return b2.updatedAt - a.updatedAt;
+  });
+}
+function conversationRuntimeStatus(record, cwd) {
+  if (record.snapshot?.inputMode === "running") return "running";
+  return isConversationForCwd(record, cwd) ? "ready" : "stored";
+}
+function isConversationForCwd(record, cwd) {
+  return path35.resolve(record.cwd) === path35.resolve(cwd);
+}
+function conversationSummaryLine(record, index, activeId) {
+  const active = record.id === activeId ? "*" : " ";
+  const age = formatRelativeAge(Date.now() - record.updatedAt);
+  return `${active} ${index + 1}. ${record.title}  ${record.id}  ${age}  ${record.cwd}`;
+}
+function conversationStatusRank(status) {
+  if (status === "running") return 0;
+  if (status === "ready") return 1;
+  return 2;
+}
+function titleFromHistory(history, fallback = "New session") {
+  const firstUser = history.find((message) => message.role === "user" && typeof message.content === "string");
+  return firstLine(firstUser?.content ?? fallback);
+}
+function cleanModelHistory(history) {
+  return history.filter((message) => !isInternalModelHistoryMessage(message)).slice(-MAX_MODEL_HISTORY);
+}
+function conversationDir(storageDir, id) {
+  return path35.join(storageDir, CONVERSATIONS_DIR, sanitizeConversationId(id));
+}
+function conversationRecordPath(storageDir, id) {
+  return path35.join(conversationDir(storageDir, id), CONVERSATION_FILE);
+}
+async function listConversationRecordIds(storageDir) {
+  try {
+    const entries = await readdir4(path35.join(storageDir, CONVERSATIONS_DIR), { withFileTypes: true });
+    return entries.filter((entry) => entry.isDirectory()).map((entry) => sanitizeConversationId(entry.name)).filter(Boolean);
+  } catch {
+    return [];
+  }
+}
+async function readJson(filePath) {
+  try {
+    return JSON.parse(await readFile18(filePath, "utf8"));
+  } catch {
+    return void 0;
+  }
+}
+async function writeJson(filePath, value) {
+  await mkdir15(path35.dirname(filePath), { recursive: true });
+  await writeFile15(filePath, `${JSON.stringify(value, null, 2)}
+`, "utf8");
+}
+function normalizeConversationRecord(value, fallbackId) {
+  if (!value || typeof value !== "object") return void 0;
+  const object2 = value;
+  const id = sanitizeConversationId(typeof object2.id === "string" ? object2.id : fallbackId);
+  if (!id) return void 0;
+  const history = Array.isArray(object2.modelHistory) ? object2.modelHistory.filter(isMessage) : [];
+  const snapshot = object2.snapshot && typeof object2.snapshot === "object" && !Array.isArray(object2.snapshot) ? object2.snapshot : void 0;
+  return {
+    id,
+    title: typeof object2.title === "string" && object2.title.trim() ? object2.title.trim() : titleFromHistory(history),
+    createdAt: numberOrNow(object2.createdAt),
+    updatedAt: numberOrNow(object2.updatedAt),
+    cwd: typeof object2.cwd === "string" && object2.cwd.trim() ? object2.cwd : process.cwd(),
+    modelHistory: cleanModelHistory(history),
+    snapshot
+  };
+}
+function isMessage(value) {
+  if (!value || typeof value !== "object") return false;
+  const message = value;
+  if (message.role === "user") return typeof message.content === "string" || Array.isArray(message.content);
+  if (message.role === "assistant") return message.content === void 0 || message.content === null || typeof message.content === "string" || Array.isArray(message.toolCalls);
+  if (message.role === "tool") return typeof message.toolCallId === "string" && typeof message.name === "string" && typeof message.content === "string";
+  if (message.role === "system") return typeof message.content === "string";
+  return false;
+}
+function isInternalModelHistoryMessage(message) {
+  return message.role === "user" && typeof message.content === "string" && /^You are running as sub agent:/i.test(message.content.trim());
+}
+function sanitizeConversationId(id) {
+  return String(id || "conversation").replace(/[^a-zA-Z0-9._-]+/g, "_") || "conversation";
+}
+function numberOrNow(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : Date.now();
+}
+function firstLine(value) {
+  const line = value.replace(/\s+/g, " ").trim();
+  if (!line) return "New session";
+  return line.length > 60 ? `${line.slice(0, 57)}...` : line;
+}
+function formatRelativeAge(ms2) {
+  const seconds = Math.max(0, Math.floor(ms2 / 1e3));
+  if (seconds < 60) return `${seconds}s ago`;
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 48) return `${hours}h ago`;
+  return `${Math.floor(hours / 24)}d ago`;
+}
+var CONVERSATIONS_DIR, CONVERSATION_INDEX_FILE, CONVERSATION_FILE, MAX_STORED_CONVERSATIONS, MAX_MODEL_HISTORY;
+var init_conversations = __esm({
+  "src/ui/conversations.ts"() {
+    "use strict";
+    init_transcript();
+    CONVERSATIONS_DIR = "conversations";
+    CONVERSATION_INDEX_FILE = "conversations.json";
+    CONVERSATION_FILE = "conversation.json";
+    MAX_STORED_CONVERSATIONS = 40;
+    MAX_MODEL_HISTORY = 80;
+  }
+});
+
 // src/ui/tui/controller.ts
 var controller_exports = {};
 __export(controller_exports, {
   runTuiSession: () => runTuiSession
 });
-import path35 from "node:path";
+import path36 from "node:path";
 async function runTuiSession(flags, store) {
-  const cwd = path35.resolve(flags.cwd ?? process.cwd());
+  const cwd = path36.resolve(flags.cwd ?? process.cwd());
   const eventBus = new EventBus();
   eventBus.subscribe((event) => store.handleEvent(event));
   const loadedConfig = await loadConfig({ cwd, configPath: flags.configPath });
@@ -34032,10 +35739,20 @@ async function runTuiSession(flags, store) {
     }
   });
   let nextPrompt = flags.prompt;
-  let history = flags.initialHistory ? [...flags.initialHistory] : [];
+  const conversationsEnabled = flags.conversationManagement === true;
+  const conversationState = conversationsEnabled ? await initializeConversationState(cwd, flags) : void 0;
+  let currentConversation = conversationState?.current;
+  const conversationRecords = conversationState?.records ?? /* @__PURE__ */ new Map();
+  const shouldShowStartupSessionSelector = conversationsEnabled && !flags.prompt.trim() && !flags.sessionId;
+  let history = flags.initialHistory ? [...flags.initialHistory] : currentConversation?.modelHistory ? [...currentConversation.modelHistory] : [];
   let lastExternalSessionKey;
-  const externalSessions = new ClaudeCodeSessionMap();
-  const rootSessionId = flags.sessionId ?? createRootSessionId();
+  let externalSessions = new ClaudeCodeSessionMap();
+  const runtimeByConversation = /* @__PURE__ */ new Map();
+  let rootSessionId = currentConversation?.id ?? flags.sessionId ?? createRootSessionId();
+  if (currentConversation && !shouldShowStartupSessionSelector) {
+    store.restoreConversationSnapshot(currentConversation.snapshot, { sessionId: currentConversation.id, title: currentConversation.title, cwd: currentConversation.cwd });
+    runtimeByConversation.set(currentConversation.id, { externalSessions, lastExternalSessionKey });
+  }
   const goalTitleGenerator = async (input2) => {
     const selection = store.currentSelection();
     const runtime = resolveProviderRuntimeConfig(config, selection);
@@ -34053,6 +35770,14 @@ async function runTuiSession(flags, store) {
     if (resolved.kind === "external-agent") return input2.objective.trim().split(/\s+/).slice(0, 8).join(" ");
     return summarizeGoalTitleWithProvider({ ...input2, provider: resolved.provider, model: resolved.model });
   };
+  if (shouldShowStartupSessionSelector) {
+    const selected = await store.requestSessionSelection(startupSessionOptions());
+    if (selected.kind === "exit" || store.exitRequested()) {
+      await saveCurrentSelection();
+      return 0;
+    }
+    await applyStartupSessionSelection(selected);
+  }
   for (; ; ) {
     const prompt = await store.requestPrompt(nextPrompt);
     nextPrompt = void 0;
@@ -34061,11 +35786,17 @@ async function runTuiSession(flags, store) {
       return 0;
     }
     if (!prompt) return 0;
+    const sessionCommand = parseSessionCommand(prompt);
+    if (sessionCommand) {
+      await handleSessionCommand(sessionCommand);
+      continue;
+    }
     if (isCompactCommand(prompt)) {
       const result = compactInteractiveHistory(history, config.context.main);
       history = result.messages;
       store.prepareForPrompt("waiting for next message");
       store.markHistoryCompacted(result);
+      await persistCurrentConversation();
       continue;
     }
     const mode = resolveAgentMode(config, flags.mode);
@@ -34217,6 +35948,7 @@ async function runTuiSession(flags, store) {
         history = interactiveHistoryFromRunMessages(result.messages);
         lastExternalSessionKey = externalSessionKey ?? lastExternalSessionKey;
       }
+      await persistCurrentConversation();
     } catch (error) {
       store.setStopTask(void 0);
       if (activeAbort?.signal.aborted) {
@@ -34229,6 +35961,7 @@ async function runTuiSession(flags, store) {
       store.setStopTask(void 0);
     }
     if (store.exitRequested()) {
+      await persistCurrentConversation();
       await saveCurrentSelection();
       return 0;
     }
@@ -34237,6 +35970,161 @@ async function runTuiSession(flags, store) {
   async function saveCurrentSelection() {
     await saveSelection(store.currentSelection());
   }
+  async function handleSessionCommand(command) {
+    if (!conversationsEnabled) {
+      store.showSystemMessage("Sessions", "Session management is available in demian-cli TUI, but this embedded runtime lets the host manage sessions.");
+      store.prepareForPrompt("waiting for next message");
+      return;
+    }
+    if (!currentConversation) {
+      currentConversation = createConversationRecord({ id: flags.sessionId ?? createRootSessionId(), cwd });
+      conversationRecords.set(currentConversation.id, currentConversation);
+    }
+    if (command.action === "help") {
+      store.showSystemMessage("Sessions", sessionUsage());
+      store.prepareForPrompt("waiting for next message");
+      return;
+    }
+    if (command.action === "list") {
+      store.showSystemMessage("Sessions", sessionListMessage());
+      store.prepareForPrompt("waiting for next message");
+      return;
+    }
+    if (command.action === "current") {
+      store.showSystemMessage("Current Session", conversationSummaryLine(currentConversation, sortedConversations().findIndex((item) => item.id === currentConversation?.id), currentConversation.id));
+      store.prepareForPrompt("waiting for next message");
+      return;
+    }
+    if (command.action === "new") {
+      await persistCurrentConversation();
+      const next = createConversationRecord({ id: createRootSessionId(), cwd, title: command.title });
+      conversationRecords.set(next.id, next);
+      await switchConversation(next);
+      store.prepareForPrompt(`new session: ${next.title}`);
+      await persistCurrentConversation();
+      return;
+    }
+    if (command.action === "switch") {
+      const target = findConversation(sortedConversations(), command.target);
+      if (!target) {
+        store.showSystemMessage("Sessions", `No session matched "${command.target ?? ""}".
+
+${sessionListMessage()}`);
+        store.prepareForPrompt("waiting for next message");
+        return;
+      }
+      await persistCurrentConversation();
+      await switchConversation(target);
+      store.prepareForPrompt(`switched session: ${target.title}`);
+      await persistCurrentConversation();
+      return;
+    }
+    if (command.action === "delete") {
+      const target = findConversation(sortedConversations(), command.target);
+      if (!target) {
+        store.showSystemMessage("Sessions", `No session matched "${command.target ?? ""}".`);
+        store.prepareForPrompt("waiting for next message");
+        return;
+      }
+      conversationRecords.delete(target.id);
+      runtimeByConversation.delete(target.id);
+      await deleteConversationRecord(flags.conversationStorageDir, target.id);
+      if (currentConversation?.id === target.id) {
+        const next = sortedConversations()[0] ?? createConversationRecord({ id: createRootSessionId(), cwd });
+        conversationRecords.set(next.id, next);
+        await switchConversation(next);
+      }
+      store.prepareForPrompt(`deleted session: ${target.title}`);
+      await persistCurrentConversation();
+      return;
+    }
+    if (command.action === "rename") {
+      const title = command.title?.trim();
+      if (!title) {
+        store.showSystemMessage("Sessions", "Usage: /session rename <title>");
+        store.prepareForPrompt("waiting for next message");
+        return;
+      }
+      currentConversation.title = title;
+      currentConversation.updatedAt = Date.now();
+      store.prepareForPrompt(`renamed session: ${title}`);
+      await persistCurrentConversation();
+      return;
+    }
+    if (command.action === "clear") {
+      history = [];
+      currentConversation.modelHistory = [];
+      currentConversation.snapshot = void 0;
+      currentConversation.title = "New session";
+      currentConversation.updatedAt = Date.now();
+      store.clearConversation(currentConversation.title);
+      store.prepareForPrompt("cleared current conversation");
+      await persistCurrentConversation();
+    }
+  }
+  function startupSessionOptions() {
+    const records = sortedConversations();
+    const sessionOptions = records.map((record) => ({
+      kind: "session",
+      id: record.id,
+      title: record.title,
+      cwd: record.cwd,
+      status: conversationRuntimeStatus(record, cwd),
+      updatedAt: record.updatedAt,
+      currentWorkspace: path36.resolve(record.cwd) === cwd
+    }));
+    return [...sessionOptions, { kind: "new", title: "New session", cwd, status: "ready", currentWorkspace: true }];
+  }
+  async function applyStartupSessionSelection(selection) {
+    if (selection.kind === "new") {
+      const next = createConversationRecord({ id: createRootSessionId(), cwd });
+      conversationRecords.set(next.id, next);
+      await switchConversation(next);
+      store.prepareForPrompt("new session ready");
+      await saveConversationRecords(flags.conversationStorageDir, [...conversationRecords.values()], next.id);
+      return;
+    }
+    const target = conversationRecords.get(selection.id) ?? findConversation(sortedConversations(), selection.id);
+    if (!target) {
+      const next = createConversationRecord({ id: createRootSessionId(), cwd });
+      conversationRecords.set(next.id, next);
+      await switchConversation(next);
+      store.prepareForPrompt("new session ready");
+      await saveConversationRecords(flags.conversationStorageDir, [...conversationRecords.values()], next.id);
+      return;
+    }
+    await switchConversation(target);
+    store.prepareForPrompt(`session ready: ${target.title}`);
+    await saveConversationRecords(flags.conversationStorageDir, [...conversationRecords.values()], target.id);
+  }
+  async function switchConversation(record) {
+    currentConversation = record;
+    rootSessionId = record.id;
+    history = [...record.modelHistory];
+    const runtime = runtimeByConversation.get(record.id) ?? { externalSessions: new ClaudeCodeSessionMap(), lastExternalSessionKey: void 0 };
+    externalSessions = runtime.externalSessions;
+    lastExternalSessionKey = runtime.lastExternalSessionKey;
+    runtimeByConversation.set(record.id, runtime);
+    store.restoreConversationSnapshot(record.snapshot, { sessionId: record.id, title: record.title, cwd: record.cwd || cwd });
+  }
+  async function persistCurrentConversation() {
+    if (!conversationsEnabled || !currentConversation) return;
+    currentConversation.modelHistory = cleanModelHistory(history);
+    if (currentConversation.title === "New session" && currentConversation.modelHistory.length > 0) currentConversation.title = titleFromHistory(currentConversation.modelHistory);
+    currentConversation.snapshot = store.conversationSnapshot();
+    currentConversation.updatedAt = Date.now();
+    conversationRecords.set(currentConversation.id, currentConversation);
+    runtimeByConversation.set(currentConversation.id, { externalSessions, lastExternalSessionKey });
+    await saveConversationRecords(flags.conversationStorageDir, [...conversationRecords.values()], currentConversation.id);
+  }
+  function sortedConversations() {
+    return sortConversationRecords([...conversationRecords.values()], cwd);
+  }
+  function sessionListMessage() {
+    const records = sortedConversations();
+    if (!records.length) return "No saved sessions.";
+    return ["Saved sessions:", ...records.map((record, index) => conversationSummaryLine(record, index, currentConversation?.id)), "", "Use /session switch <number|id|title> to open one."].join("\n");
+  }
   async function saveSelection(selection) {
     if (!shouldPersistSelection(selection)) return;
     const key = preferenceKey(selection);
@@ -34248,6 +36136,34 @@ async function runTuiSession(flags, store) {
 function isGoalStateClearingAction(action) {
   return action === "status" || action === "pause" || action === "resume";
 }
+async function initializeConversationState(cwd, flags) {
+  const loaded = await loadConversationRecords(flags.conversationStorageDir);
+  const records = new Map(loaded.records.map((record) => [record.id, record]));
+  const shouldResumeSelected = !flags.prompt.trim();
+  const orderedRecords = sortConversationRecords([...records.values()], cwd);
+  const preferred = (flags.sessionId ? findConversation(orderedRecords, flags.sessionId) : void 0) ?? (shouldResumeSelected && loaded.selectedSessionId ? findConversation(orderedRecords, loaded.selectedSessionId) : void 0) ?? (shouldResumeSelected ? orderedRecords[0] : void 0);
+  const current = preferred ?? (flags.prompt.trim() || flags.sessionId || flags.initialHistory?.length ? createConversationRecord({
+    id: flags.sessionId ?? createRootSessionId(),
+    cwd,
+    history: flags.initialHistory
+  }) : void 0);
+  if (current && flags.initialHistory?.length) current.modelHistory = cleanModelHistory(flags.initialHistory);
+  if (current) records.set(current.id, current);
+  return { records, current };
+}
+function sessionUsage() {
+  return [
+    "Usage:",
+    "  /session list",
+    "  /session new [title]",
+    "  /session switch <number|id|title>",
+    "  /session rename <title>",
+    "  /session delete <number|id|title>",
+    "  /session clear",
+    "",
+    "Aliases: /sessions, /conversation, /conversations, /conv"
+  ].join("\n");
+}
 var init_controller = __esm({
   "src/ui/tui/controller.ts"() {
     "use strict";
@@ -34268,11 +36184,13 @@ var init_controller = __esm({
     init_history();
     init_preferences();
     init_settings();
+    init_conversations();
   }
 });
 
 // src/tui.ts
 init_parser();
+import { readFileSync as readFileSync2 } from "node:fs";
 
 // src/doctor/policies.ts
 import { existsSync } from "node:fs";
@@ -35082,8 +37000,8 @@ async function fileExists2(filePath) {
 }
 async function readJsonSafe(filePath) {
   try {
-    const { readFile: readFile18 } = await import("node:fs/promises");
-    const text = await readFile18(filePath, "utf8");
+    const { readFile: readFile19 } = await import("node:fs/promises");
+    const text = await readFile19(filePath, "utf8");
     return JSON.parse(text);
   } catch {
     return void 0;
@@ -35222,9 +37140,9 @@ async function main(argv = process.argv.slice(2)) {
     ]);
     const React2 = ReactModule.default;
     const store = new TuiStore2();
-    const instance = render(React2.createElement(TuiApp2, { store }));
+    const instance = render(React2.createElement(TuiApp2, { store, version: packageVersion() }));
     try {
-      const code = await runTuiSession2(flags, store);
+      const code = await runTuiSession2({ ...flags, conversationManagement: true }, store);
       setTimeout(() => instance.unmount(), 100);
       await instance.waitUntilExit();
       return code;
@@ -35241,6 +37159,14 @@ async function main(argv = process.argv.slice(2)) {
     throw error;
   }
 }
+function packageVersion() {
+  try {
+    const metadata = JSON.parse(readFileSync2(new URL("../package.json", import.meta.url), "utf8"));
+    return typeof metadata.version === "string" && metadata.version.trim() ? metadata.version : "dev";
+  } catch {
+    return "dev";
+  }
+}
 function parseArgs(argv) {
   const out = { prompt: "", transcript: true, images: [] };
   const rest = [];
@@ -35361,15 +37287,18 @@ Usage:
 Default:
   demian and demian-cli launch the Ink terminal UI.
   The TUI shows provider/model defaults before asking for the first message.
-  Press p to select provider, m to edit model, then Enter to send.
-  Press a to select the main agent before sending a message.
-  Press o to select the default permission preset: deny, ask, auto, or full.
+  Press Esc then p to select provider, Esc then m to edit model, then Enter to send.
+  Press Esc then a to select the main agent before sending a message.
+  Press Esc then o to select the default permission preset: deny, ask, auto, or full.
   Press up/down in the message composer to recall previous prompts.
-  Provider/model selections are remembered in .demian/preferences.json.
+  Provider/model selections are remembered in ~/.demian/preferences.json.
   After each answer, the TUI returns to standby for the next message.
   Use /cowork <task> to explicitly ask Demian to coordinate cowork sub agents in multi-agent mode.
   Use /compact to compact current history, /stop to stop active work, and /exit or /quit to close the TUI.
-  Tool approvals show the requested command/path in the bottom bar.
+  Use /session list, /session new, /session switch <number|id|title>, /session rename <title>,
+  and /session delete <number|id|title> to manage saved CLI conversations.
+  Press Esc then q to quit, Esc then s to stop a running task, and Esc then u to clear the composer.
+  Tool approvals show the requested command/path in a permission dialog.
   Press y to allow once, a to always allow the grant scope, or n/Enter to deny.
   Prompt arguments are still accepted as a compatibility shortcut.