sisyphi 1.0.4 → 1.0.6

package/dist/tui.js

@@ -1,28 +1,135 @@
 #!/usr/bin/env node
 import {
+  EXEC_ENV,
+  augmentedPath,
+  exec,
+  execSafe,
   loadConfig
-} from "./chunk-KQBSC5KY.js";
+} from "./chunk-LWWRGQWM.js";
 import {
   buildSessionContext,
   computeActiveTimeMs,
-  resolveReports
-} from "./chunk-DBR33QHM.js";
+  formatDuration,
+  rawSend,
+  resolveReports,
+  statusColor
+} from "./chunk-T7ETTIQK.js";
 import {
+  shellQuote
+} from "./chunk-6G226ZK7.js";
+import {
+  __commonJS,
+  __toESM,
   contextDir,
   globalDir,
   goalPath,
   logsDir,
   roadmapPath,
-  sessionDir,
-  socketPath
-} from "./chunk-YGBGKMTF.js";
+  sessionDir
+} from "./chunk-JXKUI4P6.js";
+
+// node_modules/eastasianwidth/eastasianwidth.js
+var require_eastasianwidth = __commonJS({
+  "node_modules/eastasianwidth/eastasianwidth.js"(exports, module) {
+    "use strict";
+    var eaw = {};
+    if ("undefined" == typeof module) {
+      window.eastasianwidth = eaw;
+    } else {
+      module.exports = eaw;
+    }
+    eaw.eastAsianWidth = function(character) {
+      var x = character.charCodeAt(0);
+      var y = character.length == 2 ? character.charCodeAt(1) : 0;
+      var codePoint = x;
+      if (55296 <= x && x <= 56319 && (56320 <= y && y <= 57343)) {
+        x &= 1023;
+        y &= 1023;
+        codePoint = x << 10 | y;
+        codePoint += 65536;
+      }
+      if (12288 == codePoint || 65281 <= codePoint && codePoint <= 65376 || 65504 <= codePoint && codePoint <= 65510) {
+        return "F";
+      }
+      if (8361 == codePoint || 65377 <= codePoint && codePoint <= 65470 || 65474 <= codePoint && codePoint <= 65479 || 65482 <= codePoint && codePoint <= 65487 || 65490 <= codePoint && codePoint <= 65495 || 65498 <= codePoint && codePoint <= 65500 || 65512 <= codePoint && codePoint <= 65518) {
+        return "H";
+      }
+      if (4352 <= codePoint && codePoint <= 4447 || 4515 <= codePoint && codePoint <= 4519 || 4602 <= codePoint && codePoint <= 4607 || 9001 <= codePoint && codePoint <= 9002 || 11904 <= codePoint && codePoint <= 11929 || 11931 <= codePoint && codePoint <= 12019 || 12032 <= codePoint && codePoint <= 12245 || 12272 <= codePoint && codePoint <= 12283 || 12289 <= codePoint && codePoint <= 12350 || 12353 <= codePoint && codePoint <= 12438 || 12441 <= codePoint && codePoint <= 12543 || 12549 <= codePoint && codePoint <= 12589 || 12593 <= codePoint && codePoint <= 12686 || 12688 <= codePoint && codePoint <= 12730 || 12736 <= codePoint && codePoint <= 12771 || 12784 <= codePoint && codePoint <= 12830 || 12832 <= codePoint && codePoint <= 12871 || 12880 <= codePoint && codePoint <= 13054 || 13056 <= codePoint && codePoint <= 19903 || 19968 <= codePoint && codePoint <= 42124 || 42128 <= codePoint && codePoint <= 42182 || 43360 <= codePoint && codePoint <= 43388 || 44032 <= codePoint && codePoint <= 55203 || 55216 <= codePoint && codePoint <= 55238 || 55243 <= codePoint && codePoint <= 55291 || 63744 <= codePoint && codePoint <= 64255 || 65040 <= codePoint && codePoint <= 65049 || 65072 <= codePoint && codePoint <= 65106 || 65108 <= codePoint && codePoint <= 65126 || 65128 <= codePoint && codePoint <= 65131 || 110592 <= codePoint && codePoint <= 110593 || 127488 <= codePoint && codePoint <= 127490 || 127504 <= codePoint && codePoint <= 127546 || 127552 <= codePoint && codePoint <= 127560 || 127568 <= codePoint && codePoint <= 127569 || 131072 <= codePoint && codePoint <= 194367 || 177984 <= codePoint && codePoint <= 196605 || 196608 <= codePoint && codePoint <= 262141) {
+        return "W";
+      }
+      if (32 <= codePoint && codePoint <= 126 || 162 <= codePoint && codePoint <= 163 || 165 <= codePoint && codePoint <= 166 || 172 == codePoint || 175 == codePoint || 10214 <= codePoint && codePoint <= 10221 || 10629 <= codePoint && codePoint <= 10630) {
+        return "Na";
+      }
+      if (161 == codePoint || 164 == codePoint || 167 <= codePoint && codePoint <= 168 || 170 == codePoint || 173 <= codePoint && codePoint <= 174 || 176 <= codePoint && codePoint <= 180 || 182 <= codePoint && codePoint <= 186 || 188 <= codePoint && codePoint <= 191 || 198 == codePoint || 208 == codePoint || 215 <= codePoint && codePoint <= 216 || 222 <= codePoint && codePoint <= 225 || 230 == codePoint || 232 <= codePoint && codePoint <= 234 || 236 <= codePoint && codePoint <= 237 || 240 == codePoint || 242 <= codePoint && codePoint <= 243 || 247 <= codePoint && codePoint <= 250 || 252 == codePoint || 254 == codePoint || 257 == codePoint || 273 == codePoint || 275 == codePoint || 283 == codePoint || 294 <= codePoint && codePoint <= 295 || 299 == codePoint || 305 <= codePoint && codePoint <= 307 || 312 == codePoint || 319 <= codePoint && codePoint <= 322 || 324 == codePoint || 328 <= codePoint && codePoint <= 331 || 333 == codePoint || 338 <= codePoint && codePoint <= 339 || 358 <= codePoint && codePoint <= 359 || 363 == codePoint || 462 == codePoint || 464 == codePoint || 466 == codePoint || 468 == codePoint || 470 == codePoint || 472 == codePoint || 474 == codePoint || 476 == codePoint || 593 == codePoint || 609 == codePoint || 708 == codePoint || 711 == codePoint || 713 <= codePoint && codePoint <= 715 || 717 == codePoint || 720 == codePoint || 728 <= codePoint && codePoint <= 731 || 733 == codePoint || 735 == codePoint || 768 <= codePoint && codePoint <= 879 || 913 <= codePoint && codePoint <= 929 || 931 <= codePoint && codePoint <= 937 || 945 <= codePoint && codePoint <= 961 || 963 <= codePoint && codePoint <= 969 || 1025 == codePoint || 1040 <= codePoint && codePoint <= 1103 || 1105 == codePoint || 8208 == codePoint || 8211 <= codePoint && codePoint <= 8214 || 8216 <= codePoint && codePoint <= 8217 || 8220 <= codePoint && codePoint <= 8221 || 8224 <= codePoint && codePoint <= 8226 || 8228 <= codePoint && codePoint <= 8231 || 8240 == codePoint || 8242 <= codePoint && codePoint <= 8243 || 8245 == codePoint || 8251 == codePoint || 8254 == codePoint || 8308 == codePoint || 8319 == codePoint || 8321 <= codePoint && codePoint <= 8324 || 8364 == codePoint || 8451 == codePoint || 8453 == codePoint || 8457 == codePoint || 8467 == codePoint || 8470 == codePoint || 8481 <= codePoint && codePoint <= 8482 || 8486 == codePoint || 8491 == codePoint || 8531 <= codePoint && codePoint <= 8532 || 8539 <= codePoint && codePoint <= 8542 || 8544 <= codePoint && codePoint <= 8555 || 8560 <= codePoint && codePoint <= 8569 || 8585 == codePoint || 8592 <= codePoint && codePoint <= 8601 || 8632 <= codePoint && codePoint <= 8633 || 8658 == codePoint || 8660 == codePoint || 8679 == codePoint || 8704 == codePoint || 8706 <= codePoint && codePoint <= 8707 || 8711 <= codePoint && codePoint <= 8712 || 8715 == codePoint || 8719 == codePoint || 8721 == codePoint || 8725 == codePoint || 8730 == codePoint || 8733 <= codePoint && codePoint <= 8736 || 8739 == codePoint || 8741 == codePoint || 8743 <= codePoint && codePoint <= 8748 || 8750 == codePoint || 8756 <= codePoint && codePoint <= 8759 || 8764 <= codePoint && codePoint <= 8765 || 8776 == codePoint || 8780 == codePoint || 8786 == codePoint || 8800 <= codePoint && codePoint <= 8801 || 8804 <= codePoint && codePoint <= 8807 || 8810 <= codePoint && codePoint <= 8811 || 8814 <= codePoint && codePoint <= 8815 || 8834 <= codePoint && codePoint <= 8835 || 8838 <= codePoint && codePoint <= 8839 || 8853 == codePoint || 8857 == codePoint || 8869 == codePoint || 8895 == codePoint || 8978 == codePoint || 9312 <= codePoint && codePoint <= 9449 || 9451 <= codePoint && codePoint <= 9547 || 9552 <= codePoint && codePoint <= 9587 || 9600 <= codePoint && codePoint <= 9615 || 9618 <= codePoint && codePoint <= 9621 || 9632 <= codePoint && codePoint <= 9633 || 9635 <= codePoint && codePoint <= 9641 || 9650 <= codePoint && codePoint <= 9651 || 9654 <= codePoint && codePoint <= 9655 || 9660 <= codePoint && codePoint <= 9661 || 9664 <= codePoint && codePoint <= 9665 || 9670 <= codePoint && codePoint <= 9672 || 9675 == codePoint || 9678 <= codePoint && codePoint <= 9681 || 9698 <= codePoint && codePoint <= 9701 || 9711 == codePoint || 9733 <= codePoint && codePoint <= 9734 || 9737 == codePoint || 9742 <= codePoint && codePoint <= 9743 || 9748 <= codePoint && codePoint <= 9749 || 9756 == codePoint || 9758 == codePoint || 9792 == codePoint || 9794 == codePoint || 9824 <= codePoint && codePoint <= 9825 || 9827 <= codePoint && codePoint <= 9829 || 9831 <= codePoint && codePoint <= 9834 || 9836 <= codePoint && codePoint <= 9837 || 9839 == codePoint || 9886 <= codePoint && codePoint <= 9887 || 9918 <= codePoint && codePoint <= 9919 || 9924 <= codePoint && codePoint <= 9933 || 9935 <= codePoint && codePoint <= 9953 || 9955 == codePoint || 9960 <= codePoint && codePoint <= 9983 || 10045 == codePoint || 10071 == codePoint || 10102 <= codePoint && codePoint <= 10111 || 11093 <= codePoint && codePoint <= 11097 || 12872 <= codePoint && codePoint <= 12879 || 57344 <= codePoint && codePoint <= 63743 || 65024 <= codePoint && codePoint <= 65039 || 65533 == codePoint || 127232 <= codePoint && codePoint <= 127242 || 127248 <= codePoint && codePoint <= 127277 || 127280 <= codePoint && codePoint <= 127337 || 127344 <= codePoint && codePoint <= 127386 || 917760 <= codePoint && codePoint <= 917999 || 983040 <= codePoint && codePoint <= 1048573 || 1048576 <= codePoint && codePoint <= 1114109) {
+        return "A";
+      }
+      return "N";
+    };
+    eaw.characterLength = function(character) {
+      var code = this.eastAsianWidth(character);
+      if (code == "F" || code == "W" || code == "A") {
+        return 2;
+      } else {
+        return 1;
+      }
+    };
+    function stringToArray(string) {
+      return string.match(/[\uD800-\uDBFF][\uDC00-\uDFFF]|[^\uD800-\uDFFF]/g) || [];
+    }
+    eaw.length = function(string) {
+      var characters = stringToArray(string);
+      var len = 0;
+      for (var i = 0; i < characters.length; i++) {
+        len = len + this.characterLength(characters[i]);
+      }
+      return len;
+    };
+    eaw.slice = function(text, start, end) {
+      textLen = eaw.length(text);
+      start = start ? start : 0;
+      end = end ? end : 1;
+      if (start < 0) {
+        start = textLen + start;
+      }
+      if (end < 0) {
+        end = textLen + end;
+      }
+      var result = "";
+      var eawLen = 0;
+      var chars = stringToArray(text);
+      for (var i = 0; i < chars.length; i++) {
+        var char = chars[i];
+        var charLen = eaw.length(char);
+        if (eawLen >= start - (charLen == 2 ? 1 : 0)) {
+          if (eawLen + charLen <= end) {
+            result += char;
+          } else {
+            break;
+          }
+        }
+        eawLen += charLen;
+      }
+      return result;
+    };
+  }
+});
+
+// node_modules/emoji-regex/index.js
+var require_emoji_regex = __commonJS({
+  "node_modules/emoji-regex/index.js"(exports, module) {
+    "use strict";
+    module.exports = function() {
+      return /\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62(?:\uDB40\uDC77\uDB40\uDC6C\uDB40\uDC73|\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74|\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67)\uDB40\uDC7F|(?:\uD83E\uDDD1\uD83C\uDFFF\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFF\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB-\uDFFE])|(?:\uD83E\uDDD1\uD83C\uDFFE\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFE\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB-\uDFFD\uDFFF])|(?:\uD83E\uDDD1\uD83C\uDFFD\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFD\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|(?:\uD83E\uDDD1\uD83C\uDFFC\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFC\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB\uDFFD-\uDFFF])|(?:\uD83E\uDDD1\uD83C\uDFFB\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFB\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFC-\uDFFF])|\uD83D\uDC68(?:\uD83C\uDFFB(?:\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFF]))|\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFC-\uDFFF])|[\u2695\u2696\u2708]\uFE0F|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))?|(?:\uD83C[\uDFFC-\uDFFF])\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFF]))|\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83D\uDC68|(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFE])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])\uFE0F|\u200D(?:(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D[\uDC66\uDC67])|\uD83D[\uDC66\uDC67])|\uD83C\uDFFF|\uD83C\uDFFE|\uD83C\uDFFD|\uD83C\uDFFC)?|(?:\uD83D\uDC69(?:\uD83C\uDFFB\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69])|(?:\uD83C[\uDFFC-\uDFFF])\u200D\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69]))|\uD83E\uDDD1(?:\uD83C[\uDFFB-\uDFFF])\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1)(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC69(?:\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFB\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))|\uD83E\uDDD1(?:\u200D(?:\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFB\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))|\uD83D\uDC69\u200D\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D[\uDC66\uDC67])|\uD83D\uDC69\u200D\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|(?:\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8|\uD83E\uDDD1(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\uD83C\uDFFB\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])|\uD83D\uDC69(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\uD83C\uDFFB\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])|\uD83D\uDE36\u200D\uD83C\uDF2B|\uD83C\uDFF3\uFE0F\u200D\u26A7|\uD83D\uDC3B\u200D\u2744|(?:(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC6F|\uD83E[\uDD3C\uDDDE\uDDDF])\u200D[\u2640\u2642]|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]|\uD83C\uDFF4\u200D\u2620|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD])\u200D[\u2640\u2642]|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u2600-\u2604\u260E\u2611\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26B0\u26B1\u26C8\u26CF\u26D1\u26D3\u26E9\u26F0\u26F1\u26F4\u26F7\u26F8\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u3030\u303D\u3297\u3299]|\uD83C[\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]|\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|\uD83C\uDFF3\uFE0F\u200D\uD83C\uDF08|\uD83D\uDC69\u200D\uD83D\uDC67|\uD83D\uDC69\u200D\uD83D\uDC66|\uD83D\uDE35\u200D\uD83D\uDCAB|\uD83D\uDE2E\u200D\uD83D\uDCA8|\uD83D\uDC15\u200D\uD83E\uDDBA|\uD83E\uDDD1(?:\uD83C\uDFFF|\uD83C\uDFFE|\uD83C\uDFFD|\uD83C\uDFFC|\uD83C\uDFFB)?|\uD83D\uDC69(?:\uD83C\uDFFF|\uD83C\uDFFE|\uD83C\uDFFD|\uD83C\uDFFC|\uD83C\uDFFB)?|\uD83C\uDDFD\uD83C\uDDF0|\uD83C\uDDF6\uD83C\uDDE6|\uD83C\uDDF4\uD83C\uDDF2|\uD83D\uDC08\u200D\u2B1B|\u2764\uFE0F\u200D(?:\uD83D\uDD25|\uD83E\uDE79)|\uD83D\uDC41\uFE0F|\uD83C\uDFF3\uFE0F|\uD83C\uDDFF(?:\uD83C[\uDDE6\uDDF2\uDDFC])|\uD83C\uDDFE(?:\uD83C[\uDDEA\uDDF9])|\uD83C\uDDFC(?:\uD83C[\uDDEB\uDDF8])|\uD83C\uDDFB(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA])|\uD83C\uDDFA(?:\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF])|\uD83C\uDDF9(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF])|\uD83C\uDDF8(?:\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF])|\uD83C\uDDF7(?:\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC])|\uD83C\uDDF5(?:\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE])|\uD83C\uDDF3(?:\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF])|\uD83C\uDDF2(?:\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF])|\uD83C\uDDF1(?:\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE])|\uD83C\uDDF0(?:\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF])|\uD83C\uDDEF(?:\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5])|\uD83C\uDDEE(?:\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9])|\uD83C\uDDED(?:\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA])|\uD83C\uDDEC(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE])|\uD83C\uDDEB(?:\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7])|\uD83C\uDDEA(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA])|\uD83C\uDDE9(?:\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF])|\uD83C\uDDE8(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF])|\uD83C\uDDE7(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF])|\uD83C\uDDE6(?:\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF])|[#\*0-9]\uFE0F\u20E3|\u2764\uFE0F|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])|\uD83C\uDFF4|(?:[\u270A\u270B]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\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]|\uD83E[\uDD0C\uDD0F\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5])(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u270C\u270D]|\uD83D[\uDD74\uDD90])(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])|[\u270A\u270B]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\uDC08\uDC15\uDC3B\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE2E\uDE35\uDE36\uDE4C\uDE4F\uDEC0\uDECC]|\uD83E[\uDD0C\uDD0F\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5]|\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD]|\uD83D\uDC6F|\uD83E[\uDD3C\uDDDE\uDDDF]|[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\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-\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB]|\uD83E[\uDD0D\uDD0E\uDD10-\uDD17\uDD1D\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78\uDD7A-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCB\uDDD0\uDDE0-\uDDFF\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6]|(?:[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u270A\u270B\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF93\uDFA0-\uDFCA\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF4\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC3E\uDC40\uDC42-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDD7A\uDD95\uDD96\uDDA4\uDDFB-\uDE4F\uDE80-\uDEC5\uDECC\uDED0-\uDED2\uDED5-\uDED7\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB]|\uD83E[\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDD78\uDD7A-\uDDCB\uDDCD-\uDDFF\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6])|(?:[#\*0-9\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26A7\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDCCF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE02\uDE1A\uDE2F\uDE32-\uDE3A\uDE50\uDE51\uDF00-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFF]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5-\uDED7\uDEE0-\uDEE5\uDEE9\uDEEB\uDEEC\uDEF0\uDEF3-\uDEFC\uDFE0-\uDFEB]|\uD83E[\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDD78\uDD7A-\uDDCB\uDDCD-\uDDFF\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6])\uFE0F|(?:[\u261D\u26F9\u270A-\u270D]|\uD83C[\uDF85\uDFC2-\uDFC4\uDFC7\uDFCA-\uDFCC]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66-\uDC78\uDC7C\uDC81-\uDC83\uDC85-\uDC87\uDC8F\uDC91\uDCAA\uDD74\uDD75\uDD7A\uDD90\uDD95\uDD96\uDE45-\uDE47\uDE4B-\uDE4F\uDEA3\uDEB4-\uDEB6\uDEC0\uDECC]|\uD83E[\uDD0C\uDD0F\uDD18-\uDD1F\uDD26\uDD30-\uDD39\uDD3C-\uDD3E\uDD77\uDDB5\uDDB6\uDDB8\uDDB9\uDDBB\uDDCD-\uDDCF\uDDD1-\uDDDD])/g;
+    };
+  }
+});
 
 // src/tui/index.tsx
 import { render } from "ink";
 
 // src/tui/App.tsx
