opencode-subagent-magazine 1.7.0 → 1.7.2

package/dist/tui.js

@@ -6,13 +6,17 @@ import { createComponent as _$createComponent2 } from "@opentui/solid";
 import { createSignal as createSignal3 } from "solid-js";
 
 // src/_version.ts
-var PLUGIN_VERSION = "1.7.0";
+var PLUGIN_VERSION = "1.7.2";
 
 // src/i18n.ts
 var ZH_T = {
   "panel.title": "\u5B50\u4EE3\u7406",
   "status.none": "\u6682\u65E0\u5B50\u4EE3\u7406",
   "agent.label": "\u4EE3\u7406",
+  "origin.label": "\u6765\u6E90",
+  "origin.tool": "\u5B50\u4EE3\u7406\u8C03\u7528",
+  "origin.sub": "\u884D\u751F\u4F1A\u8BDD",
+  "origin.background": "\u540E\u53F0",
   "status.label": "\u72B6\u6001",
   "time.label": "\u8017\u65F6",
   "tokens.label": "\u4E0A\u4E0B\u6587",
@@ -74,6 +78,7 @@ var ZH_T = {
   "settings.showEntryTime": "\u5217\u8868\u4E2D\u663E\u793A\u8017\u65F6",
   "settings.showEntryTokens": "\u5217\u8868\u4E2D\u663E\u793A Token \u6570",
   "settings.timeFormat": "\u65F6\u95F4\u683C\u5F0F",
+  "settings.showOrigin": "\u5217\u8868\u663E\u793A\u6765\u6E90\u6807\u8BB0",
   "settings.dbSync": "\u672C\u5730\u6570\u636E\u5E93\u8865\u5168",
   "settings.on": "\u5F00",
   "settings.off": "\u5173",
@@ -85,6 +90,10 @@ var EN_T = {
   "panel.title": "SubAgent",
   "status.none": "No sub-agents yet",
   "agent.label": "agent",
+  "origin.label": "origin",
+  "origin.tool": "sub-agent call",
+  "origin.sub": "spawned session",
+  "origin.background": "background",
   "status.label": "status",
   "time.label": "time",
   "tokens.label": "tokens",
@@ -145,6 +154,7 @@ var EN_T = {
   "settings.showEntryCost": "Cost per sub-agent",
   "settings.showEntryTime": "Elapsed time in list",
   "settings.showEntryTokens": "Token count in list",
+  "settings.showOrigin": "Origin indicators in list",
   "settings.timeFormat": "Time format",
   "settings.dbSync": "Local database enrichment",
   "settings.on": "on",
@@ -157,6 +167,10 @@ var JA_T = {
   "panel.title": "\u30B5\u30D6\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8",
   "status.none": "\u30B5\u30D6\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8\u306A\u3057",
   "agent.label": "\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8",
+  "origin.label": "\u767A\u751F\u5143",
+  "origin.tool": "\u30B5\u30D6\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8\u547C\u3073\u51FA\u3057",
+  "origin.sub": "\u751F\u6210\u3055\u308C\u305F\u30BB\u30C3\u30B7\u30E7\u30F3",
+  "origin.background": "\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9",
   "status.label": "\u72B6\u614B",
   "time.label": "\u6642\u9593",
   "tokens.label": "\u30B3\u30F3\u30C6\u30AD\u30B9\u30C8",
@@ -217,6 +231,7 @@ var JA_T = {
   "settings.showEntryCost": "\u30B5\u30D6\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8\u6BCE\u306E\u8CBB\u7528",
   "settings.showEntryTime": "\u4E00\u89A7\u306B\u6240\u8981\u6642\u9593\u3092\u8868\u793A",
   "settings.showEntryTokens": "\u4E00\u89A7\u306B\u30C8\u30FC\u30AF\u30F3\u6570\u3092\u8868\u793A",
+  "settings.showOrigin": "\u4E00\u89A7\u306B\u7531\u6765\u30DE\u30FC\u30AF\u3092\u8868\u793A",
   "settings.timeFormat": "\u6642\u9593\u5F62\u5F0F",
   "settings.dbSync": "\u30ED\u30FC\u30AB\u30EBDB\u88DC\u5B8C",
   "settings.on": "\u30AA\u30F3",
@@ -229,6 +244,10 @@ var KO_T = {
   "panel.title": "\uC11C\uBE0C \uC5D0\uC774\uC804\uD2B8",
   "status.none": "\uC11C\uBE0C \uC5D0\uC774\uC804\uD2B8 \uC5C6\uC74C",
   "agent.label": "\uC5D0\uC774\uC804\uD2B8",
+  "origin.label": "\uCD9C\uCC98",
+  "origin.tool": "\uD558\uC704 \uC5D0\uC774\uC804\uD2B8 \uD638\uCD9C",
+  "origin.sub": "\uC0DD\uC131\uB41C \uC138\uC158",
+  "origin.background": "\uBC31\uADF8\uB77C\uC6B4\uB4DC",
   "status.label": "\uC0C1\uD0DC",
   "time.label": "\uC2DC\uAC04",
   "tokens.label": "\uCEE8\uD14D\uC2A4\uD2B8",
@@ -289,6 +308,7 @@ var KO_T = {
   "settings.showEntryCost": "\uD558\uC704 \uC5D0\uC774\uC804\uD2B8\uBCC4 \uBE44\uC6A9",
   "settings.showEntryTime": "\uBAA9\uB85D\uC5D0 \uC18C\uC694 \uC2DC\uAC04 \uD45C\uC2DC",
   "settings.showEntryTokens": "\uBAA9\uB85D\uC5D0 \uD1A0\uD070 \uC218 \uD45C\uC2DC",
+  "settings.showOrigin": "\uBAA9\uB85D\uC5D0 \uCD9C\uCC98 \uC544\uC774\uCF58 \uD45C\uC2DC",
   "settings.timeFormat": "\uC2DC\uAC04 \uD615\uC2DD",
   "settings.dbSync": "\uB85C\uCEEC DB \uBCF4\uC644",
   "settings.on": "\uCF2C",
@@ -341,6 +361,7 @@ var SETTING_KEYS = {
   showEntryTime: `${KV_PREFIX}.show_entry_time`,
   showEntryTokens: `${KV_PREFIX}.show_entry_tokens`,
   timeFormat: `${KV_PREFIX}.time_format`,
+  showOrigin: `${KV_PREFIX}.show_origin`,
   dbSync: `${KV_PREFIX}.db_sync`
 };
 function loadSessionData(kv) {
@@ -568,6 +589,11 @@ async function copyText(text) {
 
 // src/core/types.ts
 var SUBAGENT_TOOLS = /* @__PURE__ */ new Set(["task", "subagent", "delegate", "call_omo_agent"]);
+function isBackgroundInput(input) {
+  if (!input || typeof input !== "object") return false;
+  const i = input;
+  return i.background === true || i.run_in_background === true;
+}
 
 // src/core/color.ts
 function rgb(raw) {
@@ -667,7 +693,7 @@ function upsertSubEntry(entries, partial, now = Date.now()) {
     ...partial,
     id: existing?.id ?? partial.id,
     startedAt: existing?.startedAt || partial.startedAt || now,
-    endedAt: ended ? existing?.endedAt || now : void 0
+    endedAt: ended ? existing?.endedAt ?? partial.endedAt ?? now : void 0
   });
   return next;
 }
@@ -1105,7 +1131,8 @@ function SubAgentPanel(props) {
         prompt,
         sessionId: subSid,
         status: "running",
-        model: modelId
+        model: modelId,
+        origin: "sub"
       });
     }
     if (part.type === "tool") {
@@ -1128,7 +1155,9 @@ function SubAgentPanel(props) {
             agent: existing.agent,
             prompt: existing.prompt,
             sessionId: existing.sessionId ?? errorSid,
-            status: "error"
+            status: "error",
+            origin: "tool",
+            background: isBackgroundInput(st?.input)
           });
         }
         return;
@@ -1136,7 +1165,7 @@ function SubAgentPanel(props) {
       const input = st?.input;
       let status = "running";
       if (rawStatus === "completed") status = "done";
-      if ((input?.run_in_background === true || input?.background === true) && status === "done") {
+      if (isBackgroundInput(input) && status === "done") {
         const stMetaCheck = partMetadata(part, st);
         const hasChild = stMetaCheck?.session_id !== void 0 || stMetaCheck?.sessionId !== void 0;
         if (hasChild) status = "running";
@@ -1154,7 +1183,9 @@ function SubAgentPanel(props) {
         agent,
         prompt,
         sessionId: subSid,
-        status
+        status,
+        origin: "tool",
+        background: isBackgroundInput(input)
       });
     }
   };
@@ -1515,7 +1546,7 @@ function SubAgentPanel(props) {
               if (settled && !needsRepair) continue;
               let status = "running";
               if (rawStatus === "completed") status = "done";
-              if ((scanInput?.run_in_background === true || scanInput?.background === true) && status === "done") {
+              if (isBackgroundInput(scanInput) && status === "done") {
                 if (scanSubSid !== void 0) status = "running";
               }
               if (status === "done" && scanSubSid) {
@@ -1564,7 +1595,9 @@ function SubAgentPanel(props) {
                 sessionId: exists?.sessionId ?? scanSubSid,
                 status,
                 startedAt: exists?.startedAt || Date.now(),
-                endedAt: exists?.endedAt ?? (status === "done" ? Date.now() : void 0)
+                endedAt: exists?.endedAt ?? (status === "done" ? Date.now() : void 0),
+                origin: "tool",
+                background: isBackgroundInput(scanInput) || exists?.background === true
               });
               if (entryKey !== id) next.delete(id);
             }
@@ -1606,7 +1639,7 @@ function SubAgentPanel(props) {
           const entry = key ? map.get(key) : void 0;
           if (!entry) return true;
           const input = st?.input;
-          const isBackground = input?.background === true || input?.run_in_background === true;
+          const isBackground = isBackgroundInput(input);
           const stillRunning = entry.status === "running" || entry.status === "cancel_requested";
           if (rawStatus === "completed" && !isBackground && stillRunning) return true;
         }
@@ -1642,6 +1675,60 @@ function SubAgentPanel(props) {
         setEntryMapRaw((prev) => {
           let changed = false;
           const next = new Map(prev);
+          if (tick % 4 === 0) {
+            try {
+              const children = props.api.session.listChildren?.(props.sessionId);
+              if (children) {
+                const linked = /* @__PURE__ */ new Set();
+                for (const e of next.values()) if (e.sessionId) linked.add(e.sessionId);
+                const {
+                  parentSid,
+                  isChild
+                } = resolveParent(props.sessionId);
+                const rec = loadSessionData2()[parentSid];
+                const cleared = new Set(isChild ? rec?.children?.[props.sessionId]?.clearedIds : rec?.clearedIds);
+                for (const child of children) {
+                  if (!child.id || linked.has(child.id)) continue;
+                  const id = `sub:${child.id}`;
+                  if (cleared.has(id)) continue;
+                  const finished = child.timeIdle != null && child.active !== true;
+                  const status = finished ? child.idleOutcome === "interrupted" ? "cancelled" : "done" : "running";
+                  next.set(id, {
+                    id,
+                    title: child.title ?? child.agent ?? "",
+                    agent: child.agent ?? "?",
+                    prompt: "",
+                    status,
+                    sessionId: child.id,
+                    startedAt: child.timeCreated ?? Date.now(),
+                    endedAt: finished ? child.timeIdle : void 0,
+                    tokens: child.tokens,
+                    cost: child.cost,
+                    model: child.model,
+                    origin: "sub"
+                  });
+                  changed = true;
+                }
+              }
+            } catch {
+            }
+            for (const [id, entry] of next) {
+              if (entry.status !== "done" && entry.status !== "error") continue;
+              const sid = entry.sessionId;
+              if (!sid) continue;
+              try {
+                if (props.api.session.status(sid)?.type === "busy") {
+                  next.set(id, {
+                    ...entry,
+                    status: "running",
+                    endedAt: void 0
+                  });
+                  changed = true;
+                }
+              } catch {
+              }
+            }
+          }
           const candidates = [];
           for (const [id, entry] of next) {
             const running = entry.status === "running" || entry.status === "cancel_requested";
@@ -2208,6 +2295,12 @@ function SubAgentPanel(props) {
                 const tokenText = () => !isExpanded() && props.showEntryTokens() && entry.tokens !== void 0 && entry.tokens > 0 ? ` ${fmtTokens(entry.tokens)}` : "";
                 const costText = () => !isExpanded() && props.showEntryCost() && entry.cost !== void 0 && entry.cost > 0 ? ` $${entry.cost.toFixed(4)}` : "";
                 const timeText = () => !isExpanded() && props.showEntryTime() && (elapsed() >= 2e3 || entry.endedAt !== void 0) ? fmtDuration(elapsed(), isActiveRunning, props.timeFormat()) : "";
+                const originMark = () => {
+                  if (!props.showOrigin()) return "";
+                  if (entry.origin === "sub") return "\u21B3";
+                  return entry.background === true ? "\u21E2" : "";
+                };
+                const originW = () => originMark() ? 2 : 0;
                 const suffixW = () => {
                   let w = 0;
                   const t2 = timeText();
@@ -2218,7 +2311,7 @@ function SubAgentPanel(props) {
                   if (c) w += visualWidth(c);
                   return w;
                 };
-                const labelAvail = () => Math.max(6, panelWidth() - gutter() - LEFT_PAD - suffixW());
+                const labelAvail = () => Math.max(6, panelWidth() - gutter() - LEFT_PAD - originW() - suffixW());
                 const labelText = () => {
                   const max2 = labelAvail();
                   const text = entry.title || entry.agent;
@@ -2236,38 +2329,49 @@ function SubAgentPanel(props) {
                   _$setProp(_el$25, "onMouseUp", () => toggleExpand(entry.id));
                   _$insert(_el$26, () => isExpanded() ? "\u25BC" : "\u25B6");
                   _$insert(_el$28, statusDot);
+                  _$insert(_el$25, (() => {
+                    var _c$2 = _$memo(() => !!originMark());
+                    return () => _c$2() ? (() => {
+                      var _el$88 = _$createElement("span");
+                      _$insert(_el$88, () => originMark() + " ");
+                      _$effect((_$p) => _$setProp(_el$88, "style", {
+                        fg: pal().muted
+                      }, _$p));
+                      return _el$88;
+                    })() : null;
+                  })(), _el$30);
                   _$insert(_el$30, labelText);
                   _$insert(_el$25, (() => {
-                    var _c$2 = _$memo(() => !!timeText());
-                    return () => _c$2() ? [" ", (() => {
-                      var _el$82 = _$createElement("span");
-                      _$insert(_el$82, timeText);
-                      _$effect((_$p) => _$setProp(_el$82, "style", {
+                    var _c$3 = _$memo(() => !!timeText());
+                    return () => _c$3() ? [" ", (() => {
+                      var _el$89 = _$createElement("span");
+                      _$insert(_el$89, timeText);
+                      _$effect((_$p) => _$setProp(_el$89, "style", {
                         fg: timeColor()
                       }, _$p));
-                      return _el$82;
+                      return _el$89;
                     })()] : null;
                   })(), null);
                   _$insert(_el$25, (() => {
-                    var _c$3 = _$memo(() => !!tokenText());
-                    return () => _c$3() ? (() => {
-                      var _el$83 = _$createElement("span");
-                      _$insert(_el$83, tokenText);
-                      _$effect((_$p) => _$setProp(_el$83, "style", {
+                    var _c$4 = _$memo(() => !!tokenText());
+                    return () => _c$4() ? (() => {
+                      var _el$90 = _$createElement("span");
+                      _$insert(_el$90, tokenText);
+                      _$effect((_$p) => _$setProp(_el$90, "style", {
                         fg: pal().muted
                       }, _$p));
-                      return _el$83;
+                      return _el$90;
                     })() : null;
                   })(), null);
                   _$insert(_el$25, (() => {
-                    var _c$4 = _$memo(() => !!costText());
-                    return () => _c$4() ? (() => {
-                      var _el$84 = _$createElement("span");
-                      _$insert(_el$84, costText);
-                      _$effect((_$p) => _$setProp(_el$84, "style", {
+                    var _c$5 = _$memo(() => !!costText());
+                    return () => _c$5() ? (() => {
+                      var _el$91 = _$createElement("span");
+                      _$insert(_el$91, costText);
+                      _$effect((_$p) => _$setProp(_el$91, "style", {
                         fg: pal().warning
                       }, _$p));
-                      return _el$84;
+                      return _el$91;
                     })() : null;
                   })(), null);
                   _$effect((_p$) => {
@@ -2321,70 +2425,77 @@ function SubAgentPanel(props) {
                         a: void 0
                       });
                       return _el$31;
-                    })(), (() => {
-                      var _el$37 = _$createElement("text"), _el$38 = _$createTextNode(`  `), _el$39 = _$createElement("span"), _el$40 = _$createTextNode(`: `), _el$41 = _$createElement("span"), _el$42 = _$createElement("span");
-                      _$insertNode(_el$37, _el$38);
-                      _$insertNode(_el$37, _el$39);
-                      _$insertNode(_el$37, _el$41);
-                      _$insertNode(_el$37, _el$42);
-                      _$insertNode(_el$39, _el$40);
-                      _$insert(_el$39, () => t("status.label"), _el$40);
-                      _$insert(_el$41, () => " ".repeat(expandedPad(t("status.label"))));
-                      _$insert(_el$42, () => isActiveRunning ? t("status.running") : isCancelled ? t("status.cancelled") : isError ? t("status.error") : t("status.done"));
-                      _$effect((_p$) => {
-                        var _v$9 = {
-                          fg: pal().primary
-                        }, _v$0 = {
-                          fg: pal().muted
-                        }, _v$1 = {
-                          fg: isActiveRunning ? pal().warning : isCancelled ? pal().muted : isError ? pal().error : pal().success
-                        };
-                        _v$9 !== _p$.e && (_p$.e = _$setProp(_el$39, "style", _v$9, _p$.e));
-                        _v$0 !== _p$.t && (_p$.t = _$setProp(_el$41, "style", _v$0, _p$.t));
-                        _v$1 !== _p$.a && (_p$.a = _$setProp(_el$42, "style", _v$1, _p$.a));
-                        return _p$;
-                      }, {
-                        e: void 0,
-                        t: void 0,
-                        a: void 0
-                      });
-                      return _el$37;
                     })(), _$createComponent(Show, {
                       get when() {
-                        return elapsed() >= 2e3 || entry.endedAt !== void 0;
+                        return props.showOrigin();
                       },
                       get children() {
-                        var _el$43 = _$createElement("text"), _el$44 = _$createTextNode(`  `), _el$45 = _$createElement("span"), _el$46 = _$createTextNode(`: `), _el$47 = _$createElement("span"), _el$48 = _$createElement("span");
-                        _$insertNode(_el$43, _el$44);
-                        _$insertNode(_el$43, _el$45);
-                        _$insertNode(_el$43, _el$47);
-                        _$insertNode(_el$43, _el$48);
-                        _$insertNode(_el$45, _el$46);
-                        _$insert(_el$45, () => t("time.label"), _el$46);
-                        _$insert(_el$47, () => " ".repeat(expandedPad(t("time.label"))));
-                        _$insert(_el$48, () => fmtDuration(elapsed(), isActiveRunning, props.timeFormat()));
+                        var _el$37 = _$createElement("text"), _el$38 = _$createTextNode(`  `), _el$39 = _$createElement("span"), _el$40 = _$createTextNode(`: `), _el$41 = _$createElement("span"), _el$42 = _$createElement("span");
+                        _$insertNode(_el$37, _el$38);
+                        _$insertNode(_el$37, _el$39);
+                        _$insertNode(_el$37, _el$41);
+                        _$insertNode(_el$37, _el$42);
+                        _$insertNode(_el$39, _el$40);
+                        _$insert(_el$39, () => t("origin.label"), _el$40);
+                        _$insert(_el$41, () => " ".repeat(expandedPad(t("origin.label"))));
+                        _$insert(_el$42, (() => {
+                          var _c$6 = _$memo(() => entry.origin === "sub");
+                          return () => _c$6() ? t("origin.sub") : t("origin.tool");
+                        })(), null);
+                        _$insert(_el$42, (() => {
+                          var _c$7 = _$memo(() => entry.background === true);
+                          return () => _c$7() ? ` (${t("origin.background")})` : "";
+                        })(), null);
                         _$effect((_p$) => {
-                          var _v$10 = {
+                          var _v$9 = {
                             fg: pal().primary
-                          }, _v$11 = {
+                          }, _v$0 = {
                             fg: pal().muted
-                          }, _v$12 = {
+                          }, _v$1 = {
                             fg: pal().muted
                           };
-                          _v$10 !== _p$.e && (_p$.e = _$setProp(_el$45, "style", _v$10, _p$.e));
-                          _v$11 !== _p$.t && (_p$.t = _$setProp(_el$47, "style", _v$11, _p$.t));
-                          _v$12 !== _p$.a && (_p$.a = _$setProp(_el$48, "style", _v$12, _p$.a));
+                          _v$9 !== _p$.e && (_p$.e = _$setProp(_el$39, "style", _v$9, _p$.e));
+                          _v$0 !== _p$.t && (_p$.t = _$setProp(_el$41, "style", _v$0, _p$.t));
+                          _v$1 !== _p$.a && (_p$.a = _$setProp(_el$42, "style", _v$1, _p$.a));
                           return _p$;
                         }, {
                           e: void 0,
                           t: void 0,
                           a: void 0
                         });
-                        return _el$43;
+                        return _el$37;
                       }
-                    }), _$createComponent(Show, {
+                    }), (() => {
+                      var _el$43 = _$createElement("text"), _el$44 = _$createTextNode(`  `), _el$45 = _$createElement("span"), _el$46 = _$createTextNode(`: `), _el$47 = _$createElement("span"), _el$48 = _$createElement("span");
+                      _$insertNode(_el$43, _el$44);
+                      _$insertNode(_el$43, _el$45);
+                      _$insertNode(_el$43, _el$47);
+                      _$insertNode(_el$43, _el$48);
+                      _$insertNode(_el$45, _el$46);
+                      _$insert(_el$45, () => t("status.label"), _el$46);
+                      _$insert(_el$47, () => " ".repeat(expandedPad(t("status.label"))));
+                      _$insert(_el$48, () => isActiveRunning ? t("status.running") : isCancelled ? t("status.cancelled") : isError ? t("status.error") : t("status.done"));
+                      _$effect((_p$) => {
+                        var _v$10 = {
+                          fg: pal().primary
+                        }, _v$11 = {
+                          fg: pal().muted
+                        }, _v$12 = {
+                          fg: isActiveRunning ? pal().warning : isCancelled ? pal().muted : isError ? pal().error : pal().success
+                        };
+                        _v$10 !== _p$.e && (_p$.e = _$setProp(_el$45, "style", _v$10, _p$.e));
+                        _v$11 !== _p$.t && (_p$.t = _$setProp(_el$47, "style", _v$11, _p$.t));
+                        _v$12 !== _p$.a && (_p$.a = _$setProp(_el$48, "style", _v$12, _p$.a));
+                        return _p$;
+                      }, {
+                        e: void 0,
+                        t: void 0,
+                        a: void 0
+                      });
+                      return _el$43;
+                    })(), _$createComponent(Show, {
                       get when() {
-                        return entry.tokens !== void 0;
+                        return elapsed() >= 2e3 || entry.endedAt !== void 0;
                       },
                       get children() {
                         var _el$49 = _$createElement("text"), _el$50 = _$createTextNode(`  `), _el$51 = _$createElement("span"), _el$52 = _$createTextNode(`: `), _el$53 = _$createElement("span"), _el$54 = _$createElement("span");
@@ -2393,9 +2504,9 @@ function SubAgentPanel(props) {
                         _$insertNode(_el$49, _el$53);
                         _$insertNode(_el$49, _el$54);
                         _$insertNode(_el$51, _el$52);
-                        _$insert(_el$51, () => t("tokens.label"), _el$52);
-                        _$insert(_el$53, () => " ".repeat(expandedPad(t("tokens.label"))));
-                        _$insert(_el$54, () => fmtTokens(entry.tokens));
+                        _$insert(_el$51, () => t("time.label"), _el$52);
+                        _$insert(_el$53, () => " ".repeat(expandedPad(t("time.label"))));
+                        _$insert(_el$54, () => fmtDuration(elapsed(), isActiveRunning, props.timeFormat()));
                         _$effect((_p$) => {
                           var _v$13 = {
                             fg: pal().primary
@@ -2417,7 +2528,7 @@ function SubAgentPanel(props) {
                       }
                     }), _$createComponent(Show, {
                       get when() {
-                        return entry.error;
+                        return entry.tokens !== void 0;
                       },
                       get children() {
                         var _el$55 = _$createElement("text"), _el$56 = _$createTextNode(`  `), _el$57 = _$createElement("span"), _el$58 = _$createTextNode(`: `), _el$59 = _$createElement("span"), _el$60 = _$createElement("span");
@@ -2426,16 +2537,16 @@ function SubAgentPanel(props) {
                         _$insertNode(_el$55, _el$59);
                         _$insertNode(_el$55, _el$60);
                         _$insertNode(_el$57, _el$58);
-                        _$insert(_el$57, () => t("error.label"), _el$58);
-                        _$insert(_el$59, () => " ".repeat(expandedPad(t("error.label"))));
-                        _$insert(_el$60, () => truncate(String(entry.error), expandedValAvail()));
+                        _$insert(_el$57, () => t("tokens.label"), _el$58);
+                        _$insert(_el$59, () => " ".repeat(expandedPad(t("tokens.label"))));
+                        _$insert(_el$60, () => fmtTokens(entry.tokens));
                         _$effect((_p$) => {
                           var _v$16 = {
-                            fg: pal().error
+                            fg: pal().primary
                           }, _v$17 = {
                             fg: pal().muted
                           }, _v$18 = {
-                            fg: pal().error
+                            fg: pal().muted
                           };
                           _v$16 !== _p$.e && (_p$.e = _$setProp(_el$57, "style", _v$16, _p$.e));
                           _v$17 !== _p$.t && (_p$.t = _$setProp(_el$59, "style", _v$17, _p$.t));
@@ -2448,6 +2559,39 @@ function SubAgentPanel(props) {
                         });
                         return _el$55;
                       }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return entry.error;
+                      },
+                      get children() {
+                        var _el$61 = _$createElement("text"), _el$62 = _$createTextNode(`  `), _el$63 = _$createElement("span"), _el$64 = _$createTextNode(`: `), _el$65 = _$createElement("span"), _el$66 = _$createElement("span");
+                        _$insertNode(_el$61, _el$62);
+                        _$insertNode(_el$61, _el$63);
+                        _$insertNode(_el$61, _el$65);
+                        _$insertNode(_el$61, _el$66);
+                        _$insertNode(_el$63, _el$64);
+                        _$insert(_el$63, () => t("error.label"), _el$64);
+                        _$insert(_el$65, () => " ".repeat(expandedPad(t("error.label"))));
+                        _$insert(_el$66, () => truncate(String(entry.error), expandedValAvail()));
+                        _$effect((_p$) => {
+                          var _v$19 = {
+                            fg: pal().error
+                          }, _v$20 = {
+                            fg: pal().muted
+                          }, _v$21 = {
+                            fg: pal().error
+                          };
+                          _v$19 !== _p$.e && (_p$.e = _$setProp(_el$63, "style", _v$19, _p$.e));
+                          _v$20 !== _p$.t && (_p$.t = _$setProp(_el$65, "style", _v$20, _p$.t));
+                          _v$21 !== _p$.a && (_p$.a = _$setProp(_el$66, "style", _v$21, _p$.a));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0,
+                          a: void 0
+                        });
+                        return _el$61;
+                      }
                     }), _$createComponent(Show, {
                       get when() {
                         return entry.cost !== void 0;
@@ -2456,34 +2600,34 @@ function SubAgentPanel(props) {
                         return (() => {
                           const cost = entry.cost;
                           return (() => {
-                            var _el$85 = _$createElement("text"), _el$86 = _$createTextNode(`  `), _el$87 = _$createElement("span"), _el$88 = _$createTextNode(`: `), _el$89 = _$createElement("span"), _el$90 = _$createElement("span"), _el$91 = _$createTextNode(`$`);
-                            _$insertNode(_el$85, _el$86);
-                            _$insertNode(_el$85, _el$87);
-                            _$insertNode(_el$85, _el$89);
-                            _$insertNode(_el$85, _el$90);
-                            _$insertNode(_el$87, _el$88);
-                            _$insert(_el$87, () => t("cost.label"), _el$88);
-                            _$insert(_el$89, () => " ".repeat(expandedPad(t("cost.label"))));
-                            _$insertNode(_el$90, _el$91);
-                            _$insert(_el$90, () => cost.toFixed(4), null);
+                            var _el$92 = _$createElement("text"), _el$93 = _$createTextNode(`  `), _el$94 = _$createElement("span"), _el$95 = _$createTextNode(`: `), _el$96 = _$createElement("span"), _el$97 = _$createElement("span"), _el$98 = _$createTextNode(`$`);
+                            _$insertNode(_el$92, _el$93);
+                            _$insertNode(_el$92, _el$94);
+                            _$insertNode(_el$92, _el$96);
+                            _$insertNode(_el$92, _el$97);
+                            _$insertNode(_el$94, _el$95);
+                            _$insert(_el$94, () => t("cost.label"), _el$95);
+                            _$insert(_el$96, () => " ".repeat(expandedPad(t("cost.label"))));
+                            _$insertNode(_el$97, _el$98);
+                            _$insert(_el$97, () => cost.toFixed(4), null);
                             _$effect((_p$) => {
-                              var _v$29 = {
+                              var _v$32 = {
                                 fg: pal().primary
-                              }, _v$30 = {
+                              }, _v$33 = {
                                 fg: pal().muted
-                              }, _v$31 = {
+                              }, _v$34 = {
                                 fg: pal().muted
                               };
-                              _v$29 !== _p$.e && (_p$.e = _$setProp(_el$87, "style", _v$29, _p$.e));
-                              _v$30 !== _p$.t && (_p$.t = _$setProp(_el$89, "style", _v$30, _p$.t));
-                              _v$31 !== _p$.a && (_p$.a = _$setProp(_el$90, "style", _v$31, _p$.a));
+                              _v$32 !== _p$.e && (_p$.e = _$setProp(_el$94, "style", _v$32, _p$.e));
+                              _v$33 !== _p$.t && (_p$.t = _$setProp(_el$96, "style", _v$33, _p$.t));
+                              _v$34 !== _p$.a && (_p$.a = _$setProp(_el$97, "style", _v$34, _p$.a));
                               return _p$;
                             }, {
                               e: void 0,
                               t: void 0,
                               a: void 0
                             });
-                            return _el$85;
+                            return _el$92;
                           })();
                         })();
                       }
@@ -2492,81 +2636,81 @@ function SubAgentPanel(props) {
                         return _$memo(() => !!validModel(entry.model))() ? entry.model : void 0;
                       },
                       get children() {
-                        var _el$61 = _$createElement("text"), _el$62 = _$createTextNode(`  `), _el$63 = _$createElement("span"), _el$64 = _$createTextNode(`: `), _el$65 = _$createElement("span"), _el$66 = _$createElement("span");
-                        _$insertNode(_el$61, _el$62);
-                        _$insertNode(_el$61, _el$63);
-                        _$insertNode(_el$61, _el$65);
-                        _$insertNode(_el$61, _el$66);
-                        _$insertNode(_el$63, _el$64);
-                        _$insert(_el$63, () => t("model.label"), _el$64);
-                        _$insert(_el$65, () => " ".repeat(expandedPad(t("model.label"))));
-                        _$insert(_el$66, () => truncate(entry.model, expandedValAvail()));
+                        var _el$67 = _$createElement("text"), _el$68 = _$createTextNode(`  `), _el$69 = _$createElement("span"), _el$70 = _$createTextNode(`: `), _el$71 = _$createElement("span"), _el$72 = _$createElement("span");
+                        _$insertNode(_el$67, _el$68);
+                        _$insertNode(_el$67, _el$69);
+                        _$insertNode(_el$67, _el$71);
+                        _$insertNode(_el$67, _el$72);
+                        _$insertNode(_el$69, _el$70);
+                        _$insert(_el$69, () => t("model.label"), _el$70);
+                        _$insert(_el$71, () => " ".repeat(expandedPad(t("model.label"))));
+                        _$insert(_el$72, () => truncate(entry.model, expandedValAvail()));
                         _$effect((_p$) => {
-                          var _v$19 = {
+                          var _v$22 = {
                             fg: pal().primary
-                          }, _v$20 = {
+                          }, _v$23 = {
                             fg: pal().muted
-                          }, _v$21 = {
+                          }, _v$24 = {
                             fg: pal().muted
                           };
-                          _v$19 !== _p$.e && (_p$.e = _$setProp(_el$63, "style", _v$19, _p$.e));
-                          _v$20 !== _p$.t && (_p$.t = _$setProp(_el$65, "style", _v$20, _p$.t));
-                          _v$21 !== _p$.a && (_p$.a = _$setProp(_el$66, "style", _v$21, _p$.a));
+                          _v$22 !== _p$.e && (_p$.e = _$setProp(_el$69, "style", _v$22, _p$.e));
+                          _v$23 !== _p$.t && (_p$.t = _$setProp(_el$71, "style", _v$23, _p$.t));
+                          _v$24 !== _p$.a && (_p$.a = _$setProp(_el$72, "style", _v$24, _p$.a));
                           return _p$;
                         }, {
                           e: void 0,
                           t: void 0,
                           a: void 0
                         });
-                        return _el$61;
+                        return _el$67;
                       }
                     }), _$createComponent(Show, {
                       get when() {
                         return entry.todoTotal !== void 0;
                       },
                       get children() {
-                        var _el$67 = _$createElement("text"), _el$68 = _$createTextNode(`  `), _el$69 = _$createElement("span"), _el$70 = _$createTextNode(`: `), _el$71 = _$createElement("span"), _el$72 = _$createElement("span"), _el$73 = _$createTextNode(`/`);
-                        _$insertNode(_el$67, _el$68);
-                        _$insertNode(_el$67, _el$69);
-                        _$insertNode(_el$67, _el$71);
-                        _$insertNode(_el$67, _el$72);
-                        _$insertNode(_el$69, _el$70);
-                        _$insert(_el$69, () => t("todo.label"), _el$70);
-                        _$insert(_el$71, () => " ".repeat(expandedPad(t("todo.label"))));
-                        _$insertNode(_el$72, _el$73);
-                        _$insert(_el$72, () => entry.todoDone, _el$73);
-                        _$insert(_el$72, () => entry.todoTotal, null);
+                        var _el$73 = _$createElement("text"), _el$74 = _$createTextNode(`  `), _el$75 = _$createElement("span"), _el$76 = _$createTextNode(`: `), _el$77 = _$createElement("span"), _el$78 = _$createElement("span"), _el$79 = _$createTextNode(`/`);
+                        _$insertNode(_el$73, _el$74);
+                        _$insertNode(_el$73, _el$75);
+                        _$insertNode(_el$73, _el$77);
+                        _$insertNode(_el$73, _el$78);
+                        _$insertNode(_el$75, _el$76);
+                        _$insert(_el$75, () => t("todo.label"), _el$76);
+                        _$insert(_el$77, () => " ".repeat(expandedPad(t("todo.label"))));
+                        _$insertNode(_el$78, _el$79);
+                        _$insert(_el$78, () => entry.todoDone, _el$79);
+                        _$insert(_el$78, () => entry.todoTotal, null);
                         _$effect((_p$) => {
-                          var _v$22 = {
+                          var _v$25 = {
                             fg: pal().primary
-                          }, _v$23 = {
+                          }, _v$26 = {
                             fg: pal().muted
-                          }, _v$24 = {
+                          }, _v$27 = {
                             fg: pal().muted
                           };
-                          _v$22 !== _p$.e && (_p$.e = _$setProp(_el$69, "style", _v$22, _p$.e));
-                          _v$23 !== _p$.t && (_p$.t = _$setProp(_el$71, "style", _v$23, _p$.t));
-                          _v$24 !== _p$.a && (_p$.a = _$setProp(_el$72, "style", _v$24, _p$.a));
+                          _v$25 !== _p$.e && (_p$.e = _$setProp(_el$75, "style", _v$25, _p$.e));
+                          _v$26 !== _p$.t && (_p$.t = _$setProp(_el$77, "style", _v$26, _p$.t));
+                          _v$27 !== _p$.a && (_p$.a = _$setProp(_el$78, "style", _v$27, _p$.a));
                           return _p$;
                         }, {
                           e: void 0,
                           t: void 0,
                           a: void 0
                         });
-                        return _el$67;
+                        return _el$73;
                       }
                     }), _$createComponent(Show, {
                       get when() {
                         return entry.sessionId;
                       },
                       get children() {
-                        var _el$74 = _$createElement("text"), _el$75 = _$createTextNode(`  `), _el$76 = _$createElement("span"), _el$77 = _$createTextNode(`: `), _el$78 = _$createElement("span"), _el$79 = _$createElement("span"), _el$80 = _$createElement("span");
-                        _$insertNode(_el$74, _el$75);
-                        _$insertNode(_el$74, _el$76);
-                        _$insertNode(_el$74, _el$78);
-                        _$insertNode(_el$74, _el$79);
-                        _$insertNode(_el$74, _el$80);
-                        _$setProp(_el$74, "onMouseUp", async () => {
+                        var _el$80 = _$createElement("text"), _el$81 = _$createTextNode(`  `), _el$82 = _$createElement("span"), _el$83 = _$createTextNode(`: `), _el$84 = _$createElement("span"), _el$85 = _$createElement("span"), _el$86 = _$createElement("span");
+                        _$insertNode(_el$80, _el$81);
+                        _$insertNode(_el$80, _el$82);
+                        _$insertNode(_el$80, _el$84);
+                        _$insertNode(_el$80, _el$85);
+                        _$insertNode(_el$80, _el$86);
+                        _$setProp(_el$80, "onMouseUp", async () => {
                           const sessionId = entry.sessionId;
                           if (!sessionId) return;
                           const result = await copyText(sessionId);
@@ -2586,25 +2730,25 @@ ${t("session.toast.copy_failed")}`, {
                             duration: 8e3
                           });
                         });
-                        _$insertNode(_el$76, _el$77);
-                        _$insert(_el$76, () => t("session.label"), _el$77);
-                        _$insert(_el$78, () => " ".repeat(expandedPad(t("session.label"))));
-                        _$insert(_el$79, () => truncate(entry.sessionId, expandedValAvail() - visualWidth(" \u2398")));
-                        _$insertNode(_el$80, _$createTextNode(` \u2398`));
+                        _$insertNode(_el$82, _el$83);
+                        _$insert(_el$82, () => t("session.label"), _el$83);
+                        _$insert(_el$84, () => " ".repeat(expandedPad(t("session.label"))));
+                        _$insert(_el$85, () => truncate(entry.sessionId, expandedValAvail() - visualWidth(" \u2398")));
+                        _$insertNode(_el$86, _$createTextNode(` \u2398`));
                         _$effect((_p$) => {
-                          var _v$25 = {
+                          var _v$28 = {
                             fg: pal().primary
-                          }, _v$26 = {
+                          }, _v$29 = {
                             fg: pal().muted
-                          }, _v$27 = {
+                          }, _v$30 = {
                             fg: pal().muted
-                          }, _v$28 = {
+                          }, _v$31 = {
                             fg: pal().warning
                           };
-                          _v$25 !== _p$.e && (_p$.e = _$setProp(_el$76, "style", _v$25, _p$.e));
-                          _v$26 !== _p$.t && (_p$.t = _$setProp(_el$78, "style", _v$26, _p$.t));
-                          _v$27 !== _p$.a && (_p$.a = _$setProp(_el$79, "style", _v$27, _p$.a));
-                          _v$28 !== _p$.o && (_p$.o = _$setProp(_el$80, "style", _v$28, _p$.o));
+                          _v$28 !== _p$.e && (_p$.e = _$setProp(_el$82, "style", _v$28, _p$.e));
+                          _v$29 !== _p$.t && (_p$.t = _$setProp(_el$84, "style", _v$29, _p$.t));
+                          _v$30 !== _p$.a && (_p$.a = _$setProp(_el$85, "style", _v$30, _p$.a));
+                          _v$31 !== _p$.o && (_p$.o = _$setProp(_el$86, "style", _v$31, _p$.o));
                           return _p$;
                         }, {
                           e: void 0,
@@ -2612,7 +2756,7 @@ ${t("session.toast.copy_failed")}`, {
                           a: void 0,
                           o: void 0
                         });
-                        return _el$74;
+                        return _el$80;
                       }
                     }), _$createComponent(Show, {
                       get when() {
@@ -2628,68 +2772,68 @@ ${t("session.toast.copy_failed")}`, {
                           const rightW = (isRunning ? visualWidth(dismissLabel()) : 0) + (isRunning && entry.sessionId ? visualWidth(cancelLabel()) : 0);
                           const spacerW = () => Math.max(1, panelWidth() - gutter() - openW() - rightW - 2);
                           return (() => {
-                            var _el$92 = _$createElement("box"), _el$96 = _$createElement("text");
-                            _$insertNode(_el$92, _el$96);
-                            _$setProp(_el$92, "flexDirection", "row");
-                            _$insert(_el$92, _$createComponent(Show, {
+                            var _el$99 = _$createElement("box"), _el$103 = _$createElement("text");
+                            _$insertNode(_el$99, _el$103);
+                            _$setProp(_el$99, "flexDirection", "row");
+                            _$insert(_el$99, _$createComponent(Show, {
                               get when() {
                                 return entry.sessionId;
                               },
                               get children() {
-                                var _el$93 = _$createElement("text"), _el$94 = _$createElement("span"), _el$95 = _$createElement("span");
-                                _$insertNode(_el$93, _el$94);
-                                _$insertNode(_el$93, _el$95);
-                                _$setProp(_el$93, "onMouseOver", () => setHoveredOpen(entry.id));
-                                _$setProp(_el$93, "onMouseOut", () => setHoveredOpen(void 0));
-                                _$setProp(_el$93, "onMouseUp", () => {
+                                var _el$100 = _$createElement("text"), _el$101 = _$createElement("span"), _el$102 = _$createElement("span");
+                                _$insertNode(_el$100, _el$101);
+                                _$insertNode(_el$100, _el$102);
+                                _$setProp(_el$100, "onMouseOver", () => setHoveredOpen(entry.id));
+                                _$setProp(_el$100, "onMouseOut", () => setHoveredOpen(void 0));
+                                _$setProp(_el$100, "onMouseUp", () => {
                                   if (entry.sessionId) {
                                     props.api.route.navigateSession(entry.sessionId);
                                   }
                                 });
-                                _$insert(_el$94, openPrefix);
-                                _$insert(_el$95, () => t("open.label"));
+                                _$insert(_el$101, openPrefix);
+                                _$insert(_el$102, () => t("open.label"));
                                 _$effect((_p$) => {
-                                  var _v$32 = {
+                                  var _v$35 = {
                                     fg: hoveredOpen() === entry.id ? pal().warning : pal().primary
-                                  }, _v$33 = {
+                                  }, _v$36 = {
                                     fg: hoveredOpen() === entry.id ? pal().warning : pal().primary
                                   };
-                                  _v$32 !== _p$.e && (_p$.e = _$setProp(_el$94, "style", _v$32, _p$.e));
-                                  _v$33 !== _p$.t && (_p$.t = _$setProp(_el$95, "style", _v$33, _p$.t));
+                                  _v$35 !== _p$.e && (_p$.e = _$setProp(_el$101, "style", _v$35, _p$.e));
+                                  _v$36 !== _p$.t && (_p$.t = _$setProp(_el$102, "style", _v$36, _p$.t));
                                   return _p$;
                                 }, {
                                   e: void 0,
                                   t: void 0
                                 });
-                                return _el$93;
+                                return _el$100;
                               }
-                            }), _el$96);
-                            _$insert(_el$96, () => " ".repeat(spacerW()));
-                            _$insert(_el$92, _$createComponent(Show, {
+                            }), _el$103);
+                            _$insert(_el$103, () => " ".repeat(spacerW()));
+                            _$insert(_el$99, _$createComponent(Show, {
                               get when() {
                                 return isRunning && entry.sessionId;
                               },
                               get children() {
-                                var _el$97 = _$createElement("text"), _el$98 = _$createElement("span");
-                                _$insertNode(_el$97, _el$98);
-                                _$setProp(_el$97, "onMouseOver", () => setHoveredCancel(entry.id));
-                                _$setProp(_el$97, "onMouseOut", () => setHoveredCancel(void 0));
-                                _$setProp(_el$97, "onMouseUp", () => cancelEntry(entry));
-                                _$insert(_el$98, cancelLabel);
-                                _$effect((_$p) => _$setProp(_el$98, "style", {
+                                var _el$104 = _$createElement("text"), _el$105 = _$createElement("span");
+                                _$insertNode(_el$104, _el$105);
+                                _$setProp(_el$104, "onMouseOver", () => setHoveredCancel(entry.id));
+                                _$setProp(_el$104, "onMouseOut", () => setHoveredCancel(void 0));
+                                _$setProp(_el$104, "onMouseUp", () => cancelEntry(entry));
+                                _$insert(_el$105, cancelLabel);
+                                _$effect((_$p) => _$setProp(_el$105, "style", {
                                   fg: hoveredCancel() === entry.id ? pal().warning : pal().error
                                 }, _$p));
-                                return _el$97;
+                                return _el$104;
                               }
                             }), null);
-                            _$insert(_el$92, _$createComponent(Show, {
+                            _$insert(_el$99, _$createComponent(Show, {
                               when: isRunning,
                               get children() {
-                                var _el$99 = _$createElement("text"), _el$100 = _$createElement("span");
-                                _$insertNode(_el$99, _el$100);
-                                _$setProp(_el$99, "onMouseOver", () => setHoveredDismiss(entry.id));
-                                _$setProp(_el$99, "onMouseOut", () => setHoveredDismiss(void 0));
-                                _$setProp(_el$99, "onMouseUp", () => {
+                                var _el$106 = _$createElement("text"), _el$107 = _$createElement("span");
+                                _$insertNode(_el$106, _el$107);
+                                _$setProp(_el$106, "onMouseOver", () => setHoveredDismiss(entry.id));
+                                _$setProp(_el$106, "onMouseOut", () => setHoveredDismiss(void 0));
+                                _$setProp(_el$106, "onMouseUp", () => {
                                   upsertEntry({
                                     id: entry.id,
                                     title: entry.title,
@@ -2698,17 +2842,17 @@ ${t("session.toast.copy_failed")}`, {
                                     status: "done"
                                   });
                                 });
-                                _$insert(_el$100, dismissLabel);
-                                _$effect((_$p) => _$setProp(_el$100, "style", {
+                                _$insert(_el$107, dismissLabel);
+                                _$effect((_$p) => _$setProp(_el$107, "style", {
                                   fg: hoveredDismiss() === entry.id ? pal().warning : pal().muted
                                 }, _$p));
-                                return _el$99;
+                                return _el$106;
                               }
                             }), null);
-                            _$effect((_$p) => _$setProp(_el$96, "style", {
+                            _$effect((_$p) => _$setProp(_el$103, "style", {
                               fg: pal().muted
                             }, _$p));
-                            return _el$92;
+                            return _el$99;
                           })();
                         })();
                       }
@@ -2729,13 +2873,13 @@ ${t("session.toast.copy_failed")}`, {
                   const right = props.sortOrder() === "desc" ? `\u2191 ${t("scroll.top")}` : `\u2193 ${t("scroll.bottom")}`;
                   const pad = showTop ? Math.max(1, panelWidth() - gutter() - visualWidth(left) - visualWidth(right)) : 0;
                   return (() => {
-                    var _el$101 = _$createElement("box"), _el$102 = _$createElement("text"), _el$103 = _$createElement("span");
-                    _$insertNode(_el$101, _el$102);
-                    _$setProp(_el$101, "flexDirection", "row");
-                    _$insertNode(_el$102, _el$103);
-                    _$setProp(_el$102, "onMouseOver", () => showMore && setHoveredMoreBelow(true));
-                    _$setProp(_el$102, "onMouseOut", () => setHoveredMoreBelow(false));
-                    _$setProp(_el$102, "onMouseUp", () => {
+                    var _el$108 = _$createElement("box"), _el$109 = _$createElement("text"), _el$110 = _$createElement("span");
+                    _$insertNode(_el$108, _el$109);
+                    _$setProp(_el$108, "flexDirection", "row");
+                    _$insertNode(_el$109, _el$110);
+                    _$setProp(_el$109, "onMouseOver", () => showMore && setHoveredMoreBelow(true));
+                    _$setProp(_el$109, "onMouseOut", () => setHoveredMoreBelow(false));
+                    _$setProp(_el$109, "onMouseUp", () => {
                       if (!showMore) return;
                       const total = entryList().length;
                       const m = max();
@@ -2747,20 +2891,20 @@ ${t("session.toast.copy_failed")}`, {
                       }
                       setHoveredMoreBelow(false);
                     });
-                    _$insert(_el$103, left);
-                    _$insert(_el$101, showTop ? [(() => {
-                      var _el$104 = _$createElement("text");
-                      _$insert(_el$104, () => " ".repeat(pad));
-                      _$effect((_$p) => _$setProp(_el$104, "style", {
+                    _$insert(_el$110, left);
+                    _$insert(_el$108, showTop ? [(() => {
+                      var _el$111 = _$createElement("text");
+                      _$insert(_el$111, () => " ".repeat(pad));
+                      _$effect((_$p) => _$setProp(_el$111, "style", {
                         fg: pal().muted
                       }, _$p));
-                      return _el$104;
+                      return _el$111;
                     })(), (() => {
-                      var _el$105 = _$createElement("text"), _el$106 = _$createElement("span");
-                      _$insertNode(_el$105, _el$106);
-                      _$setProp(_el$105, "onMouseOver", () => setHoveredTop(true));
-                      _$setProp(_el$105, "onMouseOut", () => setHoveredTop(false));
-                      _$setProp(_el$105, "onMouseUp", () => {
+                      var _el$112 = _$createElement("text"), _el$113 = _$createElement("span");
+                      _$insertNode(_el$112, _el$113);
+                      _$setProp(_el$112, "onMouseOver", () => setHoveredTop(true));
+                      _$setProp(_el$112, "onMouseOut", () => setHoveredTop(false));
+                      _$setProp(_el$112, "onMouseUp", () => {
                         const total = entryList().length;
                         const m = max();
                         if (props.sortOrder() === "desc") {
@@ -2770,16 +2914,16 @@ ${t("session.toast.copy_failed")}`, {
                         }
                         setHoveredTop(false);
                       });
-                      _$insert(_el$106, right);
-                      _$effect((_$p) => _$setProp(_el$106, "style", {
+                      _$insert(_el$113, right);
+                      _$effect((_$p) => _$setProp(_el$113, "style", {
                         fg: hoveredTop() ? pal().warning : pal().muted
                       }, _$p));
-                      return _el$105;
+                      return _el$112;
                     })()] : null, null);
-                    _$effect((_$p) => _$setProp(_el$103, "style", {
+                    _$effect((_$p) => _$setProp(_el$110, "style", {
                       fg: showMore && hoveredMoreBelow() ? pal().warning : pal().muted
                     }, _$p));
-                    return _el$101;
+                    return _el$108;
                   })();
                 })();
               }
@@ -2845,6 +2989,9 @@ function createSidebarSlot(api, panelApi, sig) {
           get timeFormat() {
             return sig.timeFormat;
           },
+          get showOrigin() {
+            return sig.showOrigin;
+          },
           get sessionId() {
             return input.session_id;
           }
@@ -2866,6 +3013,7 @@ var tui = async (api) => {
   const [showEntryTokens, setShowEntryTokens] = createSignal3(api.kv.get(`${KV_PREFIX}.show_entry_tokens`, true) !== false);
   const storedTimeFormat = String(api.kv.get(`${KV_PREFIX}.time_format`, "short"));
   const [timeFormat, setTimeFormat] = createSignal3(TIME_FORMATS.includes(storedTimeFormat) ? storedTimeFormat : "short");
+  const [showOrigin, setShowOrigin] = createSignal3(api.kv.get(`${KV_PREFIX}.show_origin`, false) === true);
   const [dbSync, setDbSync] = createSignal3(api.kv.get(`${KV_PREFIX}.db_sync`, true) !== false);
   const signals = {
     lang,
@@ -2886,6 +3034,8 @@ var tui = async (api) => {
     setShowEntryTokens,
     timeFormat,
     setTimeFormat,
+    showOrigin,
+    setShowOrigin,
     dbSync,
     setDbSync,
     sessionId: ""
@@ -3467,6 +3617,23 @@ var tui = async (api) => {
         }
       }));
     }
+  }, {
+    title: "SubAgent Magazine: Origin Indicators",
+    value: "subagent-origin",
+    description: "Show or hide origin markers (\u21E2/\u21B3) in the sidebar list",
+    slash: {
+      name: "subagent-origin"
+    },
+    onSelect: (dialog) => {
+      const t = createT(() => signals.lang());
+      const cur = Boolean(api.kv.get(`${KV_PREFIX}.show_origin`, false));
+      api.kv.set(`${KV_PREFIX}.show_origin`, !cur);
+      signals.setShowOrigin(!cur);
+      api.ui.toast({
+        message: `${t("settings.showOrigin")}: ${!cur ? t("settings.on") : t("settings.off")}`
+      });
+      dialog?.clear();
+    }
   }]);
 };
 var mod = {