opencode-subagent-magazine 1.5.1 → 1.6.0-beta.0

package/dist/tui.js

@@ -1,113 +1,12 @@
 // 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";
+import { createTextNode as _$createTextNode2 } from "@opentui/solid";
+import { insertNode as _$insertNode2 } from "@opentui/solid";
+import { createElement as _$createElement2 } from "@opentui/solid";
+import { createComponent as _$createComponent2 } from "@opentui/solid";
+import { createSignal as createSignal3 } from "solid-js";
 
 // src/_version.ts
-var PLUGIN_VERSION = "1.5.1";
-
-// src/clipboard.ts
-import { spawn } from "node:child_process";
-import { platform, release } from "node:os";
-function runWithInput(command, args, input) {
-  return new Promise((resolve, reject) => {
-    const child = spawn(command, args, {
-      stdio: ["pipe", "ignore", "ignore"],
-      windowsHide: true
-    });
-    child.once("error", reject);
-    child.once("close", (code) => {
-      if (code === 0) resolve();
-      else reject(new Error(`${command} exited with code ${code}`));
-    });
-    child.stdin?.end(input);
-  });
-}
-function writeOsc52(text) {
-  if (!process.stdout.isTTY) return false;
-  const payload = Buffer.from(text, "utf8").toString("base64");
-  const sequence = `\x1B]52;c;${payload}\x07`;
-  const wrapped = process.env.TMUX || process.env.STY ? `\x1BPtmux;\x1B${sequence}\x1B\\` : sequence;
-  process.stdout.write(wrapped);
-  return true;
-}
-async function tryCommand(method, command, args, text) {
-  try {
-    await runWithInput(command, args, text);
-    return { copied: true, method };
-  } catch {
-    return void 0;
-  }
-}
-async function copyText(text) {
-  if (!text) return { copied: false, method: "none", error: "empty_text" };
-  const os = platform();
-  const isWsl = release().toLowerCase().includes("microsoft");
-  const attempts = [];
-  if (os === "darwin") {
-    attempts.push(() => tryCommand("pbcopy", "pbcopy", [], text));
-    attempts.push(
-      () => tryCommand(
-        "osascript",
-        "osascript",
-        ["-e", 'set the clipboard to (read (POSIX file "/dev/stdin") as text)'],
-        text
-      )
-    );
-  }
-  if (os === "linux" && isWsl) {
-    attempts.push(
-      () => tryCommand(
-        "powershell",
-        "powershell.exe",
-        [
-          "-NonInteractive",
-          "-NoProfile",
-          "-Command",
-          "[Console]::InputEncoding=[Text.Encoding]::UTF8; Set-Clipboard ([Console]::In.ReadToEnd())"
-        ],
-        text
-      )
-    );
-  } else if (os === "linux") {
-    if (process.env.WAYLAND_DISPLAY) {
-      attempts.push(() => tryCommand("wl-copy", "wl-copy", [], text));
-    }
-    attempts.push(() => tryCommand("xclip", "xclip", ["-selection", "clipboard"], text));
-    attempts.push(() => tryCommand("xsel", "xsel", ["--clipboard", "--input"], text));
-  }
-  if (os === "win32") {
-    attempts.push(
-      () => tryCommand(
-        "powershell",
-        "powershell.exe",
-        [
-          "-NonInteractive",
-          "-NoProfile",
-          "-Command",
-          "[Console]::InputEncoding=[Text.Encoding]::UTF8; Set-Clipboard ([Console]::In.ReadToEnd())"
-        ],
-        text
-      )
-    );
-  }
-  for (const attempt of attempts) {
-    const result = await attempt();
-    if (result) return result;
-  }
-  try {
-    if (writeOsc52(text)) return { copied: true, method: "osc52" };
-  } catch {
-  }
-  return { copied: false, method: "none", error: "clipboard_unavailable" };
-}
+var PLUGIN_VERSION = "1.6.0-beta.0";
 
 // src/i18n.ts
 var ZH_T = {
@@ -343,14 +242,137 @@ function detectLang() {
   }
 }
 
