opencode-sesh 2.2.0 → 2.3.0

package/dist/tui.js

@@ -299,7 +299,11 @@ function truncate(text, width) {
 // so cap it a bit lower to guarantee separation.
 const SIDEBAR_TITLE_WIDTH = 27;
 const SIDEBAR_GROUP_WIDTH = 30;
-const HOME_TITLE_WIDTH = 30;
+const HOME_TITLE_MIN = 20;
+const HOME_DIR_MIN = 8;
+const HOME_HINT_MIN_WIDTH = 32;
+const HOME_DIR_MAX = 22;
+const HOME_AGE_WIDTH = 4;
 
 // The sidebar lists every session (newest first, pins ahead) and fills
 // whatever vertical space it gets: overflow scrolls inside the stretched
@@ -2409,12 +2413,11 @@ const HOME_SESSION_LIMIT = 6;
 // https://github.com/anomalyco/opencode/blob/45898d0f8569225eb1ddb4ee13f8581b34dff311/packages/tui/src/component/prompt/index.tsx#L1676
 // https://github.com/anomalyco/opencode/blob/45898d0f8569225eb1ddb4ee13f8581b34dff311/packages/tui/src/component/logo.tsx
 // https://github.com/anomalyco/opencode/blob/45898d0f8569225eb1ddb4ee13f8581b34dff311/packages/tui/src/feature-plugins/home/footer.tsx
-// The native home needs room for its logo, composer chrome and status footer.
-// Reserve the editor's *maximum* height (one third of the terminal, at least
-// six lines), so typing/wrapping a prompt cannot push it into our footer.
-// Chrome: logo (4) + gap (1) + composer (6) + status (3). Below 44 columns,
-// the logo stacks to seven lines but the three-line status footer disappears.
-const HOME_CHROME_ROWS = 14;
+// The list floats just under the composer instead of taking layout space, so
+// it budgets from its measured position: whatever lies between it and the
+// native status footer (three lines, hidden below 44 columns or 14 rows, plus
+// one line of slack for other footer plugins).
+const HOME_FOOTER_ROWS = 3;
 function HomeSessions(props) {
   const theme = () => props.api.theme.current;
   const home = process.env.HOME ?? "";
@@ -2629,12 +2632,42 @@ function HomeSessions(props) {
     const list = q ? entries().filter(entry => entry.title.toLowerCase().includes(q) || entry.dir.toLowerCase().includes(q)) : entries();
     return pinnedFirst(list, props.pins());
   });
+  // Unmeasured (before the first frame) reads as no room.
+  const [top, setTop] = createSignal(dimensions().height);
+  const [listWidth, setListWidth] = createSignal(Math.min(75, dimensions().width));
+  let anchor;
+  // Fixed columns: marker, title (flexes), directory (last segment), age.
+  const columns = () => {
+    const width = Math.max(1, listWidth());
+    const age = HOME_AGE_WIDTH;
+    const wanted = Math.max(0, ...visible().map(entry => rowDir(entry).length));
+    const room = Math.min(HOME_DIR_MAX, wanted, width - 1 - age - 3 - HOME_TITLE_MIN);
+    // A starved title is worse than no directory: drop the column instead.
+    const dir = room >= HOME_DIR_MIN || room >= wanted ? Math.max(0, room) : 0;
+    // The armed-delete prompt may not push the age out of a narrow list.
+    const pending = pendingDelete() ? Math.max(0, Math.min(Math.max(dir, 14), width - 1 - age - 3 - 1)) : dir;
+    return {
+      age,
+      dir: pending,
+      title: Math.max(1, width - 1 - age - pending - (pending > 0 ? 3 : 2))
+    };
+  };
+  const rowDir = entry => `${props.pins().directories.includes(entry.dir) ? "★ " : ""}${home && entry.dir === home ? "~" : shortDir(entry.dir, home)}`;
+  // Running state comes from the host's live session store: no polling here.
+  const isRunning = id => {
+    try {
+      return sidebarMarker(false, props.api.state.session.status(id)) === "running";
+    } catch {
+      return false;
+    }
+  };
   const layout = createMemo(() => {
     const rows = dimensions().height;
-    const budget = Math.max(0, rows - Math.max(6, Math.floor(rows / 3)) - HOME_CHROME_ROWS);
+    const footer = dimensions().width >= 44 && rows >= 14 ? HOME_FOOTER_ROWS : 0;
+    const budget = Math.max(0, rows - footer - 1 - top());
     // Drop decorative padding/spacing before sessions. Keep the full list in
     // the picker when even a heading and one session cannot fit.
-    const padding = budget >= HOME_SESSION_LIMIT + 2 ? 1 : 0;
+    const padding = budget >= 4 ? 1 : 0;
     const limit = Math.min(HOME_SESSION_LIMIT, Math.max(0, budget - padding - 1));
     const count = Math.max(1, Math.min(filtered().length, limit));
     return {
@@ -2655,47 +2688,50 @@ function HomeSessions(props) {
     var _el$49 = _$createElement("box"),
       _el$50 = _$createElement("box");
     _$insertNode(_el$49, _el$50);
-    _$setProp(_el$49, "width", "100%");
-    _$setProp(_el$49, "flexShrink", 0);
+    _$use(box => {
+      anchor = box;
+    }, _el$49);
+    _$setProp(_el$49, "renderAfter", () => {
+      const y = anchor?.y;
+      if (y !== undefined && y !== top()) queueMicrotask(() => setTop(y));
+      const width = anchor?.width;
+      if (width && width !== listWidth()) queueMicrotask(() => setListWidth(width));
+    });
+    _$setProp(_el$49, "position", "absolute");
+    _$setProp(_el$49, "top", 1);
+    _$setProp(_el$49, "left", 0);
+    _$setProp(_el$49, "right", 0);
     _$setProp(_el$49, "overflow", "hidden");
-    _$setProp(_el$49, "alignItems", "center");
     _$setProp(_el$50, "flexDirection", "column");
     _$setProp(_el$50, "width", "100%");
-    _$setProp(_el$50, "maxWidth", 72);
-    _$setProp(_el$50, "paddingLeft", 1);
-    _$setProp(_el$50, "paddingRight", 1);
     _$insert(_el$50, _$createComponent(Show, {
       get when() {
         return entries().length > 0;
       },
       get fallback() {
         return (() => {
-          var _el$64 = _$createElement("box"),
-            _el$65 = _$createElement("text"),
-            _el$66 = _$createTextNode(`Recent sessions `);
-          _$insertNode(_el$64, _el$65);
-          _$setProp(_el$64, "height", 1);
-          _$setProp(_el$64, "flexShrink", 0);
-          _$insertNode(_el$65, _el$66);
-          _$setProp(_el$65, "wrapMode", "none");
-          _$setProp(_el$65, "overflow", "hidden");
-          _$insert(_el$65, () => loadFailed() ? "· list unavailable, will retry" : "· none yet, option+o to browse", null);
-          _$effect(_$p => _$setProp(_el$65, "style", {
+          var _el$62 = _$createElement("box"),
+            _el$63 = _$createElement("text"),
+            _el$64 = _$createTextNode(`Recent sessions `);
+          _$insertNode(_el$62, _el$63);
+          _$setProp(_el$62, "height", 1);
+          _$setProp(_el$62, "flexShrink", 0);
+          _$insertNode(_el$63, _el$64);
+          _$setProp(_el$63, "wrapMode", "none");
+          _$setProp(_el$63, "overflow", "hidden");
+          _$insert(_el$63, () => loadFailed() ? "· list unavailable, will retry" : "· none yet, option+o to browse", null);
+          _$effect(_$p => _$setProp(_el$63, "style", {
             fg: theme().textMuted
           }, _$p));
-          return _el$64;
+          return _el$62;
         })();
       },
       get children() {
         return [(() => {
           var _el$51 = _$createElement("box"),
             _el$52 = _$createElement("box"),
-            _el$53 = _$createElement("text"),
-            _el$57 = _$createElement("box"),
-            _el$58 = _$createElement("box"),
-            _el$59 = _$createElement("text");
+            _el$53 = _$createElement("text");
           _$insertNode(_el$51, _el$52);
-          _$insertNode(_el$51, _el$57);
           _$setProp(_el$51, "height", 1);
           _$setProp(_el$51, "flexShrink", 0);
           _$setProp(_el$51, "flexDirection", "row");
@@ -2708,71 +2744,80 @@ function HomeSessions(props) {
           _$setProp(_el$52, "flexShrink", 0);
           _$insertNode(_el$53, _$createTextNode(`Recent sessions`));
           _$setProp(_el$53, "wrapMode", "none");
-          _$insert(_el$52, _$createComponent(Show, {
+          _$insert(_el$51, _$createComponent(Show, {
             get when() {
-              return dimensions().width >= 68;
+              return listWidth() >= HOME_HINT_MIN_WIDTH || query() || searching();
             },
             get children() {
-              var _el$55 = _$createElement("text");
-              _$insertNode(_el$55, _$createTextNode(`· option+o for all`));
-              _$effect(_$p => _$setProp(_el$55, "style", {
-                fg: theme().textMuted
-              }, _$p));
+              var _el$55 = _$createElement("box"),
+                _el$56 = _$createElement("box"),
+                _el$57 = _$createElement("text");
+              _$insertNode(_el$55, _el$56);
+              _$setProp(_el$55, "flexDirection", "row");
+              _$setProp(_el$55, "flexShrink", 1);
+              _$setProp(_el$55, "minWidth", 0);
+              _$setProp(_el$55, "gap", 1);
+              _$setProp(_el$55, "paddingLeft", 1);
+              _$setProp(_el$55, "onMouseDown", event => {
+                event.stopPropagation();
+                setSearching(true);
+              });
+              _$insertNode(_el$56, _el$57);
+              _$setProp(_el$56, "flexShrink", 1);
+              _$setProp(_el$56, "minWidth", 0);
+              _$setProp(_el$57, "flexGrow", 1);
+              _$setProp(_el$57, "flexShrink", 1);
+              _$setProp(_el$57, "overflow", "hidden");
+              _$setProp(_el$57, "wrapMode", "none");
+              _$insert(_el$57, () => query() || (searching() ? "" : "option+o all"), null);
+              _$insert(_el$57, () => searching() ? "▏" : "", null);
+              _$insert(_el$55, _$createComponent(Show, {
+                get when() {
+                  return query();
+                },
+                get children() {
+                  var _el$58 = _$createElement("text");
+                  _$insertNode(_el$58, _$createTextNode(`✕`));
+                  _$setProp(_el$58, "flexShrink", 0);
+                  _$setProp(_el$58, "onMouseDown", () => setQuery(""));
+                  _$effect(_$p => _$setProp(_el$58, "style", {
+                    fg: theme().textMuted
+                  }, _$p));
+                  return _el$58;
+                }
+              }), null);
+              _$effect(_p$ => {
+                var _v$29 = searching() ? theme().backgroundElement : RGBA.fromInts(0, 0, 0, 0),
+                  _v$30 = query() || searching() ? 24 : 12,
+                  _v$31 = query() ? undefined : TextAttributes.DIM,
+                  _v$32 = {
+                    fg: query() ? theme().text : theme().textMuted
+                  };
+                _v$29 !== _p$.e && (_p$.e = _$setProp(_el$55, "backgroundColor", _v$29, _p$.e));
+                _v$30 !== _p$.t && (_p$.t = _$setProp(_el$56, "width", _v$30, _p$.t));
+                _v$31 !== _p$.a && (_p$.a = _$setProp(_el$57, "attributes", _v$31, _p$.a));
+                _v$32 !== _p$.o && (_p$.o = _$setProp(_el$57, "style", _v$32, _p$.o));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined,
+                a: undefined,
+                o: undefined
+              });
               return _el$55;
             }
           }), null);
-          _$insertNode(_el$57, _el$58);
-          _$setProp(_el$57, "flexDirection", "row");
-          _$setProp(_el$57, "flexShrink", 1);
-          _$setProp(_el$57, "minWidth", 0);
-          _$setProp(_el$57, "gap", 1);
-          _$setProp(_el$57, "paddingLeft", 1);
-          _$setProp(_el$57, "paddingRight", 1);
-          _$setProp(_el$57, "onMouseDown", event => {
-            event.stopPropagation();
-            setSearching(true);
-          });
-          _$insertNode(_el$58, _el$59);
-          _$setProp(_el$58, "width", 24);
-          _$setProp(_el$58, "flexShrink", 1);
-          _$setProp(_el$58, "minWidth", 0);
-          _$setProp(_el$59, "flexGrow", 1);
-          _$setProp(_el$59, "flexShrink", 1);
-          _$setProp(_el$59, "overflow", "hidden");
-          _$setProp(_el$59, "wrapMode", "none");
-          _$insert(_el$59, () => query() || (searching() ? "" : "search…"), null);
-          _$insert(_el$59, () => searching() ? "▏" : "", null);
-          _$insert(_el$57, _$createComponent(Show, {
-            get when() {
-              return query();
-            },
-            get children() {
-              var _el$60 = _$createElement("text");
-              _$insertNode(_el$60, _$createTextNode(`✕`));
-              _$setProp(_el$60, "flexShrink", 0);
-              _$setProp(_el$60, "onMouseDown", () => setQuery(""));
-              _$effect(_$p => _$setProp(_el$60, "style", {
-                fg: theme().textMuted
-              }, _$p));
-              return _el$60;
-            }
-          }), null);
           _$effect(_p$ => {
-            var _v$29 = {
+            var _v$33 = TextAttributes.DIM,
+              _v$34 = {
                 fg: theme().textMuted
-              },
-              _v$30 = searching() ? theme().backgroundElement : RGBA.fromInts(0, 0, 0, 0),
-              _v$31 = {
-                fg: query() ? theme().text : theme().textMuted
               };
-            _v$29 !== _p$.e && (_p$.e = _$setProp(_el$53, "style", _v$29, _p$.e));
-            _v$30 !== _p$.t && (_p$.t = _$setProp(_el$57, "backgroundColor", _v$30, _p$.t));
-            _v$31 !== _p$.a && (_p$.a = _$setProp(_el$59, "style", _v$31, _p$.a));
+            _v$33 !== _p$.e && (_p$.e = _$setProp(_el$53, "attributes", _v$33, _p$.e));
+            _v$34 !== _p$.t && (_p$.t = _$setProp(_el$53, "style", _v$34, _p$.t));
             return _p$;
           }, {
             e: undefined,
-            t: undefined,
-            a: undefined
+            t: undefined
           });
           return _el$51;
         })(), _$createComponent(For, {
@@ -2780,26 +2825,31 @@ function HomeSessions(props) {
             return visible();
           },
           children: entry => (() => {
-            var _el$67 = _$createElement("box"),
-              _el$68 = _$createElement("text"),
-              _el$70 = _$createElement("text");
-            _$insertNode(_el$67, _el$68);
-            _$insertNode(_el$67, _el$70);
-            _$setProp(_el$67, "height", 1);
-            _$setProp(_el$67, "flexShrink", 0);
-            _$setProp(_el$67, "overflow", "hidden");
-            _$setProp(_el$67, "flexDirection", "row");
-            _$setProp(_el$67, "gap", 1);
-            _$setProp(_el$67, "onMouseOver", () => setHovered(entry.id));
-            _$setProp(_el$67, "onMouseOut", () => setHovered(undefined));
-            _$setProp(_el$67, "onMouseDown", event => event.button === RIGHT_BUTTON ? openInCmuxWorkspace(props.api, entry) : props.api.route.navigate("session", {
+            var _el$65 = _$createElement("box"),
+              _el$66 = _$createElement("text"),
+              _el$67 = _$createElement("box"),
+              _el$69 = _$createElement("text");
+            _$insertNode(_el$65, _el$66);
+            _$insertNode(_el$65, _el$67);
+            _$insertNode(_el$65, _el$69);
+            _$setProp(_el$65, "height", 1);
+            _$setProp(_el$65, "flexShrink", 0);
+            _$setProp(_el$65, "overflow", "hidden");
+            _$setProp(_el$65, "flexDirection", "row");
+            _$setProp(_el$65, "gap", 1);
+            _$setProp(_el$65, "onMouseOver", () => setHovered(entry.id));
+            _$setProp(_el$65, "onMouseOut", () => setHovered(undefined));
+            _$setProp(_el$65, "onMouseDown", event => event.button === RIGHT_BUTTON ? openInCmuxWorkspace(props.api, entry) : props.api.route.navigate("session", {
               sessionID: entry.id
             }));
-            _$insertNode(_el$68, _$createTextNode(`○`));
-            _$setProp(_el$68, "flexShrink", 0);
+            _$setProp(_el$66, "width", 1);
+            _$setProp(_el$66, "flexShrink", 0);
+            _$insert(_el$66, () => isRunning(entry.id) ? "●" : "○");
+            _$setProp(_el$67, "flexShrink", 0);
+            _$setProp(_el$67, "overflow", "hidden");
             _$insert(_el$67, _$createComponent(Highlighted, {
               get text() {
-                return `${props.pins().sessions.includes(entry.id) ? "★ " : ""}${truncate(entry.title, HOME_TITLE_WIDTH - (props.pins().sessions.includes(entry.id) ? 2 : 0))}`;
+                return truncate(`${props.pins().sessions.includes(entry.id) ? "★ " : ""}${entry.title}`, columns().title);
               },
               get query() {
                 return query();
@@ -2810,64 +2860,94 @@ function HomeSessions(props) {
               get matchColor() {
                 return theme().warning;
               }
-            }), _el$70);
-            _$setProp(_el$70, "flexShrink", 1);
-            _$setProp(_el$70, "wrapMode", "none");
-            _$setProp(_el$70, "overflow", "hidden");
-            _$insert(_el$70, (() => {
-              var _c$5 = _$memo(() => pendingDelete() === entry.id);
-              return () => _c$5() ? "option+d again" : `${props.pins().directories.includes(entry.dir) ? "★ " : ""}${prettyDir(entry.dir, home)} · ${ago(entry.updated)}`;
-            })());
+            }));
+            _$insert(_el$65, _$createComponent(Show, {
+              get when() {
+                return columns().dir > 0;
+              },
+              get children() {
+                var _el$68 = _$createElement("text");
+                _$setProp(_el$68, "flexShrink", 0);
+                _$setProp(_el$68, "wrapMode", "none");
+                _$setProp(_el$68, "overflow", "hidden");
+                _$insert(_el$68, () => truncate(pendingDelete() === entry.id ? "option+d again" : rowDir(entry), columns().dir));
+                _$effect(_p$ => {
+                  var _v$39 = columns().dir,
+                    _v$40 = pendingDelete() === entry.id ? undefined : TextAttributes.DIM,
+                    _v$41 = {
+                      fg: pendingDelete() === entry.id ? theme().error : theme().textMuted
+                    };
+                  _v$39 !== _p$.e && (_p$.e = _$setProp(_el$68, "width", _v$39, _p$.e));
+                  _v$40 !== _p$.t && (_p$.t = _$setProp(_el$68, "attributes", _v$40, _p$.t));
+                  _v$41 !== _p$.a && (_p$.a = _$setProp(_el$68, "style", _v$41, _p$.a));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined,
+                  a: undefined
+                });
+                return _el$68;
+              }
+            }), _el$69);
+            _$setProp(_el$69, "flexShrink", 0);
+            _$setProp(_el$69, "wrapMode", "none");
+            _$insert(_el$69, () => ago(entry.updated).padStart(columns().age));
             _$effect(_p$ => {
-              var _v$36 = entry.id === hovered() ? theme().backgroundElement : RGBA.fromInts(0, 0, 0, 0),
-                _v$37 = {
-                  fg: theme().textMuted
+              var _v$42 = entry.id === hovered() ? theme().backgroundElement : RGBA.fromInts(0, 0, 0, 0),
+                _v$43 = {
+                  fg: isRunning(entry.id) ? theme().success : theme().textMuted
                 },
-                _v$38 = Math.max(0, Math.floor((Math.min(72, dimensions().width) - 4) / 2)),
-                _v$39 = {
-                  fg: pendingDelete() === entry.id ? theme().error : theme().textMuted
+                _v$44 = columns().title,
+                _v$45 = columns().age,
+                _v$46 = TextAttributes.DIM,
+                _v$47 = {
+                  fg: theme().textMuted
                 };
-              _v$36 !== _p$.e && (_p$.e = _$setProp(_el$67, "backgroundColor", _v$36, _p$.e));
-              _v$37 !== _p$.t && (_p$.t = _$setProp(_el$68, "style", _v$37, _p$.t));
-              _v$38 !== _p$.a && (_p$.a = _$setProp(_el$70, "maxWidth", _v$38, _p$.a));
-              _v$39 !== _p$.o && (_p$.o = _$setProp(_el$70, "style", _v$39, _p$.o));
+              _v$42 !== _p$.e && (_p$.e = _$setProp(_el$65, "backgroundColor", _v$42, _p$.e));
+              _v$43 !== _p$.t && (_p$.t = _$setProp(_el$66, "style", _v$43, _p$.t));
+              _v$44 !== _p$.a && (_p$.a = _$setProp(_el$67, "width", _v$44, _p$.a));
+              _v$45 !== _p$.o && (_p$.o = _$setProp(_el$69, "width", _v$45, _p$.o));
+              _v$46 !== _p$.i && (_p$.i = _$setProp(_el$69, "attributes", _v$46, _p$.i));
+              _v$47 !== _p$.n && (_p$.n = _$setProp(_el$69, "style", _v$47, _p$.n));
               return _p$;
             }, {
               e: undefined,
               t: undefined,
               a: undefined,
-              o: undefined
+              o: undefined,
+              i: undefined,
+              n: undefined
             });
-            return _el$67;
+            return _el$65;
           })()
         }), _$createComponent(Show, {
           get when() {
             return visible().length === 0;
           },
           get children() {
-            var _el$62 = _$createElement("text");
-            _$insertNode(_el$62, _$createTextNode(`No title or directory matches · option+o to search transcripts`));
-            _$setProp(_el$62, "height", 1);
-            _$setProp(_el$62, "flexShrink", 0);
-            _$setProp(_el$62, "wrapMode", "none");
-            _$setProp(_el$62, "overflow", "hidden");
-            _$effect(_$p => _$setProp(_el$62, "style", {
+            var _el$60 = _$createElement("text");
+            _$insertNode(_el$60, _$createTextNode(`No title or directory matches · option+o to search transcripts`));
+            _$setProp(_el$60, "height", 1);
+            _$setProp(_el$60, "flexShrink", 0);
+            _$setProp(_el$60, "wrapMode", "none");
+            _$setProp(_el$60, "overflow", "hidden");
+            _$effect(_$p => _$setProp(_el$60, "style", {
               fg: theme().textMuted
             }, _$p));
-            return _el$62;
+            return _el$60;
           }
         })];
       }
     }));
     _$effect(_p$ => {
-      var _v$32 = layout().limit > 0,
-        _v$33 = layout().budget,
-        _v$34 = layout().padding,
-        _v$35 = layout().gap;
-      _v$32 !== _p$.e && (_p$.e = _$setProp(_el$49, "visible", _v$32, _p$.e));
-      _v$33 !== _p$.t && (_p$.t = _$setProp(_el$49, "maxHeight", _v$33, _p$.t));
-      _v$34 !== _p$.a && (_p$.a = _$setProp(_el$50, "paddingTop", _v$34, _p$.a));
-      _v$35 !== _p$.o && (_p$.o = _$setProp(_el$50, "gap", _v$35, _p$.o));
+      var _v$35 = layout().budget,
+        _v$36 = layout().limit > 0 && props.api.route.current.name === "home",
+        _v$37 = layout().padding,
+        _v$38 = layout().gap;
+      _v$35 !== _p$.e && (_p$.e = _$setProp(_el$49, "maxHeight", _v$35, _p$.e));
+      _v$36 !== _p$.t && (_p$.t = _$setProp(_el$50, "visible", _v$36, _p$.t));
+      _v$37 !== _p$.a && (_p$.a = _$setProp(_el$50, "paddingTop", _v$37, _p$.a));
+      _v$38 !== _p$.o && (_p$.o = _$setProp(_el$50, "gap", _v$38, _p$.o));
       return _p$;
     }, {
       e: undefined,
@@ -2878,6 +2958,31 @@ function HomeSessions(props) {
     return _el$49;
   })();
 }
+
+// prompt.footer also mounts in session composers: only home subscribes to polling.
+function HomeBottom(props) {
+  return _$createComponent(Show, {
+    get when() {
+      return props.api.route.current.name === "home";
+    },
+    get children() {
+      return _$createComponent(HomeSessions, {
+        get api() {
+          return props.api;
+        },
+        get pins() {
+          return props.pins;
+        },
+        get onTogglePin() {
+          return props.onTogglePin;
+        },
+        get poll() {
+          return props.poll;
+        }
+      });
+    }
+  });
+}
 const tui = async api => {
   const [pins, setPins] = createSignal(emptyPins());
   // Keep exploratory context while the plugin remains loaded; a full OpenCode
@@ -2922,7 +3027,7 @@ const tui = async api => {
         });
       },
       home_bottom() {
-        return _$createComponent(HomeSessions, {
+        return _$createComponent(HomeBottom, {
           api: api,
           pins: pins,
           onTogglePin: onTogglePin,
@@ -3431,64 +3536,64 @@ const tui = async api => {
       if (previewTimer) clearTimeout(previewTimer);
     };
     api.ui.dialog.replace(() => (() => {
-      var _el$71 = _$createElement("box"),
+      var _el$70 = _$createElement("box"),
+        _el$71 = _$createElement("box"),
         _el$72 = _$createElement("box"),
-        _el$73 = _$createElement("box"),
-        _el$74 = _$createElement("text"),
-        _el$75 = _$createTextNode(`Sessions `),
-        _el$76 = _$createElement("span"),
-        _el$77 = _$createTextNode(`(`),
-        _el$78 = _$createTextNode(`)`),
-        _el$79 = _$createElement("text"),
-        _el$81 = _$createElement("box"),
-        _el$82 = _$createElement("input"),
-        _el$85 = _$createElement("box"),
+        _el$73 = _$createElement("text"),
+        _el$74 = _$createTextNode(`Sessions `),
+        _el$75 = _$createElement("span"),
+        _el$76 = _$createTextNode(`(`),
+        _el$77 = _$createTextNode(`)`),
+        _el$78 = _$createElement("text"),
+        _el$80 = _$createElement("box"),
+        _el$81 = _$createElement("input"),
+        _el$84 = _$createElement("box"),
+        _el$85 = _$createElement("text"),
         _el$86 = _$createElement("text"),
         _el$87 = _$createElement("text"),
-        _el$88 = _$createElement("text"),
-        _el$89 = _$createElement("box"),
-        _el$92 = _$createElement("box"),
-        _el$93 = _$createElement("text");
+        _el$88 = _$createElement("box"),
+        _el$91 = _$createElement("box"),
+        _el$92 = _$createElement("text");
+      _$insertNode(_el$70, _el$71);
+      _$insertNode(_el$70, _el$88);
+      _$insertNode(_el$70, _el$91);
+      _$setProp(_el$70, "flexDirection", "column");
+      _$setProp(_el$70, "paddingTop", 1);
+      _$setProp(_el$70, "paddingBottom", 1);
+      _$setProp(_el$70, "gap", 1);
       _$insertNode(_el$71, _el$72);
-      _$insertNode(_el$71, _el$89);
-      _$insertNode(_el$71, _el$92);
-      _$setProp(_el$71, "flexDirection", "column");
-      _$setProp(_el$71, "paddingTop", 1);
-      _$setProp(_el$71, "paddingBottom", 1);
-      _$setProp(_el$71, "gap", 1);
+      _$insertNode(_el$71, _el$80);
+      _$insertNode(_el$71, _el$84);
+      _$setProp(_el$71, "paddingLeft", 4);
+      _$setProp(_el$71, "paddingRight", 4);
       _$insertNode(_el$72, _el$73);
-      _$insertNode(_el$72, _el$81);
-      _$insertNode(_el$72, _el$85);
-      _$setProp(_el$72, "paddingLeft", 4);
-      _$setProp(_el$72, "paddingRight", 4);
+      _$insertNode(_el$72, _el$78);
+      _$setProp(_el$72, "flexDirection", "row");
+      _$setProp(_el$72, "justifyContent", "space-between");
       _$insertNode(_el$73, _el$74);
-      _$insertNode(_el$73, _el$79);
-      _$setProp(_el$73, "flexDirection", "row");
-      _$setProp(_el$73, "justifyContent", "space-between");
-      _$insertNode(_el$74, _el$75);
-      _$insertNode(_el$74, _el$76);
-      _$insertNode(_el$76, _el$77);
-      _$insertNode(_el$76, _el$78);
-      _$insert(_el$76, () => selectableEntries().length, _el$78);
-      _$insertNode(_el$79, _$createTextNode(`esc`));
-      _$setProp(_el$79, "onMouseUp", close);
-      _$insertNode(_el$81, _el$82);
-      _$setProp(_el$81, "paddingTop", 1);
-      _$setProp(_el$82, "focused", true);
-      _$setProp(_el$82, "placeholder", "Search title, directory, transcript…");
-      _$setProp(_el$82, "cursorStyle", {
+      _$insertNode(_el$73, _el$75);
+      _$insertNode(_el$75, _el$76);
+      _$insertNode(_el$75, _el$77);
+      _$insert(_el$75, () => selectableEntries().length, _el$77);
+      _$insertNode(_el$78, _$createTextNode(`esc`));
+      _$setProp(_el$78, "onMouseUp", close);
+      _$insertNode(_el$80, _el$81);
+      _$setProp(_el$80, "paddingTop", 1);
+      _$setProp(_el$81, "focused", true);
+      _$setProp(_el$81, "placeholder", "Search title, directory, transcript…");
+      _$setProp(_el$81, "cursorStyle", {
         style: "line",
         blinking: false
       });
-      _$setProp(_el$82, "onInput", value => {
+      _$setProp(_el$81, "onInput", value => {
         if (pendingDelete()) return;
         setQuery(value);
       });
-      _$setProp(_el$82, "onSubmit", () => {
+      _$setProp(_el$81, "onSubmit", () => {
         if (confirmArmed()) return;
         choose();
       });
-      _$setProp(_el$82, "onKeyDown", event => {
+      _$setProp(_el$81, "onKeyDown", event => {
         if (event.name === "escape") {
           event.preventDefault();
           handleEscape();
@@ -3520,92 +3625,92 @@ const tui = async api => {
           }
         }
       });
-      _$insert(_el$72, _$createComponent(Show, {
+      _$insert(_el$71, _$createComponent(Show, {
         get when() {
           return coverageLabel();
         },
         get children() {
-          var _el$83 = _$createElement("box"),
-            _el$84 = _$createElement("text");
-          _$insertNode(_el$83, _el$84);
-          _$setProp(_el$83, "paddingTop", 1);
-          _$insert(_el$84, coverageLabel);
-          _$effect(_$p => _$setProp(_el$84, "style", {
+          var _el$82 = _$createElement("box"),
+            _el$83 = _$createElement("text");
+          _$insertNode(_el$82, _el$83);
+          _$setProp(_el$82, "paddingTop", 1);
+          _$insert(_el$83, coverageLabel);
+          _$effect(_$p => _$setProp(_el$83, "style", {
             fg: api.theme.current.textMuted
           }, _$p));
-          return _el$83;
+          return _el$82;
         }
-      }), _el$85);
-      _$insertNode(_el$85, _el$86);
-      _$insertNode(_el$85, _el$87);
-      _$insertNode(_el$85, _el$88);
-      _$setProp(_el$85, "flexDirection", "row");
-      _$setProp(_el$85, "gap", 2);
-      _$setProp(_el$85, "paddingTop", 1);
-      _$setProp(_el$86, "onMouseDown", () => {
+      }), _el$84);
+      _$insertNode(_el$84, _el$85);
+      _$insertNode(_el$84, _el$86);
+      _$insertNode(_el$84, _el$87);
+      _$setProp(_el$84, "flexDirection", "row");
+      _$setProp(_el$84, "gap", 2);
+      _$setProp(_el$84, "paddingTop", 1);
+      _$setProp(_el$85, "onMouseDown", () => {
         const group = currentProject();
         if (group) setScope(scope() === group ? undefined : group);else api.ui.toast({
           message: "No current project to filter",
           variant: "info"
         });
       });
-      _$insert(_el$86, (() => {
-        var _c$6 = _$memo(() => !!scope());
-        return () => _c$6() ? `Project: ${truncate(scope(), 22)}` : "Project: all";
+      _$insert(_el$85, (() => {
+        var _c$5 = _$memo(() => !!scope());
+        return () => _c$5() ? `Project: ${truncate(scope(), 22)}` : "Project: all";
       })());
-      _$setProp(_el$87, "onMouseDown", () => setWaitingOnly(value => !value));
-      _$insert(_el$87, () => waitingOnly() ? "● Needs input" : "○ Needs input");
-      _$setProp(_el$88, "onMouseDown", () => setPinnedOnly(value => !value));
-      _$insert(_el$88, () => pinnedOnly() ? "★ Pinned" : "☆ Pinned");
-      _$setProp(_el$89, "flexDirection", "column");
-      _$setProp(_el$89, "flexGrow", 1);
-      _$setProp(_el$89, "overflow", "hidden");
-      _$setProp(_el$89, "onMouseScroll", event => {
+      _$setProp(_el$86, "onMouseDown", () => setWaitingOnly(value => !value));
+      _$insert(_el$86, () => waitingOnly() ? "● Needs input" : "○ Needs input");
+      _$setProp(_el$87, "onMouseDown", () => setPinnedOnly(value => !value));
+      _$insert(_el$87, () => pinnedOnly() ? "★ Pinned" : "☆ Pinned");
+      _$setProp(_el$88, "flexDirection", "column");
+      _$setProp(_el$88, "flexGrow", 1);
+      _$setProp(_el$88, "overflow", "hidden");
+      _$setProp(_el$88, "onMouseScroll", event => {
         scrollPicker(event.scroll);
       });
-      _$insert(_el$89, _$createComponent(For, {
+      _$insert(_el$88, _$createComponent(For, {
         get each() {
           return visiblePickerRows();
         },
         children: row => {
           if (row.kind === "group") return (() => {
-            var _el$106 = _$createElement("box"),
+            var _el$105 = _$createElement("box"),
+              _el$106 = _$createElement("text"),
               _el$107 = _$createElement("text"),
-              _el$108 = _$createElement("text"),
-              _el$109 = _$createTextNode(` (`),
-              _el$110 = _$createTextNode(`)`);
-            _$insertNode(_el$106, _el$107);
-            _$insertNode(_el$106, _el$108);
-            _$setProp(_el$106, "flexDirection", "row");
-            _$setProp(_el$106, "paddingLeft", 4);
-            _$setProp(_el$106, "paddingRight", 4);
-            _$setProp(_el$106, "onMouseDown", () => setCollapsed(state => ({
+              _el$108 = _$createTextNode(` (`),
+              _el$109 = _$createTextNode(`)`);
+            _$insertNode(_el$105, _el$106);
+            _$insertNode(_el$105, _el$107);
+            _$setProp(_el$105, "flexDirection", "row");
+            _$setProp(_el$105, "paddingLeft", 4);
+            _$setProp(_el$105, "paddingRight", 4);
+            _$setProp(_el$105, "onMouseDown", () => setCollapsed(state => ({
               ...state,
               [row.dir]: !state[row.dir]
             })));
-            _$setProp(_el$107, "flexGrow", 1);
-            _$setProp(_el$107, "flexShrink", 1);
-            _$setProp(_el$107, "wrapMode", "none");
-            _$insert(_el$107, () => collapsed()[row.dir] && !query().trim() ? "▸ " : "▾ ", null);
-            _$insert(_el$107, () => row.pinned ? "★ " : "", null);
-            _$insert(_el$107, () => row.label, null);
-            _$insertNode(_el$108, _el$109);
-            _$insertNode(_el$108, _el$110);
-            _$setProp(_el$108, "flexShrink", 0);
-            _$insert(_el$108, () => row.count, _el$110);
+            _$setProp(_el$106, "flexGrow", 1);
+            _$setProp(_el$106, "flexShrink", 1);
+            _$setProp(_el$106, "wrapMode", "none");
+            _$insert(_el$106, () => collapsed()[row.dir] && !query().trim() ? "▸ " : "▾ ", null);
+            _$insert(_el$106, () => row.pinned ? "★ " : "", null);
+            _$insert(_el$106, () => row.label, null);
+            _$insertNode(_el$107, _el$108);
+            _$insertNode(_el$107, _el$109);
+            _$setProp(_el$107, "flexShrink", 0);
+            _$insert(_el$107, () => row.count, _el$109);
             _$effect(_p$ => {
-              var _v$60 = row.continued ? 0 : 1,
-                _v$61 = {
+              var _v$68 = row.continued ? 0 : 1,
+                _v$69 = {
                   fg: api.theme.current.accent
                 },
-                _v$62 = TextAttributes.BOLD,
-                _v$63 = {
+                _v$70 = TextAttributes.BOLD,
+                _v$71 = {
                   fg: api.theme.current.textMuted
                 };
-              _v$60 !== _p$.e && (_p$.e = _$setProp(_el$106, "paddingTop", _v$60, _p$.e));
-              _v$61 !== _p$.t && (_p$.t = _$setProp(_el$107, "style", _v$61, _p$.t));
-              _v$62 !== _p$.a && (_p$.a = _$setProp(_el$107, "attributes", _v$62, _p$.a));
-              _v$63 !== _p$.o && (_p$.o = _$setProp(_el$108, "style", _v$63, _p$.o));
+              _v$68 !== _p$.e && (_p$.e = _$setProp(_el$105, "paddingTop", _v$68, _p$.e));
+              _v$69 !== _p$.t && (_p$.t = _$setProp(_el$106, "style", _v$69, _p$.t));
+              _v$70 !== _p$.a && (_p$.a = _$setProp(_el$106, "attributes", _v$70, _p$.a));
+              _v$71 !== _p$.o && (_p$.o = _$setProp(_el$107, "style", _v$71, _p$.o));
               return _p$;
             }, {
               e: undefined,
@@ -3613,46 +3718,46 @@ const tui = async api => {
               a: undefined,
               o: undefined
             });
-            return _el$106;
+            return _el$105;
           })();
           const excerpt = createMemo(() => transcriptMatchExcerpt(searchIndex().get(row.entry.id), row.entry, query()));
           return (() => {
-            var _el$111 = _$createElement("box"),
-              _el$112 = _$createElement("box"),
-              _el$113 = _$createElement("text"),
-              _el$116 = _$createElement("text");
-            _$insertNode(_el$111, _el$112);
-            _$setProp(_el$111, "flexDirection", "column");
-            _$setProp(_el$111, "paddingLeft", 6);
-            _$setProp(_el$111, "paddingRight", 4);
-            _$setProp(_el$111, "onMouseMove", () => {
+            var _el$110 = _$createElement("box"),
+              _el$111 = _$createElement("box"),
+              _el$112 = _$createElement("text"),
+              _el$115 = _$createElement("text");
+            _$insertNode(_el$110, _el$111);
+            _$setProp(_el$110, "flexDirection", "column");
+            _$setProp(_el$110, "paddingLeft", 6);
+            _$setProp(_el$110, "paddingRight", 4);
+            _$setProp(_el$110, "onMouseMove", () => {
               // Repainting under a stationary pointer must not select
               // another row while the wheel is moving the viewport.
               const index = selectableEntries().findIndex(entry => entry.id === row.entry.id);
               if (index >= 0) setCursor(index);
             });
-            _$setProp(_el$111, "onMouseDown", event => event.button === RIGHT_BUTTON ? (cleanup(), api.ui.dialog.clear(), openInCmuxWorkspace(api, row.entry)) : choose(row.entry));
-            _$insertNode(_el$112, _el$113);
-            _$insertNode(_el$112, _el$116);
-            _$setProp(_el$112, "flexDirection", "row");
-            _$setProp(_el$112, "gap", 1);
-            _$setProp(_el$113, "flexShrink", 0);
-            _$insert(_el$113, () => row.last ? "└" : "├");
-            _$insert(_el$112, _$createComponent(Show, {
+            _$setProp(_el$110, "onMouseDown", event => event.button === RIGHT_BUTTON ? (cleanup(), api.ui.dialog.clear(), openInCmuxWorkspace(api, row.entry)) : choose(row.entry));
+            _$insertNode(_el$111, _el$112);
+            _$insertNode(_el$111, _el$115);
+            _$setProp(_el$111, "flexDirection", "row");
+            _$setProp(_el$111, "gap", 1);
+            _$setProp(_el$112, "flexShrink", 0);
+            _$insert(_el$112, () => row.last ? "└" : "├");
+            _$insert(_el$111, _$createComponent(Show, {
               get when() {
                 return row.entry.id === currentSessionID();
               },
               get children() {
-                var _el$114 = _$createElement("text");
-                _$insertNode(_el$114, _$createTextNode(`●`));
-                _$setProp(_el$114, "flexShrink", 0);
-                _$effect(_$p => _$setProp(_el$114, "style", {
+                var _el$113 = _$createElement("text");
+                _$insertNode(_el$113, _$createTextNode(`●`));
+                _$setProp(_el$113, "flexShrink", 0);
+                _$effect(_$p => _$setProp(_el$113, "style", {
                   fg: row.entry.id === selectableEntries()[cursor()]?.id ? api.theme.current.text : api.theme.current.primary
                 }, _$p));
-                return _el$114;
+                return _el$113;
               }
-            }), _el$116);
-            _$insert(_el$112, _$createComponent(Highlighted, {
+            }), _el$115);
+            _$insert(_el$111, _$createComponent(Highlighted, {
               get text() {
                 return `${pins().sessions.includes(row.entry.id) ? "★ " : ""}${truncate(row.entry.title, pins().sessions.includes(row.entry.id) ? 59 : 61)}`;
               },
@@ -3668,26 +3773,26 @@ const tui = async api => {
               get matchColor() {
                 return _$memo(() => row.entry.id === selectableEntries()[cursor()]?.id)() ? api.theme.current.text : api.theme.current.warning;
               }
-            }), _el$116);
-            _$setProp(_el$116, "flexShrink", 0);
-            _$insert(_el$116, (() => {
-              var _c$0 = _$memo(() => pendingDelete()?.id === row.entry.id);
-              return () => _c$0() ? "press y to delete" : `${ago(row.entry.updated)}${query().trim() && !`${row.entry.title} ${row.entry.dir}`.toLowerCase().includes(query().trim().toLowerCase()) ? " · transcript match" : ""}`;
+            }), _el$115);
+            _$setProp(_el$115, "flexShrink", 0);
+            _$insert(_el$115, (() => {
+              var _c$9 = _$memo(() => pendingDelete()?.id === row.entry.id);
+              return () => _c$9() ? "press y to delete" : `${ago(row.entry.updated)}${query().trim() && !`${row.entry.title} ${row.entry.dir}`.toLowerCase().includes(query().trim().toLowerCase()) ? " · transcript match" : ""}`;
             })());
-            _$insert(_el$111, _$createComponent(Show, {
+            _$insert(_el$110, _$createComponent(Show, {
               get when() {
                 return excerpt();
               },
               children: match => (() => {
-                var _el$117 = _$createElement("box"),
-                  _el$118 = _$createElement("text");
-                _$insertNode(_el$117, _el$118);
-                _$setProp(_el$117, "flexDirection", "row");
-                _$setProp(_el$117, "gap", 1);
-                _$setProp(_el$117, "paddingLeft", 2);
-                _$insertNode(_el$118, _$createTextNode(`↳`));
-                _$setProp(_el$118, "flexShrink", 0);
-                _$insert(_el$117, _$createComponent(Highlighted, {
+                var _el$116 = _$createElement("box"),
+                  _el$117 = _$createElement("text");
+                _$insertNode(_el$116, _el$117);
+                _$setProp(_el$116, "flexDirection", "row");
+                _$setProp(_el$116, "gap", 1);
+                _$setProp(_el$116, "paddingLeft", 2);
+                _$insertNode(_el$117, _$createTextNode(`↳`));
+                _$setProp(_el$117, "flexShrink", 0);
+                _$insert(_el$116, _$createComponent(Highlighted, {
                   get text() {
                     return match();
                   },
@@ -3701,140 +3806,140 @@ const tui = async api => {
                     return api.theme.current.warning;
                   }
                 }), null);
-                _$effect(_$p => _$setProp(_el$118, "style", {
+                _$effect(_$p => _$setProp(_el$117, "style", {
                   fg: api.theme.current.textMuted
                 }, _$p));
-                return _el$117;
+                return _el$116;
               })()
             }), null);
             _$effect(_p$ => {
-              var _v$64 = row.entry.id === selectableEntries()[cursor()]?.id ? api.theme.current.backgroundElement : RGBA.fromInts(0, 0, 0, 0),
-                _v$65 = {
+              var _v$72 = row.entry.id === selectableEntries()[cursor()]?.id ? api.theme.current.backgroundElement : RGBA.fromInts(0, 0, 0, 0),
+                _v$73 = {
                   fg: row.entry.id === selectableEntries()[cursor()]?.id ? api.theme.current.text : api.theme.current.textMuted
                 },
-                _v$66 = {
+                _v$74 = {
                   fg: pendingDelete()?.id === row.entry.id ? api.theme.current.error : row.entry.id === selectableEntries()[cursor()]?.id ? api.theme.current.text : api.theme.current.textMuted
                 };
-              _v$64 !== _p$.e && (_p$.e = _$setProp(_el$111, "backgroundColor", _v$64, _p$.e));
-              _v$65 !== _p$.t && (_p$.t = _$setProp(_el$113, "style", _v$65, _p$.t));
-              _v$66 !== _p$.a && (_p$.a = _$setProp(_el$116, "style", _v$66, _p$.a));
+              _v$72 !== _p$.e && (_p$.e = _$setProp(_el$110, "backgroundColor", _v$72, _p$.e));
+              _v$73 !== _p$.t && (_p$.t = _$setProp(_el$112, "style", _v$73, _p$.t));
+              _v$74 !== _p$.a && (_p$.a = _$setProp(_el$115, "style", _v$74, _p$.a));
               return _p$;
             }, {
               e: undefined,
               t: undefined,
               a: undefined
             });
-            return _el$111;
+            return _el$110;
           })();
         }
       }), null);
-      _$insert(_el$89, _$createComponent(Show, {
+      _$insert(_el$88, _$createComponent(Show, {
         get when() {
           return matchedGroups().length === 0;
         },
         get children() {
-          var _el$90 = _$createElement("box"),
-            _el$91 = _$createElement("text");
-          _$insertNode(_el$90, _el$91);
-          _$setProp(_el$90, "paddingLeft", 4);
-          _$setProp(_el$90, "paddingRight", 4);
-          _$insert(_el$91, (() => {
-            var _c$7 = _$memo(() => !!(waitingOnly() && waitingCoverage() === "loading"));
-            return () => _c$7() ? "Checking which sessions need input…" : _$memo(() => !!(waitingOnly() && waitingCoverage() === "unavailable"))() ? "Needs-input data unavailable · turn off the filter" : _$memo(() => !!(pinnedOnly() && pins().sessions.length === 0))() ? "No pinned sessions yet · ctrl+s pins a session" : _$memo(() => !!(!indexProgress().complete && query().trim()))() ? "No matches yet · still searching transcripts…" : _$memo(() => !!scope())() ? `No matches in ${scope()} · ctrl+g for all projects` : waitingOnly() ? "No sessions need input with these filters" : "No sessions match · try another search";
+          var _el$89 = _$createElement("box"),
+            _el$90 = _$createElement("text");
+          _$insertNode(_el$89, _el$90);
+          _$setProp(_el$89, "paddingLeft", 4);
+          _$setProp(_el$89, "paddingRight", 4);
+          _$insert(_el$90, (() => {
+            var _c$6 = _$memo(() => !!(waitingOnly() && waitingCoverage() === "loading"));
+            return () => _c$6() ? "Checking which sessions need input…" : _$memo(() => !!(waitingOnly() && waitingCoverage() === "unavailable"))() ? "Needs-input data unavailable · turn off the filter" : _$memo(() => !!(pinnedOnly() && pins().sessions.length === 0))() ? "No pinned sessions yet · ctrl+s pins a session" : _$memo(() => !!(!indexProgress().complete && query().trim()))() ? "No matches yet · still searching transcripts…" : _$memo(() => !!scope())() ? `No matches in ${scope()} · ctrl+g for all projects` : waitingOnly() ? "No sessions need input with these filters" : "No sessions match · try another search";
           })());
-          _$effect(_$p => _$setProp(_el$91, "style", {
+          _$effect(_$p => _$setProp(_el$90, "style", {
             fg: api.theme.current.textMuted
           }, _$p));
-          return _el$90;
+          return _el$89;
         }
       }), null);
-      _$insertNode(_el$92, _el$93);
-      _$setProp(_el$92, "paddingLeft", 4);
-      _$setProp(_el$92, "paddingRight", 4);
-      _$setProp(_el$92, "flexShrink", 0);
-      _$setProp(_el$92, "flexDirection", "column");
-      _$insert(_el$93, (() => {
-        var _c$8 = _$memo(() => !!pendingDelete());
-        return () => _c$8() ? `Delete "${truncate(pendingDelete().title, 40)}"? y confirm · n cancel` : "↑↓ move · enter open · ctrl+g project · option+w input · option+s pinned · option+p preview";
+      _$insertNode(_el$91, _el$92);
+      _$setProp(_el$91, "paddingLeft", 4);
+      _$setProp(_el$91, "paddingRight", 4);
+      _$setProp(_el$91, "flexShrink", 0);
+      _$setProp(_el$91, "flexDirection", "column");
+      _$insert(_el$92, (() => {
+        var _c$7 = _$memo(() => !!pendingDelete());
+        return () => _c$7() ? `Delete "${truncate(pendingDelete().title, 40)}"? y confirm · n cancel` : "↑↓ move · enter open · ctrl+g project · option+w input · option+s pinned · option+p preview";
       })());
-      _$insert(_el$92, _$createComponent(Show, {
+      _$insert(_el$91, _$createComponent(Show, {
         get when() {
           return !pendingDelete();
         },
         get children() {
-          var _el$94 = _$createElement("text");
-          _$insertNode(_el$94, _$createTextNode(`ctrl+s/d pin · option+d delete · ctrl+f fork · esc close`));
-          _$effect(_$p => _$setProp(_el$94, "style", {
+          var _el$93 = _$createElement("text");
+          _$insertNode(_el$93, _$createTextNode(`ctrl+s/d pin · option+d delete · ctrl+f fork · esc close`));
+          _$effect(_$p => _$setProp(_el$93, "style", {
             fg: api.theme.current.textMuted
           }, _$p));
-          return _el$94;
+          return _el$93;
         }
       }), null);
-      _$insert(_el$71, _$createComponent(Show, {
+      _$insert(_el$70, _$createComponent(Show, {
         get when() {
           return showPreview();
         },
         get children() {
-          var _el$96 = _$createElement("box"),
-            _el$97 = _$createElement("box"),
+          var _el$95 = _$createElement("box"),
+            _el$96 = _$createElement("box"),
+            _el$97 = _$createElement("text"),
             _el$98 = _$createElement("text"),
-            _el$99 = _$createElement("text"),
-            _el$103 = _$createElement("scrollbox"),
-            _el$104 = _$createElement("text");
+            _el$102 = _$createElement("scrollbox"),
+            _el$103 = _$createElement("text");
+          _$insertNode(_el$95, _el$96);
+          _$insertNode(_el$95, _el$102);
+          _$insertNode(_el$95, _el$103);
+          _$setProp(_el$95, "position", "absolute");
+          _$setProp(_el$95, "left", 0);
+          _$setProp(_el$95, "top", 0);
+          _$setProp(_el$95, "width", dialogWidth);
+          _$setProp(_el$95, "flexDirection", "column");
+          _$setProp(_el$95, "paddingLeft", 4);
+          _$setProp(_el$95, "paddingRight", 4);
+          _$setProp(_el$95, "paddingTop", 1);
+          _$setProp(_el$95, "paddingBottom", 1);
+          _$setProp(_el$95, "gap", 1);
           _$insertNode(_el$96, _el$97);
-          _$insertNode(_el$96, _el$103);
-          _$insertNode(_el$96, _el$104);
-          _$setProp(_el$96, "position", "absolute");
-          _$setProp(_el$96, "left", 0);
-          _$setProp(_el$96, "top", 0);
-          _$setProp(_el$96, "width", dialogWidth);
-          _$setProp(_el$96, "flexDirection", "column");
-          _$setProp(_el$96, "paddingLeft", 4);
-          _$setProp(_el$96, "paddingRight", 4);
-          _$setProp(_el$96, "paddingTop", 1);
-          _$setProp(_el$96, "paddingBottom", 1);
-          _$setProp(_el$96, "gap", 1);
-          _$insertNode(_el$97, _el$98);
-          _$insertNode(_el$97, _el$99);
-          _$setProp(_el$97, "flexDirection", "row");
-          _$setProp(_el$97, "justifyContent", "space-between");
-          _$insert(_el$98, (() => {
-            var _c$9 = _$memo(() => !!previewID());
-            return () => _c$9() ? truncate(selectableEntries()[cursor()].title, dialogWidth - 18) : "Preview";
+          _$insertNode(_el$96, _el$98);
+          _$setProp(_el$96, "flexDirection", "row");
+          _$setProp(_el$96, "justifyContent", "space-between");
+          _$insert(_el$97, (() => {
+            var _c$8 = _$memo(() => !!previewID());
+            return () => _c$8() ? truncate(selectableEntries()[cursor()].title, dialogWidth - 18) : "Preview";
           })());
-          _$insertNode(_el$99, _$createTextNode(`esc close`));
-          _$insert(_el$96, _$createComponent(Show, {
+          _$insertNode(_el$98, _$createTextNode(`esc close`));
+          _$insert(_el$95, _$createComponent(Show, {
             get when() {
               return previewID();
             },
             get children() {
-              var _el$101 = _$createElement("text"),
-                _el$102 = _$createTextNode(` · `);
-              _$insertNode(_el$101, _el$102);
-              _$insert(_el$101, () => prettyDir(selectableEntries()[cursor()].dir, process.env.HOME ?? ""), _el$102);
-              _$insert(_el$101, () => ago(selectableEntries()[cursor()].updated), null);
-              _$effect(_$p => _$setProp(_el$101, "style", {
+              var _el$100 = _$createElement("text"),
+                _el$101 = _$createTextNode(` · `);
+              _$insertNode(_el$100, _el$101);
+              _$insert(_el$100, () => prettyDir(selectableEntries()[cursor()].dir, process.env.HOME ?? ""), _el$101);
+              _$insert(_el$100, () => ago(selectableEntries()[cursor()].updated), null);
+              _$effect(_$p => _$setProp(_el$100, "style", {
                 fg: api.theme.current.textMuted
               }, _$p));
-              return _el$101;
+              return _el$100;
             }
-          }), _el$103);
-          _$setProp(_el$103, "flexGrow", 1);
-          _$setProp(_el$103, "scrollbarOptions", {
+          }), _el$102);
+          _$setProp(_el$102, "flexGrow", 1);
+          _$setProp(_el$102, "scrollbarOptions", {
             visible: false
           });
-          _$insert(_el$103, _$createComponent(Show, {
+          _$insert(_el$102, _$createComponent(Show, {
             get when() {
               return previewID();
             },
             get fallback() {
               return (() => {
-                var _el$120 = _$createElement("text");
-                _$insertNode(_el$120, _$createTextNode(`Select a session to preview`));
-                _$effect(_$p => _$setProp(_el$120, "style", {
+                var _el$119 = _$createElement("text");
+                _$insertNode(_el$119, _$createTextNode(`Select a session to preview`));
+                _$effect(_$p => _$setProp(_el$119, "style", {
                   fg: api.theme.current.textMuted
                 }, _$p));
-                return _el$120;
+                return _el$119;
               })();
             },
             get children() {
@@ -3844,55 +3949,55 @@ const tui = async api => {
                 },
                 get fallback() {
                   return (() => {
-                    var _el$122 = _$createElement("text");
-                    _$insertNode(_el$122, _$createTextNode(`Loading…`));
-                    _$effect(_$p => _$setProp(_el$122, "style", {
+                    var _el$121 = _$createElement("text");
+                    _$insertNode(_el$121, _$createTextNode(`Loading…`));
+                    _$effect(_$p => _$setProp(_el$121, "style", {
                       fg: api.theme.current.textMuted
                     }, _$p));
-                    return _el$122;
+                    return _el$121;
                   })();
                 },
                 children: text => getMarkdownStyle(api.theme.current, api.renderer?.nativeSession) ? (() => {
-                  var _el$124 = _$createElement("markdown");
+                  var _el$123 = _$createElement("markdown");
                   _$effect(_p$ => {
-                    var _v$67 = text(),
-                      _v$68 = getMarkdownStyle(api.theme.current, api.renderer?.nativeSession),
-                      _v$69 = getTreeSitterClient();
-                    _v$67 !== _p$.e && (_p$.e = _$setProp(_el$124, "content", _v$67, _p$.e));
-                    _v$68 !== _p$.t && (_p$.t = _$setProp(_el$124, "syntaxStyle", _v$68, _p$.t));
-                    _v$69 !== _p$.a && (_p$.a = _$setProp(_el$124, "treeSitterClient", _v$69, _p$.a));
+                    var _v$75 = text(),
+                      _v$76 = getMarkdownStyle(api.theme.current, api.renderer?.nativeSession),
+                      _v$77 = getTreeSitterClient();
+                    _v$75 !== _p$.e && (_p$.e = _$setProp(_el$123, "content", _v$75, _p$.e));
+                    _v$76 !== _p$.t && (_p$.t = _$setProp(_el$123, "syntaxStyle", _v$76, _p$.t));
+                    _v$77 !== _p$.a && (_p$.a = _$setProp(_el$123, "treeSitterClient", _v$77, _p$.a));
                     return _p$;
                   }, {
                     e: undefined,
                     t: undefined,
                     a: undefined
                   });
-                  return _el$124;
+                  return _el$123;
                 })() : (() => {
-                  var _el$125 = _$createElement("text");
-                  _$setProp(_el$125, "wrapMode", "word");
-                  _$insert(_el$125, text);
-                  return _el$125;
+                  var _el$124 = _$createElement("text");
+                  _$setProp(_el$124, "wrapMode", "word");
+                  _$insert(_el$124, text);
+                  return _el$124;
                 })()
               });
             }
           }));
-          _$insertNode(_el$104, _$createTextNode(`↑↓ switch session · esc back to picker`));
+          _$insertNode(_el$103, _$createTextNode(`↑↓ switch session · esc back to picker`));
           _$effect(_p$ => {
-            var _v$40 = dialogHeight(),
-              _v$41 = api.theme.current.backgroundPanel,
-              _v$42 = TextAttributes.BOLD,
-              _v$43 = {
+            var _v$48 = dialogHeight(),
+              _v$49 = api.theme.current.backgroundPanel,
+              _v$50 = TextAttributes.BOLD,
+              _v$51 = {
                 fg: api.theme.current.textMuted
               },
-              _v$44 = {
+              _v$52 = {
                 fg: api.theme.current.textMuted
               };
-            _v$40 !== _p$.e && (_p$.e = _$setProp(_el$96, "height", _v$40, _p$.e));
-            _v$41 !== _p$.t && (_p$.t = _$setProp(_el$96, "backgroundColor", _v$41, _p$.t));
-            _v$42 !== _p$.a && (_p$.a = _$setProp(_el$98, "attributes", _v$42, _p$.a));
-            _v$43 !== _p$.o && (_p$.o = _$setProp(_el$99, "style", _v$43, _p$.o));
-            _v$44 !== _p$.i && (_p$.i = _$setProp(_el$104, "style", _v$44, _p$.i));
+            _v$48 !== _p$.e && (_p$.e = _$setProp(_el$95, "height", _v$48, _p$.e));
+            _v$49 !== _p$.t && (_p$.t = _$setProp(_el$95, "backgroundColor", _v$49, _p$.t));
+            _v$50 !== _p$.a && (_p$.a = _$setProp(_el$97, "attributes", _v$50, _p$.a));
+            _v$51 !== _p$.o && (_p$.o = _$setProp(_el$98, "style", _v$51, _p$.o));
+            _v$52 !== _p$.i && (_p$.i = _$setProp(_el$103, "style", _v$52, _p$.i));
             return _p$;
           }, {
             e: undefined,
@@ -3901,52 +4006,52 @@ const tui = async api => {
             o: undefined,
             i: undefined
           });
-          return _el$96;
+          return _el$95;
         }
       }), null);
       _$effect(_p$ => {
-        var _v$45 = dialogHeight(),
-          _v$46 = dialogOffset(),
-          _v$47 = api.theme.current.backgroundPanel,
-          _v$48 = TextAttributes.BOLD,
-          _v$49 = {
+        var _v$53 = dialogHeight(),
+          _v$54 = dialogOffset(),
+          _v$55 = api.theme.current.backgroundPanel,
+          _v$56 = TextAttributes.BOLD,
+          _v$57 = {
             fg: api.theme.current.textMuted
           },
-          _v$50 = {
+          _v$58 = {
             fg: api.theme.current.textMuted
           },
-          _v$51 = query(),
-          _v$52 = api.theme.current.textMuted,
-          _v$53 = api.theme.current.backgroundPanel,
-          _v$54 = api.theme.current.text,
-          _v$55 = api.theme.current.primary,
-          _v$56 = {
+          _v$59 = query(),
+          _v$60 = api.theme.current.textMuted,
+          _v$61 = api.theme.current.backgroundPanel,
+          _v$62 = api.theme.current.text,
+          _v$63 = api.theme.current.primary,
+          _v$64 = {
             fg: scope() ? api.theme.current.accent : api.theme.current.textMuted
           },
-          _v$57 = {
+          _v$65 = {
             fg: waitingOnly() ? api.theme.current.warning : api.theme.current.textMuted
           },
-          _v$58 = {
+          _v$66 = {
             fg: pinnedOnly() ? api.theme.current.accent : api.theme.current.textMuted
           },
-          _v$59 = {
+          _v$67 = {
             fg: pendingDelete() ? api.theme.current.warning : api.theme.current.textMuted
           };
-        _v$45 !== _p$.e && (_p$.e = _$setProp(_el$71, "height", _v$45, _p$.e));
-        _v$46 !== _p$.t && (_p$.t = _$setProp(_el$71, "marginTop", _v$46, _p$.t));
-        _v$47 !== _p$.a && (_p$.a = _$setProp(_el$71, "backgroundColor", _v$47, _p$.a));
-        _v$48 !== _p$.o && (_p$.o = _$setProp(_el$74, "attributes", _v$48, _p$.o));
-        _v$49 !== _p$.i && (_p$.i = _$setProp(_el$76, "style", _v$49, _p$.i));
-        _v$50 !== _p$.n && (_p$.n = _$setProp(_el$79, "style", _v$50, _p$.n));
-        _v$51 !== _p$.s && (_p$.s = _$setProp(_el$82, "value", _v$51, _p$.s));
-        _v$52 !== _p$.h && (_p$.h = _$setProp(_el$82, "placeholderColor", _v$52, _p$.h));
-        _v$53 !== _p$.r && (_p$.r = _$setProp(_el$82, "focusedBackgroundColor", _v$53, _p$.r));
-        _v$54 !== _p$.d && (_p$.d = _$setProp(_el$82, "focusedTextColor", _v$54, _p$.d));
-        _v$55 !== _p$.l && (_p$.l = _$setProp(_el$82, "cursorColor", _v$55, _p$.l));
-        _v$56 !== _p$.u && (_p$.u = _$setProp(_el$86, "style", _v$56, _p$.u));
-        _v$57 !== _p$.c && (_p$.c = _$setProp(_el$87, "style", _v$57, _p$.c));
-        _v$58 !== _p$.w && (_p$.w = _$setProp(_el$88, "style", _v$58, _p$.w));
-        _v$59 !== _p$.m && (_p$.m = _$setProp(_el$93, "style", _v$59, _p$.m));
+        _v$53 !== _p$.e && (_p$.e = _$setProp(_el$70, "height", _v$53, _p$.e));
+        _v$54 !== _p$.t && (_p$.t = _$setProp(_el$70, "marginTop", _v$54, _p$.t));
+        _v$55 !== _p$.a && (_p$.a = _$setProp(_el$70, "backgroundColor", _v$55, _p$.a));
+        _v$56 !== _p$.o && (_p$.o = _$setProp(_el$73, "attributes", _v$56, _p$.o));
+        _v$57 !== _p$.i && (_p$.i = _$setProp(_el$75, "style", _v$57, _p$.i));
+        _v$58 !== _p$.n && (_p$.n = _$setProp(_el$78, "style", _v$58, _p$.n));
+        _v$59 !== _p$.s && (_p$.s = _$setProp(_el$81, "value", _v$59, _p$.s));
+        _v$60 !== _p$.h && (_p$.h = _$setProp(_el$81, "placeholderColor", _v$60, _p$.h));
+        _v$61 !== _p$.r && (_p$.r = _$setProp(_el$81, "focusedBackgroundColor", _v$61, _p$.r));
+        _v$62 !== _p$.d && (_p$.d = _$setProp(_el$81, "focusedTextColor", _v$62, _p$.d));
+        _v$63 !== _p$.l && (_p$.l = _$setProp(_el$81, "cursorColor", _v$63, _p$.l));
+        _v$64 !== _p$.u && (_p$.u = _$setProp(_el$85, "style", _v$64, _p$.u));
+        _v$65 !== _p$.c && (_p$.c = _$setProp(_el$86, "style", _v$65, _p$.c));
+        _v$66 !== _p$.w && (_p$.w = _$setProp(_el$87, "style", _v$66, _p$.w));
+        _v$67 !== _p$.m && (_p$.m = _$setProp(_el$92, "style", _v$67, _p$.m));
         return _p$;
       }, {
         e: undefined,
@@ -3965,7 +4070,7 @@ const tui = async api => {
         w: undefined,
         m: undefined
       });
-      return _el$71;
+      return _el$70;
     })(), () => {
       cleanup();
     });
@@ -4011,105 +4116,105 @@ const tui = async api => {
       }]
     });
     api.ui.dialog.replace(() => (() => {
-      var _el$126 = _$createElement("box"),
-        _el$127 = _$createElement("text"),
-        _el$128 = _$createTextNode(`Cost digest `),
-        _el$130 = _$createElement("span"),
-        _el$132 = _$createElement("box"),
-        _el$133 = _$createElement("text");
+      var _el$125 = _$createElement("box"),
+        _el$126 = _$createElement("text"),
+        _el$127 = _$createTextNode(`Cost digest `),
+        _el$129 = _$createElement("span"),
+        _el$131 = _$createElement("box"),
+        _el$132 = _$createElement("text");
+      _$insertNode(_el$125, _el$126);
+      _$insertNode(_el$125, _el$131);
+      _$setProp(_el$125, "flexDirection", "column");
+      _$setProp(_el$125, "paddingLeft", 4);
+      _$setProp(_el$125, "paddingRight", 4);
+      _$setProp(_el$125, "paddingTop", 1);
+      _$setProp(_el$125, "gap", 1);
       _$insertNode(_el$126, _el$127);
-      _$insertNode(_el$126, _el$132);
-      _$setProp(_el$126, "flexDirection", "column");
-      _$setProp(_el$126, "paddingLeft", 4);
-      _$setProp(_el$126, "paddingRight", 4);
-      _$setProp(_el$126, "paddingTop", 1);
-      _$setProp(_el$126, "gap", 1);
-      _$insertNode(_el$127, _el$128);
-      _$insertNode(_el$127, _el$130);
-      _$insertNode(_el$130, _$createTextNode(`(24h · lifetime)`));
-      _$insert(_el$126, _$createComponent(Show, {
+      _$insertNode(_el$126, _el$129);
+      _$insertNode(_el$129, _$createTextNode(`(24h · lifetime)`));
+      _$insert(_el$125, _$createComponent(Show, {
         get when() {
           return !failed && rows.length > 0;
         },
         get fallback() {
           return (() => {
-            var _el$135 = _$createElement("text");
-            _$insert(_el$135, failed ? "Cost data unavailable." : "No assistant cost recorded.");
-            _$effect(_$p => _$setProp(_el$135, "style", {
+            var _el$134 = _$createElement("text");
+            _$insert(_el$134, failed ? "Cost data unavailable." : "No assistant cost recorded.");
+            _$effect(_$p => _$setProp(_el$134, "style", {
               fg: api.theme.current.textMuted
             }, _$p));
-            return _el$135;
+            return _el$134;
           })();
         },
         get children() {
           return _$createComponent(For, {
             each: rows,
             children: row => (() => {
-              var _el$136 = _$createElement("box"),
+              var _el$135 = _$createElement("box"),
+                _el$136 = _$createElement("text"),
                 _el$137 = _$createElement("text"),
                 _el$138 = _$createElement("text"),
-                _el$139 = _$createElement("text"),
-                _el$140 = _$createTextNode(`(`),
-                _el$141 = _$createTextNode(`)`),
-                _el$142 = _$createElement("text");
-              _$insertNode(_el$136, _el$137);
-              _$insertNode(_el$136, _el$138);
-              _$insertNode(_el$136, _el$139);
-              _$insertNode(_el$136, _el$142);
-              _$setProp(_el$136, "flexDirection", "row");
-              _$setProp(_el$136, "gap", 2);
+                _el$139 = _$createTextNode(`(`),
+                _el$140 = _$createTextNode(`)`),
+                _el$141 = _$createElement("text");
+              _$insertNode(_el$135, _el$136);
+              _$insertNode(_el$135, _el$137);
+              _$insertNode(_el$135, _el$138);
+              _$insertNode(_el$135, _el$141);
+              _$setProp(_el$135, "flexDirection", "row");
+              _$setProp(_el$135, "gap", 2);
+              _$setProp(_el$136, "flexShrink", 0);
+              _$insert(_el$136, () => money(row.window));
               _$setProp(_el$137, "flexShrink", 0);
-              _$insert(_el$137, () => money(row.window));
+              _$insert(_el$137, () => money(row.lifetime));
+              _$insertNode(_el$138, _el$139);
+              _$insertNode(_el$138, _el$140);
               _$setProp(_el$138, "flexShrink", 0);
-              _$insert(_el$138, () => money(row.lifetime));
-              _$insertNode(_el$139, _el$140);
-              _$insertNode(_el$139, _el$141);
-              _$setProp(_el$139, "flexShrink", 0);
-              _$insert(_el$139, () => row.sessions, _el$141);
-              _$setProp(_el$142, "flexGrow", 1);
-              _$setProp(_el$142, "flexShrink", 1);
-              _$setProp(_el$142, "wrapMode", "none");
-              _$insert(_el$142, () => prettyDir(row.directory, home));
+              _$insert(_el$138, () => row.sessions, _el$140);
+              _$setProp(_el$141, "flexGrow", 1);
+              _$setProp(_el$141, "flexShrink", 1);
+              _$setProp(_el$141, "wrapMode", "none");
+              _$insert(_el$141, () => prettyDir(row.directory, home));
               _$effect(_p$ => {
-                var _v$74 = {
+                var _v$82 = {
                     fg: api.theme.current.success
                   },
-                  _v$75 = {
+                  _v$83 = {
                     fg: api.theme.current.textMuted
                   },
-                  _v$76 = {
+                  _v$84 = {
                     fg: api.theme.current.textMuted
                   };
-                _v$74 !== _p$.e && (_p$.e = _$setProp(_el$137, "style", _v$74, _p$.e));
-                _v$75 !== _p$.t && (_p$.t = _$setProp(_el$138, "style", _v$75, _p$.t));
-                _v$76 !== _p$.a && (_p$.a = _$setProp(_el$139, "style", _v$76, _p$.a));
+                _v$82 !== _p$.e && (_p$.e = _$setProp(_el$136, "style", _v$82, _p$.e));
+                _v$83 !== _p$.t && (_p$.t = _$setProp(_el$137, "style", _v$83, _p$.t));
+                _v$84 !== _p$.a && (_p$.a = _$setProp(_el$138, "style", _v$84, _p$.a));
                 return _p$;
               }, {
                 e: undefined,
                 t: undefined,
                 a: undefined
               });
-              return _el$136;
+              return _el$135;
             })()
           });
         }
-      }), _el$132);
-      _$insertNode(_el$132, _el$133);
-      _$setProp(_el$132, "flexShrink", 0);
-      _$insertNode(_el$133, _$createTextNode(`esc close`));
+      }), _el$131);
+      _$insertNode(_el$131, _el$132);
+      _$setProp(_el$131, "flexShrink", 0);
+      _$insertNode(_el$132, _$createTextNode(`esc close`));
       _$effect(_p$ => {
-        var _v$70 = api.theme.current.backgroundPanel,
-          _v$71 = TextAttributes.BOLD,
-          _v$72 = {
+        var _v$78 = api.theme.current.backgroundPanel,
+          _v$79 = TextAttributes.BOLD,
+          _v$80 = {
             fg: api.theme.current.textMuted
           },
-          _v$73 = {
+          _v$81 = {
             fg: api.theme.current.textMuted
           };
-        _v$70 !== _p$.e && (_p$.e = _$setProp(_el$126, "backgroundColor", _v$70, _p$.e));
-        _v$71 !== _p$.t && (_p$.t = _$setProp(_el$127, "attributes", _v$71, _p$.t));
-        _v$72 !== _p$.a && (_p$.a = _$setProp(_el$130, "style", _v$72, _p$.a));
-        _v$73 !== _p$.o && (_p$.o = _$setProp(_el$133, "style", _v$73, _p$.o));
+        _v$78 !== _p$.e && (_p$.e = _$setProp(_el$125, "backgroundColor", _v$78, _p$.e));
+        _v$79 !== _p$.t && (_p$.t = _$setProp(_el$126, "attributes", _v$79, _p$.t));
+        _v$80 !== _p$.a && (_p$.a = _$setProp(_el$129, "style", _v$80, _p$.a));
+        _v$81 !== _p$.o && (_p$.o = _$setProp(_el$132, "style", _v$81, _p$.o));
         return _p$;
       }, {
         e: undefined,
@@ -4117,7 +4222,7 @@ const tui = async api => {
         a: undefined,
         o: undefined
       });
-      return _el$126;
+      return _el$125;
     })(), () => {
       disposeKeys();
     });
@@ -4222,79 +4327,79 @@ const tui = async api => {
     });
     const home = process.env.HOME ?? "";
     api.ui.dialog.replace(() => (() => {
-      var _el$143 = _$createElement("box"),
-        _el$144 = _$createElement("text"),
-        _el$145 = _$createTextNode(`Needs input `),
-        _el$147 = _$createElement("span"),
-        _el$148 = _$createTextNode(`(`),
-        _el$149 = _$createTextNode(` · longest waiting first)`),
-        _el$150 = _$createElement("scrollbox"),
-        _el$151 = _$createElement("box"),
-        _el$152 = _$createElement("text");
+      var _el$142 = _$createElement("box"),
+        _el$143 = _$createElement("text"),
+        _el$144 = _$createTextNode(`Needs input `),
+        _el$146 = _$createElement("span"),
+        _el$147 = _$createTextNode(`(`),
+        _el$148 = _$createTextNode(` · longest waiting first)`),
+        _el$149 = _$createElement("scrollbox"),
+        _el$150 = _$createElement("box"),
+        _el$151 = _$createElement("text");
+      _$insertNode(_el$142, _el$143);
+      _$insertNode(_el$142, _el$149);
+      _$insertNode(_el$142, _el$150);
+      _$setProp(_el$142, "flexDirection", "column");
+      _$setProp(_el$142, "paddingLeft", 4);
+      _$setProp(_el$142, "paddingRight", 4);
+      _$setProp(_el$142, "paddingTop", 1);
+      _$setProp(_el$142, "gap", 1);
       _$insertNode(_el$143, _el$144);
-      _$insertNode(_el$143, _el$150);
-      _$insertNode(_el$143, _el$151);
-      _$setProp(_el$143, "flexDirection", "column");
-      _$setProp(_el$143, "paddingLeft", 4);
-      _$setProp(_el$143, "paddingRight", 4);
-      _$setProp(_el$143, "paddingTop", 1);
-      _$setProp(_el$143, "gap", 1);
-      _$insertNode(_el$144, _el$145);
-      _$insertNode(_el$144, _el$147);
-      _$insertNode(_el$147, _el$148);
-      _$insertNode(_el$147, _el$149);
-      _$insert(_el$147, () => items.length, _el$149);
-      _$setProp(_el$150, "flexGrow", 1);
-      _$setProp(_el$150, "scrollbarOptions", {
+      _$insertNode(_el$143, _el$146);
+      _$insertNode(_el$146, _el$147);
+      _$insertNode(_el$146, _el$148);
+      _$insert(_el$146, () => items.length, _el$148);
+      _$setProp(_el$149, "flexGrow", 1);
+      _$setProp(_el$149, "scrollbarOptions", {
         visible: false
       });
-      _$insert(_el$150, _$createComponent(For, {
+      _$insert(_el$149, _$createComponent(For, {
         each: items,
         children: (item, index) => (() => {
-          var _el$154 = _$createElement("box"),
+          var _el$153 = _$createElement("box"),
+            _el$154 = _$createElement("text"),
             _el$155 = _$createElement("text"),
             _el$156 = _$createElement("text"),
-            _el$157 = _$createElement("text"),
-            _el$158 = _$createTextNode(` · `);
-          _$insertNode(_el$154, _el$155);
-          _$insertNode(_el$154, _el$156);
-          _$insertNode(_el$154, _el$157);
-          _$setProp(_el$154, "flexDirection", "row");
-          _$setProp(_el$154, "gap", 2);
-          _$setProp(_el$154, "paddingLeft", 1);
-          _$setProp(_el$154, "paddingRight", 1);
-          _$setProp(_el$154, "onMouseDown", () => {
+            _el$157 = _$createTextNode(` · `);
+          _$insertNode(_el$153, _el$154);
+          _$insertNode(_el$153, _el$155);
+          _$insertNode(_el$153, _el$156);
+          _$setProp(_el$153, "flexDirection", "row");
+          _$setProp(_el$153, "gap", 2);
+          _$setProp(_el$153, "paddingLeft", 1);
+          _$setProp(_el$153, "paddingRight", 1);
+          _$setProp(_el$153, "onMouseDown", () => {
             setCursor(index());
             choose(item);
           });
-          _$setProp(_el$155, "flexGrow", 1);
-          _$setProp(_el$155, "flexShrink", 1);
-          _$setProp(_el$155, "wrapMode", "none");
-          _$insert(_el$155, () => truncate(item.entry.title, 48));
+          _$setProp(_el$154, "flexGrow", 1);
+          _$setProp(_el$154, "flexShrink", 1);
+          _$setProp(_el$154, "wrapMode", "none");
+          _$insert(_el$154, () => truncate(item.entry.title, 48));
+          _$setProp(_el$155, "flexShrink", 0);
+          _$insert(_el$155, () => item.reason);
+          _$insertNode(_el$156, _el$157);
           _$setProp(_el$156, "flexShrink", 0);
-          _$insert(_el$156, () => item.reason);
-          _$insertNode(_el$157, _el$158);
-          _$setProp(_el$157, "flexShrink", 0);
-          _$insert(_el$157, () => prettyDir(item.entry.dir, home), _el$158);
-          _$insert(_el$157, (() => {
-            var _c$1 = _$memo(() => item.since === undefined);
-            return () => _c$1() ? "time unknown" : `waiting ${ago(item.since)}`;
+          _$insert(_el$156, () => prettyDir(item.entry.dir, home), _el$157);
+          _$insert(_el$156, (() => {
+            var _c$0 = _$memo(() => item.since === undefined);
+            return () => _c$0() ? "time unknown" : `waiting ${ago(item.since)}`;
           })(), null);
           _$effect(_p$ => {
-            var _v$82 = index() === cursor() ? api.theme.current.backgroundElement : RGBA.fromInts(0, 0, 0, 0),
-              _v$83 = {
+            var _v$90 = index() === cursor() ? api.theme.current.backgroundElement : RGBA.fromInts(0, 0, 0, 0),
+              _v$91 = {
                 fg: index() === cursor() ? api.theme.current.text : api.theme.current.text
               },
-              _v$84 = {
+              _v$92 = {
                 fg: index() === cursor() ? api.theme.current.text : api.theme.current.warning
               },
-              _v$85 = {
+              _v$93 = {
                 fg: index() === cursor() ? api.theme.current.text : api.theme.current.textMuted
               };
-            _v$82 !== _p$.e && (_p$.e = _$setProp(_el$154, "backgroundColor", _v$82, _p$.e));
-            _v$83 !== _p$.t && (_p$.t = _$setProp(_el$155, "style", _v$83, _p$.t));
-            _v$84 !== _p$.a && (_p$.a = _$setProp(_el$156, "style", _v$84, _p$.a));
-            _v$85 !== _p$.o && (_p$.o = _$setProp(_el$157, "style", _v$85, _p$.o));
+            _v$90 !== _p$.e && (_p$.e = _$setProp(_el$153, "backgroundColor", _v$90, _p$.e));
+            _v$91 !== _p$.t && (_p$.t = _$setProp(_el$154, "style", _v$91, _p$.t));
+            _v$92 !== _p$.a && (_p$.a = _$setProp(_el$155, "style", _v$92, _p$.a));
+            _v$93 !== _p$.o && (_p$.o = _$setProp(_el$156, "style", _v$93, _p$.o));
             return _p$;
           }, {
             e: undefined,
@@ -4302,27 +4407,27 @@ const tui = async api => {
             a: undefined,
             o: undefined
           });
-          return _el$154;
+          return _el$153;
         })()
       }));
-      _$insertNode(_el$151, _el$152);
-      _$setProp(_el$151, "flexShrink", 0);
-      _$insertNode(_el$152, _$createTextNode(`↑↓ navigate · enter open · n open next waiting · esc close`));
+      _$insertNode(_el$150, _el$151);
+      _$setProp(_el$150, "flexShrink", 0);
+      _$insertNode(_el$151, _$createTextNode(`↑↓ navigate · enter open · n open next waiting · esc close`));
       _$effect(_p$ => {
-        var _v$77 = api.theme.current.backgroundPanel,
-          _v$78 = TextAttributes.BOLD,
-          _v$79 = {
+        var _v$85 = api.theme.current.backgroundPanel,
+          _v$86 = TextAttributes.BOLD,
+          _v$87 = {
             fg: api.theme.current.textMuted
           },
-          _v$80 = Math.max(6, Math.floor(api.renderer.height / 2) - 10),
-          _v$81 = {
+          _v$88 = Math.max(6, Math.floor(api.renderer.height / 2) - 10),
+          _v$89 = {
             fg: api.theme.current.textMuted
           };
-        _v$77 !== _p$.e && (_p$.e = _$setProp(_el$143, "backgroundColor", _v$77, _p$.e));
-        _v$78 !== _p$.t && (_p$.t = _$setProp(_el$144, "attributes", _v$78, _p$.t));
-        _v$79 !== _p$.a && (_p$.a = _$setProp(_el$147, "style", _v$79, _p$.a));
-        _v$80 !== _p$.o && (_p$.o = _$setProp(_el$150, "height", _v$80, _p$.o));
-        _v$81 !== _p$.i && (_p$.i = _$setProp(_el$152, "style", _v$81, _p$.i));
+        _v$85 !== _p$.e && (_p$.e = _$setProp(_el$142, "backgroundColor", _v$85, _p$.e));
+        _v$86 !== _p$.t && (_p$.t = _$setProp(_el$143, "attributes", _v$86, _p$.t));
+        _v$87 !== _p$.a && (_p$.a = _$setProp(_el$146, "style", _v$87, _p$.a));
+        _v$88 !== _p$.o && (_p$.o = _$setProp(_el$149, "height", _v$88, _p$.o));
+        _v$89 !== _p$.i && (_p$.i = _$setProp(_el$151, "style", _v$89, _p$.i));
         return _p$;
       }, {
         e: undefined,
@@ -4331,7 +4436,7 @@ const tui = async api => {
         o: undefined,
         i: undefined
       });
-      return _el$143;
+      return _el$142;
     })(), () => {
       disposeNav();
     });
@@ -4569,7 +4674,7 @@ function createApi(ctx) {
         }
         if (cfg.slots.home_bottom && ctx.options?.showHome !== false) {
           slotDisposers.push(ctx.ui.slot({
-            prepend: "home.footer",
+            append: "prompt.footer",
             render: cfg.slots.home_bottom
           }));
         }