-import { useState as useState4, useEffect as useEffect3, useCallback as useCallback2, useMemo as useMemo4, useRef as useRef3 } from "react";
-import { Box as Box13, Text as Text13, useApp, useStdout } from "ink";
+import { useState as useState4, useEffect as useEffect3, useCallback as useCallback2, useMemo as useMemo6, useRef as useRef3 } from "react";
+import { Box as Box11, Text as Text11, useApp, useStdout } from "ink";
 
 // src/tui/components/SessionTree.tsx
 import { Box, Text } from "ink";
@@ -62,25 +169,70 @@ function isAncestorLastSibling(nodes, index, depth) {
   return true;
 }
 
-// src/tui/lib/format.ts
-function formatDuration(startOrMs, endIso) {
-  let totalMs;
-  if (typeof startOrMs === "number") {
-    totalMs = startOrMs;
-  } else {
-    const start = new Date(startOrMs).getTime();
-    const end = endIso ? new Date(endIso).getTime() : Date.now();
-    totalMs = end - start;
+// node_modules/ansi-regex/index.js
+function ansiRegex({ onlyFirst = false } = {}) {
+  const ST = "(?:\\u0007|\\u001B\\u005C|\\u009C)";
+  const osc = `(?:\\u001B\\][\\s\\S]*?${ST})`;
+  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");
+}
+
+// node_modules/strip-ansi/index.js
+var regex = ansiRegex();
+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, "");
+}
+
+// node_modules/string-width/index.js
+var import_eastasianwidth = __toESM(require_eastasianwidth(), 1);
+var import_emoji_regex = __toESM(require_emoji_regex(), 1);
+function stringWidth(string, options = {}) {
+  if (typeof string !== "string" || string.length === 0) {
+    return 0;
+  }
+  options = {
+    ambiguousIsNarrow: true,
+    ...options
+  };
+  string = stripAnsi(string);
+  if (string.length === 0) {
+    return 0;
+  }
+  string = string.replace((0, import_emoji_regex.default)(), "  ");
+  const ambiguousCharacterWidth = options.ambiguousIsNarrow ? 1 : 2;
+  let width = 0;
+  for (const character of string) {
+    const codePoint = character.codePointAt(0);
+    if (codePoint <= 31 || codePoint >= 127 && codePoint <= 159) {
+      continue;
+    }
+    if (codePoint >= 768 && codePoint <= 879) {
+      continue;
+    }
+    const code = import_eastasianwidth.default.eastAsianWidth(character);
+    switch (code) {
+      case "F":
+      case "W":
+        width += 2;
+        break;
+      case "A":
+        width += ambiguousCharacterWidth;
+        break;
+      default:
+        width += 1;
+    }
   }
-  const totalSeconds = Math.floor(totalMs / 1e3);
-  if (totalSeconds < 0) return "0s";
-  const hours = Math.floor(totalSeconds / 3600);
-  const minutes = Math.floor(totalSeconds % 3600 / 60);
-  const seconds = totalSeconds % 60;
-  if (hours > 0) return `${hours}h${minutes}m`;
-  if (minutes > 0) return `${minutes}m${seconds}s`;
-  return `${seconds}s`;
+  return width;
 }
