@xingular/harness 1.3.1-unstable.1 → 1.3.1-unstable.2

package/dist/terminal-opentui.js

@@ -15469,7 +15469,7 @@ var actions = {
   "app.thinking.toggle": "ctrl+t",
   "app.editor.external": "ctrl+g",
   "app.message.copy": "ctrl+x",
-  "app.message.steer": ["super+enter", "alt+enter"],
+  "app.message.followUp": ["super+enter", "ctrl+enter", "alt+enter"],
   "app.message.dequeue": "alt+up",
   "app.clipboard.pasteImage": process.platform === "darwin" ? ["ctrl+v", "alt+v"] : "ctrl+v",
   "app.session.toggleNamedFilter": "ctrl+n",
@@ -21136,7 +21136,7 @@ class OpenTuiApplication {
     this.input(() => this.onSubmitPrompt());
   }
   onSubmitPrompt() {
-    this.submit(this.bashMode ? `!${this.draft}` : this.draft, true);
+    this.submit(this.bashMode ? `!${this.draft}` : this.draft, false);
   }
   async runBash(text) {
     const command = /^\s*!\s*([\s\S]+)$/u.exec(text)?.[1]?.trim();
@@ -21216,6 +21216,7 @@ class OpenTuiApplication {
       } finally {
         if (command)
           this.commandBusy = false;
+        this.change();
       }
     });
   }
