opencode-subagent-magazine 1.1.2 → 1.1.3

package/dist/tui.js

@@ -0,0 +1,1859 @@
+// src/index.tsx
+import { createTextNode as _$createTextNode } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { use as _$use } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+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.1.3";
+
+// src/index.tsx
+var SUBAGENT_TOOLS = /* @__PURE__ */ new Set(["task", "delegate", "call_omo_agent"]);
+var I18N = {
+  zh: {
+    "panel.title": "\u5B50\u4EE3\u7406",
+    "status.none": "\u6682\u65E0\u5B50\u4EE3\u7406",
+    "agent.label": "\u4EE3\u7406",
+    "status.label": "\u72B6\u6001",
+    "time.label": "\u8017\u65F6",
+    "tokens.label": "\u4E0A\u4E0B\u6587",
+    "error.label": "\u9519\u8BEF",
+    "model.label": "\u6A21\u578B",
+    "todo.label": "\u8FDB\u5EA6",
+    "open.label": "\u8FDB\u5165\u4F1A\u8BDD",
+    "cost.label": "\u8D39\u7528",
+    "scroll.more": "\u66F4\u591A",
+    "scroll.top": "\u56DE\u9876",
+    "dismiss.label": "\u6807\u8BB0\u5B8C\u6210",
+    "status.running": "\u8FD0\u884C\u4E2D",
+    "status.done": "\u5DF2\u5B8C\u6210",
+    "status.error": "\u9519\u8BEF"
+  },
+  en: {
+    "panel.title": "SubAgent",
+    "status.none": "No sub-agents yet",
+    "agent.label": "agent",
+    "status.label": "status",
+    "time.label": "time",
+    "tokens.label": "tokens",
+    "error.label": "error",
+    "model.label": "model",
+    "todo.label": "todo",
+    "open.label": "Open session",
+    "cost.label": "cost",
+    "scroll.more": "more",
+    "scroll.top": "Top",
+    "dismiss.label": "dismiss",
+    "status.running": "running",
+    "status.done": "done",
+    "status.error": "error"
+  }
+};
+function detectLang() {
+  const env = process?.env?.OPENCODE_LANG ?? process?.env?.LANG ?? "";
+  if (env.startsWith("zh")) return "zh";
+  return "en";
+}
+function charColumns(c) {
+  const code = c.codePointAt(0) ?? 0;
+  if (code < 32) return 0;
+  if (code < 127) return 1;
+  if (code < 160) return 0;
+  if (code >= 4352 && code <= 4447 || code >= 11904 && code <= 42191 || code >= 44032 && code <= 55203 || code >= 63744 && code <= 64255 || code >= 65040 && code <= 65135 || code >= 65281 && code <= 65376 || code >= 65504 && code <= 65510 || code >= 127744 && code <= 128591 || code >= 131072 && code <= 262141) return 2;
+  return 1;
+}
+function visualWidth(s) {
+  let w = 0;
+  for (const c of s) w += charColumns(c);
+  return w;
+}
+function truncate(text, maxCols) {
+  if (visualWidth(text) <= maxCols) return text;
+  let cols = 0;
+  let i = 0;
+  for (const c of text) {
+    const w = charColumns(c);
+    if (cols + w > maxCols - 1) break;
+    cols += w;
+    i += c.length;
+  }
+  return text.slice(0, i) + "\u2026";
+}
+function fmtDurationShort(ms, running) {
+  if (running && ms < 2e3) return "";
+  if (ms < 1e3) return (ms / 1e3).toFixed(2) + "s";
+  if (ms < 6e4) return (ms / 1e3).toFixed(2) + "s";
+  const m = Math.floor(ms / 6e4);
+  const s = Math.round(ms % 6e4 / 1e3);
+  return `${m}m${s}s`;
+}
+function fmtTokens(n) {
+  if (n < 1e3) return `${n}`;
+  if (n < 1e6) return `${(n / 1e3).toFixed(1)}k`;
+  return `${(n / 1e6).toFixed(1)}M`;
+}
+function rgb(raw) {
+  if (typeof raw === "string" && raw.startsWith("#")) {
+    const h = raw.slice(1);
+    return {
+      r: parseInt(h.slice(0, 2), 16),
+      g: parseInt(h.slice(2, 4), 16),
+      b: parseInt(h.slice(4, 6), 16)
+    };
+  }
+  if (raw && typeof raw === "object") {
+    const o = raw;
+    if (typeof o.r === "number" && typeof o.g === "number" && typeof o.b === "number") {
+      const scale = o.r > 1 || o.g > 1 || o.b > 1 ? 1 : 255;
+      return {
+        r: Math.round(o.r * scale),
+        g: Math.round(o.g * scale),
+        b: Math.round(o.b * scale)
+      };
+    }
+  }
+  return null;
+}
+function saturation(r, g, b) {
+  const max = Math.max(r, g, b) / 255;
+  const min = Math.min(r, g, b) / 255;
+  const delta = max - min;
+  if (delta === 0) return 0;
+  const L = (max + min) / 2;
+  return L <= 0.5 ? delta / (max + min) : delta / (2 - max - min);
+}
+function desaturateTo(raw, maxSat, fallback) {
+  const c = rgb(raw);
+  if (!c) return fallback;
+  const sat = saturation(c.r, c.g, c.b);
+  if (sat <= maxSat) {
+    return "#" + [c.r, c.g, c.b].map((v) => v.toString(16).padStart(2, "0")).join("");
+  }
+  const luma = c.r * 0.299 + c.g * 0.587 + c.b * 0.114;
+  let lo = 0, hi = 1;
+  for (let i = 0; i < 12; i++) {
+    const mid = (lo + hi) / 2;
+    const nr2 = Math.round(c.r + (luma - c.r) * mid);
+    const ng2 = Math.round(c.g + (luma - c.g) * mid);
+    const nb2 = Math.round(c.b + (luma - c.b) * mid);
+    if (saturation(nr2, ng2, nb2) > maxSat) lo = mid;
+    else hi = mid;
+  }
+  const nr = Math.round(c.r + (luma - c.r) * hi);
+  const ng = Math.round(c.g + (luma - c.g) * hi);
+  const nb = Math.round(c.b + (luma - c.b) * hi);
+  return "#" + [nr, ng, nb].map((v) => Math.max(0, Math.min(255, v)).toString(16).padStart(2, "0")).join("");
+}
+function dimColor(hex, factor = 0.5) {
+  const c = rgb(hex);
+  if (!c) return hex;
+  const r = Math.round(c.r * factor);
+  const g = Math.round(c.g * factor);
+  const b = Math.round(c.b * factor);
+  return "#" + [r, g, b].map((v) => Math.max(0, Math.min(255, v)).toString(16).padStart(2, "0")).join("");
+}
+var FALLBACK = {
+  primary: "#8B9DAF",
+  text: "#C5C5BB",
+  muted: "#7A7A72",
+  success: "#9CAF8B",
+  warning: "#C5B88D",
+  error: "#B08A8A",
+  border: "#6B6B63"
+};
+var MAX_SAT = 0.28;
+var LEFT_PAD = 4;
+var INDENT = 2;
+function safeErrorMsg(err) {
+  if (!err) return "";
+  if (typeof err === "string") return err;
+  if (typeof err === "object") return String(err.message || err.code || "");
+  return "";
+}
+var globalEntryCache = /* @__PURE__ */ new Map();
+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 loadSessionData = () => {
+    try {
+      const raw = props.api.kv.get(SESSION_DATA_KEY, "{}");
+      return JSON.parse(String(raw));
+    } catch {
+      return {};
+    }
+  };
+  const saveSessionData = (data) => {
+    try {
+      props.api.kv.set(SESSION_DATA_KEY, JSON.stringify(data));
+    } catch {
+    }
+  };
+  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);
+      }
+    } catch {
+    }
+    return m;
+  };
+  let persistTimer;
+  const persistEntries = (sid, entries2) => {
+    clearTimeout(persistTimer);
+    persistTimer = setTimeout(() => {
+      try {
+        const data = loadSessionData();
+        data[sid] = {
+          ...data[sid],
+          ts: Date.now(),
+          entries: [...entries2.values()]
+        };
+        saveSessionData(data);
+      } catch {
+      }
+    }, 200);
+  };
+  const persistScroll = (sid, scroll) => {
+    try {
+      const data = loadSessionData();
+      data[sid] = {
+        ...data[sid],
+        ts: Date.now(),
+        scroll
+      };
+      saveSessionData(data);
+    } catch {
+    }
+  };
+  const persistExpanded = (sid, expanded2) => {
+    try {
+      const data = loadSessionData();
+      data[sid] = {
+        ...data[sid],
+        ts: Date.now(),
+        expanded: expanded2
+      };
+      saveSessionData(data);
+    } catch {
+    }
+  };
+  const cleanupOldSessions = () => {
+    try {
+      const data = loadSessionData();
+      const cutoff = Date.now() - TTL_MS;
+      let changed = false;
+      for (const sid of Object.keys(data)) {
+        if (data[sid].ts < cutoff) {
+          delete data[sid];
+          changed = true;
+        }
+      }
+      if (changed) saveSessionData(data);
+    } catch {
+    }
+  };
+  cleanupOldSessions();
+  const [entryMap, setEntryMapRaw] = createSignal(loadEntries(props.sessionId));
+  const setEntryMap = (arg) => {
+    setEntryMapRaw((prev) => {
+      const next = typeof arg === "function" ? arg(prev) : arg;
+      let needsImmediateFlush = false;
+      for (const [id, entry] of next) {
+        const prevEntry = prev.get(id);
+        if (prevEntry?.status === "running" && (entry.status === "done" || entry.status === "error")) {
+          needsImmediateFlush = true;
+          break;
+        }
+      }
+      if (needsImmediateFlush) {
+        clearTimeout(persistTimer);
+        try {
+          const data = loadSessionData();
+          data[props.sessionId] = {
+            ...data[props.sessionId],
+            ts: Date.now(),
+            entries: [...next.values()]
+          };
+          saveSessionData(data);
+        } catch {
+        }
+      } else {
+        persistEntries(props.sessionId, next);
+      }
+      globalEntryCache.set(props.sessionId, new Map(next));
+      return next;
+    });
+  };
+  const [panelWidth, setPanelWidth] = createSignal(28);
+  const [open, setOpen] = createSignal((() => {
+    try {
+      return props.api.kv.get(`${KV_PREFIX}.open`, true);
+    } catch {
+      return true;
+    }
+  })());
+  const [expanded, setExpanded] = createSignal((() => {
+    try {
+      return loadSessionData()[props.sessionId]?.expanded || void 0;
+    } catch {
+      return void 0;
+    }
+  })());
+  const [hoveredOpen, setHoveredOpen] = createSignal(void 0);
+  const [hoveredDismiss, setHoveredDismiss] = createSignal(void 0);
+  const [hoveredTop, setHoveredTop] = createSignal(false);
+  const [scrollOffset, setScrollOffset] = createSignal((() => {
+    try {
+      return loadSessionData()[props.sessionId]?.scroll ?? 0;
+    } catch {
+      return 0;
+    }
+  })());
+  const [now, setNow] = createSignal(Date.now());
+  const [renderTick, setRenderTick] = createSignal(0);
+  let boxEl;
+  let disposed = false;
+  const readSessionTokens = (sid) => {
+    if (!sid) return void 0;
+    try {
+      const msgs = props.api.state.session.messages(sid);
+      if (msgs) {
+        for (let i = msgs.length - 1; i >= 0; i--) {
+          const m = msgs[i];
+          if (m.role !== "assistant") continue;
+          const t2 = m.tokens;
+          if (!t2) continue;
+          const cache = t2.cache;
+          const ctx = (Number(t2.input) || 0) + (cache?.read ?? 0);
+          if (ctx > 0) return ctx;
+        }
+      }
+      return void 0;
+    } catch {
+      return void 0;
+    }
+  };
+  const readSessionCost = (sid) => {
+    if (!sid) return void 0;
+    try {
+      const session = props.api.state.session.get(sid);
+      if (session?.cost != null && session.cost > 0) return session.cost;
+      const msgs = props.api.state.session.messages(sid);
+      if (!msgs) return void 0;
+      let total = 0;
+      for (const m of msgs) {
+        if (m.role === "assistant" && typeof m.cost === "number") total += m.cost;
+      }
+      return total > 0 ? total : void 0;
+    } catch {
+      return void 0;
+    }
+  };
+  const readSessionModel = (sid) => {
+    if (!sid) return void 0;
+    try {
+      const msgs = props.api.state.session.messages(sid);
+      if (msgs) {
+        for (let i = msgs.length - 1; i >= 0; i--) {
+          const m = msgs[i];
+          if (m.role === "assistant" && m.modelID) return String(m.modelID);
+        }
+      }
+      return void 0;
+    } catch {
+      return void 0;
+    }
+  };
+  const readSessionTodo = (sid) => {
+    if (!sid) return void 0;
+    try {
+      const todos = props.api.state.session.todo(sid);
+      if (!todos || todos.length === 0) return void 0;
+      let done = 0;
+      for (const t2 of todos) {
+        if (t2.status === "completed" || t2.status === "cancelled") done++;
+      }
+      return {
+        total: todos.length,
+        done
+      };
+    } catch {
+      return void 0;
+    }
+  };
+  const upsertEntry = (partial) => {
+    setEntryMap((prev) => {
+      const existing = prev.get(partial.id);
+      const next = new Map(prev);
+      const nowTs = Date.now();
+      const e = partial.status;
+      const ended = e === "done" || e === "error";
+      next.set(partial.id, {
+        ...existing ?? {
+          startedAt: nowTs
+        },
+        ...partial,
+        startedAt: existing?.startedAt || partial.startedAt || nowTs,
+        endedAt: ended ? existing?.endedAt || nowTs : void 0
+      });
+      return next;
+    });
+  };
+  const handlePartUpdated = (event) => {
+    const e = event;
+    const props_ = e.properties;
+    const part = props_?.part;
+    if (!part) return;
+    if (part.type === "subtask") {
+      const agent = String(part.agent ?? "?");
+      const prompt = String(part.prompt ?? "");
+      const desc = String(part.description ?? "");
+      const title = desc || truncate(prompt.replace(/\n/g, " ").replace(/\s+/g, " ").trim(), 40);
+      const id = `sub:${String(part.id ?? crypto.randomUUID())}`;
+      const subSid = part.sessionID !== void 0 ? String(part.sessionID) : void 0;
+      const partModel = part.model;
+      const modelId = partModel?.modelID ? String(partModel.modelID) : void 0;
+      upsertEntry({
+        id,
+        title,
+        agent,
+        prompt,
+        sessionId: subSid,
+        status: "running",
+        model: modelId
+      });
+    }
+    if (part.type === "tool") {
+      const tool = String(part.tool ?? "");
+      if (!SUBAGENT_TOOLS.has(tool)) return;
+      const st = part.state;
+      const rawStatus = String(st?.status ?? "");
+      if (rawStatus === "pending" || rawStatus === "") return;
+      if (rawStatus === "error") {
+        const id2 = `tool:${String(part.id ?? "")}`;
+        if (!part.id) return;
+        const existing = entryMap().get(id2);
+        if (existing) {
+          upsertEntry({
+            id: id2,
+            title: existing.title,
+            agent: existing.agent,
+            prompt: existing.prompt,
+            status: "error"
+          });
+        }
+        return;
+      }
+      const input = st?.input;
+      let status = "running";
+      if (rawStatus === "completed") status = "done";
+      if (input?.run_in_background === true && status === "done") {
+        const stMetaCheck = st?.metadata;
+        const hasChild = stMetaCheck?.session_id !== void 0 || stMetaCheck?.sessionId !== void 0;
+        if (hasChild) status = "running";
+      }
+      const agent = String(part.subagent_type ?? input?.subagent_type ?? input?.category ?? tool);
+      const prompt = String(input?.prompt ?? part.description ?? "");
+      const desc = input?.description !== void 0 ? String(input.description) : "";
+      const title = desc || truncate(prompt.replace(/\n/g, " ").replace(/\s+/g, " ").trim(), 40);
+      const id = `tool:${String(part.id ?? crypto.randomUUID())}`;
+      const stMeta = st?.metadata;
+      const subSid = stMeta?.session_id !== void 0 ? String(stMeta.session_id) : stMeta?.sessionId !== void 0 ? String(stMeta.sessionId) : void 0;
+      upsertEntry({
+        id,
+        title,
+        agent,
+        prompt,
+        sessionId: subSid,
+        status
+      });
+    }
+  };
+  const handleSessionEnd = (event, status) => {
+    const e = event;
+    const props_ = e.properties;
+    const sid = String(props_?.sessionID ?? "");
+    if (!sid) return;
+    const sessionTokens = readSessionTokens(sid);
+    const sessionCost = readSessionCost(sid);
+    const sessionModel = readSessionModel(sid);
+    const sessionTodo = readSessionTodo(sid);
+    let sessionAgent;
+    let errorMsg;
+    try {
+      const s = props.api.state.session.get(sid);
+      sessionAgent = s?.agent;
+      if (status === "error") {
+        const evtErr = props_?.error;
+        errorMsg = safeErrorMsg(evtErr) || safeErrorMsg(props_?.message);
+        if (!errorMsg) {
+          const msgs = props.api.state.session.messages(sid);
+          if (msgs) {
+            for (let i = msgs.length - 1; i >= 0; i--) {
+              const m = msgs[i];
+              if (m.role === "assistant" && m.error) {
+                errorMsg = safeErrorMsg(m.error);
+                break;
+              }
+            }
+          }
+        }
+      }
+    } catch {
+    }
+    const tryMatchAndUpdate = (entriesMap, targetSid, targetStatus, nowTs) => {
+      for (const [, entry] of entriesMap) {
+        if (entry.sessionId === targetSid && entry.status === "running") {
+          entry.status = targetStatus;
+          entry.endedAt = nowTs;
+          entry.tokens = entry.tokens ?? sessionTokens;
+          entry.cost = entry.cost ?? sessionCost;
+          entry.model = entry.model ?? sessionModel;
+          entry.todoTotal = entry.todoTotal ?? sessionTodo?.total;
+          entry.todoDone = entry.todoDone ?? sessionTodo?.done;
+          entry.error = errorMsg || entry.error;
+          return true;
+        }
+      }
+      if (sessionAgent) {
+        const normalize = (s) => s.toLowerCase().replace(/[^a-z0-9-]/g, "");
+        const saNorm = normalize(sessionAgent);
+        let best = null;
+        for (const [, entry] of entriesMap) {
+          if (entry.status !== "running") continue;
+          const eaNorm = normalize(entry.agent);
+          if (!eaNorm || !saNorm) continue;
+          if (!eaNorm.includes(saNorm) && !saNorm.includes(eaNorm)) continue;
+          const gap = nowTs - (entry.startedAt || 0);
+          if (!best || gap > best.gap) best = {
+            entry,
+            gap
+          };
+        }
+        if (!best) {
+          for (const [, entry] of entriesMap) {
+            if (entry.status !== "running") continue;
+            if (entry.sessionId) continue;
+            const gap = nowTs - (entry.startedAt || 0);
+            if (!best || gap > best.gap) best = {
+              entry,
+              gap
+            };
+          }
+        }
+        if (best) {
+          best.entry.status = targetStatus;
+          best.entry.endedAt = nowTs;
+          best.entry.tokens = best.entry.tokens ?? sessionTokens;
+          best.entry.cost = best.entry.cost ?? sessionCost;
+          best.entry.model = best.entry.model ?? sessionModel;
+          best.entry.todoTotal = best.entry.todoTotal ?? sessionTodo?.total;
+          best.entry.todoDone = best.entry.todoDone ?? sessionTodo?.done;
+          best.entry.sessionId = targetSid;
+          best.entry.error = errorMsg || best.entry.error;
+          return true;
+        }
+      }
+      return false;
+    };
+    setEntryMap((prev) => {
+      let changed = false;
+      const next = new Map(prev);
+      for (const [id, entry] of next) {
+        if (entry.sessionId !== sid) continue;
+        if (entry.status !== "running" && entry.status !== "done") continue;
+        if (sid === props.sessionId) continue;
+        const alreadySettled = entry.status !== "running";
+        next.set(id, {
+          ...entry,
+          ...alreadySettled ? {} : {
+            status,
+            endedAt: Date.now()
+          },
+          tokens: entry.tokens ?? sessionTokens,
+          cost: entry.cost ?? sessionCost,
+          model: entry.model ?? sessionModel,
+          todoTotal: entry.todoTotal ?? sessionTodo?.total,
+          todoDone: entry.todoDone ?? sessionTodo?.done,
+          error: errorMsg || entry.error
+        });
+        changed = true;
+      }
+      if (!changed && sessionAgent) {
+        const nowTs = Date.now();
+        const normalize = (s) => s.toLowerCase().replace(/[^a-z0-9-]/g, "");
+        const saNorm = normalize(sessionAgent);
+        let best = null;
+        for (const [id, entry] of next) {
+          if (entry.status !== "running") continue;
+          const eaNorm = normalize(entry.agent);
+          if (!eaNorm || !saNorm) continue;
+          if (!eaNorm.includes(saNorm) && !saNorm.includes(eaNorm)) continue;
+          const gap = nowTs - (entry.startedAt || 0);
+          if (!best || gap > best.gap) best = {
+            id,
+            gap
+          };
+        }
+        if (!best) {
+          for (const [id, entry] of next) {
+            if (entry.status !== "running") continue;
+            if (entry.sessionId) continue;
+            const gap = nowTs - (entry.startedAt || 0);
+            if (!best || gap > best.gap) best = {
+              id,
+              gap
+            };
+          }
+        }
+        if (best) {
+          const entry = next.get(best.id);
+          next.set(best.id, {
+            ...entry,
+            status,
+            endedAt: nowTs,
+            tokens: sessionTokens || entry.tokens,
+            cost: sessionCost || entry.cost,
+            sessionId: sid,
+            error: errorMsg || entry.error
+          });
+          changed = true;
+        }
+      }
+      return changed ? next : prev;
+    });
+    try {
+      const sessionObj = props.api.state.session.get(sid);
+      const parentSid = sessionObj?.parentID;
+      if (parentSid && parentSid !== props.sessionId) {
+        const parentCache = globalEntryCache.get(parentSid);
+        const nowTs = Date.now();
+        let found = false;
+        if (parentCache) {
+          found = tryMatchAndUpdate(parentCache, sid, status, nowTs);
+        }
+        if (!found) {
+          const data = loadSessionData();
+          const rec = data[parentSid];
+          if (rec?.entries) {
+            const fallbackMap = new Map(rec.entries.map((e2) => [e2.id, e2]));
+            found = tryMatchAndUpdate(fallbackMap, sid, status, nowTs);
+            if (found) {
+              data[parentSid] = {
+                ...rec,
+                ts: nowTs,
+                entries: [...fallbackMap.values()]
+              };
+              saveSessionData(data);
+              globalEntryCache.set(parentSid, fallbackMap);
+            }
+          }
+        }
+        if (found && parentCache) {
+          const data = loadSessionData();
+          data[parentSid] = {
+            ...data[parentSid],
+            ts: nowTs,
+            entries: [...parentCache.values()]
+          };
+          saveSessionData(data);
+        }
+      }
+    } catch {
+    }
+    setTimeout(() => {
+      if (disposed) return;
+      const finalTokens = readSessionTokens(sid);
+      const finalCost = readSessionCost(sid);
+      const finalModel = readSessionModel(sid);
+      const finalTodo = readSessionTodo(sid);
+      setEntryMap((prev) => {
+        let changed = false;
+        const next = new Map(prev);
+        for (const [id, entry] of next) {
+          if (entry.sessionId !== sid) continue;
+          const t2 = finalTokens ?? entry.tokens;
+          const c = finalCost ?? entry.cost;
+          const m = finalModel ?? entry.model;
+          const tt = finalTodo?.total ?? entry.todoTotal;
+          const td = finalTodo?.done ?? entry.todoDone;
+          if (t2 !== entry.tokens || c !== entry.cost || m !== entry.model || tt !== entry.todoTotal || td !== entry.todoDone) {
+            next.set(id, {
+              ...entry,
+              tokens: t2,
+              cost: c,
+              model: m,
+              todoTotal: tt,
+              todoDone: td
+            });
+            changed = true;
+          }
+        }
+        return changed ? next : prev;
+      });
+      bump();
+    }, 150);
+  };
+  const bump = () => setRenderTick((v) => v + 1);
+  onMount(() => {
+    const clock = setInterval(() => {
+      setNow(Date.now());
+      bump();
+    }, 100);
+    const tokenTimer = setInterval(() => {
+      untrack(() => {
+        setEntryMapRaw((prev) => {
+          let changed = false;
+          const next = new Map(prev);
+          for (const [id, entry] of next) {
+            if (entry.status === "running" && entry.sessionId) {
+              let isChild = false;
+              try {
+                const s = props.api.state.session.get(entry.sessionId);
+                isChild = s?.parentID === props.sessionId;
+              } catch {
+              }
+              if (!isChild) continue;
+              const total = readSessionTokens(entry.sessionId);
+              const todo = readSessionTodo(entry.sessionId);
+              const model = entry.model ?? readSessionModel(entry.sessionId);
+              const nextEntry = {
+                ...entry
+              };
+              if (total !== void 0 && total !== entry.tokens) {
+                nextEntry.tokens = total;
+                changed = true;
+              }
+              if (todo !== void 0) {
+                if (todo.total !== entry.todoTotal || todo.done !== entry.todoDone) {
+                  nextEntry.todoTotal = todo.total;
+                  nextEntry.todoDone = todo.done;
+                  changed = true;
+                }
+              }
+              if (model && !entry.model) {
+                nextEntry.model = model;
+                changed = true;
+              }
+              if (changed) next.set(id, nextEntry);
+            }
+          }
+          return changed ? next : prev;
+        });
+      });
+      bump();
+    }, 500);
+    bump();
+    const unsubPart = props.api.event.on("message.part.updated", (e) => {
+      handlePartUpdated(e);
+      bump();
+    });
+    const unsubMsg = props.api.event.on("message.updated", () => bump());
+    const unsubIdle = props.api.event.on("session.idle", (e) => {
+      handleSessionEnd(e, "done");
+      bump();
+    });
+    const unsubError = props.api.event.on("session.error", (e) => {
+      handleSessionEnd(e, "error");
+      bump();
+    });
+    onCleanup(() => {
+      disposed = true;
+      clearInterval(clock);
+      clearInterval(tokenTimer);
+      unsubPart();
+      unsubMsg();
+      unsubIdle();
+      unsubError();
+    });
+  });
+  let lastSid = props.sessionId;
+  createEffect(() => {
+    const sid = props.sessionId;
+    const switched = sid !== lastSid;
+    lastSid = sid;
+    const t2 = setTimeout(() => {
+      untrack(() => {
+        if (switched) {
+          const saved = loadSessionData()[sid]?.scroll ?? 0;
+          setScrollOffset(saved);
+        }
+        setEntryMapRaw((prev) => {
+          const next = switched ? new Map(globalEntryCache.get(sid) ?? loadEntries(sid)) : new Map(prev);
+          try {
+            const msgs = props.api.state.session.messages(sid);
+            if (msgs && msgs.length) {
+              for (const msg of msgs) {
+                const parts = props.api.state.part(msg.id) ?? [];
+                for (const partRaw of parts) {
+                  const part = partRaw;
+                  if (part.type === "tool") {
+                    const tool = String(part.tool ?? "");
+                    if (!SUBAGENT_TOOLS.has(tool)) continue;
+                    const id = `tool:${String(part.id ?? "")}`;
+                    if (!part.id) continue;
+                    const st = part.state;
+                    const rawStatus = String(st?.status ?? "");
+                    const exists = next.get(id);
+                    if ((rawStatus === "pending" || rawStatus === "") && !exists) continue;
+                    if (rawStatus === "error") {
+                      if (exists && exists.status === "running") {
+                        next.set(id, {
+                          ...exists,
+                          status: "error",
+                          endedAt: Date.now()
+                        });
+                      }
+                      continue;
+                    }
+                    let status = "running";
+                    if (rawStatus === "completed") status = "done";
+                    if (st?.input?.run_in_background === true && status === "done") {
+                      const scanStMeta = st?.metadata;
+                      const scanHasChild = scanStMeta?.session_id !== void 0 || scanStMeta?.sessionId !== void 0;
+                      if (scanHasChild) status = "running";
+                    }
+                    if (exists && exists.status !== "running") continue;
+                    if (exists && status === "running") {
+                      if (!rawStatus) {
+                        const msgTokens = msg?.tokens;
+                        if (msgTokens && (Number(msgTokens.input) > 0 || Number(msgTokens.output) > 0)) {
+                          status = "done";
+                        } else if (Date.now() - exists.startedAt > 30 * 60 * 1e3) {
+                          status = "done";
+                        } else {
+                          continue;
+                        }
+                      } else {
+                        continue;
+                      }
+                    }
+                    const input = st?.input;
+                    const agent = String(part.subagent_type ?? input?.subagent_type ?? tool);
+                    const prompt = String(input?.prompt ?? part.description ?? "");
+                    const desc = input?.description !== void 0 ? String(input.description) : "";
+                    const title = desc || truncate(prompt.replace(/\n/g, " ").trim(), 40);
+                    let tokens;
+                    const scanStMeta2 = st?.metadata;
+                    const scanSubSid = scanStMeta2?.session_id !== void 0 ? String(scanStMeta2.session_id) : scanStMeta2?.sessionId !== void 0 ? String(scanStMeta2.sessionId) : void 0;
+                    if (scanSubSid) tokens = readSessionTokens(scanSubSid);
+                    const ended = status === "done";
+                    next.set(id, {
+                      id,
+                      title,
+                      agent,
+                      prompt,
+                      // Preserve existing values (from handleSessionEnd / KV) — scan must not overwrite
+                      tokens: exists?.tokens ?? tokens,
+                      sessionId: exists?.sessionId ?? scanSubSid,
+                      status,
+                      startedAt: exists?.startedAt || Date.now(),
+                      endedAt: ended ? exists?.endedAt || Date.now() : void 0
+                    });
+                  }
+                }
+              }
+            }
+          } catch {
+          }
+          return next;
+        });
+        setEntryMapRaw((prev) => {
+          let changed = false;
+          const next = new Map(prev);
+          for (const [id, entry] of next) {
+            if (entry.status !== "running" || !entry.sessionId) continue;
+            try {
+              const st = props.api.state.session.status(entry.sessionId);
+              if (!st || st.type !== "idle") continue;
+              const tokens = readSessionTokens(entry.sessionId);
+              const cost = readSessionCost(entry.sessionId);
+              next.set(id, {
+                ...entry,
+                status: "done",
+                endedAt: Date.now(),
+                tokens: tokens ?? entry.tokens,
+                cost: cost ?? entry.cost
+              });
+              changed = true;
+            } catch {
+            }
+          }
+          return changed ? next : prev;
+        });
+        bump();
+      });
+    }, 150);
+    onCleanup(() => clearTimeout(t2));
+  });
+  const pal = createMemo(() => {
+    const th = props.theme;
+    const sat = (k, fb) => desaturateTo(th[k], MAX_SAT, fb);
+    return {
+      primary: sat("primary", FALLBACK.primary),
+      text: sat("text", FALLBACK.text),
+      muted: sat("textMuted", FALLBACK.muted),
+      success: sat("success", FALLBACK.success),
+      warning: sat("warning", FALLBACK.warning),
+      error: sat("error", FALLBACK.error),
+      border: sat("border", FALLBACK.border)
+    };
+  });
+  const entryList = createMemo(() => {
+    return [...entryMap().values()].sort((a, b) => b.startedAt - a.startedAt);
+  });
+  const max = props.maxEntries;
+  const clampedOffset = createMemo(() => {
+    const total = entryList().length;
+    const m = max();
+    if (total <= m) return 0;
+    return Math.min(scrollOffset(), total - m);
+  });
+  const visibleList = createMemo(() => entryList().slice(clampedOffset(), clampedOffset() + max()));
+  const hiddenAbove = createMemo(() => clampedOffset());
+  const hiddenBelow = createMemo(() => Math.max(0, entryList().length - clampedOffset() - max()));
+  const entries = createMemo(() => {
+    const nowVal = now();
+    return entryList().map((e) => ({
+      ...e,
+      elapsed: (e.endedAt ?? nowVal) - e.startedAt
+    }));
+  });
+  const doneCount = createMemo(() => entryList().filter((e) => e.status === "done").length);
+  const runningCount = createMemo(() => entryList().filter((e) => e.status === "running").length);
+  const errCount = createMemo(() => entryList().filter((e) => e.status === "error").length);
+  const anyEntry = () => entryList().length > 0;
+  const totalTokens = createMemo(() => {
+    let sum = 0;
+    for (const e of entryList()) {
+      if (e.tokens) sum += e.tokens;
+    }
+    return sum;
+  });
+  const totalCost = createMemo(() => {
+    let sum = 0;
+    for (const e of entryList()) {
+      if (e.cost) sum += e.cost;
+    }
+    return sum;
+  });
+  const toggleExpand = (id) => {
+    setExpanded((prev) => {
+      const next = prev === id ? void 0 : id;
+      try {
+        persistExpanded(props.sessionId, next ?? "");
+      } catch {
+      }
+      return next;
+    });
+  };
+  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")];
+    return Math.max(...labels.map((l) => visualWidth(l + ": ")));
+  });
+  const expandedPad = (label) => Math.max(0, expandedMaxLabelW() - visualWidth(label + ": "));
+  const expandedValAvail = () => Math.max(6, panelWidth() - INDENT - expandedMaxLabelW());
+  const summaryParts = createMemo(() => {
+    if (!anyEntry()) return null;
+    const dot = "\u25CF";
+    const cost = totalCost();
+    return {
+      done: `${dot}${doneCount()}`,
+      running: runningCount() > 0 ? `${dot}${runningCount()}` : null,
+      err: errCount() > 0 ? `${dot}${errCount()}` : null,
+      duration: totalTokens() > 0 ? fmtTokens(totalTokens()) : "",
+      cost: cost > 0 ? `$${cost.toFixed(2)}` : ""
+    };
+  });
+  const summaryCols = createMemo(() => {
+    const p = summaryParts();
+    if (!p) return 0;
+    let w = visualWidth(p.done);
+    if (p.running) w += 1 + visualWidth(p.running);
+    if (p.err) w += 1 + visualWidth(p.err);
+    w += p.duration ? 1 + visualWidth(p.duration) : 0;
+    w += p.cost ? 1 + visualWidth(p.cost) : 0;
+    return w;
+  });
+  const versionText = ` v${PLUGIN_VERSION}`;
+  const versionW = visualWidth(versionText);
+  const showVersion = createMemo(() => {
+    if (!open()) return false;
+    const icon = "\u25BC";
+    const need = visualWidth(icon) + 1 + visualWidth(t("panel.title")) + versionW + summaryCols();
+    return need <= panelWidth();
+  });
+  const leftCols = createMemo(() => {
+    const icon = open() ? "\u25BC" : "\u25B6";
+    let w = visualWidth(icon) + 1 + visualWidth(t("panel.title"));
+    if (showVersion()) w += versionW;
+    return w;
+  });
+  const spacerCols = createMemo(() => {
+    if (!anyEntry()) return 0;
+    return Math.max(0, panelWidth() - leftCols() - summaryCols());
+  });
+  const valueCols = (label) => Math.max(4, panelWidth() - INDENT - visualWidth(label + ": "));
+  return (() => {
+    var _el$ = _$createElement("box"), _el$2 = _$createElement("text"), _el$3 = _$createElement("span"), _el$4 = _$createElement("span");
+    _$insertNode(_el$, _el$2);
+    var _ref$ = boxEl;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$) : boxEl = _el$;
+    _$setProp(_el$, "border", false);
+    _$setProp(_el$, "paddingTop", 0);
+    _$setProp(_el$, "paddingBottom", 0);
+    _$setProp(_el$, "paddingLeft", 0);
+    _$setProp(_el$, "paddingRight", 0);
+    _$setProp(_el$, "flexDirection", "column");
+    _$setProp(_el$, "gap", 0);
+    _$setProp(_el$, "onSizeChange", () => {
+      const w = boxEl ? Math.max(20, boxEl.width ?? 0) : 28;
+      setPanelWidth((prev) => prev === w ? prev : w);
+    });
+    _$insertNode(_el$2, _el$3);
+    _$insertNode(_el$2, _el$4);
+    _$setProp(_el$2, "onMouseUp", () => {
+      setOpen((o) => {
+        const n = !o;
+        try {
+          props.api.kv.set(`${KV_PREFIX}.open`, n);
+        } catch {
+        }
+        return n;
+      });
+      bump();
+    });
+    _$insert(_el$3, () => renderTick() >= 0 && open() ? "\u25BC " : "\u25B6 ");
+    _$insert(_el$4, () => t("panel.title"));
+    _$insert(_el$2, _$createComponent(Show, {
+      get when() {
+        return showVersion();
+      },
+      get children() {
+        var _el$5 = _$createElement("span");
+        _$insert(_el$5, versionText);
+        _$effect((_$p) => _$setProp(_el$5, "style", {
+          fg: dimColor(pal().muted, 0.75)
+        }, _$p));
+        return _el$5;
+      }
+    }), null);
+    _$insert(_el$2, (() => {
+      var _c$ = _$memo(() => !!anyEntry());
+      return () => _c$() ? [(() => {
+        var _el$10 = _$createElement("span");
+        _$insert(_el$10, () => " ".repeat(spacerCols()));
+        _$effect((_$p) => _$setProp(_el$10, "style", {
+          fg: pal().muted
+        }, _$p));
+        return _el$10;
+      })(), (() => {
+        var _el$11 = _$createElement("span");
+        _$insert(_el$11, () => summaryParts().done);
+        _$effect((_$p) => _$setProp(_el$11, "style", {
+          fg: pal().success
+        }, _$p));
+        return _el$11;
+      })(), _$memo(() => _$memo(() => runningCount() > 0)() && (() => {
+        var _el$12 = _$createElement("span"), _el$13 = _$createTextNode(` `);
+        _$insertNode(_el$12, _el$13);
+        _$insert(_el$12, () => summaryParts().running, null);
+        _$effect((_$p) => _$setProp(_el$12, "style", {
+          fg: pal().warning
+        }, _$p));
+        return _el$12;
+      })()), _$memo(() => _$memo(() => errCount() > 0)() && (() => {
+        var _el$14 = _$createElement("span"), _el$15 = _$createTextNode(` `);
+        _$insertNode(_el$14, _el$15);
+        _$insert(_el$14, () => summaryParts().err, null);
+        _$effect((_$p) => _$setProp(_el$14, "style", {
+          fg: pal().error
+        }, _$p));
+        return _el$14;
+      })()), _$memo(() => _$memo(() => !!summaryParts().duration)() ? (() => {
+        var _el$16 = _$createElement("span"), _el$17 = _$createTextNode(` `);
+        _$insertNode(_el$16, _el$17);
+        _$insert(_el$16, () => summaryParts().duration, null);
+        _$effect((_$p) => _$setProp(_el$16, "style", {
+          fg: pal().muted
+        }, _$p));
+        return _el$16;
+      })() : null), _$memo(() => _$memo(() => !!summaryParts().cost)() ? (() => {
+        var _el$18 = _$createElement("span"), _el$19 = _$createTextNode(` `);
+        _$insertNode(_el$18, _el$19);
+        _$insert(_el$18, () => summaryParts().cost, null);
+        _$effect((_$p) => _$setProp(_el$18, "style", {
+          fg: pal().warning
+        }, _$p));
+        return _el$18;
+      })() : null)] : null;
+    })(), null);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return open();
+      },
+      get children() {
+        return [(() => {
+          var _el$6 = _$createElement("text");
+          _$insert(_el$6, sep);
+          _$effect((_$p) => _$setProp(_el$6, "fg", pal().muted, _$p));
+          return _el$6;
+        })(), _$createComponent(Show, {
+          get when() {
+            return anyEntry();
+          },
+          get fallback() {
+            return (() => {
+              var _el$20 = _$createElement("text"), _el$21 = _$createTextNode(`  &gt; `), _el$23 = _$createTextNode(` `);
+              _$insertNode(_el$20, _el$21);
+              _$insertNode(_el$20, _el$23);
+              _$insert(_el$20, () => t("status.none"), _el$23);
+              _$effect((_$p) => _$setProp(_el$20, "style", {
+                fg: pal().muted
+              }, _$p));
+              return _el$20;
+            })();
+          },
+          get children() {
+            var _el$7 = _$createElement("box");
+            _$setProp(_el$7, "onMouseScroll", (e) => {
+              const total = entryList().length;
+              const m = max();
+              if (total <= m) return;
+              const dir = e.button === 0 ? 1 : -1;
+              setScrollOffset((prev) => {
+                const next = Math.max(0, Math.min(prev + dir, total - m));
+                try {
+                  persistScroll(props.sessionId, next);
+                } catch {
+                }
+                return next;
+              });
+            });
+            _$insert(_el$7, _$createComponent(Show, {
+              get when() {
+                return hiddenAbove() > 0;
+              },
+              get children() {
+                var _el$8 = _$createElement("text"), _el$9 = _$createTextNode(`  &uarr; `), _el$1 = _$createTextNode(` `);
+                _$insertNode(_el$8, _el$9);
+                _$insertNode(_el$8, _el$1);
+                _$insert(_el$8, hiddenAbove, _el$1);
+                _$insert(_el$8, () => t("scroll.more"), null);
+                _$effect((_$p) => _$setProp(_el$8, "style", {
+                  fg: pal().muted
+                }, _$p));
+                return _el$8;
+              }
+            }), null);
+            _$insert(_el$7, _$createComponent(For, {
+              get each() {
+                return visibleList();
+              },
+              children: (entry) => {
+                const isExpanded = () => expanded() === entry.id;
+                const isRunning = entry.status === "running";
+                const isError = entry.status === "error";
+                const elapsed = () => (entry.endedAt ?? now()) - entry.startedAt;
+                const statusDot = () => "\u25CF";
+                const statusColor = () => {
+                  if (!isRunning) return isError ? pal().error : pal().success;
+                  const t2 = (Math.sin(now() % 2e3 / 2e3 * Math.PI * 2 - Math.PI / 2) + 1) / 2;
+                  const a = rgb(pal().muted), b = rgb(pal().warning);
+                  if (!a || !b) return pal().warning;
+                  const r = Math.round(a.r + (b.r - a.r) * t2);
+                  const g = Math.round(a.g + (b.g - a.g) * t2);
+                  const bl = Math.round(a.b + (b.b - a.b) * t2);
+                  return "#" + [r, g, bl].map((v) => Math.max(0, Math.min(255, v)).toString(16).padStart(2, "0")).join("");
+                };
+                const timeColor = () => isRunning ? pal().warning : isError ? pal().error : pal().muted;
+                const tokenText = () => !isExpanded() && entry.tokens !== void 0 && entry.tokens > 0 ? ` ${fmtTokens(entry.tokens)}` : "";
+                const timeText = () => !isExpanded() && (elapsed() >= 2e3 || entry.endedAt !== void 0) ? fmtDurationShort(elapsed(), isRunning) : "";
+                const suffixW = () => {
+                  let w = 0;
+                  const t2 = timeText();
+                  if (t2) w += 1 + visualWidth(t2);
+                  const tk = tokenText();
+                  if (tk) w += visualWidth(tk);
+                  return w;
+                };
+                const labelAvail = () => Math.max(6, panelWidth() - LEFT_PAD - suffixW());
+                const labelText = () => {
+                  const max2 = labelAvail();
+                  const text = entry.title || entry.agent;
+                  const truncated = truncate(text, max2);
+                  const pad = Math.max(0, max2 - visualWidth(truncated));
+                  return truncated + " ".repeat(pad);
+                };
+                return [(() => {
+                  var _el$24 = _$createElement("text"), _el$25 = _$createElement("span"), _el$26 = _$createTextNode(` `), _el$27 = _$createElement("span"), _el$28 = _$createTextNode(` `), _el$29 = _$createElement("span");
+                  _$insertNode(_el$24, _el$25);
+                  _$insertNode(_el$24, _el$26);
+                  _$insertNode(_el$24, _el$27);
+                  _$insertNode(_el$24, _el$28);
+                  _$insertNode(_el$24, _el$29);
+                  _$setProp(_el$24, "onMouseUp", () => toggleExpand(entry.id));
+                  _$insert(_el$25, () => isExpanded() ? "\u25BC" : "\u25B6");
+                  _$insert(_el$27, statusDot);
+                  _$insert(_el$29, labelText);
+                  _$insert(_el$24, (() => {
+                    var _c$2 = _$memo(() => !!timeText());
+                    return () => _c$2() ? [" ", (() => {
+                      var _el$80 = _$createElement("span");
+                      _$insert(_el$80, timeText);
+                      _$effect((_$p) => _$setProp(_el$80, "style", {
+                        fg: timeColor()
+                      }, _$p));
+                      return _el$80;
+                    })()] : null;
+                  })(), null);
+                  _$insert(_el$24, (() => {
+                    var _c$3 = _$memo(() => !!tokenText());
+                    return () => _c$3() ? (() => {
+                      var _el$81 = _$createElement("span");
+                      _$insert(_el$81, tokenText);
+                      _$effect((_$p) => _$setProp(_el$81, "style", {
+                        fg: pal().muted
+                      }, _$p));
+                      return _el$81;
+                    })() : null;
+                  })(), null);
+                  _$effect((_p$) => {
+                    var _v$3 = {
+                      fg: pal().muted
+                    }, _v$4 = {
+                      fg: statusColor()
+                    }, _v$5 = {
+                      fg: pal().text
+                    };
+                    _v$3 !== _p$.e && (_p$.e = _$setProp(_el$25, "style", _v$3, _p$.e));
+                    _v$4 !== _p$.t && (_p$.t = _$setProp(_el$27, "style", _v$4, _p$.t));
+                    _v$5 !== _p$.a && (_p$.a = _$setProp(_el$29, "style", _v$5, _p$.a));
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0
+                  });
+                  return _el$24;
+                })(), _$createComponent(Show, {
+                  get when() {
+                    return isExpanded();
+                  },
+                  get children() {
+                    return [(() => {
+                      var _el$30 = _$createElement("text"), _el$31 = _$createTextNode(`  `), _el$32 = _$createElement("span"), _el$33 = _$createTextNode(`: `), _el$34 = _$createElement("span"), _el$35 = _$createElement("span");
+                      _$insertNode(_el$30, _el$31);
+                      _$insertNode(_el$30, _el$32);
+                      _$insertNode(_el$30, _el$34);
+                      _$insertNode(_el$30, _el$35);
+                      _$insertNode(_el$32, _el$33);
+                      _$insert(_el$32, () => t("agent.label"), _el$33);
+                      _$insert(_el$34, () => " ".repeat(expandedPad(t("agent.label"))));
+                      _$insert(_el$35, () => entry.agent);
+                      _$effect((_p$) => {
+                        var _v$6 = {
+                          fg: pal().primary
+                        }, _v$7 = {
+                          fg: pal().muted
+                        }, _v$8 = {
+                          fg: pal().muted
+                        };
+                        _v$6 !== _p$.e && (_p$.e = _$setProp(_el$32, "style", _v$6, _p$.e));
+                        _v$7 !== _p$.t && (_p$.t = _$setProp(_el$34, "style", _v$7, _p$.t));
+                        _v$8 !== _p$.a && (_p$.a = _$setProp(_el$35, "style", _v$8, _p$.a));
+                        return _p$;
+                      }, {
+                        e: void 0,
+                        t: void 0,
+                        a: void 0
+                      });
+                      return _el$30;
+                    })(), (() => {
+                      var _el$36 = _$createElement("text"), _el$37 = _$createTextNode(`  `), _el$38 = _$createElement("span"), _el$39 = _$createTextNode(`: `), _el$40 = _$createElement("span"), _el$41 = _$createElement("span");
+                      _$insertNode(_el$36, _el$37);
+                      _$insertNode(_el$36, _el$38);
+                      _$insertNode(_el$36, _el$40);
+                      _$insertNode(_el$36, _el$41);
+                      _$insertNode(_el$38, _el$39);
+                      _$insert(_el$38, () => t("status.label"), _el$39);
+                      _$insert(_el$40, () => " ".repeat(expandedPad(t("status.label"))));
+                      _$insert(_el$41, () => isRunning ? t("status.running") : isError ? t("status.error") : t("status.done"));
+                      _$effect((_p$) => {
+                        var _v$9 = {
+                          fg: pal().primary
+                        }, _v$0 = {
+                          fg: pal().muted
+                        }, _v$1 = {
+                          fg: isRunning ? pal().warning : isError ? pal().error : pal().success
+                        };
+                        _v$9 !== _p$.e && (_p$.e = _$setProp(_el$38, "style", _v$9, _p$.e));
+                        _v$0 !== _p$.t && (_p$.t = _$setProp(_el$40, "style", _v$0, _p$.t));
+                        _v$1 !== _p$.a && (_p$.a = _$setProp(_el$41, "style", _v$1, _p$.a));
+                        return _p$;
+                      }, {
+                        e: void 0,
+                        t: void 0,
+                        a: void 0
+                      });
+                      return _el$36;
+                    })(), _$createComponent(Show, {
+                      get when() {
+                        return elapsed() >= 2e3 || entry.endedAt !== void 0;
+                      },
+                      get children() {
+                        var _el$42 = _$createElement("text"), _el$43 = _$createTextNode(`  `), _el$44 = _$createElement("span"), _el$45 = _$createTextNode(`: `), _el$46 = _$createElement("span"), _el$47 = _$createElement("span");
+                        _$insertNode(_el$42, _el$43);
+                        _$insertNode(_el$42, _el$44);
+                        _$insertNode(_el$42, _el$46);
+                        _$insertNode(_el$42, _el$47);
+                        _$insertNode(_el$44, _el$45);
+                        _$insert(_el$44, () => t("time.label"), _el$45);
+                        _$insert(_el$46, () => " ".repeat(expandedPad(t("time.label"))));
+                        _$insert(_el$47, () => fmtDurationShort(elapsed(), isRunning));
+                        _$effect((_p$) => {
+                          var _v$10 = {
+                            fg: pal().primary
+                          }, _v$11 = {
+                            fg: pal().muted
+                          }, _v$12 = {
+                            fg: pal().muted
+                          };
+                          _v$10 !== _p$.e && (_p$.e = _$setProp(_el$44, "style", _v$10, _p$.e));
+                          _v$11 !== _p$.t && (_p$.t = _$setProp(_el$46, "style", _v$11, _p$.t));
+                          _v$12 !== _p$.a && (_p$.a = _$setProp(_el$47, "style", _v$12, _p$.a));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0,
+                          a: void 0
+                        });
+                        return _el$42;
+                      }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return entry.tokens !== void 0;
+                      },
+                      get children() {
+                        var _el$48 = _$createElement("text"), _el$49 = _$createTextNode(`  `), _el$50 = _$createElement("span"), _el$51 = _$createTextNode(`: `), _el$52 = _$createElement("span"), _el$53 = _$createElement("span");
+                        _$insertNode(_el$48, _el$49);
+                        _$insertNode(_el$48, _el$50);
+                        _$insertNode(_el$48, _el$52);
+                        _$insertNode(_el$48, _el$53);
+                        _$insertNode(_el$50, _el$51);
+                        _$insert(_el$50, () => t("tokens.label"), _el$51);
+                        _$insert(_el$52, () => " ".repeat(expandedPad(t("tokens.label"))));
+                        _$insert(_el$53, () => fmtTokens(entry.tokens));
+                        _$effect((_p$) => {
+                          var _v$13 = {
+                            fg: pal().primary
+                          }, _v$14 = {
+                            fg: pal().muted
+                          }, _v$15 = {
+                            fg: pal().muted
+                          };
+                          _v$13 !== _p$.e && (_p$.e = _$setProp(_el$50, "style", _v$13, _p$.e));
+                          _v$14 !== _p$.t && (_p$.t = _$setProp(_el$52, "style", _v$14, _p$.t));
+                          _v$15 !== _p$.a && (_p$.a = _$setProp(_el$53, "style", _v$15, _p$.a));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0,
+                          a: void 0
+                        });
+                        return _el$48;
+                      }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return entry.error;
+                      },
+                      get children() {
+                        var _el$54 = _$createElement("text"), _el$55 = _$createTextNode(`  `), _el$56 = _$createElement("span"), _el$57 = _$createTextNode(`: `), _el$58 = _$createElement("span"), _el$59 = _$createElement("span");
+                        _$insertNode(_el$54, _el$55);
+                        _$insertNode(_el$54, _el$56);
+                        _$insertNode(_el$54, _el$58);
+                        _$insertNode(_el$54, _el$59);
+                        _$insertNode(_el$56, _el$57);
+                        _$insert(_el$56, () => t("error.label"), _el$57);
+                        _$insert(_el$58, () => " ".repeat(expandedPad(t("error.label"))));
+                        _$insert(_el$59, () => truncate(String(entry.error), expandedValAvail()));
+                        _$effect((_p$) => {
+                          var _v$16 = {
+                            fg: pal().error
+                          }, _v$17 = {
+                            fg: pal().muted
+                          }, _v$18 = {
+                            fg: pal().error
+                          };
+                          _v$16 !== _p$.e && (_p$.e = _$setProp(_el$56, "style", _v$16, _p$.e));
+                          _v$17 !== _p$.t && (_p$.t = _$setProp(_el$58, "style", _v$17, _p$.t));
+                          _v$18 !== _p$.a && (_p$.a = _$setProp(_el$59, "style", _v$18, _p$.a));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0,
+                          a: void 0
+                        });
+                        return _el$54;
+                      }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return entry.cost !== void 0;
+                      },
+                      get children() {
+                        var _el$60 = _$createElement("text"), _el$61 = _$createTextNode(`  `), _el$62 = _$createElement("span"), _el$63 = _$createTextNode(`: `), _el$64 = _$createElement("span"), _el$65 = _$createElement("span"), _el$66 = _$createTextNode(`$`);
+                        _$insertNode(_el$60, _el$61);
+                        _$insertNode(_el$60, _el$62);
+                        _$insertNode(_el$60, _el$64);
+                        _$insertNode(_el$60, _el$65);
+                        _$insertNode(_el$62, _el$63);
+                        _$insert(_el$62, () => t("cost.label"), _el$63);
+                        _$insert(_el$64, () => " ".repeat(expandedPad(t("cost.label"))));
+                        _$insertNode(_el$65, _el$66);
+                        _$insert(_el$65, () => entry.cost.toFixed(4), null);
+                        _$effect((_p$) => {
+                          var _v$19 = {
+                            fg: pal().primary
+                          }, _v$20 = {
+                            fg: pal().muted
+                          }, _v$21 = {
+                            fg: pal().muted
+                          };
+                          _v$19 !== _p$.e && (_p$.e = _$setProp(_el$62, "style", _v$19, _p$.e));
+                          _v$20 !== _p$.t && (_p$.t = _$setProp(_el$64, "style", _v$20, _p$.t));
+                          _v$21 !== _p$.a && (_p$.a = _$setProp(_el$65, "style", _v$21, _p$.a));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0,
+                          a: void 0
+                        });
+                        return _el$60;
+                      }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return entry.model;
+                      },
+                      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");
+                        _$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$22 = {
+                            fg: pal().primary
+                          }, _v$23 = {
+                            fg: pal().muted
+                          }, _v$24 = {
+                            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));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0,
+                          a: void 0
+                        });
+                        return _el$67;
+                      }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return entry.todoTotal !== void 0;
+                      },
+                      get children() {
+                        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$25 = {
+                            fg: pal().primary
+                          }, _v$26 = {
+                            fg: pal().muted
+                          }, _v$27 = {
+                            fg: pal().muted
+                          };
+                          _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$73;
+                      }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return entry.sessionId || isRunning;
+                      },
+                      get children() {
+                        return (() => {
+                          const dismissLabel = () => `- ${t("dismiss.label")}`;
+                          const openPrefix = () => "  \u2192 ";
+                          const openFull = () => entry.sessionId ? openPrefix() + t("open.label") : "";
+                          const openW = () => entry.sessionId ? visualWidth(openFull()) : 0;
+                          const spacerW = () => Math.max(
+                            1,
+                            panelWidth() - openW() - visualWidth(dismissLabel()) - 2
+                            /* indent */
+                          );
+                          return (() => {
+                            var _el$82 = _$createElement("box");
+                            _$setProp(_el$82, "flexDirection", "row");
+                            _$insert(_el$82, _$createComponent(Show, {
+                              get when() {
+                                return entry.sessionId;
+                              },
+                              get fallback() {
+                                return (() => {
+                                  var _el$89 = _$createElement("text");
+                                  _$insertNode(_el$89, _$createTextNode(`  `));
+                                  return _el$89;
+                                })();
+                              },
+                              get children() {
+                                var _el$83 = _$createElement("text"), _el$84 = _$createElement("span"), _el$85 = _$createElement("span");
+                                _$insertNode(_el$83, _el$84);
+                                _$insertNode(_el$83, _el$85);
+                                _$setProp(_el$83, "onMouseOver", () => setHoveredOpen(entry.id));
+                                _$setProp(_el$83, "onMouseOut", () => setHoveredOpen(void 0));
+                                _$setProp(_el$83, "onMouseUp", () => {
+                                  if (entry.sessionId) {
+                                    props.api.route.navigate("session", {
+                                      sessionID: entry.sessionId
+                                    });
+                                  }
+                                });
+                                _$insert(_el$84, openPrefix);
+                                _$insert(_el$85, () => t("open.label"));
+                                _$effect((_p$) => {
+                                  var _v$28 = {
+                                    fg: hoveredOpen() === entry.id ? pal().warning : pal().primary
+                                  }, _v$29 = {
+                                    fg: hoveredOpen() === entry.id ? pal().warning : pal().primary
+                                  };
+                                  _v$28 !== _p$.e && (_p$.e = _$setProp(_el$84, "style", _v$28, _p$.e));
+                                  _v$29 !== _p$.t && (_p$.t = _$setProp(_el$85, "style", _v$29, _p$.t));
+                                  return _p$;
+                                }, {
+                                  e: void 0,
+                                  t: void 0
+                                });
+                                return _el$83;
+                              }
+                            }), null);
+                            _$insert(_el$82, _$createComponent(Show, {
+                              when: isRunning,
+                              get children() {
+                                return [(() => {
+                                  var _el$86 = _$createElement("text");
+                                  _$insert(_el$86, () => " ".repeat(spacerW()));
+                                  _$effect((_$p) => _$setProp(_el$86, "style", {
+                                    fg: pal().muted
+                                  }, _$p));
+                                  return _el$86;
+                                })(), (() => {
+                                  var _el$87 = _$createElement("text"), _el$88 = _$createElement("span");
+                                  _$insertNode(_el$87, _el$88);
+                                  _$setProp(_el$87, "onMouseOver", () => setHoveredDismiss(entry.id));
+                                  _$setProp(_el$87, "onMouseOut", () => setHoveredDismiss(void 0));
+                                  _$setProp(_el$87, "onMouseUp", () => {
+                                    upsertEntry({
+                                      id: entry.id,
+                                      title: entry.title,
+                                      agent: entry.agent,
+                                      prompt: entry.prompt,
+                                      status: "done"
+                                    });
+                                  });
+                                  _$insert(_el$88, dismissLabel);
+                                  _$effect((_$p) => _$setProp(_el$88, "style", {
+                                    fg: hoveredDismiss() === entry.id ? pal().warning : pal().muted
+                                  }, _$p));
+                                  return _el$87;
+                                })()];
+                              }
+                            }), null);
+                            return _el$82;
+                          })();
+                        })();
+                      }
+                    })];
+                  }
+                })];
+              }
+            }), null);
+            _$insert(_el$7, _$createComponent(Show, {
+              get when() {
+                return hiddenBelow() > 0 || scrollOffset() > 0;
+              },
+              get children() {
+                return (() => {
+                  const showMore = hiddenBelow() > 0;
+                  const showTop = scrollOffset() > 0;
+                  const left = showMore ? `  \u2193 ${hiddenBelow()} ${t("scroll.more")}` : "  ";
+                  const right = `\u2191 ${t("scroll.top")}`;
+                  const pad = showTop ? Math.max(1, panelWidth() - visualWidth(left) - visualWidth(right)) : 0;
+                  return (() => {
+                    var _el$91 = _$createElement("box"), _el$92 = _$createElement("text");
+                    _$insertNode(_el$91, _el$92);
+                    _$setProp(_el$91, "flexDirection", "row");
+                    _$insert(_el$92, left);
+                    _$insert(_el$91, showTop ? [(() => {
+                      var _el$93 = _$createElement("text");
+                      _$insert(_el$93, () => " ".repeat(pad));
+                      _$effect((_$p) => _$setProp(_el$93, "style", {
+                        fg: pal().muted
+                      }, _$p));
+                      return _el$93;
+                    })(), (() => {
+                      var _el$94 = _$createElement("text"), _el$95 = _$createElement("span");
+                      _$insertNode(_el$94, _el$95);
+                      _$setProp(_el$94, "onMouseOver", () => setHoveredTop(true));
+                      _$setProp(_el$94, "onMouseOut", () => setHoveredTop(false));
+                      _$setProp(_el$94, "onMouseUp", () => {
+                        setScrollOffset(0);
+                        setHoveredTop(false);
+                      });
+                      _$insert(_el$95, right);
+                      _$effect((_$p) => _$setProp(_el$95, "style", {
+                        fg: hoveredTop() ? pal().warning : pal().muted
+                      }, _$p));
+                      return _el$94;
+                    })()] : null, null);
+                    _$effect((_$p) => _$setProp(_el$92, "style", {
+                      fg: pal().muted
+                    }, _$p));
+                    return _el$91;
+                  })();
+                })();
+              }
+            }), null);
+            return _el$7;
+          }
+        })];
+      }
+    }), null);
+    _$effect((_p$) => {
+      var _v$ = {
+        fg: pal().muted
+      }, _v$2 = {
+        fg: pal().primary
+      };
+      _v$ !== _p$.e && (_p$.e = _$setProp(_el$3, "style", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$4, "style", _v$2, _p$.t));
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+}
+function createSidebarSlot(api, sig) {
+  return {
+    order: 60,
+    slots: {
+      sidebar_content(ctx, input) {
+        sig.sessionId = input.session_id;
+        return _$createComponent(SubAgentPanel, {
+          get theme() {
+            return ctx.theme.current;
+          },
+          api,
+          get lang() {
+            return sig.lang;
+          },
+          get maxEntries() {
+            return sig.maxEntries;
+          },
+          get sessionId() {
+            return input.session_id;
+          }
+        });
+      }
+    }
+  };
+}
+var KV_PREFIX = "subagent_magazine";
+var tui = async (api) => {
+  const stored = String(api.kv.get(`${KV_PREFIX}.lang`, ""));
+  const initialLang = stored === "zh" || stored === "en" ? stored : detectLang();
+  const [lang, setLang] = createSignal(initialLang);
+  const [maxEntries, setMaxEntries] = createSignal(parseInt(String(api.kv.get(`${KV_PREFIX}.max_entries`, "10")), 10) || 10);
+  const signals = {
+    lang,
+    setLang,
+    maxEntries,
+    setMaxEntries,
+    sessionId: ""
+  };
+  api.slots.register(createSidebarSlot(api, signals));
+  api.command?.register(() => [{
+    title: "SubAgent Magazine: Language",
+    value: "subagent-lang",
+    description: "Switch display language (\u4E2D\u6587 / English)",
+    slash: {
+      name: "subagent-lang"
+    },
+    onSelect: (dialog) => {
+      dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+        title: "Language / \u8BED\u8A00",
+        options: [{
+          title: "\u4E2D\u6587",
+          value: "zh"
+        }, {
+          title: "English",
+          value: "en"
+        }],
+        onSelect: (opt) => {
+          const l = opt.value;
+          setLang(l);
+          api.kv.set(`${KV_PREFIX}.lang`, l);
+          api.ui.toast({
+            message: l === "zh" ? "\u8BED\u8A00: \u4E2D\u6587" : "Language: English"
+          });
+          dialog?.clear();
+        }
+      }));
+    }
+  }, {
+    title: "SubAgent Magazine: Max Entries",
+    value: "subagent-max",
+    description: "Set max visible sub-agent entries in sidebar",
+    slash: {
+      name: "subagent-max"
+    },
+    onSelect: (dialog) => {
+      dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
+        title: "Max Visible Entries",
+        description: () => (() => {
+          var _el$96 = _$createElement("text");
+          _$insertNode(_el$96, _$createTextNode(`Number of entries to show in the sidebar (1\u201350)`));
+          return _el$96;
+        })(),
+        get value() {
+          return String(maxEntries());
+        },
+        onConfirm: (val) => {
+          const n = Math.max(1, Math.min(50, parseInt(val, 10) || 10));
+          setMaxEntries(n);
+          api.kv.set(`${KV_PREFIX}.max_entries`, n);
+          api.ui.toast({
+            message: `Max entries: ${n}`
+          });
+          dialog?.clear();
+        }
+      }));
+    }
+  }, {
+    title: "SubAgent Magazine: Version",
+    value: "subagent-version",
+    description: "Show plugin version",
+    slash: {
+      name: "subagent-version"
+    },
+    onSelect: (dialog) => {
+      api.ui.toast({
+        message: `opencode-subagent-magazine v${PLUGIN_VERSION}`
+      });
+      dialog?.clear();
+    }
+  }, {
+    title: "SubAgent Magazine: Session",
+    value: "subagent-session",
+    description: "Show current session ID",
+    slash: {
+      name: "subagent-session"
+    },
+    onSelect: (dialog) => {
+      api.ui.toast({
+        message: `Session: ${signals.sessionId}`
+      });
+      dialog?.clear();
+    }
+  }, {
+    title: "SubAgent Magazine: Clear Running",
+    value: "subagent-clear-running",
+    description: "Mark all running sub-agent entries as done (for stuck/zombie entries)",
+    slash: {
+      name: "subagent-clear-running"
+    },
+    onSelect: (dialog) => {
+      const entries = globalEntryCache.get(signals.sessionId);
+      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({
+          message: msg
+        });
+        dialog?.clear();
+        return;
+      }
+      let count = 0;
+      for (const [, entry] of entries) {
+        if (entry.status === "running") {
+          entry.status = "done";
+          entry.endedAt = Date.now();
+          count++;
+        }
+      }
+      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 ?? ""
+          };
+          api.kv.set(`${KV_PREFIX}.session_data`, JSON.stringify(data));
+        } catch {
+        }
+        const msg = signals.lang() === "zh" ? `\u5DF2\u6807\u8BB0 ${count} \u4E2A\u8FD0\u884C\u4E2D\u7684\u6761\u76EE\u4E3A\u5B8C\u6210` : `Marked ${count} running entries as done`;
+        api.ui.toast({
+          message: msg
+        });
+      } else {
+        const msg = signals.lang() === "zh" ? "\u6CA1\u6709\u9700\u8981\u6E05\u7406\u7684\u8FD0\u884C\u4E2D\u6761\u76EE" : "No running entries to clear";
+        api.ui.toast({
+          message: msg
+        });
+      }
+      dialog?.clear();
+    }
+  }]);
+};
+var mod = {
+  id: "opencode-subagent-magazine",
+  tui
+};
+var index_default = mod;
+export {
+  index_default as default
+};