+
+// src/tui/lib/format.ts
 function formatTimeAgo(iso) {
   const diff = Date.now() - new Date(iso).getTime();
   const minutes = Math.floor(diff / 6e4);
@@ -94,11 +246,20 @@ function formatTime(iso) {
   return `${d.getHours().toString().padStart(2, "0")}:${d.getMinutes().toString().padStart(2, "0")}`;
 }
 function truncate(text, max) {
-  if (max < 4) return text.slice(0, max);
-  if (text.length <= max) return text;
-  const cut = text.lastIndexOf(" ", max - 1);
-  const breakAt = cut > max * 0.6 ? cut : max - 1;
-  return text.slice(0, breakAt) + "\u2026";
+  const clean = text.replace(/\n/g, " ").replace(/✅/g, "\u2713").replace(/❌/g, "\u2717").replace(new RegExp("\\p{Emoji_Presentation}", "gu"), "");
+  if (max < 4) return clean.slice(0, max);
+  const w = stringWidth(clean);
+  if (w <= max) return clean;
+  let result = clean;
+  while (stringWidth(result) > max - 1 && result.length > 0) {
+    const cut = result.lastIndexOf(" ", result.length - 2);
+    if (cut > max * 0.4) {
+      result = result.slice(0, cut);
+    } else {
+      result = result.slice(0, result.length - 1);
+    }
+  }
+  return result + "\u2026";
 }
 function stripMarkdown(text) {
   return text.replace(/^#{1,6}\s+/gm, "").replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/~~(.+?)~~/g, "$1").replace(/`{1,3}[^`]*`{1,3}/g, "").replace(/^[-*+]\s+/gm, "").replace(/^\d+[.)]\s+/gm, "").replace(/\[(.+?)\]\(.+?\)/g, "$1").replace(/^>\s+/gm, "").replace(/---+/g, "").replace(/\n+/g, " ").replace(/\s+/g, " ").trim();
@@ -137,24 +298,6 @@ function durationColor(startOrMs, endIso) {
   if (totalMs < 30 * 60 * 1e3) return "yellow";
   return "red";
 }
-function statusColor(status) {
-  switch (status) {
-    case "active":
-    case "running":
-      return "green";
-    case "completed":
-      return "cyan";
-    case "paused":
-      return "yellow";
-    case "killed":
-    case "crashed":
-      return "red";
-    case "lost":
-      return "gray";
-    default:
-      return "white";
-  }
-}
 function statusIndicator(status) {
   switch (status) {
     case "active":
@@ -202,20 +345,42 @@ function stripFrontmatter(content) {
   return content.slice(end + 4).trimStart();
 }
 function cleanMarkdown(line) {
-  return line.replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/~~(.+?)~~/g, "$1").replace(/`(.+?)`/g, "$1").replace(/\[(.+?)\]\(.+?\)/g, "$1");
+  return line.replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/~~(.+?)~~/g, "$1").replace(/`(.+?)`/g, "$1").replace(/\[(.+?)\]\(.+?\)/g, "$1").replace(/✅/g, "\u2713").replace(/❌/g, "\u2717").replace(new RegExp("\\p{Emoji_Presentation}", "gu"), "");
+}
+function seg(text, opts) {
+  return { text, ...opts };
+}
+function singleLine(text, opts) {
+  return [seg(text, opts)];
 }
 function wrapText(text, width) {
   if (width <= 0) return text.split("\n");
   const result = [];
   for (const rawLine of text.split("\n")) {
-    if (rawLine.length <= width) {
+    if (stringWidth(rawLine) <= width) {
       result.push(rawLine);
       continue;
     }
     let remaining = rawLine;
-    while (remaining.length > width) {
-      let breakAt = remaining.lastIndexOf(" ", width);
-      if (breakAt <= 0) breakAt = width;
+    while (stringWidth(remaining) > width) {
+      let breakAt = -1;
+      let estimate = Math.min(remaining.length, width);
+      for (let i = estimate; i >= 0; i--) {
+        if (remaining[i] === " " && stringWidth(remaining.slice(0, i)) <= width) {
+          breakAt = i;
+          break;
+        }
+      }
+      if (breakAt <= 0) {
+        breakAt = remaining.length;
+        for (let i = 1; i <= remaining.length; i++) {
+          if (stringWidth(remaining.slice(0, i)) > width) {
+            breakAt = i - 1;
+            break;
+          }
+        }
+        if (breakAt <= 0) breakAt = 1;
+      }
       result.push(remaining.slice(0, breakAt));
       remaining = remaining.slice(breakAt).trimStart();
     }
@@ -239,12 +404,13 @@ function SessionTree({ nodes, cursorIndex, width, height, focused }) {
         children: [
           /* @__PURE__ */ jsx(Text, { bold: true, children: " Sessions " }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No sessions found." }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press [n] to create one." })
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press [n] to create one." }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press [?] for all keybindings." })
         ]
       }
     );
   }
-  const maxVisible = Math.max(1, height - 3);
+  const maxVisible = Math.max(1, height - 4);
   const halfVisible = Math.floor(maxVisible / 2);
   const scrollOffset = Math.max(
     0,
@@ -375,20 +541,22 @@ function renderNodeContent(node, maxWidth) {
         color: "white",
         dim: node.fileCount === 0
       };
-    case "context-file":
+    case "context-file": {
+      const maxLabel = Math.max(8, maxWidth - 4);
       return {
         icon: "\xB7",
-        label: node.label,
+        label: truncate(node.label, maxLabel),
         meta: "",
         color: "gray",
         dim: false
       };
+    }
   }
 }
 
 // src/tui/components/SessionDetail.tsx
 import { useMemo } from "react";
-import { Box as Box3, Text as Text3 } from "ink";
+import { Box as Box4, Text as Text4 } from "ink";
 
 // src/tui/components/PlanView.tsx
 import { Box as Box2, Text as Text2 } from "ink";
@@ -468,15 +636,53 @@ function buildPlanLines(content, maxLines, width) {
   return lines;
 }
 
-// src/tui/components/SessionDetail.tsx
+// src/tui/components/ScrollablePanel.tsx
+import { Box as Box3, Text as Text3 } from "ink";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function seg(text, opts) {
-  return { text, ...opts };
-}
-function simple(text, opts) {
-  return [seg(text, opts)];
+function ScrollablePanel({
+  lines,
+  width,
+  height,
+  scrollOffset = 0,
+  focused = false,
+  borderColor = "gray"
+}) {
+  const innerHeight = height - 2;
+  const hasOverflow = lines.length > innerHeight;
+  const viewableHeight = hasOverflow ? innerHeight - 1 : innerHeight;
+  const maxScroll = Math.max(0, lines.length - viewableHeight);
+  const effectiveOffset = Math.min(scrollOffset, maxScroll);
+  const visible = lines.slice(effectiveOffset, effectiveOffset + viewableHeight);
+  const padCount = Math.max(0, viewableHeight - visible.length);
+  const scrollPct = maxScroll > 0 ? Math.round(effectiveOffset / maxScroll * 100) : 100;
+  return /* @__PURE__ */ jsxs2(
+    Box3,
+    {
+      flexDirection: "column",
+      width,
+      overflow: "hidden",
+      borderStyle: "round",
+      borderColor: focused ? "blue" : borderColor,
+      paddingX: 1,
+      children: [
+        visible.map((segs, i) => /* @__PURE__ */ jsx3(Text3, { children: segs.map((s, j) => /* @__PURE__ */ jsx3(Text3, { color: s.color, bold: s.bold, dimColor: s.dim, italic: s.italic, children: s.text }, j)) }, i)),
+        padCount > 0 && Array.from({ length: padCount }, (_, i) => /* @__PURE__ */ jsx3(Text3, { children: " " }, `p${i}`)),
+        hasOverflow && /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
+          "  ",
+          "\u2195 ",
+          scrollPct,
+          "% \xB7 ",
+          lines.length,
+          " lines"
+        ] })
+      ]
+    }
+  );
 }
