opencode-subagent-magazine 1.2.1 → 1.4.0

package/dist/tui.js

@@ -11,7 +11,7 @@ import { createElement as _$createElement } from "@opentui/solid";
 import { createMemo, createSignal, createEffect, onMount, onCleanup, untrack, Show, For } from "solid-js";
 
 // src/_version.ts
-var PLUGIN_VERSION = "1.2.1";
+var PLUGIN_VERSION = "1.4.0";
 
 // src/index.tsx
 var SUBAGENT_TOOLS = /* @__PURE__ */ new Set(["task", "delegate", "call_omo_agent"]);
@@ -26,6 +26,8 @@ var I18N = {
     "error.label": "\u9519\u8BEF",
     "model.label": "\u6A21\u578B",
     "todo.label": "\u8FDB\u5EA6",
+    "session.label": "\u4F1A\u8BDD ID",
+    "session.toast.copy": "\u53EF\u624B\u52A8\u590D\u5236\u4E0A\u65B9 ID",
     "open.label": "\u8FDB\u5165\u4F1A\u8BDD",
     "cost.label": "\u8D39\u7528",
     "scroll.more": "\u66F4\u591A",
@@ -38,7 +40,20 @@ var I18N = {
     "order.desc": "\u964D\u5E8F\uFF08\u6700\u65B0\u5728\u524D\uFF09",
     "order.asc": "\u5347\u5E8F\uFF08\u6700\u65E9\u5728\u524D\uFF09",
     "scroll.wheel": "\u6EDA\u8F6E\u7FFB\u9875",
-    "scroll.click": "\u70B9\u51FB\u7FFB\u9875"
+    "scroll.click": "\u70B9\u51FB\u7FFB\u9875",
+    "ttl.label": "\u6E05\u7406\u5468\u671F",
+    "ttl.3d": "3 \u5929",
+    "ttl.7d": "7 \u5929",
+    "ttl.14d": "14 \u5929",
+    "ttl.30d": "30 \u5929",
+    "ttl.unlimited": "\u65E0\u671F\u9650",
+    "ttl.toast": "\u6E05\u7406\u5468\u671F\u5DF2\u8BBE\u4E3A {n} \u5929",
+    "ttl.toast_unlimited": "\u6E05\u7406\u5468\u671F\u5DF2\u8BBE\u4E3A\u65E0\u671F\u9650",
+    "clear.title": "\u786E\u8BA4\u6E05\u9664",
+    "clear.prompt": "\u786E\u5B9A\u6E05\u9664\u5F53\u524D\u4F1A\u8BDD\u6240\u6709\u5B50\u4EE3\u7406\u8BB0\u5F55\uFF1F\u6B64\u64CD\u4F5C\u4E0D\u53EF\u64A4\u9500\u3002",
+    "clear.prompt_running": "\u5F53\u524D\u6709 {n} \u4E2A\u8FD0\u884C\u4E2D\u7684\u5B50\u4EE3\u7406\uFF0C\u6E05\u9664\u540E\u5C06\u4E0D\u53EF\u6062\u590D\u3002\u786E\u5B9A\u7EE7\u7EED\uFF1F",
+    "clear.done": "\u5DF2\u6E05\u9664 {n} \u6761\u5B50\u4EE3\u7406\u8BB0\u5F55",
+    "clear.empty": "\u5F53\u524D\u4F1A\u8BDD\u65E0\u5B50\u4EE3\u7406\u8BB0\u5F55"
   },
   en: {
     "panel.title": "SubAgent",
@@ -50,6 +65,8 @@ var I18N = {
     "error.label": "error",
     "model.label": "model",
     "todo.label": "todo",
+    "session.label": "session ID",
+    "session.toast.copy": "Copy the ID above manually",
     "open.label": "Open session",
     "cost.label": "cost",
     "scroll.more": "more",
@@ -62,7 +79,20 @@ var I18N = {
     "order.desc": "Desc (newest first)",
     "order.asc": "Asc (oldest first)",
     "scroll.wheel": "Wheel Scroll",
-    "scroll.click": "Click Scroll"
+    "scroll.click": "Click Scroll",
+    "ttl.label": "TTL (Time to Live)",
+    "ttl.3d": "3 days",
+    "ttl.7d": "7 days",
+    "ttl.14d": "14 days",
+    "ttl.30d": "30 days",
+    "ttl.unlimited": "Never",
+    "ttl.toast": "TTL set to {n} days",
+    "ttl.toast_unlimited": "TTL set to Never",
+    "clear.title": "Confirm",
+    "clear.prompt": "Clear all sub-agent records for this session? This cannot be undone.",
+    "clear.prompt_running": "{n} sub-agent(s) are still running. Clearing will discard them permanently. Continue?",
+    "clear.done": "Cleared {n} sub-agent record(s)",
+    "clear.empty": "No sub-agent records in this session"
   }
 };
 function detectLang() {
@@ -187,10 +217,13 @@ function safeErrorMsg(err) {
   return "";
 }
 var globalEntryCache = /* @__PURE__ */ new Map();
+var [clearTick, setClearTick] = createSignal(0);
 function SubAgentPanel(props) {
   const t = (key) => I18N[props.lang()][key] ?? key;
   const SESSION_DATA_KEY = `${KV_PREFIX}.session_data`;
-  const TTL_MS = 3 * 24 * 60 * 60 * 1e3;
+  const ttlDaysRaw = parseInt(String(props.api.kv.get(`${KV_PREFIX}.ttl_days`, "3")), 10);
+  const ttlDays = Number.isNaN(ttlDaysRaw) ? 3 : ttlDaysRaw;
+  const TTL_MS = ttlDays * 24 * 60 * 60 * 1e3;
   const loadSessionData = () => {
     try {
       const raw = props.api.kv.get(SESSION_DATA_KEY, "{}");
@@ -205,12 +238,34 @@ function SubAgentPanel(props) {
     } catch {
     }
   };
+  const resolveParent = (sid) => {
+    try {
+      const session = props.api.state.session.get(sid);
+      const parentID = session?.parentID;
+      if (parentID) return {
+        parentSid: parentID,
+        isChild: true
+      };
+    } catch {
+    }
+    return {
+      parentSid: sid,
+      isChild: false
+    };
+  };
   const loadEntries = (sid) => {
     const m = /* @__PURE__ */ new Map();
     try {
-      const rec = loadSessionData()[sid];
-      if (rec?.entries) {
-        for (const e of rec.entries) m.set(e.id, e);
+      const {
+        parentSid,
+        isChild
+      } = resolveParent(sid);
+      const rec = loadSessionData()[parentSid];
+      if (rec) {
+        const source = isChild ? rec.children?.[sid]?.entries : rec.entries;
+        if (source) {
+          for (const e of source) m.set(e.id, e);
+        }
       }
     } catch {
     }
@@ -222,11 +277,36 @@ function SubAgentPanel(props) {
     persistTimer = setTimeout(() => {
       try {
         const data = loadSessionData();
-        data[sid] = {
-          ...data[sid],
-          ts: Date.now(),
-          entries: [...entries2.values()]
-        };
+        const {
+          parentSid,
+          isChild
+        } = resolveParent(sid);
+        if (isChild) {
+          if (!data[parentSid]) data[parentSid] = {
+            ts: Date.now(),
+            entries: [],
+            scroll: 0,
+            expanded: "",
+            children: {}
+          };
+          if (!data[parentSid].children) data[parentSid].children = {};
+          if (!data[parentSid].children[sid]) data[parentSid].children[sid] = {
+            scroll: 0,
+            expanded: "",
+            entries: []
+          };
+          data[parentSid].children[sid] = {
+            ...data[parentSid].children[sid],
+            entries: [...entries2.values()]
+          };
+        } else {
+          data[sid] = {
+            ...data[sid],
+            ts: Date.now(),
+            entries: [...entries2.values()],
+            children: data[sid]?.children ?? {}
+          };
+        }
         saveSessionData(data);
       } catch {
       }
@@ -235,11 +315,36 @@ function SubAgentPanel(props) {
   const persistScroll = (sid, scroll) => {
     try {
       const data = loadSessionData();
-      data[sid] = {
-        ...data[sid],
-        ts: Date.now(),
-        scroll
-      };
+      const {
+        parentSid,
+        isChild
+      } = resolveParent(sid);
+      if (isChild) {
+        if (!data[parentSid]) data[parentSid] = {
+          ts: Date.now(),
+          entries: [],
+          scroll: 0,
+          expanded: "",
+          children: {}
+        };
+        if (!data[parentSid].children) data[parentSid].children = {};
+        if (!data[parentSid].children[sid]) data[parentSid].children[sid] = {
+          scroll: 0,
+          expanded: "",
+          entries: []
+        };
+        data[parentSid].children[sid] = {
+          ...data[parentSid].children[sid],
+          scroll
+        };
+      } else {
+        data[sid] = {
+          ...data[sid],
+          ts: Date.now(),
+          scroll,
+          children: data[sid]?.children ?? {}
+        };
+      }
       saveSessionData(data);
     } catch {
     }
@@ -247,16 +352,42 @@ function SubAgentPanel(props) {
   const persistExpanded = (sid, expanded2) => {
     try {
       const data = loadSessionData();
-      data[sid] = {
-        ...data[sid],
-        ts: Date.now(),
-        expanded: expanded2
-      };
+      const {
+        parentSid,
+        isChild
+      } = resolveParent(sid);
+      if (isChild) {
+        if (!data[parentSid]) data[parentSid] = {
+          ts: Date.now(),
+          entries: [],
+          scroll: 0,
+          expanded: "",
+          children: {}
+        };
+        if (!data[parentSid].children) data[parentSid].children = {};
+        if (!data[parentSid].children[sid]) data[parentSid].children[sid] = {
+          scroll: 0,
+          expanded: "",
+          entries: []
+        };
+        data[parentSid].children[sid] = {
+          ...data[parentSid].children[sid],
+          expanded: expanded2
+        };
+      } else {
+        data[sid] = {
+          ...data[sid],
+          ts: Date.now(),
+          expanded: expanded2,
+          children: data[sid]?.children ?? {}
+        };
+      }
       saveSessionData(data);
     } catch {
     }
   };
   const cleanupOldSessions = () => {
+    if (ttlDays <= 0) return;
     try {
       const data = loadSessionData();
       const cutoff = Date.now() - TTL_MS;
@@ -288,11 +419,36 @@ function SubAgentPanel(props) {
         clearTimeout(persistTimer);
         try {
           const data = loadSessionData();
-          data[props.sessionId] = {
-            ...data[props.sessionId],
-            ts: Date.now(),
-            entries: [...next.values()]
-          };
+          const {
+            parentSid,
+            isChild
+          } = resolveParent(props.sessionId);
+          if (isChild) {
+            if (!data[parentSid]) data[parentSid] = {
+              ts: Date.now(),
+              entries: [],
+              scroll: 0,
+              expanded: "",
+              children: {}
+            };
+            if (!data[parentSid].children) data[parentSid].children = {};
+            if (!data[parentSid].children[props.sessionId]) data[parentSid].children[props.sessionId] = {
+              scroll: 0,
+              expanded: "",
+              entries: []
+            };
+            data[parentSid].children[props.sessionId] = {
+              ...data[parentSid].children[props.sessionId],
+              entries: [...next.values()]
+            };
+          } else {
+            data[props.sessionId] = {
+              ...data[props.sessionId],
+              ts: Date.now(),
+              entries: [...next.values()],
+              children: data[props.sessionId]?.children ?? {}
+            };
+          }
           saveSessionData(data);
         } catch {
         }
@@ -313,10 +469,15 @@ function SubAgentPanel(props) {
   })());
   const [expanded, setExpanded] = createSignal((() => {
     try {
-      return loadSessionData()[props.sessionId]?.expanded || void 0;
+      const {
+        parentSid,
+        isChild
+      } = resolveParent(props.sessionId);
+      const rec = loadSessionData()[parentSid];
+      if (rec) return isChild ? rec.children?.[props.sessionId]?.expanded || void 0 : rec.expanded || void 0;
     } catch {
-      return void 0;
     }
+    return void 0;
   })());
   const [hoveredOpen, setHoveredOpen] = createSignal(void 0);
   const [hoveredDismiss, setHoveredDismiss] = createSignal(void 0);
@@ -325,7 +486,12 @@ function SubAgentPanel(props) {
   const [hoveredMoreBelow, setHoveredMoreBelow] = createSignal(false);
   const [scrollOffset, setScrollOffset] = createSignal((() => {
     try {
-      return loadSessionData()[props.sessionId]?.scroll ?? 0;
+      const {
+        parentSid,
+        isChild
+      } = resolveParent(props.sessionId);
+      const rec = loadSessionData()[parentSid];
+      return isChild ? rec?.children?.[props.sessionId]?.scroll ?? 0 : rec?.scroll ?? 0;
     } catch {
       return 0;
     }
@@ -789,18 +955,37 @@ function SubAgentPanel(props) {
     });
   });
   let lastSid = props.sessionId;
+  let lastTick = 0;
   createEffect(() => {
     const sid = props.sessionId;
     const switched = sid !== lastSid;
     lastSid = sid;
+    const tick = clearTick();
+    const forceReload = tick !== lastTick && !switched;
+    lastTick = tick;
     const t2 = setTimeout(() => {
       untrack(() => {
         if (switched) {
-          const saved = loadSessionData()[sid]?.scroll ?? 0;
+          const {
+            parentSid,
+            isChild
+          } = resolveParent(sid);
+          const data = loadSessionData();
+          const saved = isChild ? data[parentSid]?.children?.[sid]?.scroll ?? 0 : data[sid]?.scroll ?? 0;
           setScrollOffset(saved);
+          if (!isChild && data[sid]?.entries?.length) {
+            data[sid].ts = Date.now();
+            saveSessionData(data);
+          }
         }
         setEntryMapRaw((prev) => {
-          const next = switched ? new Map(globalEntryCache.get(sid) ?? loadEntries(sid)) : new Map(prev);
+          const next = switched || forceReload ? new Map(globalEntryCache.get(sid) ?? loadEntries(sid)) : new Map(prev);
+          const {
+            parentSid: scanPSid,
+            isChild: scanChild
+          } = resolveParent(sid);
+          const scanRec = loadSessionData()[scanPSid];
+          const clearedIds = new Set(scanChild ? scanRec?.children?.[sid]?.clearedIds : scanRec?.clearedIds);
           try {
             const msgs = props.api.state.session.messages(sid);
             if (msgs && msgs.length) {
@@ -816,6 +1001,7 @@ function SubAgentPanel(props) {
                     const st = part.state;
                     const rawStatus = String(st?.status ?? "");
                     const exists = next.get(id);
+                    if (!exists && clearedIds.has(id)) continue;
                     if ((rawStatus === "pending" || rawStatus === "") && !exists) continue;
                     if (rawStatus === "error") {
                       if (exists && exists.status === "running") {
@@ -1017,7 +1203,7 @@ function SubAgentPanel(props) {
   };
   const sep = () => "\u2500".repeat(Math.max(1, panelWidth()));
   const expandedMaxLabelW = createMemo(() => {
-    const labels = [t("agent.label"), t("status.label"), t("time.label"), t("tokens.label"), t("error.label"), t("cost.label"), t("model.label"), t("todo.label")];
+    const labels = [t("agent.label"), t("status.label"), t("time.label"), t("tokens.label"), t("error.label"), t("cost.label"), t("model.label"), t("todo.label"), t("session.label")];
     return Math.max(...labels.map((l) => visualWidth(l + ": ")));
   });
   const expandedPad = (label) => Math.max(0, expandedMaxLabelW() - visualWidth(label + ": "));
@@ -1293,23 +1479,23 @@ function SubAgentPanel(props) {
                   _$insert(_el$25, (() => {
                     var _c$2 = _$memo(() => !!timeText());
                     return () => _c$2() ? [" ", (() => {
-                      var _el$81 = _$createElement("span");
-                      _$insert(_el$81, timeText);
-                      _$effect((_$p) => _$setProp(_el$81, "style", {
+                      var _el$89 = _$createElement("span");
+                      _$insert(_el$89, timeText);
+                      _$effect((_$p) => _$setProp(_el$89, "style", {
                         fg: timeColor()
                       }, _$p));
-                      return _el$81;
+                      return _el$89;
                     })()] : null;
                   })(), null);
                   _$insert(_el$25, (() => {
                     var _c$3 = _$memo(() => !!tokenText());
                     return () => _c$3() ? (() => {
-                      var _el$82 = _$createElement("span");
-                      _$insert(_el$82, tokenText);
-                      _$effect((_$p) => _$setProp(_el$82, "style", {
+                      var _el$90 = _$createElement("span");
+                      _$insert(_el$90, tokenText);
+                      _$effect((_$p) => _$setProp(_el$90, "style", {
                         fg: pal().muted
                       }, _$p));
-                      return _el$82;
+                      return _el$90;
                     })() : null;
                   })(), null);
                   _$effect((_p$) => {
@@ -1592,6 +1778,56 @@ function SubAgentPanel(props) {
                         });
                         return _el$74;
                       }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return entry.sessionId;
+                      },
+                      get children() {
+                        var _el$81 = _$createElement("text"), _el$82 = _$createTextNode(`  `), _el$83 = _$createElement("span"), _el$84 = _$createTextNode(`: `), _el$85 = _$createElement("span"), _el$86 = _$createElement("span"), _el$87 = _$createElement("span");
+                        _$insertNode(_el$81, _el$82);
+                        _$insertNode(_el$81, _el$83);
+                        _$insertNode(_el$81, _el$85);
+                        _$insertNode(_el$81, _el$86);
+                        _$insertNode(_el$81, _el$87);
+                        _$setProp(_el$81, "onMouseUp", () => {
+                          if (entry.sessionId) {
+                            props.api.ui.toast({
+                              title: entry.title || entry.agent,
+                              message: `${entry.sessionId}
+
+${t("session.toast.copy")}`,
+                              duration: 8e3
+                            });
+                          }
+                        });
+                        _$insertNode(_el$83, _el$84);
+                        _$insert(_el$83, () => t("session.label"), _el$84);
+                        _$insert(_el$85, () => " ".repeat(expandedPad(t("session.label"))));
+                        _$insert(_el$86, () => truncate(entry.sessionId, expandedValAvail() - visualWidth(" \u2398")));
+                        _$insertNode(_el$87, _$createTextNode(` \u2398`));
+                        _$effect((_p$) => {
+                          var _v$28 = {
+                            fg: pal().primary
+                          }, _v$29 = {
+                            fg: pal().muted
+                          }, _v$30 = {
+                            fg: pal().muted
+                          }, _v$31 = {
+                            fg: pal().warning
+                          };
+                          _v$28 !== _p$.e && (_p$.e = _$setProp(_el$83, "style", _v$28, _p$.e));
+                          _v$29 !== _p$.t && (_p$.t = _$setProp(_el$85, "style", _v$29, _p$.t));
+                          _v$30 !== _p$.a && (_p$.a = _$setProp(_el$86, "style", _v$30, _p$.a));
+                          _v$31 !== _p$.o && (_p$.o = _$setProp(_el$87, "style", _v$31, _p$.o));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0,
+                          a: void 0,
+                          o: void 0
+                        });
+                        return _el$81;
+                      }
                     }), _$createComponent(Show, {
                       get when() {
                         return entry.sessionId || isRunning;
@@ -1608,66 +1844,66 @@ function SubAgentPanel(props) {
                             /* indent */
                           );
                           return (() => {
-                            var _el$83 = _$createElement("box");
-                            _$setProp(_el$83, "flexDirection", "row");
-                            _$insert(_el$83, _$createComponent(Show, {
+                            var _el$91 = _$createElement("box");
+                            _$setProp(_el$91, "flexDirection", "row");
+                            _$insert(_el$91, _$createComponent(Show, {
                               get when() {
                                 return entry.sessionId;
                               },
                               get fallback() {
                                 return (() => {
-                                  var _el$90 = _$createElement("text");
-                                  _$insertNode(_el$90, _$createTextNode(`  `));
-                                  return _el$90;
+                                  var _el$98 = _$createElement("text");
+                                  _$insertNode(_el$98, _$createTextNode(`  `));
+                                  return _el$98;
                                 })();
                               },
                               get children() {
-                                var _el$84 = _$createElement("text"), _el$85 = _$createElement("span"), _el$86 = _$createElement("span");
-                                _$insertNode(_el$84, _el$85);
-                                _$insertNode(_el$84, _el$86);
-                                _$setProp(_el$84, "onMouseOver", () => setHoveredOpen(entry.id));
-                                _$setProp(_el$84, "onMouseOut", () => setHoveredOpen(void 0));
-                                _$setProp(_el$84, "onMouseUp", () => {
+                                var _el$92 = _$createElement("text"), _el$93 = _$createElement("span"), _el$94 = _$createElement("span");
+                                _$insertNode(_el$92, _el$93);
+                                _$insertNode(_el$92, _el$94);
+                                _$setProp(_el$92, "onMouseOver", () => setHoveredOpen(entry.id));
+                                _$setProp(_el$92, "onMouseOut", () => setHoveredOpen(void 0));
+                                _$setProp(_el$92, "onMouseUp", () => {
                                   if (entry.sessionId) {
                                     props.api.route.navigate("session", {
                                       sessionID: entry.sessionId
                                     });
                                   }
                                 });
-                                _$insert(_el$85, openPrefix);
-                                _$insert(_el$86, () => t("open.label"));
+                                _$insert(_el$93, openPrefix);
+                                _$insert(_el$94, () => t("open.label"));
                                 _$effect((_p$) => {
-                                  var _v$28 = {
+                                  var _v$32 = {
                                     fg: hoveredOpen() === entry.id ? pal().warning : pal().primary
-                                  }, _v$29 = {
+                                  }, _v$33 = {
                                     fg: hoveredOpen() === entry.id ? pal().warning : pal().primary
                                   };
-                                  _v$28 !== _p$.e && (_p$.e = _$setProp(_el$85, "style", _v$28, _p$.e));
-                                  _v$29 !== _p$.t && (_p$.t = _$setProp(_el$86, "style", _v$29, _p$.t));
+                                  _v$32 !== _p$.e && (_p$.e = _$setProp(_el$93, "style", _v$32, _p$.e));
+                                  _v$33 !== _p$.t && (_p$.t = _$setProp(_el$94, "style", _v$33, _p$.t));
                                   return _p$;
                                 }, {
                                   e: void 0,
                                   t: void 0
                                 });
-                                return _el$84;
+                                return _el$92;
                               }
                             }), null);
-                            _$insert(_el$83, _$createComponent(Show, {
+                            _$insert(_el$91, _$createComponent(Show, {
                               when: isRunning,
                               get children() {
                                 return [(() => {
-                                  var _el$87 = _$createElement("text");
-                                  _$insert(_el$87, () => " ".repeat(spacerW()));
-                                  _$effect((_$p) => _$setProp(_el$87, "style", {
+                                  var _el$95 = _$createElement("text");
+                                  _$insert(_el$95, () => " ".repeat(spacerW()));
+                                  _$effect((_$p) => _$setProp(_el$95, "style", {
                                     fg: pal().muted
                                   }, _$p));
-                                  return _el$87;
+                                  return _el$95;
                                 })(), (() => {
-                                  var _el$88 = _$createElement("text"), _el$89 = _$createElement("span");
-                                  _$insertNode(_el$88, _el$89);
-                                  _$setProp(_el$88, "onMouseOver", () => setHoveredDismiss(entry.id));
-                                  _$setProp(_el$88, "onMouseOut", () => setHoveredDismiss(void 0));
-                                  _$setProp(_el$88, "onMouseUp", () => {
+                                  var _el$96 = _$createElement("text"), _el$97 = _$createElement("span");
+                                  _$insertNode(_el$96, _el$97);
+                                  _$setProp(_el$96, "onMouseOver", () => setHoveredDismiss(entry.id));
+                                  _$setProp(_el$96, "onMouseOut", () => setHoveredDismiss(void 0));
+                                  _$setProp(_el$96, "onMouseUp", () => {
                                     upsertEntry({
                                       id: entry.id,
                                       title: entry.title,
@@ -1676,15 +1912,15 @@ function SubAgentPanel(props) {
                                       status: "done"
                                     });
                                   });
-                                  _$insert(_el$89, dismissLabel);
-                                  _$effect((_$p) => _$setProp(_el$89, "style", {
+                                  _$insert(_el$97, dismissLabel);
+                                  _$effect((_$p) => _$setProp(_el$97, "style", {
                                     fg: hoveredDismiss() === entry.id ? pal().warning : pal().muted
                                   }, _$p));
-                                  return _el$88;
+                                  return _el$96;
                                 })()];
                               }
                             }), null);
-                            return _el$83;
+                            return _el$91;
                           })();
                         })();
                       }
@@ -1705,13 +1941,13 @@ function SubAgentPanel(props) {
                   const right = props.sortOrder() === "desc" ? `\u2191 ${t("scroll.top")}` : `\u2193 ${t("scroll.bottom")}`;
                   const pad = showTop ? Math.max(1, panelWidth() - visualWidth(left) - visualWidth(right)) : 0;
                   return (() => {
-                    var _el$92 = _$createElement("box"), _el$93 = _$createElement("text"), _el$94 = _$createElement("span");
-                    _$insertNode(_el$92, _el$93);
-                    _$setProp(_el$92, "flexDirection", "row");
-                    _$insertNode(_el$93, _el$94);
-                    _$setProp(_el$93, "onMouseOver", () => showMore && setHoveredMoreBelow(true));
-                    _$setProp(_el$93, "onMouseOut", () => setHoveredMoreBelow(false));
-                    _$setProp(_el$93, "onMouseUp", () => {
+                    var _el$100 = _$createElement("box"), _el$101 = _$createElement("text"), _el$102 = _$createElement("span");
+                    _$insertNode(_el$100, _el$101);
+                    _$setProp(_el$100, "flexDirection", "row");
+                    _$insertNode(_el$101, _el$102);
+                    _$setProp(_el$101, "onMouseOver", () => showMore && setHoveredMoreBelow(true));
+                    _$setProp(_el$101, "onMouseOut", () => setHoveredMoreBelow(false));
+                    _$setProp(_el$101, "onMouseUp", () => {
                       if (!showMore) return;
                       const total = entryList().length;
                       const m = max();
@@ -1723,20 +1959,20 @@ function SubAgentPanel(props) {
                       }
                       setHoveredMoreBelow(false);
                     });
-                    _$insert(_el$94, left);
-                    _$insert(_el$92, showTop ? [(() => {
-                      var _el$95 = _$createElement("text");
-                      _$insert(_el$95, () => " ".repeat(pad));
-                      _$effect((_$p) => _$setProp(_el$95, "style", {
+                    _$insert(_el$102, left);
+                    _$insert(_el$100, showTop ? [(() => {
+                      var _el$103 = _$createElement("text");
+                      _$insert(_el$103, () => " ".repeat(pad));
+                      _$effect((_$p) => _$setProp(_el$103, "style", {
                         fg: pal().muted
                       }, _$p));
-                      return _el$95;
+                      return _el$103;
                     })(), (() => {
-                      var _el$96 = _$createElement("text"), _el$97 = _$createElement("span");
-                      _$insertNode(_el$96, _el$97);
-                      _$setProp(_el$96, "onMouseOver", () => setHoveredTop(true));
-                      _$setProp(_el$96, "onMouseOut", () => setHoveredTop(false));
-                      _$setProp(_el$96, "onMouseUp", () => {
+                      var _el$104 = _$createElement("text"), _el$105 = _$createElement("span");
+                      _$insertNode(_el$104, _el$105);
+                      _$setProp(_el$104, "onMouseOver", () => setHoveredTop(true));
+                      _$setProp(_el$104, "onMouseOut", () => setHoveredTop(false));
+                      _$setProp(_el$104, "onMouseUp", () => {
                         const total = entryList().length;
                         const m = max();
                         if (props.sortOrder() === "desc") {
@@ -1746,16 +1982,16 @@ function SubAgentPanel(props) {
                         }
                         setHoveredTop(false);
                       });
-                      _$insert(_el$97, right);
-                      _$effect((_$p) => _$setProp(_el$97, "style", {
+                      _$insert(_el$105, right);
+                      _$effect((_$p) => _$setProp(_el$105, "style", {
                         fg: hoveredTop() ? pal().warning : pal().muted
                       }, _$p));
-                      return _el$96;
+                      return _el$104;
                     })()] : null, null);
-                    _$effect((_$p) => _$setProp(_el$94, "style", {
+                    _$effect((_$p) => _$setProp(_el$102, "style", {
                       fg: showMore && hoveredMoreBelow() ? pal().warning : pal().muted
                     }, _$p));
-                    return _el$92;
+                    return _el$100;
                   })();
                 })();
               }
@@ -1933,9 +2169,9 @@ var tui = async (api) => {
       dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
         title: "Max Visible Entries",
         description: () => (() => {
-          var _el$98 = _$createElement("text");
-          _$insertNode(_el$98, _$createTextNode(`Number of entries to show in the sidebar (1\u201350)`));
-          return _el$98;
+          var _el$106 = _$createElement("text");
+          _$insertNode(_el$106, _$createTextNode(`Number of entries to show in the sidebar (1\u201350)`));
+          return _el$106;
         })(),
         get value() {
           return String(maxEntries());
@@ -1985,7 +2221,8 @@ var tui = async (api) => {
       name: "subagent-clear-running"
     },
     onSelect: (dialog) => {
-      const entries = globalEntryCache.get(signals.sessionId);
+      const sid = signals.sessionId;
+      const entries = globalEntryCache.get(sid);
       if (!entries || entries.size === 0) {
         const msg = signals.lang() === "zh" ? "\u6682\u65E0\u5B50\u4EE3\u7406\u6761\u76EE" : "No sub-agent entries found";
         api.ui.toast({
@@ -2005,12 +2242,35 @@ var tui = async (api) => {
       if (count > 0) {
         try {
           const data = JSON.parse(String(api.kv.get(`${KV_PREFIX}.session_data`, "{}")));
-          data[signals.sessionId] = {
-            ts: Date.now(),
-            entries: [...entries.values()],
-            scroll: data[signals.sessionId]?.scroll ?? 0,
-            expanded: data[signals.sessionId]?.expanded ?? ""
-          };
+          const sessionObj = api.state.session.get(sid);
+          const parentID = sessionObj?.parentID;
+          if (parentID) {
+            if (!data[parentID]) data[parentID] = {
+              ts: Date.now(),
+              entries: [],
+              scroll: 0,
+              expanded: "",
+              children: {}
+            };
+            if (!data[parentID].children) data[parentID].children = {};
+            if (!data[parentID].children[sid]) data[parentID].children[sid] = {
+              scroll: 0,
+              expanded: "",
+              entries: []
+            };
+            data[parentID].children[sid] = {
+              ...data[parentID].children[sid],
+              entries: [...entries.values()]
+            };
+          } else {
+            data[sid] = {
+              ts: Date.now(),
+              entries: [...entries.values()],
+              scroll: data[sid]?.scroll ?? 0,
+              expanded: data[sid]?.expanded ?? "",
+              children: data[sid]?.children ?? {}
+            };
+          }
           api.kv.set(`${KV_PREFIX}.session_data`, JSON.stringify(data));
         } catch {
         }
@@ -2026,6 +2286,113 @@ var tui = async (api) => {
       }
       dialog?.clear();
     }
+  }, {
+    title: "SubAgent Magazine: TTL",
+    value: "subagent-ttl",
+    description: "Set session data retention period (days before auto-cleanup)",
+    slash: {
+      name: "subagent-ttl"
+    },
+    onSelect: (dialog) => {
+      const t = (k) => I18N[signals.lang()][k] ?? k;
+      const curRaw = parseInt(String(api.kv.get(`${KV_PREFIX}.ttl_days`, "3")), 10);
+      const curDays = Number.isNaN(curRaw) ? 3 : curRaw;
+      const curLabel = curDays === 0 ? t("ttl.unlimited") : `${curDays}d`;
+      dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+        get title() {
+          return `${t("ttl.label")}  (${curLabel})`;
+        },
+        get options() {
+          return [{
+            title: t("ttl.3d"),
+            value: "3"
+          }, {
+            title: t("ttl.7d"),
+            value: "7"
+          }, {
+            title: t("ttl.14d"),
+            value: "14"
+          }, {
+            title: t("ttl.30d"),
+            value: "30"
+          }, {
+            title: t("ttl.unlimited"),
+            value: "0"
+          }];
+        },
+        onSelect: (opt) => {
+          const days = parseInt(opt.value, 10);
+          api.kv.set(`${KV_PREFIX}.ttl_days`, String(days));
+          const msg = days === 0 ? t("ttl.toast_unlimited") : t("ttl.toast").replace("{n}", String(days));
+          api.ui.toast({
+            message: msg
+          });
+          dialog?.clear();
+        }
+      }));
+    }
+  }, {
+    title: "SubAgent Magazine: Clear Entries",
+    value: "subagent-clear-entries",
+    description: "Delete all sub-agent records for the current session (cannot be undone)",
+    slash: {
+      name: "subagent-clear-entries"
+    },
+    onSelect: (dialog) => {
+      const t = (k) => I18N[signals.lang()][k] ?? k;
+      const sid = signals.sessionId;
+      const sessionObj = api.state.session.get(sid);
+      const parentID = sessionObj?.parentID;
+      const cached = globalEntryCache.get(sid);
+      let runningCount = 0;
+      if (cached) {
+        for (const [, e] of cached) {
+          if (e.status === "running") runningCount++;
+        }
+      }
+      const msg = runningCount > 0 ? t("clear.prompt_running").replace("{n}", String(runningCount)) : t("clear.prompt");
+      dialog?.replace(() => _$createComponent(api.ui.DialogConfirm, {
+        get title() {
+          return t("clear.title");
+        },
+        message: msg,
+        onConfirm: () => {
+          try {
+            const data = JSON.parse(String(api.kv.get(`${KV_PREFIX}.session_data`, "{}")));
+            let count = 0;
+            if (parentID) {
+              if (data[parentID]?.children?.[sid]) {
+                const child = data[parentID].children[sid];
+                const ids = child.entries?.map((e) => e.id) ?? [];
+                count = ids.length;
+                child.entries = [];
+                child.scroll = 0;
+                child.expanded = "";
+                child.clearedIds = [.../* @__PURE__ */ new Set([...child.clearedIds ?? [], ...ids])];
+              }
+            } else {
+              count = data[sid]?.entries?.length ?? 0;
+              if (data[sid]) {
+                const ids = data[sid].entries?.map((e) => e.id) ?? [];
+                data[sid].entries = [];
+                data[sid].scroll = 0;
+                data[sid].expanded = "";
+                data[sid].clearedIds = [.../* @__PURE__ */ new Set([...data[sid].clearedIds ?? [], ...ids])];
+              }
+            }
+            api.kv.set(`${KV_PREFIX}.session_data`, JSON.stringify(data));
+            globalEntryCache.delete(sid);
+            setClearTick((v) => v + 1);
+            const msg2 = t("clear.done").replace("{n}", String(count));
+            api.ui.toast({
+              message: msg2
+            });
+          } catch {
+          }
+          dialog?.clear();
+        }
+      }));
+    }
   }]);
 };
 var mod = {