@@ -21606,9 +21607,9 @@ class OpenTuiApplication {
       const hidden = !this.session.settingsManager.getHideThinkingBlock();
       this.session.settingsManager.setHideThinkingBlock(hidden);
       this.transcript.setThinkingHidden(hidden);
-    } else if (is("app.message.steer")) {
+    } else if (is("app.message.followUp")) {
       const editor = this.customEditor;
-      this.submit(editor?.getExpandedText?.() ?? (this.bashMode ? `!${this.draft}` : this.draft), false);
+      this.submit(editor?.getExpandedText?.() ?? (this.bashMode ? `!${this.draft}` : this.draft), true);
     } else if (is("app.message.dequeue")) {
       const pending = this.session.clearQueue();
       const deferred = this.deferredInputs.map((input) => input.kind === "plan" ? `/plan ${input.text}` : input.text);
@@ -21646,7 +21647,7 @@ class OpenTuiApplication {
       "Ctrl+L model",
       "Ctrl+N new session",
       "\u2191/\u2193 at either draft endpoint browse older/newer history \xB7 Ctrl+\u2191/\u2193 anywhere",
-      "Enter send or queue \xB7 Cmd+Enter steer \xB7 Esc dismisses btw or stops reply",
+      "Enter send or steer \xB7 Cmd/Ctrl/Alt+Enter queue \xB7 Esc dismisses btw or stops reply",
       "Ctrl+C clear or quit \xB7 Ctrl+D quit",
       "PgUp/PgDn transcript"
     ].join(`
@@ -21738,6 +21739,11 @@ class OpenTuiApplication {
       planMode: this.planMode,
       planChoice: this.draft === "" && !this.bashMode ? this.planChoice.view : null,
       questionDock: this.questionDock?.view ?? null,
+      pendingMessages: [
+        ...(this.runtime?.session?.getSteeringMessages?.() ?? []).map((text) => ({ kind: "steering", text })),
+        ...(this.runtime?.session?.getFollowUpMessages?.() ?? []).map((text) => ({ kind: "followUp", text })),
+        ...this.deferredInputs.map((input) => ({ kind: input.kind, text: input.text }))
+      ],
       working: { ...this.working(), sessionName: snapshot?.name },
       statuses: [...this.statuses.values()],
       linkHovered: this.hoveredLink !== null,
@@ -23208,6 +23214,31 @@ function homeBrand(productName) {
   return { mark, subline };
 }
 
+// src/terminal/opentui/pendingMessages.ts
+import { stripTerminalSequences as stripTerminalSequences15, truncateToWidth as truncateToWidth26 } from "@earendil-works/pi-tui";
+var labels = {
+  steering: "Steering",
+  followUp: "Follow-up",
+  plan: "Plan",
+  bash: "Bash",
+  prompt: "Prompt"
+};
+function pendingMessageLines(messages, width, maxRows = 4) {
+  const columns = Number.isFinite(width) ? Math.max(0, Math.floor(width)) : 0;
+  const rows = Number.isFinite(maxRows) ? Math.max(0, Math.floor(maxRows)) : 0;
+  if (!columns || !rows || !messages.length)
+    return [];
+  const shown = messages.length > rows ? rows - 1 : rows;
+  const fit = (text) => stripTerminalSequences15(truncateToWidth26(text, columns, "\u2026", false));
+  const result = messages.slice(0, shown).map((message) => {
+    const text = singleLine(message.text.replace(/[\u2028\u2029\u200e\u200f\u202a-\u202e\u2066-\u2069]/gu, " "));
+    return fit(`${labels[message.kind]} \xB7 ${text || "(empty)"}`);
+  });
+  if (messages.length > shown)
+    result.push(fit(`+${messages.length - shown} more pending`));
+  return result;
+}
+
 // src/terminal/opentui/root.tsx
 var theme2 = opentuiTheme;
 var scrollbarColor = RGBA2.fromHex(theme2.dim);
@@ -24435,6 +24466,35 @@ function StatusBar(props) {
     return _el$87;
   })();
 }
+function PendingMessages(props) {
+  const lines = () => pendingMessageLines(props.messages, props.width, Math.min(4, Math.max(0, props.height - 8)));
+  return _$createComponent2(Show2, {
+    get when() {
+      return lines().length > 0;
+    },
+    get children() {
+      var _el$89 = _$createElement2("box");
+      _$setProp2(_el$89, "width", "100%");
+      _$setProp2(_el$89, "paddingX", 1);
+      _$setProp2(_el$89, "flexDirection", "column");
+      _$setProp2(_el$89, "flexShrink", 0);
+      _$insert2(_el$89, _$createComponent2(For2, {
+        get each() {
+          return lines();
+        },
+        children: (line) => (() => {
+          var _el$90 = _$createElement2("text");
+          _$setProp2(_el$90, "wrapMode", "none");
+          _$setProp2(_el$90, "truncate", true);
+          _$insert2(_el$90, line);
+          _$effect2((_$p) => _$setProp2(_el$90, "fg", theme2.muted, _$p));
+          return _el$90;
+        })()
+      }));
+      return _el$89;
+    }
+  });
+}
 function WorkingLine(props) {
   const view = () => props.view;
   const statusColor = () => view().working.active ? theme2.primary : theme2.muted;
@@ -24448,22 +24508,22 @@ function WorkingLine(props) {
     },
     get fallback() {
       return (() => {
-        var _el$91 = _$createElement2("box");
-        _$setProp2(_el$91, "height", 0);
-        _$setProp2(_el$91, "flexShrink", 0);
-        return _el$91;
+        var _el$93 = _$createElement2("box");
+        _$setProp2(_el$93, "height", 0);
+        _$setProp2(_el$93, "flexShrink", 0);
+        return _el$93;
       })();
     },
     get children() {
-      var _el$89 = _$createElement2("box"), _el$90 = _$createElement2("text");
-      _$insertNode2(_el$89, _el$90);
-      _$setProp2(_el$89, "width", "100%");
-      _$setProp2(_el$89, "paddingX", 1);
-      _$setProp2(_el$89, "marginTop", 1);
-      _$setProp2(_el$89, "flexShrink", 0);
-      _$setProp2(_el$90, "wrapMode", "none");
-      _$setProp2(_el$90, "truncate", true);
-      _$insert2(_el$90, _$createComponent2(Span, {
+      var _el$91 = _$createElement2("box"), _el$92 = _$createElement2("text");
+      _$insertNode2(_el$91, _el$92);
+      _$setProp2(_el$91, "width", "100%");
+      _$setProp2(_el$91, "paddingX", 1);
+      _$setProp2(_el$91, "marginTop", 1);
+      _$setProp2(_el$91, "flexShrink", 0);
+      _$setProp2(_el$92, "wrapMode", "none");
+      _$setProp2(_el$92, "truncate", true);
+      _$insert2(_el$92, _$createComponent2(Span, {
         get fg() {
           return statusColor();
         },
@@ -24471,7 +24531,7 @@ function WorkingLine(props) {
           return parts().prefix;
         }
       }), null);
-      _$insert2(_el$90, _$createComponent2(For2, {
+      _$insert2(_el$92, _$createComponent2(For2, {
         get each() {
           return Array.from(parts().label);
         },
@@ -24482,7 +24542,7 @@ function WorkingLine(props) {
           children: character
         })
       }), null);
-      _$insert2(_el$90, _$createComponent2(Span, {
+      _$insert2(_el$92, _$createComponent2(Span, {
         get fg() {
           return statusColor();
         },
@@ -24490,8 +24550,8 @@ function WorkingLine(props) {
           return parts().suffix;
         }
       }), null);
-      _$effect2((_$p) => _$setProp2(_el$90, "fg", statusColor(), _$p));
-      return _el$89;
+      _$effect2((_$p) => _$setProp2(_el$92, "fg", statusColor(), _$p));
+      return _el$91;
     }
   });
 }
@@ -24537,20 +24597,20 @@ function subagentToneColor(t, tone) {
 function SubagentRoster(props) {
   const t = theme2;
   return (() => {
-    var _el$92 = _$createElement2("box");
-    _$setProp2(_el$92, "flexDirection", "column");
-    _$setProp2(_el$92, "marginTop", 1);
-    _$setProp2(_el$92, "paddingX", 1);
-    _$setProp2(_el$92, "flexShrink", 0);
-    _$insert2(_el$92, _$createComponent2(For2, {
+    var _el$94 = _$createElement2("box");
+    _$setProp2(_el$94, "flexDirection", "column");
+    _$setProp2(_el$94, "marginTop", 1);
+    _$setProp2(_el$94, "paddingX", 1);
+    _$setProp2(_el$94, "flexShrink", 0);
+    _$insert2(_el$94, _$createComponent2(For2, {
       get each() {
         return props.roster.rows;
       },
       children: (row) => (() => {
-        var _el$94 = _$createElement2("text");
-        _$setProp2(_el$94, "wrapMode", "none");
-        _$setProp2(_el$94, "truncate", true);
-        _$insert2(_el$94, _$createComponent2(Span, {
+        var _el$96 = _$createElement2("text");
+        _$setProp2(_el$96, "wrapMode", "none");
+        _$setProp2(_el$96, "truncate", true);
+        _$insert2(_el$96, _$createComponent2(Span, {
           get fg() {
             return _$memo2(() => !!(row.tone === "warning" && row.color))() ? profileColor(t, row.color) : subagentToneColor(t, row.tone);
           },
@@ -24558,7 +24618,7 @@ function SubagentRoster(props) {
             return row.mark;
           }
         }), null);
-        _$insert2(_el$94, _$createComponent2(Span, {
+        _$insert2(_el$96, _$createComponent2(Span, {
           get fg() {
             return _$memo2(() => !!row.color)() ? profileColor(t, row.color) : t.muted;
           },
@@ -24569,7 +24629,7 @@ function SubagentRoster(props) {
             return ` ${row.profile}`;
           }
         }), null);
-        _$insert2(_el$94, _$createComponent2(Span, {
+        _$insert2(_el$96, _$createComponent2(Span, {
           get fg() {
             return t.text;
           },
@@ -24577,7 +24637,7 @@ function SubagentRoster(props) {
             return `  ${row.title}`;
           }
         }), null);
-        _$insert2(_el$94, _$createComponent2(Show2, {
+        _$insert2(_el$96, _$createComponent2(Show2, {
           get when() {
             return row.tasks;
           },
@@ -24592,23 +24652,23 @@ function SubagentRoster(props) {
             });
           }
         }), null);
-        return _el$94;
+        return _el$96;
       })()
     }), null);
-    _$insert2(_el$92, _$createComponent2(Show2, {
+    _$insert2(_el$94, _$createComponent2(Show2, {
       get when() {
         return props.roster.overflow;
       },
       get children() {
-        var _el$93 = _$createElement2("text");
-        _$setProp2(_el$93, "wrapMode", "none");
-        _$setProp2(_el$93, "truncate", true);
-        _$insert2(_el$93, () => props.roster.overflow);
-        _$effect2((_$p) => _$setProp2(_el$93, "fg", t.muted, _$p));
-        return _el$93;
+        var _el$95 = _$createElement2("text");
+        _$setProp2(_el$95, "wrapMode", "none");
+        _$setProp2(_el$95, "truncate", true);
+        _$insert2(_el$95, () => props.roster.overflow);
+        _$effect2((_$p) => _$setProp2(_el$95, "fg", t.muted, _$p));
+        return _el$95;
       }
     }), null);
-    return _el$92;
+    return _el$94;
   })();
 }
 function Prompt(props) {
@@ -24674,98 +24734,98 @@ function Prompt(props) {
     overlay: Boolean(view().overlay)
   });
   return (() => {
-    var _el$95 = _$createElement2("box");
-    _$setProp2(_el$95, "flexDirection", "column");
-    _$setProp2(_el$95, "flexShrink", 0);
-    _$insert2(_el$95, _$createComponent2(Show2, {
+    var _el$97 = _$createElement2("box");
+    _$setProp2(_el$97, "flexDirection", "column");
+    _$setProp2(_el$97, "flexShrink", 0);
+    _$insert2(_el$97, _$createComponent2(Show2, {
       get when() {
         return view().customEditor;
       },
       get fallback() {
         return (() => {
-          var _el$96 = _$createElement2("box"), _el$97 = _$createElement2("box"), _el$98 = _$createElement2("box"), _el$102 = _$createElement2("box"), _el$103 = _$createElement2("box"), _el$104 = _$createElement2("textarea");
-          _$insertNode2(_el$96, _el$97);
-          _$insertNode2(_el$96, _el$102);
-          _$setProp2(_el$96, "flexDirection", "column");
-          _$setProp2(_el$96, "border", ["bottom"]);
-          _$setProp2(_el$96, "borderStyle", "single");
-          _$setProp2(_el$96, "backgroundColor", "transparent");
-          _$setProp2(_el$96, "flexShrink", 0);
-          _$insertNode2(_el$97, _el$98);
-          _$setProp2(_el$97, "flexDirection", "row");
-          _$setProp2(_el$97, "width", "100%");
-          _$setProp2(_el$97, "height", 1);
-          _$setProp2(_el$97, "flexShrink", 0);
-          _$setProp2(_el$98, "flexGrow", 1);
-          _$setProp2(_el$98, "minWidth", 0);
-          _$setProp2(_el$98, "height", 1);
-          _$setProp2(_el$98, "border", ["top"]);
+          var _el$98 = _$createElement2("box"), _el$99 = _$createElement2("box"), _el$100 = _$createElement2("box"), _el$104 = _$createElement2("box"), _el$105 = _$createElement2("box"), _el$106 = _$createElement2("textarea");
+          _$insertNode2(_el$98, _el$99);
+          _$insertNode2(_el$98, _el$104);
+          _$setProp2(_el$98, "flexDirection", "column");
+          _$setProp2(_el$98, "border", ["bottom"]);
           _$setProp2(_el$98, "borderStyle", "single");
           _$setProp2(_el$98, "backgroundColor", "transparent");
-          _$insert2(_el$97, _$createComponent2(Show2, {
+          _$setProp2(_el$98, "flexShrink", 0);
+          _$insertNode2(_el$99, _el$100);
+          _$setProp2(_el$99, "flexDirection", "row");
+          _$setProp2(_el$99, "width", "100%");
+          _$setProp2(_el$99, "height", 1);
+          _$setProp2(_el$99, "flexShrink", 0);
+          _$setProp2(_el$100, "flexGrow", 1);
+          _$setProp2(_el$100, "minWidth", 0);
+          _$setProp2(_el$100, "height", 1);
+          _$setProp2(_el$100, "border", ["top"]);
+          _$setProp2(_el$100, "borderStyle", "single");
+          _$setProp2(_el$100, "backgroundColor", "transparent");
+          _$insert2(_el$99, _$createComponent2(Show2, {
             get when() {
               return plan();
             },
             get children() {
               return [(() => {
-                var _el$99 = _$createElement2("text");
-                _$insertNode2(_el$99, _$createTextNode2(` plan mode `));
-                _$setProp2(_el$99, "wrapMode", "none");
+                var _el$101 = _$createElement2("text");
+                _$insertNode2(_el$101, _$createTextNode2(` plan mode `));
+                _$setProp2(_el$101, "wrapMode", "none");
                 _$effect2((_p$) => {
                   var _v$59 = composerColor(), _v$60 = TextAttributes2.BOLD;
-                  _v$59 !== _p$.e && (_p$.e = _$setProp2(_el$99, "fg", _v$59, _p$.e));
-                  _v$60 !== _p$.t && (_p$.t = _$setProp2(_el$99, "attributes", _v$60, _p$.t));
+                  _v$59 !== _p$.e && (_p$.e = _$setProp2(_el$101, "fg", _v$59, _p$.e));
+                  _v$60 !== _p$.t && (_p$.t = _$setProp2(_el$101, "attributes", _v$60, _p$.t));
                   return _p$;
                 }, {
                   e: undefined,
                   t: undefined
                 });
-                return _el$99;
-              })(), (() => {
-                var _el$101 = _$createElement2("box");
-                _$setProp2(_el$101, "width", 1);
-                _$setProp2(_el$101, "minWidth", 1);
-                _$setProp2(_el$101, "height", 1);
-                _$setProp2(_el$101, "border", ["top"]);
-                _$setProp2(_el$101, "borderStyle", "single");
-                _$setProp2(_el$101, "backgroundColor", "transparent");
-                _$effect2((_$p) => _$setProp2(_el$101, "borderColor", composerColor(), _$p));
                 return _el$101;
+              })(), (() => {
+                var _el$103 = _$createElement2("box");
+                _$setProp2(_el$103, "width", 1);
+                _$setProp2(_el$103, "minWidth", 1);
+                _$setProp2(_el$103, "height", 1);
+                _$setProp2(_el$103, "border", ["top"]);
+                _$setProp2(_el$103, "borderStyle", "single");
+                _$setProp2(_el$103, "backgroundColor", "transparent");
+                _$effect2((_$p) => _$setProp2(_el$103, "borderColor", composerColor(), _$p));
+                return _el$103;
               })()];
             }
           }), null);
-          _$insertNode2(_el$102, _el$103);
-          _$insertNode2(_el$102, _el$104);
-          _$setProp2(_el$102, "flexDirection", "row");
-          _$setProp2(_el$102, "paddingX", 1);
-          _$setProp2(_el$102, "alignItems", "stretch");
-          _$setProp2(_el$103, "width", 2);
-          _$setProp2(_el$103, "minWidth", 2);
-          _$setProp2(_el$103, "flexDirection", "column");
-          _$setProp2(_el$103, "flexShrink", 0);
-          _$insert2(_el$103, _$createComponent2(For2, {
+          _$insertNode2(_el$104, _el$105);
+          _$insertNode2(_el$104, _el$106);
+          _$setProp2(_el$104, "flexDirection", "row");
+          _$setProp2(_el$104, "paddingX", 1);
+          _$setProp2(_el$104, "alignItems", "stretch");
+          _$setProp2(_el$105, "width", 2);
+          _$setProp2(_el$105, "minWidth", 2);
+          _$setProp2(_el$105, "flexDirection", "column");
+          _$setProp2(_el$105, "flexShrink", 0);
+          _$insert2(_el$105, _$createComponent2(For2, {
             get each() {
               return Array.from({
                 length: inputHeight()
               }, (_, index) => index);
             },
             children: (_, index) => (() => {
-              var _el$105 = _$createElement2("text");
-              _$setProp2(_el$105, "wrapMode", "none");
-              _$insert2(_el$105, (() => {
+              var _el$107 = _$createElement2("text");
+              _$setProp2(_el$107, "wrapMode", "none");
+              _$insert2(_el$107, (() => {
                 var _c$2 = _$memo2(() => index() === 0);
                 return () => _c$2() ? bash() ? "! " : "\u276F " : "  ";
               })());
               _$effect2((_p$) => {
                 var _v$70 = composerColor(), _v$71 = TextAttributes2.BOLD;
-                _v$70 !== _p$.e && (_p$.e = _$setProp2(_el$105, "fg", _v$70, _p$.e));
-                _v$71 !== _p$.t && (_p$.t = _$setProp2(_el$105, "attributes", _v$71, _p$.t));
+                _v$70 !== _p$.e && (_p$.e = _$setProp2(_el$107, "fg", _v$70, _p$.e));
+                _v$71 !== _p$.t && (_p$.t = _$setProp2(_el$107, "attributes", _v$71, _p$.t));
                 return _p$;
               }, {
                 e: undefined,
                 t: undefined
               });
-              return _el$105;
+              return _el$107;
             })()
           }));
           _$use2((value) => {
@@ -24773,38 +24833,38 @@ function Prompt(props) {
             if (value)
               value.syntaxStyle = props.syntax;
             props.promptRef(value);
-          }, _el$104);
-          _$setProp2(_el$104, "flexGrow", 1);
-          _$setProp2(_el$104, "minHeight", 1);
-          _$setProp2(_el$104, "maxHeight", 8);
-          _$setProp2(_el$104, "wrapMode", "word");
-          _$setProp2(_el$104, "backgroundColor", "transparent");
-          _$setProp2(_el$104, "focusedBackgroundColor", "transparent");
-          _$setProp2(_el$104, "keyBindings", promptKeyBindings);
-          _$setProp2(_el$104, "onPaste", (event) => {
+          }, _el$106);
+          _$setProp2(_el$106, "flexGrow", 1);
+          _$setProp2(_el$106, "minHeight", 1);
+          _$setProp2(_el$106, "maxHeight", 8);
+          _$setProp2(_el$106, "wrapMode", "word");
+          _$setProp2(_el$106, "backgroundColor", "transparent");
+          _$setProp2(_el$106, "focusedBackgroundColor", "transparent");
+          _$setProp2(_el$106, "keyBindings", promptKeyBindings);
+          _$setProp2(_el$106, "onPaste", (event) => {
             event.preventDefault();
             props.app.paste(pastedText(event.bytes));
           });
-          _$setProp2(_el$104, "onSubmit", () => {
+          _$setProp2(_el$106, "onSubmit", () => {
             reportDraft();
             props.app.submitPrompt();
           });
-          _$setProp2(_el$104, "onContentChange", () => {
+          _$setProp2(_el$106, "onContentChange", () => {
             measure();
             reportDraft();
           });
-          _$setProp2(_el$104, "onSizeChange", () => measure());
+          _$setProp2(_el$106, "onSizeChange", () => measure());
           _$effect2((_p$) => {
             var _v$61 = composerColor(), _v$62 = composerColor(), _v$63 = inputHeight(), _v$64 = inputHeight(), { text: _v$65, text: _v$66 } = theme2, _v$67 = bash() ? "Run a shell command\u2026" : view().questionDock ? "Or reply directly to this question\u2026" : plan() ? "Describe a plan\u2026" : view().home ? "Ask anything\u2026" : "Reply\u2026", _v$68 = theme2.dim, _v$69 = composerFocused();
-            _v$61 !== _p$.e && (_p$.e = _$setProp2(_el$96, "borderColor", _v$61, _p$.e));
-            _v$62 !== _p$.t && (_p$.t = _$setProp2(_el$98, "borderColor", _v$62, _p$.t));
-            _v$63 !== _p$.a && (_p$.a = _$setProp2(_el$103, "height", _v$63, _p$.a));
-            _v$64 !== _p$.o && (_p$.o = _$setProp2(_el$104, "height", _v$64, _p$.o));
-            _v$65 !== _p$.i && (_p$.i = _$setProp2(_el$104, "textColor", _v$65, _p$.i));
-            _v$66 !== _p$.n && (_p$.n = _$setProp2(_el$104, "focusedTextColor", _v$66, _p$.n));
-            _v$67 !== _p$.s && (_p$.s = _$setProp2(_el$104, "placeholder", _v$67, _p$.s));
-            _v$68 !== _p$.h && (_p$.h = _$setProp2(_el$104, "placeholderColor", _v$68, _p$.h));
-            _v$69 !== _p$.r && (_p$.r = _$setProp2(_el$104, "focused", _v$69, _p$.r));
+            _v$61 !== _p$.e && (_p$.e = _$setProp2(_el$98, "borderColor", _v$61, _p$.e));
+            _v$62 !== _p$.t && (_p$.t = _$setProp2(_el$100, "borderColor", _v$62, _p$.t));
+            _v$63 !== _p$.a && (_p$.a = _$setProp2(_el$105, "height", _v$63, _p$.a));
+            _v$64 !== _p$.o && (_p$.o = _$setProp2(_el$106, "height", _v$64, _p$.o));
+            _v$65 !== _p$.i && (_p$.i = _$setProp2(_el$106, "textColor", _v$65, _p$.i));
+            _v$66 !== _p$.n && (_p$.n = _$setProp2(_el$106, "focusedTextColor", _v$66, _p$.n));
+            _v$67 !== _p$.s && (_p$.s = _$setProp2(_el$106, "placeholder", _v$67, _p$.s));
+            _v$68 !== _p$.h && (_p$.h = _$setProp2(_el$106, "placeholderColor", _v$68, _p$.h));
+            _v$69 !== _p$.r && (_p$.r = _$setProp2(_el$106, "focused", _v$69, _p$.r));
             return _p$;
           }, {
             e: undefined,
@@ -24817,14 +24877,14 @@ function Prompt(props) {
             h: undefined,
             r: undefined
           });
-          return _el$96;
+          return _el$98;
         })();
       },
       children: (lines) => (() => {
-        var _el$106 = _$createElement2("box");
-        _$setProp2(_el$106, "flexDirection", "column");
-        _$setProp2(_el$106, "flexShrink", 0);
-        _$insert2(_el$106, _$createComponent2(AnsiView, {
+        var _el$108 = _$createElement2("box");
+        _$setProp2(_el$108, "flexDirection", "column");
+        _$setProp2(_el$108, "flexShrink", 0);
+        _$insert2(_el$108, _$createComponent2(AnsiView, {
           get lines() {
             return lines();
           },
@@ -24832,15 +24892,15 @@ function Prompt(props) {
             return theme2.text;
           }
         }));
-        return _el$106;
+        return _el$108;
       })()
     }), null);
-    _$insert2(_el$95, _$createComponent2(StatusBar, {
+    _$insert2(_el$97, _$createComponent2(StatusBar, {
       get view() {
         return view();
       }
     }), null);
-    return _el$95;
+    return _el$97;
   })();
 }
 function cut2(text, limit) {
@@ -24858,10 +24918,10 @@ function Footer(props) {
     },
     get fallback() {
       return (() => {
-        var _el$107 = _$createElement2("box");
-        _$setProp2(_el$107, "height", 0);
-        _$setProp2(_el$107, "flexShrink", 0);
-        return _el$107;
+        var _el$109 = _$createElement2("box");
+        _$setProp2(_el$109, "height", 0);
+        _$setProp2(_el$109, "flexShrink", 0);
+        return _el$109;
       })();
     },
     get children() {
@@ -24871,37 +24931,37 @@ function Footer(props) {
         },
         get fallback() {
           return (() => {
-            var _el$108 = _$createElement2("box"), _el$109 = _$createElement2("text");
-            _$insertNode2(_el$108, _el$109);
-            _$setProp2(_el$108, "flexDirection", "row");
-            _$setProp2(_el$108, "justifyContent", "flex-end");
-            _$setProp2(_el$108, "flexShrink", 0);
-            _$setProp2(_el$108, "paddingX", 1);
-            _$setProp2(_el$108, "height", 1);
-            _$setProp2(_el$109, "wrapMode", "none");
-            _$insert2(_el$109, right);
-            _$effect2((_$p) => _$setProp2(_el$109, "fg", theme2.dim, _$p));
-            return _el$108;
+            var _el$110 = _$createElement2("box"), _el$111 = _$createElement2("text");
+            _$insertNode2(_el$110, _el$111);
+            _$setProp2(_el$110, "flexDirection", "row");
+            _$setProp2(_el$110, "justifyContent", "flex-end");
+            _$setProp2(_el$110, "flexShrink", 0);
+            _$setProp2(_el$110, "paddingX", 1);
+            _$setProp2(_el$110, "height", 1);
+            _$setProp2(_el$111, "wrapMode", "none");
+            _$insert2(_el$111, right);
+            _$effect2((_$p) => _$setProp2(_el$111, "fg", theme2.dim, _$p));
+            return _el$110;
           })();
         },
         children: (lines) => (() => {
-          var _el$110 = _$createElement2("box"), _el$111 = _$createElement2("text");
-          _$insertNode2(_el$110, _el$111);
-          _$setProp2(_el$110, "flexDirection", "column");
-          _$setProp2(_el$110, "flexShrink", 0);
-          _$setProp2(_el$110, "paddingX", 1);
-          _$insert2(_el$110, _$createComponent2(AnsiView, {
+          var _el$112 = _$createElement2("box"), _el$113 = _$createElement2("text");
+          _$insertNode2(_el$112, _el$113);
+          _$setProp2(_el$112, "flexDirection", "column");
+          _$setProp2(_el$112, "flexShrink", 0);
+          _$setProp2(_el$112, "paddingX", 1);
+          _$insert2(_el$112, _$createComponent2(AnsiView, {
             get lines() {
               return lines();
             },
             get fg() {
               return theme2.muted;
             }
-          }), _el$111);
-          _$setProp2(_el$111, "wrapMode", "none");
-          _$insert2(_el$111, right);
-          _$effect2((_$p) => _$setProp2(_el$111, "fg", theme2.dim, _$p));
-          return _el$110;
+          }), _el$113);
+          _$setProp2(_el$113, "wrapMode", "none");
+          _$insert2(_el$113, right);
+          _$effect2((_$p) => _$setProp2(_el$113, "fg", theme2.dim, _$p));
+          return _el$112;
         })()
       });
     }
@@ -24910,35 +24970,35 @@ function Footer(props) {
 function JumpToLatestBadge(props) {
   const [hovered, setHovered] = createSignal2(false);
   return (() => {
-    var _el$112 = _$createElement2("box"), _el$113 = _$createElement2("text");
-    _$insertNode2(_el$112, _el$113);
-    _$setProp2(_el$112, "position", "absolute");
-    _$setProp2(_el$112, "right", 1);
-    _$setProp2(_el$112, "bottom", 1);
-    _$setProp2(_el$112, "zIndex", 2);
-    _$setProp2(_el$112, "paddingX", 1);
-    _$setProp2(_el$112, "onMouseOver", () => setHovered(true));
-    _$setProp2(_el$112, "onMouseOut", () => setHovered(false));
-    _$setProp2(_el$112, "onMouseDown", (event) => {
+    var _el$114 = _$createElement2("box"), _el$115 = _$createElement2("text");
+    _$insertNode2(_el$114, _el$115);
+    _$setProp2(_el$114, "position", "absolute");
+    _$setProp2(_el$114, "right", 1);
+    _$setProp2(_el$114, "bottom", 1);
+    _$setProp2(_el$114, "zIndex", 2);
+    _$setProp2(_el$114, "paddingX", 1);
+    _$setProp2(_el$114, "onMouseOver", () => setHovered(true));
+    _$setProp2(_el$114, "onMouseOut", () => setHovered(false));
+    _$setProp2(_el$114, "onMouseDown", (event) => {
       if (event.button !== 0 || event.isDragging)
         return;
       event.stopPropagation();
       props.activate();
     });
-    _$insertNode2(_el$113, _$createTextNode2(`\u2193 Jump to latest`));
-    _$setProp2(_el$113, "wrapMode", "none");
+    _$insertNode2(_el$115, _$createTextNode2(`\u2193 Jump to latest`));
+    _$setProp2(_el$115, "wrapMode", "none");
     _$effect2((_p$) => {
       var _v$72 = hovered() ? theme2.selectionBg : theme2.panel, _v$73 = hovered() ? theme2.selectionText : theme2.accent, _v$74 = TextAttributes2.BOLD;
-      _v$72 !== _p$.e && (_p$.e = _$setProp2(_el$112, "backgroundColor", _v$72, _p$.e));
-      _v$73 !== _p$.t && (_p$.t = _$setProp2(_el$113, "fg", _v$73, _p$.t));
-      _v$74 !== _p$.a && (_p$.a = _$setProp2(_el$113, "attributes", _v$74, _p$.a));
+      _v$72 !== _p$.e && (_p$.e = _$setProp2(_el$114, "backgroundColor", _v$72, _p$.e));
+      _v$73 !== _p$.t && (_p$.t = _$setProp2(_el$115, "fg", _v$73, _p$.t));
+      _v$74 !== _p$.a && (_p$.a = _$setProp2(_el$115, "attributes", _v$74, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$112;
+    return _el$114;
   })();
 }
 function Toast(props) {
@@ -24948,22 +25008,22 @@ function Toast(props) {
       return layout();
     },
     children: (value) => (() => {
-      var _el$115 = _$createElement2("box"), _el$116 = _$createElement2("text");
-      _$insertNode2(_el$115, _el$116);
-      _$setProp2(_el$115, "position", "absolute");
-      _$setProp2(_el$115, "height", 1);
-      _$setProp2(_el$115, "zIndex", 200);
-      _$setProp2(_el$115, "paddingX", 1);
-      _$setProp2(_el$116, "wrapMode", "none");
-      _$setProp2(_el$116, "truncate", true);
-      _$insert2(_el$116, () => value().message);
+      var _el$117 = _$createElement2("box"), _el$118 = _$createElement2("text");
+      _$insertNode2(_el$117, _el$118);
+      _$setProp2(_el$117, "position", "absolute");
+      _$setProp2(_el$117, "height", 1);
+      _$setProp2(_el$117, "zIndex", 200);
+      _$setProp2(_el$117, "paddingX", 1);
+      _$setProp2(_el$118, "wrapMode", "none");
+      _$setProp2(_el$118, "truncate", true);
+      _$insert2(_el$118, () => value().message);
       _$effect2((_p$) => {
         var _v$75 = value().top, _v$76 = value().right, _v$77 = value().width, { selectionBg: _v$78, selectionText: _v$79 } = theme2;
-        _v$75 !== _p$.e && (_p$.e = _$setProp2(_el$115, "top", _v$75, _p$.e));
-        _v$76 !== _p$.t && (_p$.t = _$setProp2(_el$115, "right", _v$76, _p$.t));
-        _v$77 !== _p$.a && (_p$.a = _$setProp2(_el$115, "width", _v$77, _p$.a));
-        _v$78 !== _p$.o && (_p$.o = _$setProp2(_el$115, "backgroundColor", _v$78, _p$.o));
-        _v$79 !== _p$.i && (_p$.i = _$setProp2(_el$116, "fg", _v$79, _p$.i));
+        _v$75 !== _p$.e && (_p$.e = _$setProp2(_el$117, "top", _v$75, _p$.e));
+        _v$76 !== _p$.t && (_p$.t = _$setProp2(_el$117, "right", _v$76, _p$.t));
+        _v$77 !== _p$.a && (_p$.a = _$setProp2(_el$117, "width", _v$77, _p$.a));
+        _v$78 !== _p$.o && (_p$.o = _$setProp2(_el$117, "backgroundColor", _v$78, _p$.o));
+        _v$79 !== _p$.i && (_p$.i = _$setProp2(_el$118, "fg", _v$79, _p$.i));
         return _p$;
       }, {
         e: undefined,
@@ -24972,110 +25032,110 @@ function Toast(props) {
         o: undefined,
         i: undefined
       });
-      return _el$115;
+      return _el$117;
     })()
   });
 }
 function Home(props) {
   return (() => {
-    var _el$117 = _$createElement2("box"), _el$118 = _$createElement2("box"), _el$119 = _$createElement2("ascii_font"), _el$121 = _$createElement2("box"), _el$122 = _$createElement2("text"), _el$124 = _$createElement2("text"), _el$126 = _$createElement2("text"), _el$127 = _$createTextNode2(`Ask anything, or `), _el$129 = _$createTextNode2(` for commands`);
-    _$insertNode2(_el$117, _el$118);
-    _$insertNode2(_el$117, _el$121);
-    _$insertNode2(_el$117, _el$122);
-    _$insertNode2(_el$117, _el$124);
-    _$insertNode2(_el$117, _el$126);
-    _$setProp2(_el$117, "flexGrow", 1);
-    _$setProp2(_el$117, "flexDirection", "column");
-    _$setProp2(_el$117, "alignItems", "center");
-    _$setProp2(_el$117, "justifyContent", "center");
-    _$setProp2(_el$117, "minHeight", 0);
-    _$insertNode2(_el$118, _el$119);
-    _$setProp2(_el$118, "height", 7);
-    _$setProp2(_el$118, "minHeight", 7);
-    _$setProp2(_el$118, "flexShrink", 0);
-    _$setProp2(_el$119, "font", "block");
-    _$setProp2(_el$119, "backgroundColor", "transparent");
-    _$setProp2(_el$119, "selectable", false);
-    _$insert2(_el$117, _$createComponent2(Show2, {
+    var _el$119 = _$createElement2("box"), _el$120 = _$createElement2("box"), _el$121 = _$createElement2("ascii_font"), _el$123 = _$createElement2("box"), _el$124 = _$createElement2("text"), _el$126 = _$createElement2("text"), _el$128 = _$createElement2("text"), _el$129 = _$createTextNode2(`Ask anything, or `), _el$131 = _$createTextNode2(` for commands`);
+    _$insertNode2(_el$119, _el$120);
+    _$insertNode2(_el$119, _el$123);
+    _$insertNode2(_el$119, _el$124);
+    _$insertNode2(_el$119, _el$126);
+    _$insertNode2(_el$119, _el$128);
+    _$setProp2(_el$119, "flexGrow", 1);
+    _$setProp2(_el$119, "flexDirection", "column");
+    _$setProp2(_el$119, "alignItems", "center");
+    _$setProp2(_el$119, "justifyContent", "center");
+    _$setProp2(_el$119, "minHeight", 0);
+    _$insertNode2(_el$120, _el$121);
+    _$setProp2(_el$120, "height", 7);
+    _$setProp2(_el$120, "minHeight", 7);
+    _$setProp2(_el$120, "flexShrink", 0);
+    _$setProp2(_el$121, "font", "block");
+    _$setProp2(_el$121, "backgroundColor", "transparent");
+    _$setProp2(_el$121, "selectable", false);
+    _$insert2(_el$119, _$createComponent2(Show2, {
       get when() {
         return productSubline();
       },
       get fallback() {
         return (() => {
-          var _el$132 = _$createElement2("box");
-          _$setProp2(_el$132, "height", 0);
-          _$setProp2(_el$132, "flexShrink", 0);
-          return _el$132;
+          var _el$134 = _$createElement2("box");
+          _$setProp2(_el$134, "height", 0);
+          _$setProp2(_el$134, "flexShrink", 0);
+          return _el$134;
         })();
       },
       get children() {
-        var _el$120 = _$createElement2("text");
-        _$setProp2(_el$120, "wrapMode", "none");
-        _$setProp2(_el$120, "truncate", true);
-        _$insert2(_el$120, productSubline);
+        var _el$122 = _$createElement2("text");
+        _$setProp2(_el$122, "wrapMode", "none");
+        _$setProp2(_el$122, "truncate", true);
+        _$insert2(_el$122, productSubline);
         _$effect2((_p$) => {
           var _v$80 = theme2.accent, _v$81 = TextAttributes2.BOLD;
-          _v$80 !== _p$.e && (_p$.e = _$setProp2(_el$120, "fg", _v$80, _p$.e));
-          _v$81 !== _p$.t && (_p$.t = _$setProp2(_el$120, "attributes", _v$81, _p$.t));
+          _v$80 !== _p$.e && (_p$.e = _$setProp2(_el$122, "fg", _v$80, _p$.e));
+          _v$81 !== _p$.t && (_p$.t = _$setProp2(_el$122, "attributes", _v$81, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$120;
+        return _el$122;
       }
-    }), _el$121);
-    _$setProp2(_el$121, "height", 1);
-    _$insertNode2(_el$122, _$createTextNode2(`Welcome.`));
-    _$setProp2(_el$122, "wrapMode", "none");
-    _$setProp2(_el$122, "truncate", true);
-    _$insertNode2(_el$124, _$createTextNode2(`One run, done well.`));
+    }), _el$123);
+    _$setProp2(_el$123, "height", 1);
+    _$insertNode2(_el$124, _$createTextNode2(`Welcome.`));
     _$setProp2(_el$124, "wrapMode", "none");
     _$setProp2(_el$124, "truncate", true);
-    _$insertNode2(_el$126, _el$127);
-    _$insertNode2(_el$126, _el$129);
+    _$insertNode2(_el$126, _$createTextNode2(`One run, done well.`));
     _$setProp2(_el$126, "wrapMode", "none");
     _$setProp2(_el$126, "truncate", true);
-    _$insert2(_el$126, _$createComponent2(Span, {
+    _$insertNode2(_el$128, _el$129);
+    _$insertNode2(_el$128, _el$131);
+    _$setProp2(_el$128, "wrapMode", "none");
+    _$setProp2(_el$128, "truncate", true);
+    _$insert2(_el$128, _$createComponent2(Span, {
       get fg() {
         return theme2.accent;
       },
       children: "/help"
-    }), _el$129);
-    _$insert2(_el$117, _$createComponent2(Show2, {
+    }), _el$131);
+    _$insert2(_el$119, _$createComponent2(Show2, {
       get when() {
         return props.view.model;
       },
       get fallback() {
         return (() => {
-          var _el$133 = _$createElement2("box");
-          _$setProp2(_el$133, "height", 0);
-          _$setProp2(_el$133, "flexShrink", 0);
-          return _el$133;
+          var _el$135 = _$createElement2("box");
+          _$setProp2(_el$135, "height", 0);
+          _$setProp2(_el$135, "flexShrink", 0);
+          return _el$135;
         })();
       },
       get children() {
-        var _el$130 = _$createElement2("text"), _el$131 = _$createTextNode2(` \xB7 `);
-        _$insertNode2(_el$130, _el$131);
-        _$setProp2(_el$130, "wrapMode", "none");
-        _$setProp2(_el$130, "truncate", true);
-        _$insert2(_el$130, () => props.view.model.name, _el$131);
-        _$insert2(_el$130, (() => {
+        var _el$132 = _$createElement2("text"), _el$133 = _$createTextNode2(` \xB7 `);
+        _$insertNode2(_el$132, _el$133);
+        _$setProp2(_el$132, "wrapMode", "none");
+        _$setProp2(_el$132, "truncate", true);
+        _$insert2(_el$132, () => props.view.model.name, _el$133);
+        _$insert2(_el$132, (() => {
           var _c$3 = _$memo2(() => props.view.thinking === "off");
           return () => _c$3() ? "thinking off" : `thinking ${props.view.thinking}`;
         })(), null);
-        _$effect2((_$p) => _$setProp2(_el$130, "fg", theme2.dim, _$p));
-        return _el$130;
+        _$effect2((_$p) => _$setProp2(_el$132, "fg", theme2.dim, _$p));
+        return _el$132;
       }
     }), null);
     _$effect2((_p$) => {
       var _v$82 = productMark(), { primary: _v$83, text: _v$84 } = theme2, _v$85 = TextAttributes2.BOLD, { muted: _v$86, muted: _v$87 } = theme2;
-      _v$82 !== _p$.e && (_p$.e = _$setProp2(_el$119, "text", _v$82, _p$.e));
-      _v$83 !== _p$.t && (_p$.t = _$setProp2(_el$119, "color", _v$83, _p$.t));
-      _v$84 !== _p$.a && (_p$.a = _$setProp2(_el$122, "fg", _v$84, _p$.a));
-      _v$85 !== _p$.o && (_p$.o = _$setProp2(_el$122, "attributes", _v$85, _p$.o));
-      _v$86 !== _p$.i && (_p$.i = _$setProp2(_el$124, "fg", _v$86, _p$.i));
-      _v$87 !== _p$.n && (_p$.n = _$setProp2(_el$126, "fg", _v$87, _p$.n));
+      _v$82 !== _p$.e && (_p$.e = _$setProp2(_el$121, "text", _v$82, _p$.e));
+      _v$83 !== _p$.t && (_p$.t = _$setProp2(_el$121, "color", _v$83, _p$.t));
+      _v$84 !== _p$.a && (_p$.a = _$setProp2(_el$124, "fg", _v$84, _p$.a));
+      _v$85 !== _p$.o && (_p$.o = _$setProp2(_el$124, "attributes", _v$85, _p$.o));
+      _v$86 !== _p$.i && (_p$.i = _$setProp2(_el$126, "fg", _v$86, _p$.i));
+      _v$87 !== _p$.n && (_p$.n = _$setProp2(_el$128, "fg", _v$87, _p$.n));
       return _p$;
     }, {
       e: undefined,
@@ -25085,18 +25145,18 @@ function Home(props) {
       i: undefined,
       n: undefined
     });
-    return _el$117;
+    return _el$119;
   })();
 }
 function PageDialog(props) {
   const rect = () => centeredRect(props.width, props.height, props.value().width, Math.min(props.value().lines.length, Math.max(1, props.height - 2)));
   return (() => {
-    var _el$134 = _$createElement2("box");
-    _$setProp2(_el$134, "position", "absolute");
-    _$setProp2(_el$134, "zIndex", 100);
-    _$setProp2(_el$134, "flexDirection", "column");
-    _$setProp2(_el$134, "overflow", "hidden");
-    _$insert2(_el$134, _$createComponent2(AnsiView, {
+    var _el$136 = _$createElement2("box");
+    _$setProp2(_el$136, "position", "absolute");
+    _$setProp2(_el$136, "zIndex", 100);
+    _$setProp2(_el$136, "flexDirection", "column");
+    _$setProp2(_el$136, "overflow", "hidden");
+    _$insert2(_el$136, _$createComponent2(AnsiView, {
       get lines() {
         return props.value().lines;
       },
@@ -25106,14 +25166,14 @@ function PageDialog(props) {
     }));
     _$effect2((_p$) => {
       var _v$88 = rect().top, _v$89 = rect().left, _v$90 = rect().width, _v$91 = rect().height, _v$92 = theme2.panel, { routeMouse: _v$93, routeMouse: _v$94, routeMouse: _v$95 } = props;
-      _v$88 !== _p$.e && (_p$.e = _$setProp2(_el$134, "top", _v$88, _p$.e));
-      _v$89 !== _p$.t && (_p$.t = _$setProp2(_el$134, "left", _v$89, _p$.t));
-      _v$90 !== _p$.a && (_p$.a = _$setProp2(_el$134, "width", _v$90, _p$.a));
-      _v$91 !== _p$.o && (_p$.o = _$setProp2(_el$134, "height", _v$91, _p$.o));
-      _v$92 !== _p$.i && (_p$.i = _$setProp2(_el$134, "backgroundColor", _v$92, _p$.i));
-      _v$93 !== _p$.n && (_p$.n = _$setProp2(_el$134, "onMouseMove", _v$93, _p$.n));
-      _v$94 !== _p$.s && (_p$.s = _$setProp2(_el$134, "onMouseUp", _v$94, _p$.s));
-      _v$95 !== _p$.h && (_p$.h = _$setProp2(_el$134, "onMouseScroll", _v$95, _p$.h));
+      _v$88 !== _p$.e && (_p$.e = _$setProp2(_el$136, "top", _v$88, _p$.e));
+      _v$89 !== _p$.t && (_p$.t = _$setProp2(_el$136, "left", _v$89, _p$.t));
+      _v$90 !== _p$.a && (_p$.a = _$setProp2(_el$136, "width", _v$90, _p$.a));
+      _v$91 !== _p$.o && (_p$.o = _$setProp2(_el$136, "height", _v$91, _p$.o));
+      _v$92 !== _p$.i && (_p$.i = _$setProp2(_el$136, "backgroundColor", _v$92, _p$.i));
+      _v$93 !== _p$.n && (_p$.n = _$setProp2(_el$136, "onMouseMove", _v$93, _p$.n));
+      _v$94 !== _p$.s && (_p$.s = _$setProp2(_el$136, "onMouseUp", _v$94, _p$.s));
+      _v$95 !== _p$.h && (_p$.h = _$setProp2(_el$136, "onMouseScroll", _v$95, _p$.h));
       return _p$;
     }, {
       e: undefined,
@@ -25125,7 +25185,7 @@ function PageDialog(props) {
       s: undefined,
       h: undefined
     });
-    return _el$134;
+    return _el$136;
   })();
 }
 function OverlayView(props) {
@@ -25151,10 +25211,10 @@ function OverlayView(props) {
     },
     get fallback() {
       return (() => {
-        var _el$135 = _$createElement2("box");
-        _$setProp2(_el$135, "height", 0);
-        _$setProp2(_el$135, "flexShrink", 0);
-        return _el$135;
+        var _el$137 = _$createElement2("box");
+        _$setProp2(_el$137, "height", 0);
+        _$setProp2(_el$137, "flexShrink", 0);
+        return _el$137;
       })();
     },
     children: (value) => _$createComponent2(Show2, {
@@ -25168,18 +25228,18 @@ function OverlayView(props) {
           },
           get fallback() {
             return (() => {
-              var _el$138 = _$createElement2("box");
-              _$setProp2(_el$138, "position", "absolute");
-              _$setProp2(_el$138, "zIndex", 100);
-              _$setProp2(_el$138, "border", true);
-              _$setProp2(_el$138, "borderStyle", "rounded");
-              _$setProp2(_el$138, "padding", 1);
-              _$setProp2(_el$138, "flexDirection", "column");
-              _$setProp2(_el$138, "overflow", "hidden");
-              _$setProp2(_el$138, "onMouseMove", routeMouse);
-              _$setProp2(_el$138, "onMouseUp", routeMouse);
-              _$setProp2(_el$138, "onMouseScroll", routeMouse);
-              _$insert2(_el$138, _$createComponent2(AnsiView, {
+              var _el$140 = _$createElement2("box");
+              _$setProp2(_el$140, "position", "absolute");
+              _$setProp2(_el$140, "zIndex", 100);
+              _$setProp2(_el$140, "border", true);
+              _$setProp2(_el$140, "borderStyle", "rounded");
+              _$setProp2(_el$140, "padding", 1);
+              _$setProp2(_el$140, "flexDirection", "column");
+              _$setProp2(_el$140, "overflow", "hidden");
+              _$setProp2(_el$140, "onMouseMove", routeMouse);
+              _$setProp2(_el$140, "onMouseUp", routeMouse);
+              _$setProp2(_el$140, "onMouseScroll", routeMouse);
+              _$insert2(_el$140, _$createComponent2(AnsiView, {
                 get lines() {
                   return value().lines;
                 },
@@ -25189,12 +25249,12 @@ function OverlayView(props) {
               }));
               _$effect2((_p$) => {
                 var _v$96 = value().bounds.row, _v$97 = value().bounds.col, _v$98 = value().bounds.width, _v$99 = value().bounds.height, { panel: _v$100, borderFocus: _v$101 } = theme2;
-                _v$96 !== _p$.e && (_p$.e = _$setProp2(_el$138, "top", _v$96, _p$.e));
-                _v$97 !== _p$.t && (_p$.t = _$setProp2(_el$138, "left", _v$97, _p$.t));
-                _v$98 !== _p$.a && (_p$.a = _$setProp2(_el$138, "width", _v$98, _p$.a));
-                _v$99 !== _p$.o && (_p$.o = _$setProp2(_el$138, "height", _v$99, _p$.o));
-                _v$100 !== _p$.i && (_p$.i = _$setProp2(_el$138, "backgroundColor", _v$100, _p$.i));
-                _v$101 !== _p$.n && (_p$.n = _$setProp2(_el$138, "borderColor", _v$101, _p$.n));
+                _v$96 !== _p$.e && (_p$.e = _$setProp2(_el$140, "top", _v$96, _p$.e));
+                _v$97 !== _p$.t && (_p$.t = _$setProp2(_el$140, "left", _v$97, _p$.t));
+                _v$98 !== _p$.a && (_p$.a = _$setProp2(_el$140, "width", _v$98, _p$.a));
+                _v$99 !== _p$.o && (_p$.o = _$setProp2(_el$140, "height", _v$99, _p$.o));
+                _v$100 !== _p$.i && (_p$.i = _$setProp2(_el$140, "backgroundColor", _v$100, _p$.i));
+                _v$101 !== _p$.n && (_p$.n = _$setProp2(_el$140, "borderColor", _v$101, _p$.n));
                 return _p$;
               }, {
                 e: undefined,
@@ -25204,22 +25264,22 @@ function OverlayView(props) {
                 i: undefined,
                 n: undefined
               });
-              return _el$138;
+              return _el$140;
             })();
           },
           get children() {
-            var _el$137 = _$createElement2("box");
-            _$setProp2(_el$137, "position", "absolute");
-            _$setProp2(_el$137, "top", 0);
-            _$setProp2(_el$137, "left", 0);
-            _$setProp2(_el$137, "width", "100%");
-            _$setProp2(_el$137, "height", "100%");
-            _$setProp2(_el$137, "zIndex", 100);
-            _$setProp2(_el$137, "flexDirection", "column");
-            _$setProp2(_el$137, "onMouseMove", routeMouse);
-            _$setProp2(_el$137, "onMouseUp", routeMouse);
-            _$setProp2(_el$137, "onMouseScroll", routeMouse);
-            _$insert2(_el$137, _$createComponent2(AnsiView, {
+            var _el$139 = _$createElement2("box");
+            _$setProp2(_el$139, "position", "absolute");
+            _$setProp2(_el$139, "top", 0);
+            _$setProp2(_el$139, "left", 0);
+            _$setProp2(_el$139, "width", "100%");
+            _$setProp2(_el$139, "height", "100%");
+            _$setProp2(_el$139, "zIndex", 100);
+            _$setProp2(_el$139, "flexDirection", "column");
+            _$setProp2(_el$139, "onMouseMove", routeMouse);
+            _$setProp2(_el$139, "onMouseUp", routeMouse);
+            _$setProp2(_el$139, "onMouseScroll", routeMouse);
+            _$insert2(_el$139, _$createComponent2(AnsiView, {
               get lines() {
                 return value().lines;
               },
@@ -25227,25 +25287,25 @@ function OverlayView(props) {
                 return theme2.text;
               }
             }));
-            _$effect2((_$p) => _$setProp2(_el$137, "backgroundColor", theme2.background, _$p));
-            return _el$137;
+            _$effect2((_$p) => _$setProp2(_el$139, "backgroundColor", theme2.background, _$p));
+            return _el$139;
           }
         });
       },
       get children() {
         return [(() => {
-          var _el$136 = _$createElement2("box");
-          _$setProp2(_el$136, "position", "absolute");
-          _$setProp2(_el$136, "top", 0);
-          _$setProp2(_el$136, "left", 0);
-          _$setProp2(_el$136, "width", "100%");
-          _$setProp2(_el$136, "height", "100%");
-          _$setProp2(_el$136, "zIndex", 99);
-          _$setProp2(_el$136, "onMouseMove", routeMouse);
-          _$setProp2(_el$136, "onMouseUp", routeMouse);
-          _$setProp2(_el$136, "onMouseScroll", routeMouse);
-          _$effect2((_$p) => _$setProp2(_el$136, "backgroundColor", theme2.scrim, _$p));
-          return _el$136;
+          var _el$138 = _$createElement2("box");
+          _$setProp2(_el$138, "position", "absolute");
+          _$setProp2(_el$138, "top", 0);
+          _$setProp2(_el$138, "left", 0);
+          _$setProp2(_el$138, "width", "100%");
+          _$setProp2(_el$138, "height", "100%");
+          _$setProp2(_el$138, "zIndex", 99);
+          _$setProp2(_el$138, "onMouseMove", routeMouse);
+          _$setProp2(_el$138, "onMouseUp", routeMouse);
+          _$setProp2(_el$138, "onMouseScroll", routeMouse);
+          _$effect2((_$p) => _$setProp2(_el$138, "backgroundColor", theme2.scrim, _$p));
+          return _el$138;
         })(), _$createComponent2(PageDialog, {
           value,
           get width() {
@@ -25469,29 +25529,29 @@ function OpenTuiRoot(props) {
     }
   });
   return (() => {
-    var _el$139 = _$createElement2("box"), _el$140 = _$createElement2("box");
-    _$insertNode2(_el$139, _el$140);
-    _$setProp2(_el$139, "position", "relative");
-    _$setProp2(_el$139, "flexDirection", "column");
-    _$setProp2(_el$139, "width", "100%");
-    _$setProp2(_el$139, "height", "100%");
-    _$setProp2(_el$139, "backgroundColor", "transparent");
-    _$setProp2(_el$139, "onMouseMove", (event) => props.app.updateLinkHover(event.x, event.y));
-    _$setProp2(_el$139, "onMouseUp", handleRootMouseUp);
-    _$setProp2(_el$140, "flexDirection", "column");
-    _$setProp2(_el$140, "flexGrow", 1);
-    _$setProp2(_el$140, "minHeight", 0);
-    _$setProp2(_el$140, "paddingX", 1);
-    _$insert2(_el$140, _$createComponent2(Show2, {
+    var _el$141 = _$createElement2("box"), _el$142 = _$createElement2("box");
+    _$insertNode2(_el$141, _el$142);
+    _$setProp2(_el$141, "position", "relative");
+    _$setProp2(_el$141, "flexDirection", "column");
+    _$setProp2(_el$141, "width", "100%");
+    _$setProp2(_el$141, "height", "100%");
+    _$setProp2(_el$141, "backgroundColor", "transparent");
+    _$setProp2(_el$141, "onMouseMove", (event) => props.app.updateLinkHover(event.x, event.y));
+    _$setProp2(_el$141, "onMouseUp", handleRootMouseUp);
+    _$setProp2(_el$142, "flexDirection", "column");
+    _$setProp2(_el$142, "flexGrow", 1);
+    _$setProp2(_el$142, "minHeight", 0);
+    _$setProp2(_el$142, "paddingX", 1);
+    _$insert2(_el$142, _$createComponent2(Show2, {
       get when() {
         return view().header;
       },
       get fallback() {
         return (() => {
-          var _el$143 = _$createElement2("box");
-          _$setProp2(_el$143, "height", 0);
-          _$setProp2(_el$143, "flexShrink", 0);
-          return _el$143;
+          var _el$145 = _$createElement2("box");
+          _$setProp2(_el$145, "height", 0);
+          _$setProp2(_el$145, "flexShrink", 0);
+          return _el$145;
         })();
       },
       children: (lines) => _$createComponent2(AnsiView, {
@@ -25503,22 +25563,22 @@ function OpenTuiRoot(props) {
         }
       })
     }), null);
-    _$insert2(_el$140, _$createComponent2(Show2, {
+    _$insert2(_el$142, _$createComponent2(Show2, {
       get when() {
         return !view().home;
       },
       get fallback() {
         return (() => {
-          var _el$144 = _$createElement2("box");
-          _$setProp2(_el$144, "flexGrow", 1);
-          _$setProp2(_el$144, "minHeight", 0);
-          _$setProp2(_el$144, "flexDirection", "column");
-          _$insert2(_el$144, _$createComponent2(Home, {
+          var _el$146 = _$createElement2("box");
+          _$setProp2(_el$146, "flexGrow", 1);
+          _$setProp2(_el$146, "minHeight", 0);
+          _$setProp2(_el$146, "flexDirection", "column");
+          _$insert2(_el$146, _$createComponent2(Home, {
             get view() {
               return view();
             }
           }), null);
-          _$insert2(_el$144, _$createComponent2(TranscriptItems, {
+          _$insert2(_el$146, _$createComponent2(TranscriptItems, {
             get items() {
               return view().items;
             },
@@ -25533,38 +25593,38 @@ function OpenTuiRoot(props) {
               return view().slashCommandNames;
             }
           }), null);
-          return _el$144;
+          return _el$146;
         })();
       },
       get children() {
-        var _el$141 = _$createElement2("box"), _el$142 = _$createElement2("scrollbox");
-        _$insertNode2(_el$141, _el$142);
-        _$setProp2(_el$141, "position", "relative");
-        _$setProp2(_el$141, "flexDirection", "column");
-        _$setProp2(_el$141, "flexGrow", 1);
-        _$setProp2(_el$141, "minHeight", 0);
+        var _el$143 = _$createElement2("box"), _el$144 = _$createElement2("scrollbox");
+        _$insertNode2(_el$143, _el$144);
+        _$setProp2(_el$143, "position", "relative");
+        _$setProp2(_el$143, "flexDirection", "column");
+        _$setProp2(_el$143, "flexGrow", 1);
+        _$setProp2(_el$143, "minHeight", 0);
         _$use2((value) => {
           scroll = value;
-        }, _el$142);
-        _$setProp2(_el$142, "flexGrow", 1);
-        _$setProp2(_el$142, "minHeight", 0);
-        _$setProp2(_el$142, "stickyScroll", true);
-        _$setProp2(_el$142, "stickyStart", "bottom");
-        _$setProp2(_el$142, "scrollY", true);
-        _$setProp2(_el$142, "verticalScrollbarOptions", {
+        }, _el$144);
+        _$setProp2(_el$144, "flexGrow", 1);
+        _$setProp2(_el$144, "minHeight", 0);
+        _$setProp2(_el$144, "stickyScroll", true);
+        _$setProp2(_el$144, "stickyStart", "bottom");
+        _$setProp2(_el$144, "scrollY", true);
+        _$setProp2(_el$144, "verticalScrollbarOptions", {
           width: 1,
           trackOptions: {
             backgroundColor: "transparent",
             foregroundColor: "transparent"
           }
         });
-        _$setProp2(_el$142, "renderAfter", (buffer) => drawTranscriptScrollbar(buffer, scroll));
-        _$setProp2(_el$142, "backgroundColor", "transparent");
-        _$setProp2(_el$142, "paddingBottom", 1);
-        _$setProp2(_el$142, "onMouseScroll", scheduleTranscriptScrollState);
-        _$setProp2(_el$142, "onMouseDrag", scheduleTranscriptScrollState);
-        _$setProp2(_el$142, "onMouseUp", scheduleTranscriptScrollState);
-        _$insert2(_el$142, _$createComponent2(TranscriptItems, {
+        _$setProp2(_el$144, "renderAfter", (buffer) => drawTranscriptScrollbar(buffer, scroll));
+        _$setProp2(_el$144, "backgroundColor", "transparent");
+        _$setProp2(_el$144, "paddingBottom", 1);
+        _$setProp2(_el$144, "onMouseScroll", scheduleTranscriptScrollState);
+        _$setProp2(_el$144, "onMouseDrag", scheduleTranscriptScrollState);
+        _$setProp2(_el$144, "onMouseUp", scheduleTranscriptScrollState);
+        _$insert2(_el$144, _$createComponent2(TranscriptItems, {
           get items() {
             return view().items;
           },
@@ -25579,7 +25639,7 @@ function OpenTuiRoot(props) {
             return view().slashCommandNames;
           }
         }));
-        _$insert2(_el$141, _$createComponent2(Show2, {
+        _$insert2(_el$143, _$createComponent2(Show2, {
           get when() {
             return showJumpToLatest();
           },
@@ -25589,10 +25649,21 @@ function OpenTuiRoot(props) {
             });
           }
         }), null);
-        return _el$141;
+        return _el$143;
+      }
+    }), null);
+    _$insert2(_el$142, _$createComponent2(PendingMessages, {
+      get messages() {
+        return view().pendingMessages ?? [];
+      },
+      get width() {
+        return Math.max(0, dimensions().width - 4);
+      },
+      get height() {
+        return dimensions().height;
       }
     }), null);
-    _$insert2(_el$140, _$createComponent2(WorkingLine, {
+    _$insert2(_el$142, _$createComponent2(WorkingLine, {
       get view() {
         return view();
       },
@@ -25600,7 +25671,7 @@ function OpenTuiRoot(props) {
         return Math.max(0, dimensions().width - 4);
       }
     }), null);
-    _$insert2(_el$140, _$createComponent2(For2, {
+    _$insert2(_el$142, _$createComponent2(For2, {
       get each() {
         return view().widgets.above;
       },
@@ -25611,16 +25682,16 @@ function OpenTuiRoot(props) {
         }
       })
     }), null);
-    _$insert2(_el$140, _$createComponent2(Show2, {
+    _$insert2(_el$142, _$createComponent2(Show2, {
       get when() {
         return view().planChoice;
       },
       get fallback() {
         return (() => {
-          var _el$145 = _$createElement2("box");
-          _$setProp2(_el$145, "height", 0);
-          _$setProp2(_el$145, "flexShrink", 0);
-          return _el$145;
+          var _el$147 = _$createElement2("box");
+          _$setProp2(_el$147, "height", 0);
+          _$setProp2(_el$147, "flexShrink", 0);
+          return _el$147;
         })();
       },
       children: (choice) => _$createComponent2(PlanChoiceBlock, {
@@ -25632,16 +25703,16 @@ function OpenTuiRoot(props) {
         }
       })
     }), null);
-    _$insert2(_el$140, _$createComponent2(Show2, {
+    _$insert2(_el$142, _$createComponent2(Show2, {
       get when() {
         return view().fileCompletion;
       },
       get fallback() {
         return (() => {
-          var _el$146 = _$createElement2("box");
-          _$setProp2(_el$146, "height", 0);
-          _$setProp2(_el$146, "flexShrink", 0);
-          return _el$146;
+          var _el$148 = _$createElement2("box");
+          _$setProp2(_el$148, "height", 0);
+          _$setProp2(_el$148, "flexShrink", 0);
+          return _el$148;
         })();
       },
       children: (completion) => _$createComponent2(FileCompletionList, {
@@ -25653,16 +25724,16 @@ function OpenTuiRoot(props) {
         }
       })
     }), null);
-    _$insert2(_el$140, _$createComponent2(Show2, {
+    _$insert2(_el$142, _$createComponent2(Show2, {
       get when() {
         return view().palette;
       },
       get fallback() {
         return (() => {
-          var _el$147 = _$createElement2("box");
-          _$setProp2(_el$147, "height", 0);
-          _$setProp2(_el$147, "flexShrink", 0);
-          return _el$147;
+          var _el$149 = _$createElement2("box");
+          _$setProp2(_el$149, "height", 0);
+          _$setProp2(_el$149, "flexShrink", 0);
+          return _el$149;
         })();
       },
       children: (palette) => _$createComponent2(Palette, {
@@ -25677,16 +25748,16 @@ function OpenTuiRoot(props) {
         }
       })
     }), null);
-    _$insert2(_el$140, _$createComponent2(Show2, {
+    _$insert2(_el$142, _$createComponent2(Show2, {
       get when() {
         return view().questionDock;
       },
       get fallback() {
         return (() => {
-          var _el$148 = _$createElement2("box");
-          _$setProp2(_el$148, "height", 0);
-          _$setProp2(_el$148, "flexShrink", 0);
-          return _el$148;
+          var _el$150 = _$createElement2("box");
+          _$setProp2(_el$150, "height", 0);
+          _$setProp2(_el$150, "flexShrink", 0);
+          return _el$150;
         })();
       },
       children: (question) => _$createComponent2(QuestionDock, {
@@ -25698,16 +25769,16 @@ function OpenTuiRoot(props) {
         }
       })
     }), null);
-    _$insert2(_el$140, _$createComponent2(Show2, {
+    _$insert2(_el$142, _$createComponent2(Show2, {
       get when() {
         return !view().questionDock;
       },
       get fallback() {
         return (() => {
-          var _el$149 = _$createElement2("box");
-          _$setProp2(_el$149, "height", 0);
-          _$setProp2(_el$149, "flexShrink", 0);
-          return _el$149;
+          var _el$151 = _$createElement2("box");
+          _$setProp2(_el$151, "height", 0);
+          _$setProp2(_el$151, "flexShrink", 0);
+          return _el$151;
         })();
       },
       get children() {
@@ -25725,16 +25796,16 @@ function OpenTuiRoot(props) {
         });
       }
     }), null);
-    _$insert2(_el$140, _$createComponent2(Show2, {
+    _$insert2(_el$142, _$createComponent2(Show2, {
       get when() {
         return view().subagents;
       },
       get fallback() {
         return (() => {
-          var _el$150 = _$createElement2("box");
-          _$setProp2(_el$150, "height", 0);
-          _$setProp2(_el$150, "flexShrink", 0);
-          return _el$150;
+          var _el$152 = _$createElement2("box");
+          _$setProp2(_el$152, "height", 0);
+          _$setProp2(_el$152, "flexShrink", 0);
+          return _el$152;
         })();
       },
       children: (roster) => _$createComponent2(SubagentRoster, {
@@ -25743,7 +25814,7 @@ function OpenTuiRoot(props) {
         }
       })
     }), null);
-    _$insert2(_el$140, _$createComponent2(For2, {
+    _$insert2(_el$142, _$createComponent2(For2, {
       get each() {
         return view().widgets.below;
       },
@@ -25754,7 +25825,7 @@ function OpenTuiRoot(props) {
         }
       })
     }), null);
-    _$insert2(_el$140, _$createComponent2(Footer, {
+    _$insert2(_el$142, _$createComponent2(Footer, {
       get view() {
         return view();
       },
@@ -25762,7 +25833,7 @@ function OpenTuiRoot(props) {
         return dimensions().width;
       }
     }), null);
-    _$insert2(_el$139, _$createComponent2(OverlayView, {
+    _$insert2(_el$141, _$createComponent2(OverlayView, {
       get app() {
         return props.app;
       },
@@ -25776,7 +25847,7 @@ function OpenTuiRoot(props) {
         return dimensions().height;
       }
     }), null);
-    _$insert2(_el$139, _$createComponent2(Toast, {
+    _$insert2(_el$141, _$createComponent2(Toast, {
       get message() {
         return view().toast;
       },
@@ -25784,7 +25855,7 @@ function OpenTuiRoot(props) {
         return dimensions().width;
       }
     }), null);
-    return _el$139;
+    return _el$141;
   })();
 }