-function buildLines(session, planContent, goalContent, logsContent, width, paneAlive) {
+
+// src/tui/components/SessionDetail.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function buildLines(session, planContent, goalContent, _logsContent, width, paneAlive) {
   const lines = [];
   const contentWidth = width - 4;
   const agents = session.agents ?? [];
@@ -486,7 +692,7 @@ function buildLines(session, planContent, goalContent, logsContent, width, paneA
   const conflicts = agents.filter((a) => a.mergeStatus === "conflict");
   const goalText = goalContent ? cleanMarkdown(stripFrontmatter(goalContent).trim()) : session.task;
   goalText.split("\n").flatMap((l) => wrapText(l, contentWidth - 2)).forEach((line, i) => {
-    lines.push(simple(`${i === 0 ? " " : "  "}${line}`, { bold: true }));
+    lines.push(singleLine(`${i === 0 ? " " : "  "}${line}`, { bold: true }));
   });
   const lastCycle = cycles.length > 0 ? cycles[cycles.length - 1] : null;
   const cycleNum = lastCycle?.cycle ?? 0;
@@ -519,34 +725,40 @@ function buildLines(session, planContent, goalContent, logsContent, width, paneA
   }
   if (conflicts.length > 0) {
     lines.push(
-      simple(
+      singleLine(
         `  \u26A0 ${conflicts.length} merge conflict${conflicts.length > 1 ? "s" : ""}`,
         { color: "red", bold: true }
       )
     );
+    lines.push(
+      singleLine(
+        "  resolve in worktree, then [x] restart agent",
+        { color: "red", dim: true }
+      )
+    );
   }
-  lines.push(simple(" "));
+  lines.push(singleLine(" "));
   lines.push([
     seg("  \u258E \u25C8 PLAN", { color: "yellow", bold: true })
   ]);
   const planLines = buildPlanLines(planContent, 99999, width);
   if (planLines.length === 0) {
-    lines.push(simple("    orchestrator will create one", { dim: true, italic: true }));
+    lines.push(singleLine("    orchestrator will create one", { dim: true, italic: true }));
   } else {
     for (const pl of planLines) {
-      lines.push(simple(pl.text, { bold: pl.bold, dim: pl.dim, color: pl.color }));
+      lines.push(singleLine(pl.text, { bold: pl.bold, dim: pl.dim, color: pl.color }));
     }
   }
   if (session.status === "completed" && session.completionReport) {
-    lines.push(simple(" "));
+    lines.push(singleLine(" "));
     lines.push([seg("  \u258E \u2713 COMPLETION", { color: "cyan", bold: true })]);
     wrapText(cleanMarkdown(session.completionReport), contentWidth - 6).forEach(
       (l) => {
-        lines.push(simple(`    ${l}`, { dim: true }));
+        lines.push(singleLine(`    ${l}`, { dim: true }));
       }
     );
   }
-  lines.push(simple(" "));
+  lines.push(singleLine(" "));
   lines.push([
     seg("  \u258E \u27F3 CYCLES", { color: "blue", bold: true }),
     seg(` (${cycles.length})`, { dim: true })
@@ -564,7 +776,7 @@ function buildLines(session, planContent, goalContent, logsContent, width, paneA
     ]);
   };
   if (cycles.length === 0) {
-    lines.push(simple("    waiting for orchestrator\u2026", { dim: true, italic: true }));
+    lines.push(singleLine("    waiting for orchestrator\u2026", { dim: true, italic: true }));
   } else {
     const sortedMsgs = [...messages].sort(
       (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
@@ -646,8 +858,8 @@ function SessionDetail({
   focused = false
 }) {
   if (!session) {
-    return /* @__PURE__ */ jsx3(
-      Box3,
+    return /* @__PURE__ */ jsx4(
+      Box4,
       {
         flexDirection: "column",
         width,
@@ -656,7 +868,7 @@ function SessionDetail({
         paddingX: 1,
         justifyContent: "center",
         alignItems: "center",
-        children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Select a session to view details" })
+        children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Select a session to view details" })
       }
     );
   }
@@ -664,55 +876,22 @@ function SessionDetail({
     () => buildLines(session, planContent, goalContent, logsContent, width, paneAlive),
     [session, planContent, goalContent, logsContent, width, paneAlive]
   );
-  const innerHeight = height - 2;
-  const hasOverflow = allLines.length > innerHeight;
-  const viewableHeight = hasOverflow ? innerHeight - 1 : innerHeight;
-  const maxScroll = Math.max(0, allLines.length - viewableHeight);
-  const effectiveOffset = Math.min(scrollOffset, maxScroll);
-  const visible = allLines.slice(effectiveOffset, effectiveOffset + viewableHeight);
-  const padCount = viewableHeight - visible.length;
-  const scrollPct = maxScroll > 0 ? Math.round(effectiveOffset / maxScroll * 100) : 100;
-  return /* @__PURE__ */ jsxs2(
-    Box3,
+  return /* @__PURE__ */ jsx4(
+    ScrollablePanel,
     {
-      flexDirection: "column",
+      lines: allLines,
       width,
-      borderStyle: "round",
-      borderColor: focused ? "blue" : "gray",
-      paddingX: 1,
-      children: [
-        visible.map((line, i) => /* @__PURE__ */ jsx3(Text3, { children: line.map((s, j) => /* @__PURE__ */ jsx3(
-          Text3,
-          {
-            color: s.color,
-            bold: s.bold,
-            dimColor: s.dim,
-            italic: s.italic,
-            children: s.text
-          },
-          j
-        )) }, effectiveOffset + i)),
-        padCount > 0 && Array.from({ length: padCount }, (_, i) => /* @__PURE__ */ jsx3(Text3, { children: " " }, `pad-${i}`)),
-        hasOverflow && /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
-          "  ",
-          "[tab] scroll \xB7 ",
-          scrollPct,
-          "% \xB7 ",
-          allLines.length,
-          " lines"
-        ] })
-      ]
+      height,
+      scrollOffset,
+      focused
     }
   );
 }
 
 // src/tui/components/LogsPanel.tsx
 import { useMemo as useMemo2 } from "react";
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function seg2(text, opts) {
-  return { text, ...opts };
-}
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function buildLines2(cycleLogs, width) {
   const lines = [];
   const contentWidth = width - 4;
@@ -721,17 +900,17 @@ function buildLines2(cycleLogs, width) {
   }
   const sorted = [...cycleLogs].sort((a, b) => b.cycle - a.cycle);
   for (const { cycle, content } of sorted) {
-    lines.push([seg2(`  Cycle ${cycle}`, { color: "blue", bold: true })]);
+    lines.push([seg(`  Cycle ${cycle}`, { color: "blue", bold: true })]);
     const cleaned = cleanMarkdown(stripFrontmatter(content)).trim();
     if (cleaned) {
       for (const rawLine of cleaned.split("\n")) {
         const wrapped = wrapText(rawLine, contentWidth - 2);
         for (const wl of wrapped) {
-          lines.push([seg2(`    ${wl}`, { dim: true })]);
+          lines.push([seg(`    ${wl}`, { dim: true })]);
         }
       }
     }
-    lines.push([seg2(" ")]);
+    lines.push([seg(" ")]);
   }
   return lines;
 }
@@ -743,8 +922,8 @@ function LogsPanel({
   focused = false
 }) {
   if (cycleLogs.length === 0) {
-    return /* @__PURE__ */ jsx4(
-      Box4,
+    return /* @__PURE__ */ jsx5(
+      Box5,
       {
         flexDirection: "column",
         width,
@@ -753,7 +932,7 @@ function LogsPanel({
         paddingX: 1,
         justifyContent: "center",
         alignItems: "center",
-        children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "No logs" })
+        children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "No logs" })
       }
     );
   }
@@ -761,316 +940,235 @@ function LogsPanel({
     () => buildLines2(cycleLogs, width),
     [cycleLogs, width]
   );
-  const innerHeight = height - 2;
-  const hasOverflow = allLines.length > innerHeight;
-  const viewableHeight = hasOverflow ? innerHeight - 1 : innerHeight;
-  const maxScroll = Math.max(0, allLines.length - viewableHeight);
-  const effectiveOffset = Math.min(scrollOffset, maxScroll);
-  const visible = allLines.slice(effectiveOffset, effectiveOffset + viewableHeight);
-  const padCount = viewableHeight - visible.length;
-  const scrollPct = maxScroll > 0 ? Math.round(effectiveOffset / maxScroll * 100) : 100;
-  return /* @__PURE__ */ jsxs3(
-    Box4,
+  return /* @__PURE__ */ jsx5(
+    ScrollablePanel,
     {
-      flexDirection: "column",
+      lines: allLines,
       width,
-      borderStyle: "round",
-      borderColor: focused ? "blue" : "gray",
-      paddingX: 1,
-      children: [
-        visible.map((line, i) => /* @__PURE__ */ jsx4(Text4, { children: line.map((s, j) => /* @__PURE__ */ jsx4(Text4, { color: s.color, bold: s.bold, dimColor: s.dim, children: s.text }, j)) }, effectiveOffset + i)),
-        padCount > 0 && Array.from({ length: padCount }, (_, i) => /* @__PURE__ */ jsx4(Text4, { children: " " }, `pad-${i}`)),
-        hasOverflow && /* @__PURE__ */ jsxs3(Text4, { dimColor: true, children: [
-          "  ",
-          "[tab] scroll \xB7 ",
-          scrollPct,
-          "% \xB7 ",
-          allLines.length,
-          " lines"
-        ] })
-      ]
+      height,
+      scrollOffset,
+      focused
     }
   );
 }
 
 // src/tui/components/CycleDetail.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function CycleDetail({ cycle, agents, width, height }) {
+import { useMemo as useMemo3 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function buildLines3(cycle, agents, width) {
+  const lines = [];
   const contentWidth = width - 4;
-  const dur = cycle.completedAt ? formatDuration(cycle.timestamp, cycle.completedAt) : "running";
   const isRunning = !cycle.completedAt;
+  const dur = cycle.completedAt ? formatDuration(cycle.timestamp, cycle.completedAt) : "running";
   const cycleAgents = agents.filter((a) => cycle.agentsSpawned.includes(a.id));
-  const headerLines = 4;
-  const agentLinesBudget = cycleAgents.reduce((sum, a) => {
-    let n = 1;
-    if (a.instruction) n++;
-    if (a.status === "completed" && a.reports.length > 0) n++;
-    return sum + n;
-  }, 0);
-  const agentSectionLines = Math.max(1, agentLinesBudget) + 2;
-  const promptAvailable = height - headerLines - agentSectionLines - 6;
-  return /* @__PURE__ */ jsxs4(
-    Box5,
+  lines.push(singleLine(` Cycle ${cycle.cycle}`, { bold: true }));
+  lines.push([
+    seg("  "),
+    seg(isRunning ? "running" : "completed", { color: isRunning ? "green" : "gray" }),
+    seg(` \xB7 ${dur} \xB7 ${cycleAgents.length} agent${cycleAgents.length !== 1 ? "s" : ""}`, { dim: true }),
+    ...cycle.mode ? [
+      seg(" \xB7 ", { dim: true }),
+      seg(cycle.mode, {
+        color: cycle.mode === "planning" ? "blue" : cycle.mode === "implementation" ? "green" : "cyan"
+      })
+    ] : []
+  ]);
+  lines.push(singleLine(
+    `  ${formatTime(cycle.timestamp)}${cycle.completedAt ? ` \u2192 ${formatTime(cycle.completedAt)}` : ""}`,
+    { dim: true }
+  ));
+  lines.push(singleLine(" "));
+  lines.push([seg("  \u258E \u229E AGENTS", { color: "green", bold: true })]);
+  if (cycleAgents.length === 0) {
+    lines.push(singleLine("    orchestrator spawning agents\u2026", { dim: true, italic: true }));
+  } else {
+    for (const agent of cycleAgents) {
+      const nameLabel = agent.name !== agent.id ? agent.name : agent.agentType;
+      const instrPreview = agent.instruction.split("\n")[0] || "";
+      const latestReport = agent.reports.length > 0 ? agent.reports[agent.reports.length - 1] : null;
+      const reportSummary = latestReport && agent.status === "completed" ? extractFirstSentence(latestReport.summary, contentWidth - 14) : null;
+      const agentDur = formatDuration(agent.spawnedAt, agent.completedAt);
+      const durClr = durationColor(agent.spawnedAt, agent.completedAt) || void 0;
+      lines.push([
+        seg("    "),
+        seg(agentStatusIcon(agent.status), { color: statusColor(agent.status) }),
+        seg(` ${agent.id}`, { bold: true }),
+        seg(` ${truncate(nameLabel, contentWidth - 30)}`, {
+          color: agentTypeColor(agent.agentType) || void 0,
+          dim: !agentTypeColor(agent.agentType)
+        }),
+        seg(` \xB7 ${agent.status} \xB7 `, { dim: true }),
+        seg(agentDur, { color: durClr, dim: !durClr })
+      ]);
+      if (instrPreview) {
+        lines.push(singleLine(`      ${truncate(instrPreview, contentWidth - 10)}`, { dim: true }));
+      }
+      if (reportSummary) {
+        lines.push([
+          seg("      "),
+          seg("\u21B3", { color: "cyan" }),
+          seg(` ${reportSummary}`, { dim: true })
+        ]);
+      }
+    }
+  }
+  if (cycle.nextPrompt) {
+    lines.push(singleLine(" "));
+    lines.push([seg("  \u258E \u25B7 NEXT PROMPT", { color: "yellow", bold: true })]);
+    for (const wl of wrapText(cycle.nextPrompt, contentWidth - 6)) {
+      lines.push(singleLine(`    ${wl}`, { dim: true }));
+    }
+  }
+  return lines;
+}
+function CycleDetail({ cycle, agents, width, height, scrollOffset = 0, focused = false }) {
+  const allLines = useMemo3(
+    () => buildLines3(cycle, agents, width),
+    [cycle, agents, width]
+  );
+  return /* @__PURE__ */ jsx6(
+    ScrollablePanel,
     {
-      flexDirection: "column",
+      lines: allLines,
       width,
-      borderStyle: "round",
-      borderColor: "gray",
-      paddingX: 1,
-      children: [
-        /* @__PURE__ */ jsxs4(Text5, { bold: true, children: [
-          " Cycle ",
-          cycle.cycle
-        ] }),
-        /* @__PURE__ */ jsxs4(Box5, { children: [
-          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "  " }),
-          /* @__PURE__ */ jsx5(Text5, { color: isRunning ? "green" : "gray", children: isRunning ? "running" : "completed" }),
-          /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
-            " \xB7 ",
-            dur,
-            " \xB7 ",
-            cycleAgents.length,
-            " agent",
-            cycleAgents.length !== 1 ? "s" : "",
-            cycle.mode ? " \xB7 " : ""
-          ] }),
-          cycle.mode && /* @__PURE__ */ jsx5(Text5, { color: cycle.mode === "planning" ? "blue" : cycle.mode === "implementation" ? "green" : "cyan", children: cycle.mode })
-        ] }),
-        /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
-          "  ",
-          formatTime(cycle.timestamp),
-          cycle.completedAt ? ` \u2192 ${formatTime(cycle.completedAt)}` : ""
-        ] }),
-        /* @__PURE__ */ jsx5(Text5, { children: " " }),
-        /* @__PURE__ */ jsxs4(Text5, { color: "green", bold: true, children: [
-          "  ",
-          "\u258E \u229E AGENTS"
-        ] }),
-        cycleAgents.length === 0 ? /* @__PURE__ */ jsxs4(Text5, { dimColor: true, italic: true, children: [
-          "    ",
-          "orchestrator spawning agents\u2026"
-        ] }) : cycleAgents.map((agent) => {
-          const nameLabel = agent.name !== agent.id ? agent.name : agent.agentType;
-          const instrPreview = agent.instruction.split("\n")[0] || "";
-          const latestReport = agent.reports.length > 0 ? agent.reports[agent.reports.length - 1] : null;
-          const reportSummary = latestReport && agent.status === "completed" ? extractFirstSentence(latestReport.summary, contentWidth - 14) : null;
-          return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsxs4(Box5, { children: [
-              /* @__PURE__ */ jsx5(Text5, { children: "    " }),
-              /* @__PURE__ */ jsx5(Text5, { color: statusColor(agent.status), children: agentStatusIcon(agent.status) }),
-              /* @__PURE__ */ jsxs4(Text5, { bold: true, children: [
-                " ",
-                agent.id
-              ] }),
-              /* @__PURE__ */ jsxs4(Text5, { color: agentTypeColor(agent.agentType), dimColor: !agentTypeColor(agent.agentType), children: [
-                " ",
-                truncate(nameLabel, contentWidth - 30)
-              ] }),
-              (() => {
-                const dur2 = formatDuration(agent.spawnedAt, agent.completedAt);
-                const durColor = durationColor(agent.spawnedAt, agent.completedAt) || void 0;
-                return /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
-                  " \xB7 ",
-                  agent.status,
-                  " \xB7 ",
-                  /* @__PURE__ */ jsx5(Text5, { color: durColor, children: dur2 })
-                ] });
-              })()
-            ] }),
-            instrPreview && /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
-              "      ",
-              truncate(instrPreview, contentWidth - 10)
-            ] }),
-            reportSummary && /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
-              "      ",
-              /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "\u21B3" }),
-              " ",
-              reportSummary
-            ] })
-          ] }, agent.id);
-        }),
-        cycle.nextPrompt && /* @__PURE__ */ jsxs4(Fragment, { children: [
-          /* @__PURE__ */ jsx5(Text5, { children: " " }),
-          /* @__PURE__ */ jsxs4(Text5, { color: "yellow", bold: true, children: [
-            "  ",
-            "\u258E \u25B7 NEXT PROMPT"
-          ] }),
-          wrapText(cycle.nextPrompt, contentWidth - 6).slice(0, Math.max(3, promptAvailable)).map((line, i) => /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
-            "    ",
-            line
-          ] }, i))
-        ] })
-      ]
+      height,
+      scrollOffset,
+      focused
     }
   );
 }
 
 // src/tui/components/AgentDetail.tsx