-// src/index.tsx
+// src/core/kv.ts
+var KV_PREFIX = "subagent_magazine";
+var SESSION_DATA_KEY = `${KV_PREFIX}.session_data`;
+var SETTING_KEYS = {
+  lang: `${KV_PREFIX}.lang`,
+  maxEntries: `${KV_PREFIX}.max_entries`,
+  order: `${KV_PREFIX}.order`,
+  scrollMode: `${KV_PREFIX}.scroll_mode`,
+  open: `${KV_PREFIX}.open`,
+  ttlDays: `${KV_PREFIX}.ttl_days`
+};
+
+// src/panel/SubAgentPanel.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 as createSignal2, createEffect, onMount, onCleanup, untrack, Show, For } from "solid-js";
+
+// src/clipboard.ts
+import { spawn } from "node:child_process";
+import { platform, release } from "node:os";
+function runWithInput(command, args, input) {
+  return new Promise((resolve, reject) => {
+    const child = spawn(command, args, {
+      stdio: ["pipe", "ignore", "ignore"],
+      windowsHide: true
+    });
+    child.once("error", reject);
+    child.once("close", (code) => {
+      if (code === 0) resolve();
+      else reject(new Error(`${command} exited with code ${code}`));
+    });
+    child.stdin?.end(input);
+  });
+}
+function writeOsc52(text) {
+  if (!process.stdout.isTTY) return false;
+  const payload = Buffer.from(text, "utf8").toString("base64");
+  const sequence = `\x1B]52;c;${payload}\x07`;
+  const wrapped = process.env.TMUX || process.env.STY ? `\x1BPtmux;\x1B${sequence}\x1B\\` : sequence;
+  process.stdout.write(wrapped);
+  return true;
+}
+async function tryCommand(method, command, args, text) {
+  try {
+    await runWithInput(command, args, text);
+    return { copied: true, method };
+  } catch {
+    return void 0;
+  }
+}
+async function copyText(text) {
+  if (!text) return { copied: false, method: "none", error: "empty_text" };
+  const os = platform();
+  const isWsl = release().toLowerCase().includes("microsoft");
+  const attempts = [];
+  if (os === "darwin") {
+    attempts.push(() => tryCommand("pbcopy", "pbcopy", [], text));
+    attempts.push(
+      () => tryCommand(
+        "osascript",
+        "osascript",
+        ["-e", 'set the clipboard to (read (POSIX file "/dev/stdin") as text)'],
+        text
+      )
+    );
+  }
+  if (os === "linux" && isWsl) {
+    attempts.push(
+      () => tryCommand(
+        "powershell",
+        "powershell.exe",
+        [
+          "-NonInteractive",
+          "-NoProfile",
+          "-Command",
+          "[Console]::InputEncoding=[Text.Encoding]::UTF8; Set-Clipboard ([Console]::In.ReadToEnd())"
+        ],
+        text
+      )
+    );
+  } else if (os === "linux") {
+    if (process.env.WAYLAND_DISPLAY) {
+      attempts.push(() => tryCommand("wl-copy", "wl-copy", [], text));
+    }
+    attempts.push(() => tryCommand("xclip", "xclip", ["-selection", "clipboard"], text));
+    attempts.push(() => tryCommand("xsel", "xsel", ["--clipboard", "--input"], text));
+  }
+  if (os === "win32") {
+    attempts.push(
+      () => tryCommand(
+        "powershell",
+        "powershell.exe",
+        [
+          "-NonInteractive",
+          "-NoProfile",
+          "-Command",
+          "[Console]::InputEncoding=[Text.Encoding]::UTF8; Set-Clipboard ([Console]::In.ReadToEnd())"
+        ],
+        text
+      )
+    );
+  }
+  for (const attempt of attempts) {
+    const result = await attempt();
+    if (result) return result;
+  }
+  try {
+    if (writeOsc52(text)) return { copied: true, method: "osc52" };
+  } catch {
+  }
+  return { copied: false, method: "none", error: "clipboard_unavailable" };
+}
+
+// src/core/types.ts
 var SUBAGENT_TOOLS = /* @__PURE__ */ new Set(["task", "delegate", "call_omo_agent"]);