-import { Box as Box6, Text as Text6 } from "ink";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function AgentDetail({ agent, reportBlocks, width, height }) {
+import { useMemo as useMemo4 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function buildLines4(agent, reportBlocks, width) {
+  const lines = [];
   const contentWidth = width - 4;
   const dur = formatDuration(agent.spawnedAt, agent.completedAt);
   const icon = agentStatusIcon(agent.status);
   const color = statusColor(agent.status);
   const nameLabel = agent.name !== agent.id ? agent.name : agent.agentType;
-  const metaLines = 3;
-  const alertLines = (agent.killedReason ? 1 : 0) + (agent.mergeStatus === "conflict" && agent.mergeDetails ? 2 : 0);
-  const timestampLines = 1 + (agent.completedAt ? 1 : 0) + (agent.paneId ? 1 : 0) + (agent.worktreePath ? 1 : 0) + (agent.branchName ? 1 : 0) + 2;
-  const reportHeader = agent.reports.length > 0 ? 2 : 0;
-  const fixedLines = metaLines + alertLines + timestampLines + reportHeader + 4;
-  const hasResolvedReports = reportBlocks && reportBlocks.length > 0;
-  const availableForContent = Math.max(6, height - fixedLines);
-  let instrMaxLines;
-  let reportMaxLines;
-  if (hasResolvedReports) {
-    instrMaxLines = Math.max(4, Math.floor(availableForContent * 0.35));
-    reportMaxLines = Math.max(4, availableForContent - instrMaxLines);
-  } else {
-    const summaryLines = agent.reports.length;
-    instrMaxLines = Math.max(4, availableForContent - summaryLines - 1);
-    reportMaxLines = summaryLines;
+  const maxMergeLines = 3;
+  lines.push([
+    seg(" "),
+    seg(icon, { color }),
+    seg(` ${agent.id} \xB7 ${nameLabel}`, { bold: true })
+  ]);
+  const mergeSegs = [];
+  if (agent.mergeStatus) {
+    mergeSegs.push(seg(" \xB7 ", { dim: true }));
+    switch (agent.mergeStatus) {
+      case "merged":
+        mergeSegs.push(seg("\u2295 merged", { color: "green" }));
+        break;
+      case "pending":
+        mergeSegs.push(seg("\u25CC pending", { color: "yellow" }));
+        break;
+      case "no-changes":
+        mergeSegs.push(seg("\u2205 no changes", { color: "gray" }));
+        break;
+      case "conflict":
+        mergeSegs.push(seg("\u26A0 conflict", { color: "red" }));
+        break;
+      default:
+        mergeSegs.push(seg(agent.mergeStatus, { dim: true }));
+    }
   }
-  return /* @__PURE__ */ jsxs5(
-    Box6,
+  lines.push([
+    seg("  "),
+    seg(agent.status, { color }),
+    seg(` \xB7 ${dur} \xB7 ${agent.agentType}`, { dim: true }),
+    ...mergeSegs
+  ]);
+  if (agent.killedReason) {
+    lines.push(singleLine(`  \u26A0 ${agent.killedReason}`, { color: "red" }));
+  }
+  if (agent.mergeStatus === "conflict" && agent.mergeDetails) {
+    for (const ml of wrapText(agent.mergeDetails, contentWidth - 6).slice(0, maxMergeLines)) {
+      lines.push(singleLine(`  \u26A0 ${ml}`, { color: "red" }));
+    }
+  }
+  if (agent.mergeStatus === "conflict") {
+    lines.push(singleLine("  resolve conflicts in worktree dir, then restart", { color: "red", dim: true }));
+  }
+  lines.push(singleLine(" "));
+  lines.push(singleLine("  \u258E \u25B7 INSTRUCTION", { color: "white", bold: true }));
+  for (const wl of wrapText(agent.instruction, contentWidth - 6)) {
+    lines.push(singleLine(`    ${wl}`, { dim: true }));
+  }
+  if (agent.reports.length > 0) {
+    const hasResolved = reportBlocks && reportBlocks.length > 0;
+    lines.push(singleLine(" "));
+    lines.push([seg(`  \u258E \u25C7 REPORTS (${agent.reports.length})`, { color: "cyan", bold: true })]);
+    if (hasResolved) {
+      for (let i = 0; i < reportBlocks.length; i++) {
+        const block = reportBlocks[i];
+        const badge = block.type === "final" ? "FINAL" : "UPDATE";
+        const badgeColor = block.type === "final" ? "cyan" : "yellow";
+        if (i > 0) lines.push(singleLine(" "));
+        lines.push([
+          seg("    "),
+          seg(badge, { color: badgeColor, bold: block.type === "final" }),
+          seg(` ${formatTime(block.timestamp)}`, { dim: true })
+        ]);
+        for (const wl of wrapText(cleanMarkdown(block.content.trim()), contentWidth - 10)) {
+          lines.push(singleLine(`      ${wl}`, { dim: true }));
+        }
+      }
+    } else {
+      for (const report of agent.reports) {
+        const badge = report.type === "final" ? "FINAL" : "UPDATE";
+        const badgeColor = report.type === "final" ? "cyan" : "yellow";
+        lines.push([
+          seg("    "),
+          seg(badge, { color: badgeColor, bold: report.type === "final" }),
+          seg(` ${formatTime(report.timestamp)}  ${report.summary.split("\n")[0]}`, { dim: true })
+        ]);
+      }
+    }
+  }
+  lines.push(singleLine(" "));
+  lines.push(singleLine("  \u258E \u25E6 META", { color: "gray", bold: true }));
+  lines.push(singleLine(`    Spawned: ${formatTime(agent.spawnedAt)}`, { dim: true }));
+  if (agent.completedAt) {
+    lines.push(singleLine(`    Completed: ${formatTime(agent.completedAt)}`, { dim: true }));
+  }
+  if (agent.paneId) {
+    lines.push(singleLine(`    Pane: ${agent.paneId}`, { dim: true }));
+  }
+  if (agent.worktreePath) {
+    lines.push(singleLine(`    Worktree: ${agent.worktreePath}`, { dim: true }));
+  }
+  if (agent.branchName) {
+    lines.push(singleLine(`    Branch: ${agent.branchName}`, { dim: true }));
+  }
+  return lines;
+}
+function AgentDetail({ agent, reportBlocks, width, height, scrollOffset = 0, focused = false }) {
+  const allLines = useMemo4(
+    () => buildLines4(agent, reportBlocks, width),
+    [agent, reportBlocks, width]
+  );
+  return /* @__PURE__ */ jsx7(
+    ScrollablePanel,
     {
-      flexDirection: "column",
+      lines: allLines,
       width,
-      borderStyle: "round",
-      borderColor: "gray",
-      paddingX: 1,
-      children: [
-        /* @__PURE__ */ jsxs5(Text6, { bold: true, children: [
-          " ",
-          /* @__PURE__ */ jsx6(Text6, { color, children: icon }),
-          " ",
-          agent.id,
-          " \xB7 ",
-          nameLabel
-        ] }),
-        /* @__PURE__ */ jsxs5(Box6, { children: [
-          /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  " }),
-          /* @__PURE__ */ jsx6(Text6, { color, children: agent.status }),
-          /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-            " \xB7 ",
-            dur,
-            " \xB7 ",
-            agent.agentType
-          ] }),
-          agent.mergeStatus && /* @__PURE__ */ jsxs5(Fragment2, { children: [
-            /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: " \xB7 " }),
-            agent.mergeStatus === "merged" && /* @__PURE__ */ jsx6(Text6, { color: "green", children: "\u2295 merged" }),
-            agent.mergeStatus === "pending" && /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "\u25CC pending" }),
-            agent.mergeStatus === "no-changes" && /* @__PURE__ */ jsx6(Text6, { color: "gray", children: "\u2205 no changes" }),
-            agent.mergeStatus === "conflict" && /* @__PURE__ */ jsx6(Text6, { color: "red", children: "\u26A0 conflict" }),
-            !["merged", "pending", "no-changes", "conflict"].includes(agent.mergeStatus) && /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: agent.mergeStatus })
-          ] })
-        ] }),
-        agent.killedReason && /* @__PURE__ */ jsxs5(Text6, { color: "red", children: [
-          "  ",
-          "\u26A0 ",
-          agent.killedReason
-        ] }),
-        agent.mergeStatus === "conflict" && agent.mergeDetails && /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: wrapText(agent.mergeDetails, contentWidth - 6).map((line, i) => /* @__PURE__ */ jsxs5(Text6, { color: "red", children: [
-          "  ",
-          "\u26A0 ",
-          line
-        ] }, i)) }),
-        /* @__PURE__ */ jsx6(Text6, { children: " " }),
-        /* @__PURE__ */ jsxs5(Text6, { color: "white", bold: true, children: [
-          "  ",
-          "\u258E \u25B7 INSTRUCTION"
-        ] }),
-        wrapText(agent.instruction, contentWidth - 6).slice(0, instrMaxLines).map((line, i) => /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-          "    ",
-          line
-        ] }, i)),
-        agent.reports.length > 0 && /* @__PURE__ */ jsxs5(Fragment2, { children: [
-          /* @__PURE__ */ jsx6(Text6, { children: " " }),
-          /* @__PURE__ */ jsxs5(Text6, { color: "cyan", bold: true, children: [
-            "  ",
-            "\u258E \u25C7 REPORTS (",
-            agent.reports.length,
-            ")"
-          ] }),
-          hasResolvedReports ? /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: reportBlocks.slice(0, Math.min(reportBlocks.length, 3)).map((block, i) => {
-            const badge = block.type === "final" ? "FINAL" : "UPDATE";
-            const badgeColor = block.type === "final" ? "cyan" : "yellow";
-            const linesPerReport = Math.max(2, Math.floor(reportMaxLines / Math.min(reportBlocks.length, 3)) - 2);
-            return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
-              i > 0 && /* @__PURE__ */ jsx6(Text6, { children: " " }),
-              /* @__PURE__ */ jsxs5(Box6, { children: [
-                /* @__PURE__ */ jsx6(Text6, { children: "    " }),
-                /* @__PURE__ */ jsx6(Text6, { color: badgeColor, bold: block.type === "final", children: badge }),
-                /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-                  " ",
-                  formatTime(block.timestamp)
-                ] })
-              ] }),
-              wrapText(cleanMarkdown(block.content.trim()), contentWidth - 10).slice(0, linesPerReport).map((line, j) => /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-                "      ",
-                line
-              ] }, j))
-            ] }, i);
-          }) }) : agent.reports.slice(0, reportMaxLines).map((report, i) => {
-            const badge = report.type === "final" ? "FINAL" : "UPDATE";
-            const badgeColor = report.type === "final" ? "cyan" : "yellow";
-            return /* @__PURE__ */ jsxs5(Box6, { children: [
-              /* @__PURE__ */ jsx6(Text6, { children: "    " }),
-              /* @__PURE__ */ jsx6(Text6, { color: badgeColor, bold: report.type === "final", children: badge }),
-              /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-                " ",
-                formatTime(report.timestamp),
-                "  ",
-                report.summary.split("\n")[0]
-              ] })
-            ] }, i);
-          })
-        ] }),
-        /* @__PURE__ */ jsx6(Text6, { children: " " }),
-        /* @__PURE__ */ jsxs5(Text6, { color: "gray", bold: true, children: [
-          "  ",
-          "\u258E \u25E6 META"
-        ] }),
-        /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-          "    ",
-          "Spawned: ",
-          formatTime(agent.spawnedAt)
-        ] }),
-        agent.completedAt && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-          "    ",
-          "Completed: ",
-          formatTime(agent.completedAt)
-        ] }),
-        agent.paneId && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-          "    ",
-          "Pane: ",
-          agent.paneId
-        ] }),
-        agent.worktreePath && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-          "    ",
-          "Worktree: ",
-          agent.worktreePath
-        ] }),
-        agent.branchName && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
-          "    ",
-          "Branch: ",
-          agent.branchName
-        ] })
-      ]
+      height,
+      scrollOffset,
+      focused
     }
   );
 }
 
 // src/tui/components/ReportView.tsx
-import { useState, useMemo as useMemo3 } from "react";
-import { Box as Box7, Text as Text7, useInput } from "ink";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useState, useMemo as useMemo5 } from "react";
+import { Box as Box6, Text as Text6, useInput } from "ink";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function ReportView({ agent, reportBlocks, width, height, onClose }) {
   const [scrollOffset, setScrollOffset] = useState(0);
   const contentWidth = width - 6;
-  const lines = useMemo3(() => {
+  const lines = useMemo5(() => {
     const lines2 = [];
     if (reportBlocks.length === 0) {
       lines2.push({ text: "", dim: true });
@@ -1132,8 +1230,8 @@ function ReportView({ agent, reportBlocks, width, height, onClose }) {
   const icon = agentStatusIcon(agent.status);
   const color = statusColor(agent.status);
   const dur = formatDuration(agent.spawnedAt, agent.completedAt);
-  return /* @__PURE__ */ jsxs6(
-    Box7,
+  return /* @__PURE__ */ jsxs3(
+    Box6,
     {
       flexDirection: "column",
       width,
@@ -1142,17 +1240,17 @@ function ReportView({ agent, reportBlocks, width, height, onClose }) {
       borderColor: "cyan",
       paddingX: 1,
       children: [
-        /* @__PURE__ */ jsxs6(Text7, { bold: true, children: [
+        /* @__PURE__ */ jsxs3(Text6, { bold: true, children: [
           " ",
-          /* @__PURE__ */ jsx7(Text7, { color, children: icon }),
+          /* @__PURE__ */ jsx8(Text6, { color, children: icon }),
           " ",
           agent.id,
           " ",
-          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "\xB7" }),
+          /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: "\xB7" }),
           " ",
           agent.name !== agent.id ? agent.name : agent.agentType
         ] }),
-        /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
+        /* @__PURE__ */ jsxs3(Text6, { dimColor: true, children: [
           "  ",
           agent.status,
           " \xB7 ",
@@ -1164,28 +1262,28 @@ function ReportView({ agent, reportBlocks, width, height, onClose }) {
           " report",
           totalReports !== 1 ? "s" : ""
         ] }),
-        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + divider(contentWidth - 2) }),
-        /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", flexGrow: 1, children: visible.map((line, i) => /* @__PURE__ */ jsx7(
-          Text7,
+        /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: "  " + divider(contentWidth - 2) }),
+        /* @__PURE__ */ jsx8(Box6, { flexDirection: "column", flexGrow: 1, children: visible.map((line, i) => /* @__PURE__ */ jsx8(
+          Text6,
           {
             color: line.color,
             bold: line.bold,
             dimColor: line.dim,
             children: line.text
           },
-          scrollOffset + i
+          i
         )) }),
-        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + divider(contentWidth - 2) }),
-        /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
+        /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: "  " + divider(contentWidth - 2) }),
+        /* @__PURE__ */ jsxs3(Text6, { dimColor: true, children: [
           "  ",
           "[esc] back  [\u2191\u2193] scroll  [",
           "] page",
           "  ",
-          /* @__PURE__ */ jsxs6(Text7, { children: [
+          /* @__PURE__ */ jsxs3(Text6, { children: [
             scrollPct,
             "%"
           ] }),
-          maxScroll > 0 && /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
+          maxScroll > 0 && /* @__PURE__ */ jsxs3(Text6, { dimColor: true, children: [
             " \xB7 ",
             lines.length,
             " lines"
@@ -1196,58 +1294,10 @@ function ReportView({ agent, reportBlocks, width, height, onClose }) {
   );
 }
 
-// src/tui/components/MessageLog.tsx
-import { Box as Box8, Text as Text8 } from "ink";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function sourceLabel(msg) {
-  if (msg.source.type === "user") return "You";
-  if (msg.source.type === "agent") return msg.source.agentId;
-  return "system";
-}
-function sourceColor(msg) {
-  if (msg.source.type === "user") return "yellow";
-  if (msg.source.type === "agent") return "cyan";
-  return "gray";
-}
-function MessageLog({ messages, maxMessages, width }) {
-  if (messages.length === 0) {
-    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Text8, { bold: true, dimColor: true, children: "Messages" }),
-      /* @__PURE__ */ jsx8(Text8, { dimColor: true, italic: true, children: "  No messages" })
-    ] });
-  }
-  const recent = messages.slice(-maxMessages);
-  const contentWidth = Math.max(10, width - 20);
-  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Text8, { bold: true, dimColor: true, children: "Messages" }),
-    recent.map((msg) => {
-      const time = formatTime(msg.timestamp);
-      const label = sourceLabel(msg);
-      const color = sourceColor(msg);
-      const content = truncate(msg.summary || msg.content, contentWidth);
-      return /* @__PURE__ */ jsxs7(Text8, { children: [
-        "  ",
-        /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
-          "[",
-          time,
-          "]"
-        ] }),
-        " ",
-        /* @__PURE__ */ jsxs7(Text8, { color, bold: true, children: [
-          label,
-          ":"
-        ] }),
-        " ",
-        content
-      ] }, msg.id);
-    })
-  ] });
-}
-
 // src/tui/components/InputBar.tsx
 import { useState as useState2, useEffect, useRef } from "react";
-import { Box as Box9, Text as Text9, useInput as useInput2 } from "ink";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var INPUT_MODES = /* @__PURE__ */ new Set([
   "resume",
   "continue",
@@ -1341,163 +1391,163 @@ function InputBar({ mode, defaultText, onSubmit, onCancel }) {
     { isActive: INPUT_MODES.has(mode) }
   );
   if (mode === "navigate") {
-    return /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Press [m] to message orchestrator, [n] for new session" }) });
+    return /* @__PURE__ */ jsx9(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "Press [m] to message orchestrator, [n] for new session" }) });
   }
   if (mode === "report-detail" || mode === "leader" || mode === "copy-menu" || mode === "help" || !INPUT_MODES.has(mode)) {
     return null;
   }
   const prompt = PROMPTS[mode] ?? mode;
-  return /* @__PURE__ */ jsxs8(Box9, { paddingX: 1, children: [
-    /* @__PURE__ */ jsxs8(Text9, { color: "yellow", children: [
+  return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+    /* @__PURE__ */ jsxs4(Text7, { color: "yellow", children: [
       prompt,
       " > "
     ] }),
-    /* @__PURE__ */ jsx9(Text9, { children: text.slice(0, cursorPos) }),
-    /* @__PURE__ */ jsx9(Text9, { inverse: true, children: cursorPos < text.length ? text[cursorPos] : " " }),
-    /* @__PURE__ */ jsx9(Text9, { children: text.slice(cursorPos + 1) }),
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "  (enter to send, esc to cancel)" })
+    /* @__PURE__ */ jsx9(Text7, { children: text.slice(0, cursorPos) }),
+    /* @__PURE__ */ jsx9(Text7, { inverse: true, children: cursorPos < text.length ? text[cursorPos] : " " }),
+    /* @__PURE__ */ jsx9(Text7, { children: text.slice(cursorPos + 1) }),
+    /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "  (enter to send, esc to cancel)" })
   ] });
 }
 
 // src/tui/components/StatusLine.tsx
-import { Box as Box10, Text as Text10 } from "ink";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8 } from "ink";
+import { Fragment, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function StatusLine({ mode, detailFocused = false, logsFocused = false, showLogs = false, cursorNodeType }) {
   if (mode === "report-detail") {
     return null;
   }
   if (mode === "leader") {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: "magenta", bold: true, children: "LEADER" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  press a command key or [esc] to cancel" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { color: "magenta", bold: true, children: "LEADER" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  press a command key or [esc] to cancel" })
     ] });
   }
   if (mode === "copy-menu") {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: "cyan", bold: true, children: "COPY" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  [p] path  [C] context  [l] logs  [s] session ID  [esc] cancel" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { color: "cyan", bold: true, children: "COPY" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  [p] path  [C] context  [l] logs  [s] session ID  [esc] cancel" })
     ] });
   }
   if (mode === "help") {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: "yellow", bold: true, children: "HELP" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  [esc] or [?] to dismiss" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { color: "yellow", bold: true, children: "HELP" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  [esc] or [?] to dismiss" })
     ] });
   }
   if (mode === "delete-confirm") {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: "red", bold: true, children: "DELETE" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  type 'yes' to confirm, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { color: "red", bold: true, children: "DELETE" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  type 'yes' to confirm, [esc] to cancel" })
     ] });
   }
   if (mode === "spawn-agent") {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: "green", bold: true, children: "SPAWN" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  enter agent instruction, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { color: "green", bold: true, children: "SPAWN" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  enter agent instruction, [esc] to cancel" })
     ] });
   }
   if (mode === "search") {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: "blue", bold: true, children: "SEARCH" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  type to filter, enter to apply, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { color: "blue", bold: true, children: "SEARCH" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  type to filter, enter to apply, [esc] to cancel" })
     ] });
   }
   if (mode === "message-agent") {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: "cyan", bold: true, children: "MESSAGE" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  enter message for agent, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { color: "cyan", bold: true, children: "MESSAGE" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  enter message for agent, [esc] to cancel" })
     ] });
   }
   if (mode === "shell-command") {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: "magenta", bold: true, children: "SHELL" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  enter command, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { color: "magenta", bold: true, children: "SHELL" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  enter command, [esc] to cancel" })
     ] });
   }
   if (mode !== "navigate") {
-    return /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "[enter] send  [esc] cancel" }) });
+    return /* @__PURE__ */ jsx10(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "[enter] send  [esc] cancel" }) });
   }
   if (logsFocused) {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[jk/\u2191\u2193]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " scroll  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[h/\u2190/tab]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " back  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[t]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "oggle logs  " }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2502 " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[m]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "sg  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[g]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "oal  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[n]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ew  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[p]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "lan  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[w]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "indow  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[R]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "esume  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[q]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "uit" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[jk/\u2191\u2193]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " scroll  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[h/\u2190/tab]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " back  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[t]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oggle logs  " }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "\u2502 " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[m]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "sg  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[g]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oal  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[n]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "ew  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[p]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "lan  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[w]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "indow  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[R]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "esume  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[q]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "uit" })
     ] });
   }
   if (detailFocused) {
-    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[jk/\u2191\u2193]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " scroll  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[h/\u2190/tab]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " back  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[t]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "oggle logs  " }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2502 " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[m]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "sg  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[g]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "oal  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[n]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ew  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[p]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "lan  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[w]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "indow  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[R]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "esume  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[q]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "uit" })
+    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[jk/\u2191\u2193]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " scroll  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[h/\u2190/tab]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " back  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[t]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oggle logs  " }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "\u2502 " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[m]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "sg  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[g]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oal  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[n]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "ew  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[p]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "lan  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[w]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "indow  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[R]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "esume  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[q]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "uit" })
     ] });
   }
-  return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[hjkl]" }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " navigate  " }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2502 " }),
-    cursorNodeType === "context-file" && /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[e]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "dit  " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[\u23CE]" }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " open  " })
+  return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
+    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[hjkl]" }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " navigate  " }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "\u2502 " }),
+    cursorNodeType === "context-file" && /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[e]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "dit  " }),
+      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[\u23CE]" }),
+      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " open  " })
     ] }),
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[space]" }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " leader  " }),
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[tab]" }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " detail  " }),
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[t]" }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "oggle logs  " }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2502 " }),
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[m]" }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "sg  " }),
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[n]" }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ew  " }),
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[R]" }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "esume  " }),
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[q]" }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "uit" })
+    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[space]" }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " leader  " }),
+    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[tab]" }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " detail  " }),
+    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[t]" }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oggle logs  " }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "\u2502 " }),
+    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[m]" }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "sg  " }),
+    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[n]" }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "ew  " }),
+    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[R]" }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "esume  " }),
+    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[q]" }),
+    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "uit" })
   ] });
 }
 
 // src/tui/components/LeaderOverlay.tsx
-import { Box as Box11, Text as Text11 } from "ink";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box9, Text as Text9 } from "ink";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var LEADER_WIDTH = 26;
 var LEADER_HEIGHT = 19;
 var COPY_HEIGHT = 9;