+
+// src/core/format.ts
 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;
+  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) {
@@ -383,6 +405,14 @@ function fmtTokens(n) {
   if (n < 1e6) return `${(n / 1e3).toFixed(1)}k`;
   return `${(n / 1e6).toFixed(1)}M`;
 }
+function safeErrorMsg(err) {
+  if (!err) return "";
+  if (typeof err === "string") return err;
+  if (typeof err === "object") return String(err.message || err.code || "");
+  return "";
+}
+
+// src/core/color.ts
 function rgb(raw) {
   if (typeof raw === "string" && raw.startsWith("#")) {
     const h = raw.slice(1);
@@ -396,11 +426,7 @@ function rgb(raw) {
     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 { r: Math.round(o.r * scale), g: Math.round(o.g * scale), b: Math.round(o.b * scale) };
     }
   }
   return null;
@@ -453,25 +479,24 @@ var FALLBACK = {
   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 "";
-}
+
+// src/panel/store.ts
+import { createSignal } from "solid-js";
 var globalEntryCache = /* @__PURE__ */ new Map();
 var [clearTick, setClearTick] = createSignal(0);
+
+// src/panel/SubAgentPanel.tsx
+var LEFT_PAD = 4;
+var INDENT = 2;
 function SubAgentPanel(props) {
   const t = createT(() => props.lang());
-  const SESSION_DATA_KEY = `${KV_PREFIX}.session_data`;
+  const SESSION_DATA_KEY2 = `${KV_PREFIX}.session_data`;
   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, "{}");
+      const raw = props.api.kv.get(SESSION_DATA_KEY2, "{}");
       return JSON.parse(String(raw));
     } catch {
       return {};
@@ -479,13 +504,13 @@ function SubAgentPanel(props) {
   };
   const saveSessionData = (data) => {
     try {
-      props.api.kv.set(SESSION_DATA_KEY, JSON.stringify(data));
+      props.api.kv.set(SESSION_DATA_KEY2, JSON.stringify(data));
     } catch {
     }
   };
   const resolveParent = (sid) => {
     try {
-      const session = props.api.state.session.get(sid);
+      const session = props.api.session.get(sid);
       const parentID = session?.parentID;
       if (parentID) return {
         parentSid: parentID,
@@ -648,7 +673,7 @@ function SubAgentPanel(props) {
     }
   };
   cleanupOldSessions();
-  const [entryMap, setEntryMapRaw] = createSignal(loadEntries(props.sessionId));
+  const [entryMap, setEntryMapRaw] = createSignal2(loadEntries(props.sessionId));
   const setEntryMap = (arg) => {
     setEntryMapRaw((prev) => {
       const next = typeof arg === "function" ? arg(prev) : arg;
@@ -704,15 +729,15 @@ function SubAgentPanel(props) {
       return next;
     });
   };
-  const [panelWidth, setPanelWidth] = createSignal(28);
-  const [open, setOpen] = createSignal((() => {
+  const [panelWidth, setPanelWidth] = createSignal2(28);
+  const [open, setOpen] = createSignal2((() => {
     try {
       return props.api.kv.get(`${KV_PREFIX}.open`, true);
     } catch {
       return true;
     }
   })());
-  const [expanded, setExpanded] = createSignal((() => {
+  const [expanded, setExpanded] = createSignal2((() => {
     try {
       const {
         parentSid,
@@ -724,13 +749,13 @@ function SubAgentPanel(props) {
     }
     return void 0;
   })());
-  const [hoveredOpen, setHoveredOpen] = createSignal(void 0);
-  const [hoveredDismiss, setHoveredDismiss] = createSignal(void 0);
-  const [hoveredCancel, setHoveredCancel] = createSignal(void 0);
-  const [hoveredTop, setHoveredTop] = createSignal(false);
-  const [hoveredMoreAbove, setHoveredMoreAbove] = createSignal(false);
-  const [hoveredMoreBelow, setHoveredMoreBelow] = createSignal(false);
-  const [scrollOffset, setScrollOffset] = createSignal((() => {
+  const [hoveredOpen, setHoveredOpen] = createSignal2(void 0);
+  const [hoveredDismiss, setHoveredDismiss] = createSignal2(void 0);
+  const [hoveredCancel, setHoveredCancel] = createSignal2(void 0);
+  const [hoveredTop, setHoveredTop] = createSignal2(false);
+  const [hoveredMoreAbove, setHoveredMoreAbove] = createSignal2(false);
+  const [hoveredMoreBelow, setHoveredMoreBelow] = createSignal2(false);
+  const [scrollOffset, setScrollOffset] = createSignal2((() => {
     try {
       const {
         parentSid,
@@ -742,78 +767,10 @@ function SubAgentPanel(props) {
       return 0;
     }
   })());
-  const [now, setNow] = createSignal(Date.now());
-  const [renderTick, setRenderTick] = createSignal(0);
+  const [now, setNow] = createSignal2(Date.now());
+  const [renderTick, setRenderTick] = createSignal2(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);
@@ -835,12 +792,12 @@ function SubAgentPanel(props) {
   const isDescendantOf = (childId, rootId) => {
     const visited = /* @__PURE__ */ new Set();
     try {
-      let current = props.api.state.session.get(childId);
+      let current = props.api.session.get(childId);
       while (current?.parentID) {
         if (visited.has(current.id)) return false;
         visited.add(current.id);
         if (current.parentID === rootId) return true;
-        current = props.api.state.session.get(current.parentID);
+        current = props.api.session.get(current.parentID);
       }
     } catch {
     }
@@ -853,40 +810,36 @@ function SubAgentPanel(props) {
   const cancelEntry = async (entry) => {
     const childId = entry.sessionId;
     if (!childId) {
-      props.api.ui.toast({
-        title: entry.title || entry.agent,
-        message: t("cancel.label") + ": " + t("cancel.no_session")
+      props.api.ui.toast(t("cancel.label") + ": " + t("cancel.no_session"), {
+        title: entry.title || entry.agent
       });
       return;
     }
     try {
-      const child = props.api.state.session.get(childId);
+      const child = props.api.session.get(childId);
       if (!child?.parentID) {
-        props.api.ui.toast({
-          title: entry.title || entry.agent,
-          message: t("cancel.label") + ": " + t("cancel.not_child")
+        props.api.ui.toast(t("cancel.label") + ": " + t("cancel.not_child"), {
+          title: entry.title || entry.agent
         });
         return;
       }
     } catch {
-      props.api.ui.toast({
-        title: entry.title || entry.agent,
-        message: t("cancel.label") + ": " + t("cancel.read_error")
+      props.api.ui.toast(t("cancel.label") + ": " + t("cancel.read_error"), {
+        title: entry.title || entry.agent
       });
       return;
     }
     if (!isDescendantOf(childId, props.sessionId)) {
-      props.api.ui.toast({
-        title: entry.title || entry.agent,
-        message: t("cancel.label") + ": " + t("cancel.outside_tree")
+      props.api.ui.toast(t("cancel.label") + ": " + t("cancel.outside_tree"), {
+        title: entry.title || entry.agent
       });
       return;
     }
     try {
-      const st = props.api.state.session.status(childId);
+      const st = props.api.session.status(childId);
       if (st?.type !== "busy") {
-        const tokens = readSessionTokens(childId);
-        const cost = readSessionCost(childId);
+        const tokens = props.api.usage.readSessionTokens(childId);
+        const cost = props.api.usage.readSessionCost(childId);
         upsertEntry({
           id: entry.id,
           title: entry.title,
@@ -900,9 +853,8 @@ function SubAgentPanel(props) {
         return;
       }
     } catch {
-      props.api.ui.toast({
-        title: entry.title || entry.agent,
-        message: t("cancel.label") + ": " + t("cancel.status_error")
+      props.api.ui.toast(t("cancel.label") + ": " + t("cancel.status_error"), {
+        title: entry.title || entry.agent
       });
       return;
     }
@@ -918,7 +870,7 @@ function SubAgentPanel(props) {
       cancelReason: "manual"
     });
     try {
-      await props.api.client.session.abort({
+      await props.api.client.abort({
         sessionID: childId
       });
       upsertEntry({
@@ -930,9 +882,7 @@ function SubAgentPanel(props) {
         sessionId: entry.sessionId,
         abortAccepted: true
       });
-      props.api.ui.toast({
-        message: t("cancel.label") + ": " + t("cancel.sent")
-      });
+      props.api.ui.toast(t("cancel.label") + ": " + t("cancel.sent"));
     } catch (err) {
       upsertEntry({
         id: entry.id,
@@ -943,16 +893,13 @@ function SubAgentPanel(props) {
         sessionId: entry.sessionId,
         error: String(err)
       });
-      props.api.ui.toast({
-        title: entry.title || entry.agent,
-        message: t("cancel.label") + ": " + t("cancel.failed")
+      props.api.ui.toast(t("cancel.label") + ": " + t("cancel.failed"), {
+        title: entry.title || entry.agent
       });
     }
   };
   const handlePartUpdated = (event) => {
-    const e = event;
-    const props_ = e.properties;
-    const part = props_?.part;
+    const part = event.payload?.part;
     if (!part) return;
     if (part.type === "subtask") {
       const agent = String(part.agent ?? "?");
@@ -1020,24 +967,23 @@ function SubAgentPanel(props) {
     }
   };
   const handleSessionEnd = (event, status) => {
-    const e = event;
-    const props_ = e.properties;
+    const props_ = event.payload;
     const sid = String(props_?.sessionID ?? "");
     if (!sid) return;
-    const sessionTokens = readSessionTokens(sid);
-    const sessionCost = readSessionCost(sid);
-    const sessionModel = readSessionModel(sid);
-    const sessionTodo = readSessionTodo(sid);
+    const sessionTokens = props.api.usage.readSessionTokens(sid);
+    const sessionCost = props.api.usage.readSessionCost(sid);
+    const sessionModel = props.api.usage.readSessionModel(sid);
+    const sessionTodo = props.api.usage.readSessionTodo(sid);
     let sessionAgent;
     let errorMsg;
     try {
-      const s = props.api.state.session.get(sid);
+      const s = props.api.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);
+          const msgs = props.api.session.messages(sid);
           if (msgs) {
             for (let i = msgs.length - 1; i >= 0; i--) {
               const m = msgs[i];
@@ -1177,7 +1123,7 @@ function SubAgentPanel(props) {
       return changed ? next : prev;
     });
     try {
-      const sessionObj = props.api.state.session.get(sid);
+      const sessionObj = props.api.session.get(sid);
       const parentSid = sessionObj?.parentID;
       if (parentSid && parentSid !== props.sessionId) {
         const parentCache = globalEntryCache.get(parentSid);
@@ -1190,7 +1136,7 @@ function SubAgentPanel(props) {
           const data = loadSessionData();
           const rec = data[parentSid];
           if (rec?.entries) {
-            const fallbackMap = new Map(rec.entries.map((e2) => [e2.id, e2]));
+            const fallbackMap = new Map(rec.entries.map((e) => [e.id, e]));
             found = tryMatchAndUpdate(fallbackMap, sid, status, nowTs);
             if (found) {
               data[parentSid] = {
@@ -1217,10 +1163,10 @@ function SubAgentPanel(props) {
     }
     setTimeout(() => {
       if (disposed) return;
-      const finalTokens = readSessionTokens(sid);
-      const finalCost = readSessionCost(sid);
-      const finalModel = readSessionModel(sid);
-      const finalTodo = readSessionTodo(sid);
+      const finalTokens = props.api.usage.readSessionTokens(sid);
+      const finalCost = props.api.usage.readSessionCost(sid);
+      const finalModel = props.api.usage.readSessionModel(sid);
+      const finalTodo = props.api.usage.readSessionTodo(sid);
       setEntryMap((prev) => {
         let changed = false;
         const next = new Map(prev);
@@ -1263,14 +1209,14 @@ function SubAgentPanel(props) {
             if (entry.status === "running" && entry.sessionId) {
               let isChild = false;
               try {
-                const s = props.api.state.session.get(entry.sessionId);
+                const s = props.api.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 total = props.api.usage.readSessionTokens(entry.sessionId);
+              const todo = props.api.usage.readSessionTodo(entry.sessionId);
+              const model = entry.model ?? props.api.usage.readSessionModel(entry.sessionId);
               const nextEntry = {
                 ...entry
               };
@@ -1298,7 +1244,7 @@ function SubAgentPanel(props) {
       bump();
     }, 500);
     bump();
-    const unsubPart = props.api.event.on("message.part.updated", (e) => {
+    const unsubPart = props.api.event.on("part.updated", (e) => {
       handlePartUpdated(e);
       bump();
     });
@@ -1354,10 +1300,10 @@ function SubAgentPanel(props) {
           const scanRec = loadSessionData()[scanPSid];
           const clearedIds = new Set(scanChild ? scanRec?.children?.[sid]?.clearedIds : scanRec?.clearedIds);
           try {
-            const msgs = props.api.state.session.messages(sid);
+            const msgs = props.api.session.messages(sid);
             if (msgs && msgs.length) {
               for (const msg of msgs) {
-                const parts = props.api.state.part(msg.id) ?? [];
+                const parts = props.api.session.part(msg.id) ?? [];
                 for (const partRaw of parts) {
                   const part = partRaw;
                   if (part.type === "tool") {
@@ -1410,7 +1356,7 @@ function SubAgentPanel(props) {
                     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);
+                    if (scanSubSid) tokens = props.api.usage.readSessionTokens(scanSubSid);
                     const ended = status === "done";
                     next.set(id, {
                       id,
@@ -1438,10 +1384,10 @@ function SubAgentPanel(props) {
           for (const [id, entry] of next) {
             if (entry.status !== "running" && entry.status !== "cancel_requested" || !entry.sessionId) continue;
             try {
-              const st = props.api.state.session.status(entry.sessionId);
+              const st = props.api.session.status(entry.sessionId);
               if (!st || st.type !== "idle") continue;
-              const tokens = readSessionTokens(entry.sessionId);
-              const cost = readSessionCost(entry.sessionId);
+              const tokens = props.api.usage.readSessionTokens(entry.sessionId);
+              const cost = props.api.usage.readSessionCost(entry.sessionId);
               const finalStatus = entry.status === "cancel_requested" && entry.abortAccepted ? "cancelled" : "done";
               next.set(id, {
                 ...entry,
@@ -2171,20 +2117,18 @@ function SubAgentPanel(props) {
                           if (!sessionId) return;
                           const result = await copyText(sessionId);
                           if (result.copied) {
-                            props.api.ui.toast({
+                            props.api.ui.toast(t("session.toast.copied"), {
                               variant: "success",
                               title: entry.title || entry.agent,
-                              message: t("session.toast.copied"),
                               duration: 2500
                             });
                             return;
                           }
-                          props.api.ui.toast({
+                          props.api.ui.toast(`${sessionId}
+
+${t("session.toast.copy_failed")}`, {
                             variant: "warning",
                             title: entry.title || entry.agent,
-                            message: `${sessionId}
-
-${t("session.toast.copy_failed")}`,
                             duration: 8e3
                           });
                         });
@@ -2245,9 +2189,7 @@ ${t("session.toast.copy_failed")}`,
                                 _$setProp(_el$92, "onMouseOut", () => setHoveredOpen(void 0));
                                 _$setProp(_el$92, "onMouseUp", () => {
                                   if (entry.sessionId) {
-                                    props.api.route.navigate("session", {
-                                      sessionID: entry.sessionId
-                                    });
+                                    props.api.route.navigateSession(entry.sessionId);
                                   }
                                 });
                                 _$insert(_el$93, openPrefix);
@@ -2409,17 +2351,19 @@ ${t("session.toast.copy_failed")}`,
     return _el$;
   })();
 }
-function createSidebarSlot(api, sig) {
+
+// src/index.tsx
+function createSidebarSlot(api, panelApi, sig) {
   return {
     order: 60,
     slots: {
       sidebar_content(ctx, input) {
         sig.sessionId = input.session_id;
-        return _$createComponent(SubAgentPanel, {
+        return _$createComponent2(SubAgentPanel, {
+          api: panelApi,
           get theme() {
             return ctx.theme.current;
           },
-          api,
           get lang() {
             return sig.lang;
           },
@@ -2440,14 +2384,13 @@ function createSidebarSlot(api, sig) {
     }
   };
 }
-var KV_PREFIX = "subagent_magazine";
 var tui = async (api) => {
   const stored = String(api.kv.get(`${KV_PREFIX}.lang`, ""));
   const initialLang = LANG_META.some((m) => m.code === stored) ? stored : detectLang();
-  const [lang, setLang] = createSignal(initialLang);
-  const [maxEntries, setMaxEntries] = createSignal(parseInt(String(api.kv.get(`${KV_PREFIX}.max_entries`, "10")), 10) || 10);
-  const [sortOrder, setSortOrder] = createSignal(String(api.kv.get(`${KV_PREFIX}.order`, "desc")) === "asc" ? "asc" : "desc");
-  const [scrollMode, setScrollMode] = createSignal(String(api.kv.get(`${KV_PREFIX}.scroll_mode`, "wheel")) === "click" ? "click" : "wheel");
+  const [lang, setLang] = createSignal3(initialLang);
+  const [maxEntries, setMaxEntries] = createSignal3(parseInt(String(api.kv.get(`${KV_PREFIX}.max_entries`, "10")), 10) || 10);
+  const [sortOrder, setSortOrder] = createSignal3(String(api.kv.get(`${KV_PREFIX}.order`, "desc")) === "asc" ? "asc" : "desc");
+  const [scrollMode, setScrollMode] = createSignal3(String(api.kv.get(`${KV_PREFIX}.scroll_mode`, "wheel")) === "click" ? "click" : "wheel");
   const signals = {
     lang,
     setLang,
@@ -2459,7 +2402,157 @@ var tui = async (api) => {
     setScrollMode,
     sessionId: ""
   };
-  api.slots.register(createSidebarSlot(api, signals));
+  const v1Api = {
+    kv: api.kv,
+    usage: {
+      readSessionTokens: (sid) => {
+        if (!sid) return void 0;
+        try {
+          const msgs = 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 t = m.tokens;
+              if (!t || !(Number(t.output) > 0)) continue;
+              const ctx = (Number(t.input) || 0) + (Number(t.output) || 0) + (Number(t.reasoning) || 0) + (Number(t.cache?.read) || 0) + (Number(t.cache?.write) || 0);
+              if (ctx > 0) return ctx;
+            }
+          }
+          return void 0;
+        } catch {
+          return void 0;
+        }
+      },
+      readSessionCost: (sid) => {
+        if (!sid) return void 0;
+        try {
+          const session = api.state.session.get(sid);
+          if (session?.cost != null && session.cost > 0) return session.cost;
+          const msgs = 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;
+        }
+      },
+      readSessionModel: (sid) => {
+        if (!sid) return void 0;
+        try {
+          const msgs = 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;
+        }
+      },
+      readSessionTodo: (sid) => {
+        if (!sid) return void 0;
+        try {
+          const todos = api.state.session.todo(sid);
+          if (!todos || todos.length === 0) return void 0;
+          let done = 0;
+          for (const t of todos) {
+            if (t.status === "completed" || t.status === "cancelled") done++;
+          }
+          return {
+            total: todos.length,
+            done
+          };
+        } catch {
+          return void 0;
+        }
+      }
+    },
+    session: {
+      get: (sid) => {
+        try {
+          return api.state.session.get(sid);
+        } catch {
+          return void 0;
+        }
+      },
+      status: (sid) => {
+        try {
+          return api.state.session.status(sid);
+        } catch {
+          return void 0;
+        }
+      },
+      messages: (sid) => {
+        try {
+          return api.state.session.messages(sid);
+        } catch {
+          return void 0;
+        }
+      },
+      part: (messageID) => {
+        try {
+          return api.state.part(messageID);
+        } catch {
+          return void 0;
+        }
+      }
+    },
+    event: {
+      on: (type, cb) => {
+        switch (type) {
+          case "part.updated":
+            return api.event.on("message.part.updated", (e) => cb({
+              type,
+              payload: {
+                part: e.properties?.part
+              }
+            }));
+          case "message.updated":
+            return api.event.on("message.updated", () => cb({
+              type
+            }));
+          case "session.idle":
+            return api.event.on("session.idle", (e) => cb({
+              type,
+              payload: e.properties
+            }));
+          case "session.error":
+            return api.event.on("session.error", (e) => cb({
+              type,
+              payload: e.properties
+            }));
+        }
+      }
+    },
+    client: {
+      abort: (input) => api.client.session.abort(input).then(() => {
+      })
+    },
+    route: {
+      navigateSession: (sessionID) => api.route.navigate("session", {
+        sessionID
+      })
+    },
+    ui: {
+      toast: (message, opts) => api.ui.toast({
+        ...opts,
+        message
+      })
+    },
+    settings: {
+      lang: () => lang(),
+      maxEntries: () => maxEntries(),
+      sortOrder: () => sortOrder(),
+      scrollMode: () => scrollMode()
+    }
+  };
+  api.slots.register(createSidebarSlot(api, v1Api, signals));
   api.command?.register(() => [{
     title: "SubAgent Magazine: Language",
     value: "subagent-lang",
@@ -2468,7 +2561,7 @@ var tui = async (api) => {
       name: "subagent-lang"
     },
     onSelect: (dialog) => {
-      dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+      dialog?.replace(() => _$createComponent2(api.ui.DialogSelect, {
         title: "Language / \u8BED\u8A00",
         get options() {
           return LANG_META.map((m) => ({
@@ -2496,7 +2589,7 @@ var tui = async (api) => {
     },
     onSelect: (dialog) => {
       const t = createT(() => lang());
-      dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+      dialog?.replace(() => _$createComponent2(api.ui.DialogSelect, {
         title: "Sort Order / \u6392\u5E8F\u65B9\u5F0F",
         get options() {
           return [{
@@ -2527,7 +2620,7 @@ var tui = async (api) => {
     },
     onSelect: (dialog) => {
       const t = createT(() => lang());
-      dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+      dialog?.replace(() => _$createComponent2(api.ui.DialogSelect, {
         title: "Scroll Mode / \u6EDA\u52A8\u6A21\u5F0F",
         get options() {
           return [{
@@ -2557,12 +2650,12 @@ var tui = async (api) => {
       name: "subagent-max"
     },
     onSelect: (dialog) => {
-      dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
+      dialog?.replace(() => _$createComponent2(api.ui.DialogPrompt, {
         title: "Max Visible Entries",
         description: () => (() => {
-          var _el$106 = _$createElement("text");
-          _$insertNode(_el$106, _$createTextNode(`Number of entries to show in the sidebar (1\u201350)`));
-          return _el$106;
+          var _el$ = _$createElement2("text");
+          _$insertNode2(_el$, _$createTextNode2(`Number of entries to show in the sidebar (1\u201350)`));
+          return _el$;
         })(),
         get value() {
           return String(maxEntries());
@@ -2689,7 +2782,7 @@ var tui = async (api) => {
       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, {
+      dialog?.replace(() => _$createComponent2(api.ui.DialogSelect, {
         get title() {
           return `${t("ttl.label")}  (${curLabel})`;
         },
@@ -2746,7 +2839,7 @@ var tui = async (api) => {
       const msg = runningCount > 0 ? t("clear.prompt_running", {
         n: runningCount
       }) : t("clear.prompt");
-      dialog?.replace(() => _$createComponent(api.ui.DialogConfirm, {
+      dialog?.replace(() => _$createComponent2(api.ui.DialogConfirm, {
         get title() {
           return t("clear.title");
         },