@@ -1507,8 +1557,8 @@ function pad(s) {
 }
 function LeaderOverlay({ mode, rows, cols }) {
   if (mode === "leader") {
-    return /* @__PURE__ */ jsxs10(
-      Box11,
+    return /* @__PURE__ */ jsxs6(
+      Box9,
       {
         position: "absolute",
         marginTop: rows - LEADER_HEIGHT - 2,
@@ -1518,30 +1568,30 @@ function LeaderOverlay({ mode, rows, cols }) {
         borderStyle: "round",
         borderColor: "magenta",
         children: [
-          /* @__PURE__ */ jsx11(Text11, { bold: true, color: "magenta", children: pad("  LEADER") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad(" ") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  y  copy menu") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  d  delete session") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  l  daemon logs") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  o  open session dir") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  a  spawn agent") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  m  message agent") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  /  search") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  !  shell command") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  j  jump to pane") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  k  kill session/agent") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  q  quit") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  ?  help") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad(" 1-9  jump to session") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad(" ") }),
-          /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: pad("  esc  dismiss") })
+          /* @__PURE__ */ jsx11(Text9, { bold: true, color: "magenta", children: pad("  LEADER") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad(" ") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  y  copy menu") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  d  delete session") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  l  daemon logs") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  o  open session dir") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  a  spawn agent") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  m  message agent") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  /  search") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  !  shell command") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  j  jump to pane") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  k  kill session/agent") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  q  quit") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  ?  help") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad(" 1-9  jump to session") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad(" ") }),
+          /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: pad("  esc  dismiss") })
         ]
       }
     );
   }
   if (mode === "copy-menu") {
-    return /* @__PURE__ */ jsxs10(
-      Box11,
+    return /* @__PURE__ */ jsxs6(
+      Box9,
       {
         position: "absolute",
         marginTop: rows - COPY_HEIGHT - 2,
@@ -1551,13 +1601,13 @@ function LeaderOverlay({ mode, rows, cols }) {
         borderStyle: "round",
         borderColor: "cyan",
         children: [
-          /* @__PURE__ */ jsx11(Text11, { bold: true, color: "cyan", children: pad("  COPY") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad(" ") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  p  session path") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  C  LLM context") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  l  logs content") }),
-          /* @__PURE__ */ jsx11(Text11, { children: pad("  s  session ID") }),
-          /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: pad("  esc  cancel") })
+          /* @__PURE__ */ jsx11(Text9, { bold: true, color: "cyan", children: pad("  COPY") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad(" ") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  p  session path") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  C  LLM context") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  l  logs content") }),
+          /* @__PURE__ */ jsx11(Text9, { children: pad("  s  session ID") }),
+          /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: pad("  esc  cancel") })
         ]
       }
     );
@@ -1566,8 +1616,8 @@ function LeaderOverlay({ mode, rows, cols }) {
 }
 
 // src/tui/components/HelpOverlay.tsx
-import { Box as Box12, Text as Text12 } from "ink";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var HELP_WIDTH = 62;
 var INNER2 = HELP_WIDTH - 2;
 function pad2(s) {
@@ -1602,8 +1652,8 @@ function HelpOverlay({ mode, rows, cols }) {
     row("  y \u2192 l  logs content", "  y \u2192 s  session ID")
   ];
   const overlayHeight = Math.min(lines.length + 4, rows - 2);
-  return /* @__PURE__ */ jsxs11(
-    Box12,
+  return /* @__PURE__ */ jsxs7(
+    Box10,
     {
       position: "absolute",
       marginTop: Math.max(0, Math.floor((rows - overlayHeight) / 2)),
@@ -1613,13 +1663,13 @@ function HelpOverlay({ mode, rows, cols }) {
       borderStyle: "round",
       borderColor: "yellow",
       children: [
-        /* @__PURE__ */ jsx12(Text12, { bold: true, color: "yellow", children: pad2("  KEYBINDINGS  (esc or ? to close)") }),
-        /* @__PURE__ */ jsx12(Text12, { children: pad2(" ") }),
+        /* @__PURE__ */ jsx12(Text10, { bold: true, color: "yellow", children: pad2("  KEYBINDINGS  (esc or ? to close)") }),
+        /* @__PURE__ */ jsx12(Text10, { children: pad2(" ") }),
         lines.map((line, i) => {
-          if (line === "") return /* @__PURE__ */ jsx12(Text12, { children: pad2(" ") }, i);
-          return /* @__PURE__ */ jsx12(Text12, { children: pad2(line) }, i);
+          if (line === "") return /* @__PURE__ */ jsx12(Text10, { children: pad2(" ") }, i);
+          return /* @__PURE__ */ jsx12(Text10, { children: pad2(line) }, i);
         }),
-        /* @__PURE__ */ jsx12(Text12, { children: pad2(" ") })
+        /* @__PURE__ */ jsx12(Text10, { children: pad2(" ") })
       ]
     }
   );
@@ -1629,38 +1679,8 @@ function HelpOverlay({ mode, rows, cols }) {
 import { useState as useState3, useEffect as useEffect2, useRef as useRef2, useCallback } from "react";
 
 // src/tui/lib/client.ts
-import { connect } from "net";
 function send(request) {
-  const sock = socketPath();
-  return new Promise((resolve, reject) => {
-    const socket = connect(sock);
-    let data = "";
-    const timeout = setTimeout(() => {
-      socket.destroy();
-      reject(new Error("Request timed out"));
-    }, 5e3);
-    socket.on("connect", () => {
-      socket.write(JSON.stringify(request) + "\n");
-    });
-    socket.on("data", (chunk) => {
-      data += chunk.toString();
-      const idx = data.indexOf("\n");
-      if (idx !== -1) {
-        clearTimeout(timeout);
-        const line = data.slice(0, idx);
-        socket.destroy();
-        try {
-          resolve(JSON.parse(line));
-        } catch {
-          reject(new Error(`Invalid JSON from daemon`));
-        }
-      }
-    });
-    socket.on("error", (err) => {
-      clearTimeout(timeout);
-      reject(err);
-    });
-  });
+  return rawSend(request, 5e3);
 }
 
 // src/tui/hooks/usePolling.ts
@@ -1672,23 +1692,6 @@ import { execSync } from "child_process";
 import { join } from "path";
 import { readFileSync, writeFileSync, mkdtempSync, rmSync, cpSync, existsSync, mkdirSync } from "fs";
 import { tmpdir } from "os";
-var EXEC_ENV = {
-  ...process.env,
-  PATH: `/opt/homebrew/bin:/usr/local/bin:${process.env["PATH"] ?? "/usr/bin:/bin"}`
-};
-function exec(cmd) {
-  return execSync(cmd, { encoding: "utf-8", env: EXEC_ENV }).trim();
-}
-function execSafe(cmd) {
-  try {
-    return execSync(cmd, { encoding: "utf-8", env: EXEC_ENV, stdio: ["pipe", "pipe", "pipe"] }).trim();
-  } catch {
-    return null;
-  }
-}
-function shellQuote(s) {
-  return `'${s.replace(/'/g, "'\\''")}'`;
-}
 function selectWindow(windowId) {
   execSafe(`tmux select-window -t "${windowId}"`);
 }
@@ -1727,7 +1730,7 @@ Run \`sisyphus list\` and \`sisyphus status\` to see current state.`;
   const rendered = template.replace(/\{\{CWD\}\}/g, cwd2);
   const promptPath = join(globalDir(), "dashboard-companion-prompt.md");
   writeFileSync(promptPath, rendered, "utf-8");
-  const pathEnv = `/opt/homebrew/bin:/usr/local/bin:${process.env["PATH"] ?? "/usr/bin:/bin"}`;
+  const pathEnv = augmentedPath();
   const claudeCmd = `SISYPHUS_COMPANION_CWD=${shellQuote(cwd2)} PATH=${shellQuote(pathEnv)} claude --dangerously-skip-permissions --plugin-dir ${shellQuote(pluginDir)} --append-system-prompt "$(cat ${shellQuote(promptPath)})"`;
   const result = exec(
     `tmux split-window -h -d -l 33% -P -F "#{pane_id}" -c ${shellQuote(cwd2)} ${shellQuote(claudeCmd)}`
@@ -1799,6 +1802,15 @@ function usePolling(cwd2, selectedSessionId, intervalMs = 2500) {
       const listRes = await send({ type: "list", cwd: cwd2 });
       if (!mountedRef.current) return;
       const sessions = listRes.ok ? listRes.data?.sessions ?? [] : [];
+      for (const s of sessions) {
+        if (s.status !== "completed" && s.tmuxWindowId) {
+          try {
+            s.windowAlive = windowExists(s.tmuxWindowId);
+          } catch {
+            s.windowAlive = false;
+          }
+        }
+      }
       let selectedSession = null;
       let planContent = "";
       let goalContent = "";
@@ -1812,11 +1824,8 @@ function usePolling(cwd2, selectedSessionId, intervalMs = 2500) {
           selectedSession = statusRes.data?.session ?? null;
         }
         if (selectedSession?.tmuxWindowId) {
-          try {
-            paneAlive = windowExists(selectedSession.tmuxWindowId);
-          } catch {
-            paneAlive = false;
-          }
+          const cached = sessions.find((s) => s.id === selectedIdRef.current);
+          paneAlive = cached?.windowAlive ?? false;
         }
         try {
           const pp = roadmapPath(cwd2, selectedIdRef.current);
@@ -1855,7 +1864,11 @@ function usePolling(cwd2, selectedSessionId, intervalMs = 2500) {
         }
       }
       if (mountedRef.current) {
-        setState({ sessions, selectedSession, planContent, goalContent, logsContent, logsCycles, paneAlive, contextFiles, error: null });
+        const next = { sessions, selectedSession, planContent, goalContent, logsContent, logsCycles, paneAlive, contextFiles, error: null };
+        setState((prev) => {
+          if (JSON.stringify(prev) === JSON.stringify(next)) return prev;
+          return next;
+        });
       }
     } catch (err) {
       if (mountedRef.current) {
@@ -2100,15 +2113,14 @@ function copyToClipboard(text) {
 }
 
 // src/tui/lib/tree.ts
-import { readdirSync as readdirSync2, existsSync as existsSync3 } from "fs";
 import { join as join3 } from "path";
 function sessionSortKey(s) {
   if (s.status === "completed") return 4;
-  const open = s.tmuxWindowId ? windowExists(s.tmuxWindowId) : false;
+  const open = s.windowAlive ?? false;
   if (s.status === "active") return open ? 0 : 1;
   return open ? 2 : 3;
 }
-function buildTree(sessions, selectedSession, expanded, cwd2) {
+function buildTree(sessions, selectedSession, expanded, cwd2, polledContextFiles = []) {
   const nodes = [];
   const sorted = [...sessions].sort((a, b) => {
     const keyDiff = sessionSortKey(a) - sessionSortKey(b);
@@ -2213,7 +2225,7 @@ function buildTree(sessions, selectedSession, expanded, cwd2) {
       });
       if (msgsExpanded) {
         for (const msg of messages) {
-          const sourceLabel2 = msg.source.type === "user" ? "You" : msg.source.type === "agent" ? msg.source.agentId : "system";
+          const sourceLabel = msg.source.type === "user" ? "You" : msg.source.type === "agent" ? msg.source.agentId : "system";
           nodes.push({
             id: `message:${s.id}:${msg.id}`,
             type: "message",
@@ -2222,23 +2234,14 @@ function buildTree(sessions, selectedSession, expanded, cwd2) {
             expanded: false,
             sessionId: s.id,
             messageId: msg.id,
-            source: sourceLabel2,
+            source: sourceLabel,
             summary: msg.summary || msg.content,
             timestamp: msg.timestamp
           });
         }
       }
     }
-    const ctxDir = contextDir(cwd2, s.id);
-    let contextFiles = [];
-    try {
-      if (existsSync3(ctxDir)) {
-        contextFiles = readdirSync2(ctxDir).filter(
-          (f) => !f.startsWith(".")
-        ).sort();
-      }
-    } catch {
-    }
+    const contextFiles = isSelected ? polledContextFiles : [];
     const ctxNodeId = `context:${s.id}`;
     const ctxExpanded = expanded.has(ctxNodeId);
     nodes.push({
@@ -2260,7 +2263,7 @@ function buildTree(sessions, selectedSession, expanded, cwd2) {
           expanded: false,
           sessionId: s.id,
           label: filename,
-          filePath: join3(ctxDir, filename)
+          filePath: join3(contextDir(cwd2, s.id), filename)
         });
       }
     }
@@ -2279,8 +2282,8 @@ function findParentIndex(nodes, index) {
 }
 
 // src/tui/App.tsx
-import { readFileSync as readFileSync3, existsSync as existsSync4 } from "fs";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { readFileSync as readFileSync3, existsSync as existsSync3 } from "fs";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function resolveEditor(configEditor) {
   if (configEditor) return configEditor;
   if (process.env.EDITOR) return process.env.EDITOR;
@@ -2306,16 +2309,16 @@ function App({ cwd: cwd2 }) {
   const cursorNodeIdRef = useRef3(null);
   const prevNodesRef = useRef3([]);
   const { sessions, selectedSession, planContent, goalContent, logsContent, logsCycles, paneAlive, contextFiles, error } = usePolling(cwd2, selectedSessionId);
-  const filteredSessions = useMemo4(() => {
+  const filteredSessions = useMemo6(() => {
     if (!searchFilter) return sessions;
     const q = searchFilter.toLowerCase();
     return sessions.filter(
       (s) => s.task.toLowerCase().includes(q) || s.id.toLowerCase().includes(q)
     );
   }, [sessions, searchFilter]);
-  const nodes = useMemo4(
-    () => buildTree(filteredSessions, selectedSession, expanded, cwd2),
-    [filteredSessions, selectedSession, expanded, cwd2]
+  const nodes = useMemo6(
+    () => buildTree(filteredSessions, selectedSession, expanded, cwd2, contextFiles),
+    [filteredSessions, selectedSession, expanded, cwd2, contextFiles]
   );
   if (nodes === prevNodesRef.current) {
     const node = nodes[cursorIndex];
@@ -2989,29 +2992,29 @@ function App({ cwd: cwd2 }) {
     setFocusPane("tree");
     setTargetAgentId(null);
   }, []);
-  const reportAgent = useMemo4(() => {
+  const reportAgent = useMemo6(() => {
     if (mode === "report-detail") return getAgentForNode(cursorNode);
     return null;
   }, [mode, cursorNode, getAgentForNode]);
-  const reportBlocks = useMemo4(
+  const reportBlocks = useMemo6(
     () => reportAgent ? resolveReports(reportAgent.reports) : [],
     [reportAgent]
   );
-  const detailAgent = useMemo4(() => {
+  const detailAgent = useMemo6(() => {
     if (!cursorNode) return null;
     if (cursorNode.type === "agent" || cursorNode.type === "report") {
       return getAgentForNode(cursorNode);
     }
     return null;
   }, [cursorNode, getAgentForNode]);
-  const detailReportBlocks = useMemo4(
+  const detailReportBlocks = useMemo6(
     () => detailAgent ? resolveReports(detailAgent.reports) : [],
     [detailAgent]
   );
-  const contextFileContent = useMemo4(() => {
+  const contextFileContent = useMemo6(() => {
     if (!cursorNode || cursorNode.type !== "context-file") return null;
     try {
-      if (existsSync4(cursorNode.filePath)) {
+      if (existsSync3(cursorNode.filePath)) {
         return readFileSync3(cursorNode.filePath, "utf-8");
       }
     } catch {
@@ -3075,7 +3078,9 @@ function App({ cwd: cwd2 }) {
                 logsContent,
                 width: detailWidth2,
                 height: contentHeight2,
-                paneAlive
+                paneAlive,
+                scrollOffset: detailScrollOffset,
+                focused: focusPane === "detail"
               }
             );
           }
@@ -3085,7 +3090,9 @@ function App({ cwd: cwd2 }) {
               cycle,
               agents: session.agents,
               width: detailWidth2,
-              height: contentHeight2
+              height: contentHeight2,
+              scrollOffset: detailScrollOffset,
+              focused: focusPane === "detail"
             }
           );
         }
@@ -3100,7 +3107,9 @@ function App({ cwd: cwd2 }) {
                 logsContent,
                 width: detailWidth2,
                 height: contentHeight2,
-                paneAlive
+                paneAlive,
+                scrollOffset: detailScrollOffset,
+                focused: focusPane === "detail"
               }
             );
           }
@@ -3110,7 +3119,9 @@ function App({ cwd: cwd2 }) {
               agent,
               reportBlocks: detailReportBlocks,
               width: detailWidth2,
-              height: contentHeight2
+              height: contentHeight2,
+              scrollOffset: detailScrollOffset,
+              focused: focusPane === "detail"
             }
           );
         }
@@ -3125,7 +3136,9 @@ function App({ cwd: cwd2 }) {
                 logsContent,
                 width: detailWidth2,
                 height: contentHeight2,
-                paneAlive
+                paneAlive,
+                scrollOffset: detailScrollOffset,
+                focused: focusPane === "detail"
               }
             );
           }
@@ -3137,45 +3150,22 @@ function App({ cwd: cwd2 }) {
           if (specificBlock) {
             const badge = specificBlock.type === "final" ? "FINAL" : "UPDATE";
             const badgeColor = specificBlock.type === "final" ? "cyan" : "yellow";
-            const reportLines = wrapText(specificBlock.content.trim(), detailWidth2 - 8);
-            const viewableLines = contentHeight2 - 7;
-            return /* @__PURE__ */ jsxs12(
-              Box13,
+            const reportContentLines = [
+              [seg(" "), seg(badge, { color: badgeColor }), seg(` ${agent.id} \xB7 ${agent.name !== agent.id ? agent.name : agent.agentType}`, { bold: true })],
+              singleLine(`  ${formatTime(specificBlock.timestamp)}`, { dim: true }),
+              singleLine(" "),
+              [seg("  \u258E CONTENT", { color: badgeColor, bold: true })],
+              ...wrapText(specificBlock.content.trim(), detailWidth2 - 8).map((l) => singleLine(`    ${l}`))
+            ];
+            return /* @__PURE__ */ jsx13(
+              ScrollablePanel,
               {
-                flexDirection: "column",
+                lines: reportContentLines,
                 width: detailWidth2,
-                borderStyle: "round",
-                borderColor: badgeColor,
-                paddingX: 1,
-                children: [
-                  /* @__PURE__ */ jsxs12(Text13, { bold: true, children: [
-                    " ",
-                    /* @__PURE__ */ jsx13(Text13, { color: badgeColor, children: badge }),
-                    " ",
-                    agent.id,
-                    " \xB7 ",
-                    agent.name !== agent.id ? agent.name : agent.agentType
-                  ] }),
-                  /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
-                    "  ",
-                    formatTime(specificBlock.timestamp)
-                  ] }),
-                  /* @__PURE__ */ jsx13(Text13, { children: " " }),
-                  /* @__PURE__ */ jsxs12(Text13, { color: badgeColor, bold: true, children: [
-                    "  ",
-                    "\u258E CONTENT"
-                  ] }),
-                  reportLines.slice(0, viewableLines).map((line, i) => /* @__PURE__ */ jsxs12(Text13, { children: [
-                    "    ",
-                    line
-                  ] }, i)),
-                  reportLines.length > viewableLines && /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
-                    "    ",
-                    "\u2026 ",
-                    reportLines.length - viewableLines,
-                    " more lines [enter] full view"
-                  ] })
-                ]
+                height: contentHeight2,
+                scrollOffset: detailScrollOffset,
+                focused: focusPane === "detail",
+                borderColor: badgeColor
               }
             );
           }
@@ -3185,127 +3175,114 @@ function App({ cwd: cwd2 }) {
               agent,
               reportBlocks: detailReportBlocks,
               width: detailWidth2,
-              height: contentHeight2
+              height: contentHeight2,
+              scrollOffset: detailScrollOffset,
+              focused: focusPane === "detail"
             }
           );
         }
-        case "messages":
-          return /* @__PURE__ */ jsxs12(
-            Box13,
+        case "messages": {
+          const msgsLines = [
+            singleLine(` Messages (${session.messages.length})`, { bold: true })
+          ];
+          if (session.messages.length === 0) {
+            msgsLines.push(singleLine("  No messages", { dim: true, italic: true }));
+          } else {
+            for (const msg of session.messages) {
+              const time = formatTime(msg.timestamp);
+              const label = msg.source.type === "user" ? "You" : msg.source.type === "agent" ? msg.source.agentId : "system";
+              const labelColor = msg.source.type === "user" ? "yellow" : msg.source.type === "agent" ? "cyan" : "gray";
+              const maxContent = Math.max(10, detailWidth2 - label.length - 20);
+              msgsLines.push([
+                seg(`  [${time}] `, { dim: true }),
+                seg(`${label}: `, { color: labelColor, bold: true }),
+                seg(wrapText(msg.summary || msg.content, maxContent)[0] || "", {})
+              ]);
+            }
+          }
+          return /* @__PURE__ */ jsx13(
+            ScrollablePanel,
             {
-              flexDirection: "column",
+              lines: msgsLines,
               width: detailWidth2,
-              borderStyle: "round",
-              borderColor: "gray",
-              paddingX: 1,
-              children: [
-                /* @__PURE__ */ jsxs12(Text13, { bold: true, children: [
-                  " Messages (",
-                  session.messages.length,
-                  ")"
-                ] }),
-                /* @__PURE__ */ jsx13(
-                  MessageLog,
-                  {
-                    messages: session.messages,
-                    maxMessages: contentHeight2 - 4,
-                    width: detailWidth2 - 4
-                  }
-                )
-              ]
+              height: contentHeight2,
+              scrollOffset: detailScrollOffset,
+              focused: focusPane === "detail"
             }
           );
+        }
         case "message": {
           const msg = session.messages.find((m) => m.id === cursorNode.messageId);
-          return /* @__PURE__ */ jsxs12(
-            Box13,
+          const msgContentLines = [
+            singleLine(" Message", { bold: true })
+          ];
+          if (msg) {
+            msgContentLines.push(singleLine(`  ${cursorNode.source} \xB7 ${cursorNode.timestamp}`, { dim: true }));
+            for (const l of wrapText(msg.content, detailWidth2 - 8)) {
+              msgContentLines.push(singleLine(`  ${l}`));
+            }
+          } else {
+            msgContentLines.push(singleLine("  Message not found", { dim: true }));
+          }
+          return /* @__PURE__ */ jsx13(
+            ScrollablePanel,
             {
-              flexDirection: "column",
+              lines: msgContentLines,
               width: detailWidth2,
-              borderStyle: "round",
-              borderColor: "gray",
-              paddingX: 1,
-              children: [
-                /* @__PURE__ */ jsx13(Text13, { bold: true, children: " Message" }),
-                msg ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
-                  /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
-                    "  ",
-                    cursorNode.source,
-                    " \xB7 ",
-                    cursorNode.timestamp
-                  ] }),
-                  /* @__PURE__ */ jsxs12(Text13, { children: [
-                    "  ",
-                    msg.content
-                  ] })
-                ] }) : /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Message not found" })
-              ]
+              height: contentHeight2,
+              scrollOffset: detailScrollOffset,
+              focused: focusPane === "detail"
             }
           );
         }
-        case "context":
-          return /* @__PURE__ */ jsxs12(
-            Box13,
+        case "context": {
+          const ctxLines = [
+            [seg(" "), seg("\u229E", { color: "white" }), seg(` Context (${contextFiles.length})`, { bold: true })]
+          ];
+          if (contextFiles.length === 0) {
+            ctxLines.push(singleLine("  No context files found.", { dim: true }));
+          } else {
+            for (const f of contextFiles) {
+              ctxLines.push(singleLine(`  \xB7 ${f}`, { dim: true }));
+            }
+          }
+          return /* @__PURE__ */ jsx13(
+            ScrollablePanel,
             {
-              flexDirection: "column",
+              lines: ctxLines,
               width: detailWidth2,
-              borderStyle: "round",
-              borderColor: "gray",
-              paddingX: 1,
-              children: [
-                /* @__PURE__ */ jsxs12(Text13, { bold: true, children: [
-                  " ",
-                  /* @__PURE__ */ jsx13(Text13, { color: "white", children: "\u229E" }),
-                  " Context (",
-                  contextFiles.length,
-                  ")"
-                ] }),
-                contextFiles.length === 0 ? /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
-                  "  ",
-                  "No context files found."
-                ] }) : contextFiles.map((f) => /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
-                  "  \xB7 ",
-                  f
-                ] }, f))
-              ]
+              height: contentHeight2,
+              scrollOffset: detailScrollOffset,
+              focused: focusPane === "detail"
             }
           );
+        }
         case "context-file": {
-          const fileLines = contextFileContent != null ? wrapText(cleanMarkdown(stripFrontmatter(contextFileContent)), detailWidth2 - 8) : [];
-          const viewableLines = contentHeight2 - 6;
-          return /* @__PURE__ */ jsxs12(
-            Box13,
+          const ctxFileLines = [
+            [seg(" "), seg("\u229E", { color: "white" }), seg(` ${cursorNode.label}`, { bold: true })],
+            singleLine(" ")
+          ];
+          if (contextFileContent == null) {
+            ctxFileLines.push(singleLine("  File not found or unreadable.", { dim: true }));
+          } else {
+            const wrapped = wrapText(cleanMarkdown(stripFrontmatter(contextFileContent)), detailWidth2 - 8);
+            if (wrapped.length === 0) {
+              ctxFileLines.push(singleLine("  (empty)", { dim: true }));
+            } else {
+              for (const l of wrapped) {
+                ctxFileLines.push(singleLine(`    ${l}`));
+              }
+            }
+          }
+          return /* @__PURE__ */ jsx13(
+            ScrollablePanel,
             {
-              flexDirection: "column",
+              lines: ctxFileLines,
               width: detailWidth2,
-              borderStyle: "round",
-              borderColor: "white",
-              paddingX: 1,
-              children: [
-                /* @__PURE__ */ jsxs12(Text13, { bold: true, children: [
-                  " ",
-                  /* @__PURE__ */ jsx13(Text13, { color: "white", children: "\u229E" }),
-                  " ",
-                  cursorNode.label
-                ] }),
-                /* @__PURE__ */ jsx13(Text13, { children: " " }),
-                contextFileContent == null ? /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
-                  "  ",
-                  "File not found or unreadable."
-                ] }) : fileLines.length === 0 ? /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
-                  "  ",
-                  "(empty)"
-                ] }) : fileLines.slice(0, viewableLines).map((line, i) => /* @__PURE__ */ jsxs12(Text13, { children: [
-                  "    ",
-                  line
-                ] }, i)),
-                fileLines.length > viewableLines && /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
-                  "    ",
-                  "\u2026 ",
-                  fileLines.length - viewableLines,
-                  " more lines"
-                ] })
-              ]
+              height: contentHeight2,
+              scrollOffset: detailScrollOffset,
+              focused: focusPane === "detail",
+              borderColor: "white"
             }
           );
         }
@@ -3318,15 +3295,30 @@ function App({ cwd: cwd2 }) {
               goalContent,
               width: detailWidth2,
               height: contentHeight2,
-              paneAlive
+              paneAlive,
+              scrollOffset: detailScrollOffset,
+              focused: focusPane === "detail"
             }
           );
       }
     },
     [cursorNode, session, planContent, goalContent, logsContent, paneAlive, agents, mode, reportAgent, reportBlocks, detailReportBlocks, handleCancel, detailScrollOffset, focusPane, contextFiles, contextFileContent]
   );
-  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", width: cols, height: rows, children: [
-    /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", height: contentHeight, children: [
+  if (cols < 60 || rows < 12) {
+    return /* @__PURE__ */ jsxs8(Box11, { flexDirection: "column", width: cols, height: rows, justifyContent: "center", alignItems: "center", children: [
+      /* @__PURE__ */ jsx13(Text11, { color: "yellow", bold: true, children: "Terminal too small" }),
+      /* @__PURE__ */ jsxs8(Text11, { dimColor: true, children: [
+        "Minimum: 60\xD712 (current: ",
+        cols,
+        "\xD7",
+        rows,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Resize your terminal and try again." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs8(Box11, { flexDirection: "column", width: cols, height: rows, children: [
+    /* @__PURE__ */ jsxs8(Box11, { flexDirection: "row", height: contentHeight, children: [
       /* @__PURE__ */ jsx13(
         SessionTree,
         {
@@ -3349,8 +3341,8 @@ function App({ cwd: cwd2 }) {
         }
       )
     ] }),
-    notification && /* @__PURE__ */ jsx13(Box13, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text13, { color: "yellow", bold: true, children: /error|failed/i.test(notification) ? `\u2715 ${notification}` : /success|created|killed|sent|copied|deleted/i.test(notification) ? `\u2713 ${notification}` : `\u2139 ${notification}` }) }),
-    error && !notification && /* @__PURE__ */ jsx13(Box13, { paddingX: 1, children: /* @__PURE__ */ jsxs12(Text13, { color: "red", children: [
+    notification && /* @__PURE__ */ jsx13(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text11, { color: "yellow", bold: true, children: /error|failed/i.test(notification) ? `\u2715 ${notification}` : /success|created|killed|sent|copied|deleted/i.test(notification) ? `\u2713 ${notification}` : `\u2139 ${notification}` }) }),
+    error && !notification && /* @__PURE__ */ jsx13(Box11, { paddingX: 1, children: /* @__PURE__ */ jsxs8(Text11, { color: "red", children: [
       "\u26A0 ",
       error
     ] }) }),