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

package/dist/index.js

@@ -1,1515 +1,179 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/solid/jsx-runtime";
-import { createMemo, createSignal, createEffect, onMount, onCleanup, untrack, Show, For, } from "solid-js";
+import { jsx as _jsx } from "@opentui/solid/jsx-runtime";
+import { createSignal } from "solid-js";
 import { PLUGIN_VERSION } from "./_version";
-import { copyText } from "./clipboard";
 import { LANG_META, createT, detectLang } from "./i18n";
-/** OpenCode built-in tool names that spawn sub-agents or delegate tasks. */
-const SUBAGENT_TOOLS = new Set(["task", "delegate", "call_omo_agent"]);
+import { KV_PREFIX } from "./core/kv";
+import { SubAgentPanel } from "./panel/SubAgentPanel";
+import { globalEntryCache, setClearTick } from "./panel/store";
+// Plugin entry
 // ===================================================================
-// Helpers — visual width
-// ===================================================================
-function charColumns(c) {
-    const code = c.codePointAt(0) ?? 0;
-    if (code < 0x20)
-        return 0;
-    if (code < 0x7f)
-        return 1;
-    if (code < 0xa0)
-        return 0;
-    if ((code >= 0x1100 && code <= 0x115f) ||
-        (code >= 0x2e80 && code <= 0xa4cf) ||
-        (code >= 0xac00 && code <= 0xd7a3) ||
-        (code >= 0xf900 && code <= 0xfaff) ||
-        (code >= 0xfe10 && code <= 0xfe6f) ||
-        (code >= 0xff01 && code <= 0xff60) ||
-        (code >= 0xffe0 && code <= 0xffe6) ||
-        (code >= 0x1f300 && code <= 0x1f64f) ||
-        (code >= 0x20000 && code <= 0x3fffd))
-        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 < 2000)
-        return "";
-    if (ms < 1000)
-        return (ms / 1000).toFixed(2) + "s";
-    if (ms < 60000)
-        return (ms / 1000).toFixed(2) + "s";
-    const m = Math.floor(ms / 60000);
-    const s = Math.round((ms % 60000) / 1000);
-    return `${m}m${s}s`;
-}
-function fmtTokens(n) {
-    if (n < 1000)
-        return `${n}`;
-    if (n < 1000000)
-        return `${(n / 1000).toFixed(1)}k`;
-    return `${(n / 1000000).toFixed(1)}M`;
-}
-// ===================================================================
-// Color helpers — Morandi palette
-// ===================================================================
-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 nr = Math.round(c.r + (luma - c.r) * mid);
-        const ng = Math.round(c.g + (luma - c.g) * mid);
-        const nb = Math.round(c.b + (luma - c.b) * mid);
-        if (saturation(nr, ng, nb) > 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("");
-}
-const FALLBACK = {
-    primary: "#8B9DAF", text: "#C5C5BB", muted: "#7A7A72",
-    success: "#9CAF8B", warning: "#C5B88D", error: "#B08A8A", border: "#6B6B63",
-};
-const MAX_SAT = 0.28;
-/** Entry line left prefix: icon + space + status dot + space */
-const LEFT_PAD = 4;
-/** Detail row indent: two spaces */
-const 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 "";
-}
-// ===================================================================
-// Sidebar component
-// ===================================================================
-// 模块级缓存：各 session 的 entry 状态独立存储，不随当前视图切换而清除。
-const globalEntryCache = new Map();
-// 模块级刷新信号：外部（如斜杠命令）触发清除后 +1，组件 scan 依赖它以重扫。
-const [clearTick, setClearTick] = createSignal(0);
-function SubAgentPanel(props) {
-    const t = createT(() => props.lang());
-    // ── session data (single-key, true deletion on cleanup) ──
-    const SESSION_DATA_KEY = `${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 * 1000;
-    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 { }
-    };
-    /** 将任意 session ID 解析为父会话 ID + 是否子会话。
-     *  通过 SDK session.get(sid).parentID 判断，无 parentID 即为主会话。 */
-    const resolveParent = (sid) => {
-        try {
-            const session = props.api.state.session.get(sid);
-            const parentID = session?.parentID;
-            if (parentID)
-                return { parentSid: parentID, isChild: true };
-        }
-        catch { }
-        return { parentSid: sid, isChild: false };
-    };
-    const loadEntries = (sid) => {
-        const m = new Map();
-        try {
-            const { parentSid, isChild } = resolveParent(sid);
-            const rec = loadSessionData()[parentSid];
-            if (rec) {
-                const source = isChild ? rec.children?.[sid]?.entries : rec.entries;
-                if (source) {
-                    for (const e of source)
-                        m.set(e.id, e);
-                }
-            }
-        }
-        catch { }
-        return m;
-    };
-    let persistTimer;
-    const persistEntries = (sid, entries) => {
-        clearTimeout(persistTimer);
-        persistTimer = setTimeout(() => {
-            try {
-                const data = loadSessionData();
-                const { parentSid, isChild } = resolveParent(sid);
-                if (isChild) {
-                    if (!data[parentSid])
-                        data[parentSid] = { ts: Date.now(), entries: [], scroll: 0, expanded: "", children: {} };
-                    if (!data[parentSid].children)
-                        data[parentSid].children = {};
-                    if (!data[parentSid].children[sid])
-                        data[parentSid].children[sid] = { scroll: 0, expanded: "", entries: [] };
-                    data[parentSid].children[sid] = { ...data[parentSid].children[sid], entries: [...entries.values()] };
-                }
-                else {
-                    data[sid] = { ...data[sid], ts: Date.now(), entries: [...entries.values()], children: data[sid]?.children ?? {} };
-                }
-                saveSessionData(data);
-            }
-            catch { }
-        }, 200);
-    };
-    const persistScroll = (sid, scroll) => {
-        try {
-            const data = loadSessionData();
-            const { parentSid, isChild } = resolveParent(sid);
-            if (isChild) {
-                if (!data[parentSid])
-                    data[parentSid] = { ts: Date.now(), entries: [], scroll: 0, expanded: "", children: {} };
-                if (!data[parentSid].children)
-                    data[parentSid].children = {};
-                if (!data[parentSid].children[sid])
-                    data[parentSid].children[sid] = { scroll: 0, expanded: "", entries: [] };
-                data[parentSid].children[sid] = { ...data[parentSid].children[sid], scroll };
-            }
-            else {
-                data[sid] = { ...data[sid], ts: Date.now(), scroll, children: data[sid]?.children ?? {} };
-            }
-            saveSessionData(data);
-        }
-        catch { }
-    };
-    const persistExpanded = (sid, expanded) => {
-        try {
-            const data = loadSessionData();
-            const { parentSid, isChild } = resolveParent(sid);
-            if (isChild) {
-                if (!data[parentSid])
-                    data[parentSid] = { ts: Date.now(), entries: [], scroll: 0, expanded: "", children: {} };
-                if (!data[parentSid].children)
-                    data[parentSid].children = {};
-                if (!data[parentSid].children[sid])
-                    data[parentSid].children[sid] = { scroll: 0, expanded: "", entries: [] };
-                data[parentSid].children[sid] = { ...data[parentSid].children[sid], expanded };
-            }
-            else {
-                data[sid] = { ...data[sid], ts: Date.now(), expanded, children: data[sid]?.children ?? {} };
-            }
-            saveSessionData(data);
-        }
-        catch { }
+function createSidebarSlot(api, panelApi, sig) {
+    return {
+        order: 60,
+        slots: {
+            sidebar_content(ctx, input) {
+                sig.sessionId = input.session_id;
+                return (_jsx(SubAgentPanel, { api: panelApi, theme: ctx.theme.current, lang: sig.lang, maxEntries: sig.maxEntries, sortOrder: sig.sortOrder, scrollMode: sig.scrollMode, sessionId: input.session_id }));
+            },
+        },
     };
-    const cleanupOldSessions = () => {
-        if (ttlDays <= 0)
-            return; // 无期限，跳过清理
-        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;
+}
+const tui = async (api) => {
+    // ── language ──
+    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 signals = { lang, setLang, maxEntries, setMaxEntries, sortOrder, setSortOrder, scrollMode, setScrollMode, sessionId: "" };
+    // ── V1 PanelApi adapter: wraps the V1 host API into the shared panel contract ──
+    const v1Api = {
+        kv: api.kv,
+        usage: {
+            readSessionTokens: (sid) => {
+                if (!sid)
+                    return undefined;
+                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 undefined;
                 }
-            }
-            if (changed)
-                saveSessionData(data);
-        }
-        catch { }
-    };
-    cleanupOldSessions();
-    const [entryMap, setEntryMapRaw] = createSignal(loadEntries(props.sessionId));
-    // Wrapped setter — also persists to kv on every mutation
-    const setEntryMap = (arg) => {
-        setEntryMapRaw((prev) => {
-            const next = typeof arg === "function" ? arg(prev) : arg;
-            // entry 状态落定（done/error）时立即持久化到 KV，跳过常规 debounce，
-            // 确保跨视图的状态一致性。
-            let needsImmediateFlush = false;
-            for (const [id, entry] of next) {
-                const prevEntry = prev.get(id);
-                if (prevEntry?.status === "running" && (entry.status === "done" || entry.status === "error" || entry.status === "cancelled")) {
-                    needsImmediateFlush = true;
-                    break;
+                catch {
+                    return undefined;
                 }
-            }
-            if (needsImmediateFlush) {
-                clearTimeout(persistTimer);
+            },
+            readSessionCost: (sid) => {
+                if (!sid)
+                    return undefined;
                 try {
-                    const data = loadSessionData();
-                    const { parentSid, isChild } = resolveParent(props.sessionId);
-                    if (isChild) {
-                        if (!data[parentSid])
-                            data[parentSid] = { ts: Date.now(), entries: [], scroll: 0, expanded: "", children: {} };
-                        if (!data[parentSid].children)
-                            data[parentSid].children = {};
-                        if (!data[parentSid].children[props.sessionId])
-                            data[parentSid].children[props.sessionId] = { scroll: 0, expanded: "", entries: [] };
-                        data[parentSid].children[props.sessionId] = { ...data[parentSid].children[props.sessionId], entries: [...next.values()] };
-                    }
-                    else {
-                        data[props.sessionId] = { ...data[props.sessionId], ts: Date.now(), entries: [...next.values()], children: data[props.sessionId]?.children ?? {} };
+                    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 undefined;
+                    let total = 0;
+                    for (const m of msgs) {
+                        if (m.role === "assistant" && typeof m.cost === "number")
+                            total += m.cost;
                     }
-                    saveSessionData(data);
+                    return total > 0 ? total : undefined;
                 }
-                catch { }
-            }
-            else {
-                persistEntries(props.sessionId, next);
-            }
-            // 同步到模块级缓存，供其他视图读取当前 session 的最新状态
-            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 {
-            const { parentSid, isChild } = resolveParent(props.sessionId);
-            const rec = loadSessionData()[parentSid];
-            if (rec)
-                return isChild ? rec.children?.[props.sessionId]?.expanded || undefined : rec.expanded || undefined;
-        }
-        catch { }
-        return undefined;
-    })());
-    const [hoveredOpen, setHoveredOpen] = createSignal(undefined);
-    const [hoveredDismiss, setHoveredDismiss] = createSignal(undefined);
-    const [hoveredCancel, setHoveredCancel] = createSignal(undefined);
-    const [hoveredTop, setHoveredTop] = createSignal(false);
-    const [hoveredMoreAbove, setHoveredMoreAbove] = createSignal(false);
-    const [hoveredMoreBelow, setHoveredMoreBelow] = createSignal(false);
-    const [scrollOffset, setScrollOffset] = createSignal((() => {
-        try {
-            const { parentSid, isChild } = resolveParent(props.sessionId);
-            const rec = loadSessionData()[parentSid];
-            return isChild ? rec?.children?.[props.sessionId]?.scroll ?? 0 : rec?.scroll ?? 0;
-        }
-        catch {
-            return 0;
-        }
-    })());
-    const [now, setNow] = createSignal(Date.now());
-    const [renderTick, setRenderTick] = createSignal(0);
-    let boxEl;
-    let disposed = false;
-    /** Total usage tokens for a sub-agent session.
-     *  Matches opencode's bottom status bar usage: last assistant message with
-     *  output > 0, summing input + output + reasoning + cache read/write. */
-    const readSessionTokens = (sid) => {
-        if (!sid)
-            return undefined;
-        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 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 undefined;
-        }
-        catch {
-            return undefined;
-        }
-    };
-    /** Sum USD cost from a session's messages.
-     *  Prefers the database-level aggregate (`session.cost`) which is not affected
-     *  by the sync layer's `limit: 100` message window.  Falls back to message
-     *  traversal when the aggregate is unavailable (older SDK versions). */
-    const readSessionCost = (sid) => {
-        if (!sid)
-            return undefined;
-        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 undefined;
-            let total = 0;
-            for (const m of msgs) {
-                if (m.role === "assistant" && typeof m.cost === "number")
-                    total += m.cost;
-            }
-            return total > 0 ? total : undefined;
-        }
-        catch {
-            return undefined;
-        }
-    };
-    /** Last assistant message's modelID for a sub-agent session. */
-    const readSessionModel = (sid) => {
-        if (!sid)
-            return undefined;
-        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);
+                catch {
+                    return undefined;
                 }
-            }
-            return undefined;
-        }
-        catch {
-            return undefined;
-        }
-    };
-    /** Todo completion stats for a sub-agent session.
-     *  `done` counts completed + cancelled items. */
-    const readSessionTodo = (sid) => {
-        if (!sid)
-            return undefined;
-        try {
-            const todos = props.api.state.session.todo(sid);
-            if (!todos || todos.length === 0)
-                return undefined;
-            let done = 0;
-            for (const t of todos) {
-                if (t.status === "completed" || t.status === "cancelled")
-                    done++;
-            }
-            return { total: todos.length, done };
-        }
-        catch {
-            return undefined;
-        }
-    };
-    // ── upsert ──
-    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" || e === "cancelled";
-            next.set(partial.id, {
-                ...(existing ?? { startedAt: nowTs }),
-                ...partial,
-                startedAt: existing?.startedAt || partial.startedAt || nowTs,
-                endedAt: ended ? (existing?.endedAt || nowTs) : undefined,
-            });
-            return next;
-        });
-    };
-    // ── cancel helpers ──
-    const isDescendantOf = (childId, rootId) => {
-        const visited = new Set();
-        try {
-            let current = props.api.state.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);
-            }
-        }
-        catch { }
-        return false;
-    };
-    const settleOnIdle = (entry) => {
-        if (entry.status === "cancel_requested" && entry.abortAccepted)
-            return "cancelled";
-        return "done";
-    };
-    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"),
-            });
-            return;
-        }
-        try {
-            const child = props.api.state.session.get(childId);
-            if (!child?.parentID) {
-                props.api.ui.toast({
-                    title: entry.title || entry.agent,
-                    message: t("cancel.label") + ": " + t("cancel.not_child"),
-                });
-                return;
-            }
-        }
-        catch {
-            props.api.ui.toast({
-                title: entry.title || entry.agent,
-                message: t("cancel.label") + ": " + t("cancel.read_error"),
-            });
-            return;
-        }
-        if (!isDescendantOf(childId, props.sessionId)) {
-            props.api.ui.toast({
-                title: entry.title || entry.agent,
-                message: t("cancel.label") + ": " + t("cancel.outside_tree"),
-            });
-            return;
-        }
-        try {
-            const st = props.api.state.session.status(childId);
-            if (st?.type !== "busy") {
-                const tokens = readSessionTokens(childId);
-                const cost = readSessionCost(childId);
-                upsertEntry({
-                    id: entry.id, title: entry.title, agent: entry.agent, prompt: entry.prompt,
-                    status: "done", sessionId: entry.sessionId,
-                    tokens, cost,
-                });
-                return;
-            }
-        }
-        catch {
-            props.api.ui.toast({
-                title: entry.title || entry.agent,
-                message: t("cancel.label") + ": " + t("cancel.status_error"),
-            });
-            return;
-        }
-        upsertEntry({
-            id: entry.id, title: entry.title, agent: entry.agent, prompt: entry.prompt,
-            status: "cancel_requested", sessionId: entry.sessionId,
-            cancelRequestedAt: Date.now(), abortAccepted: false, cancelReason: "manual",
-        });
-        try {
-            await props.api.client.session.abort({ sessionID: childId });
-            upsertEntry({
-                id: entry.id, title: entry.title, agent: entry.agent, prompt: entry.prompt,
-                status: "cancel_requested", sessionId: entry.sessionId,
-                abortAccepted: true,
-            });
-            props.api.ui.toast({ message: t("cancel.label") + ": " + t("cancel.sent") });
-        }
-        catch (err) {
-            upsertEntry({
-                id: entry.id, title: entry.title, agent: entry.agent, prompt: entry.prompt,
-                status: "error", sessionId: entry.sessionId,
-                error: String(err),
-            });
-            props.api.ui.toast({
-                title: entry.title || entry.agent,
-                message: t("cancel.label") + ": " + t("cancel.failed"),
-            });
-        }
-    };
-    // ── event handlers ──
-    const handlePartUpdated = (event) => {
-        const e = event;
-        const props_ = e.properties;
-        const part = props_?.part;
-        if (!part)
-            return;
-        // SubtaskPart
-        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 !== undefined ? String(part.sessionID) : undefined;
-            const partModel = part.model;
-            const modelId = partModel?.modelID ? String(partModel.modelID) : undefined;
-            upsertEntry({ id, title, agent, prompt, sessionId: subSid, status: "running", model: modelId });
-        }
-        // ToolPart
-        if (part.type === "tool") {
-            const tool = String(part.tool ?? "");
-            if (!SUBAGENT_TOOLS.has(tool))
-                return;
-            const st = part.state;
-            const rawStatus = String(st?.status ?? "");
-            // Only create entries for tool calls that actually entered execution.
-            // "pending" / empty → state unknown yet, wait for next event
-            if (rawStatus === "pending" || rawStatus === "")
-                return;
-            // "error" → tool call failed, sub-agent never spawned.
-            // Only update an existing entry (e.g. previously running → now error),
-            // never create a new one.
-            if (rawStatus === "error") {
-                const id = `tool:${String(part.id ?? "")}`;
-                if (!part.id)
-                    return;
-                const existing = entryMap().get(id);
-                if (existing) {
-                    upsertEntry({ id, title: existing.title, agent: existing.agent, prompt: existing.prompt, status: "error" });
-                }
-                return;
-            }
-            // rawStatus is "running" or "completed" — tool entered execution, track it.
-            const input = st?.input;
-            let status = "running";
-            if (rawStatus === "completed")
-                status = "done";
-            // Background tasks: tool completion ≠ agent completion — keep running until session.idle
-            // Only keep running if state metadata confirms a child session was spawned;
-            // otherwise (failed spawn, invalid agent) mark as done so the entry isn't stuck forever.
-            if ((input?.run_in_background === true || input?.background === true) && status === "done") {
-                const stMetaCheck = st?.metadata;
-                const hasChild = stMetaCheck?.session_id !== undefined || stMetaCheck?.sessionId !== undefined;
-                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 !== undefined ? String(input.description) : "";
-            const title = desc || truncate(prompt.replace(/\n/g, " ").replace(/\s+/g, " ").trim(), 40);
-            const id = `tool:${String(part.id ?? crypto.randomUUID())}`;
-            // Child session ID lives in state-level metadata (ToolStateCompleted.metadata),
-            // injected by the tool executor.  ToolPart.sessionID is the parent session.
-            const stMeta = st?.metadata;
-            const subSid = stMeta?.session_id !== undefined ? String(stMeta.session_id)
-                : stMeta?.sessionId !== undefined ? String(stMeta.sessionId)
-                    : undefined;
-            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);
+            },
+            readSessionModel: (sid) => {
+                if (!sid)
+                    return undefined;
+                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.error) {
-                                errorMsg = safeErrorMsg(m.error);
-                                break;
-                            }
+                            if (m.role === "assistant" && m.modelID)
+                                return String(m.modelID);
                         }
                     }
+                    return undefined;
                 }
-            }
-        }
-        catch { }
-        // 在给定的 entries Map 中查找并更新匹配的子代理 entry。
-        // 返回 true 表示找到并更新了，false 表示未找到。
-        const tryMatchAndUpdate = (entriesMap, targetSid, targetStatus, nowTs) => {
-            // 精确匹配：sessionId 对得上 + 状态为 running / cancel_requested
-            for (const [, entry] of entriesMap) {
-                if (entry.sessionId === targetSid && (entry.status === "running" || entry.status === "cancel_requested")) {
-                    const finalStatus = targetStatus === "error" ? "error" : settleOnIdle(entry);
-                    entry.status = finalStatus;
-                    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;
+                catch {
+                    return undefined;
                 }
-            }
-            // 回退：sessionId 未关联但 agent 名匹配 + 状态为 running / cancel_requested
-            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" && entry.status !== "cancel_requested")
-                        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" && entry.status !== "cancel_requested")
-                            continue;
-                        if (entry.sessionId)
-                            continue;
-                        const gap = nowTs - (entry.startedAt || 0);
-                        if (!best || gap > best.gap)
-                            best = { entry, gap };
+            },
+            readSessionTodo: (sid) => {
+                if (!sid)
+                    return undefined;
+                try {
+                    const todos = api.state.session.todo(sid);
+                    if (!todos || todos.length === 0)
+                        return undefined;
+                    let done = 0;
+                    for (const t of todos) {
+                        if (t.status === "completed" || t.status === "cancelled")
+                            done++;
                     }
+                    return { total: todos.length, done };
                 }
-                if (best) {
-                    const finalStatus = targetStatus === "error" ? "error" : settleOnIdle(best.entry);
-                    best.entry.status = finalStatus;
-                    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;
+                catch {
+                    return undefined;
                 }
+            },
+        },
+        session: {
+            get: (sid) => { try {
+                return api.state.session.get(sid);
             }
-            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" && entry.status !== "cancel_requested")
-                    continue;
-                // Skip parent session idle — subagent entries belong to child sessions only
-                if (sid === props.sessionId)
-                    continue;
-                // For "done" entries (sync tasks completed before session.idle), only backfill tokens/cost
-                const alreadySettled = entry.status !== "running" && entry.status !== "cancel_requested";
-                const finalStatus = status === "error" ? "error" : settleOnIdle(entry);
-                next.set(id, {
-                    ...entry,
-                    ...(alreadySettled ? {} : { status: finalStatus, 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;
-                // Phase 1: try matching by agent name（agent 名有交集）
-                for (const [id, entry] of next) {
-                    if (entry.status !== "running" && entry.status !== "cancel_requested")
-                        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 };
-                }
-                // Phase 2: if agent name has no overlap (e.g. category calls: agent="deep" vs sessionAgent="Sisyphus-Junior"),
-                // fall back to time proximity for entries that have no sessionId yet
-                if (!best) {
-                    for (const [id, entry] of next) {
-                        if (entry.status !== "running" && entry.status !== "cancel_requested")
-                            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);
-                    const finalStatus = status === "error" ? "error" : settleOnIdle(entry);
-                    next.set(best.id, {
-                        ...entry, status: finalStatus, endedAt: nowTs,
-                        tokens: sessionTokens || entry.tokens,
-                        cost: sessionCost || entry.cost,
-                        sessionId: sid,
-                        error: errorMsg || entry.error,
-                    });
-                    changed = true;
-                }
+            catch {
+                return undefined;
+            } },
+            status: (sid) => { try {
+                return api.state.session.status(sid);
             }
-            return changed ? next : prev;
-        });
-        // 当子代理所属的父 session 与当前视图不同时，通过模块级缓存定位
-        // 并更新父 session 的 entry 状态，随后写回 KV。
-        try {
-            const sessionObj = props.api.state.session.get(sid);
-            const parentSid = sessionObj?.parentID;
-            if (parentSid && parentSid !== props.sessionId) {
-                // 优先从模块级缓存获取父 session 的 entries，不受当前视图切换影响
-                const parentCache = globalEntryCache.get(parentSid);
-                const nowTs = Date.now();
-                let found = false;
-                if (parentCache) {
-                    found = tryMatchAndUpdate(parentCache, sid, status, nowTs);
-                }
-                // 缓存未命中时回退到 KV 读取
-                if (!found) {
-                    const data = loadSessionData();
-                    const rec = data[parentSid];
-                    if (rec?.entries) {
-                        const fallbackMap = new Map(rec.entries.map((e) => [e.id, e]));
-                        found = tryMatchAndUpdate(fallbackMap, sid, status, nowTs);
-                        if (found) {
-                            // 回退命中后写入 KV 并回填缓存
-                            data[parentSid] = { ...rec, ts: nowTs, entries: [...fallbackMap.values()] };
-                            saveSessionData(data);
-                            globalEntryCache.set(parentSid, fallbackMap);
-                        }
-                    }
-                }
-                // 将模块级缓存中的最新状态同步到 KV
-                if (found && parentCache) {
-                    const data = loadSessionData();
-                    data[parentSid] = { ...data[parentSid], ts: nowTs, entries: [...parentCache.values()] };
-                    saveSessionData(data);
-                }
+            catch {
+                return undefined;
+            } },
+            messages: (sid) => { try {
+                return api.state.session.messages(sid);
             }
-        }
-        catch { }
-        // Delayed backfill: re-read data after state sync catches up, to capture the final
-        // token/cost values that may not have been available when session.idle fired.
-        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 t = 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 (t !== entry.tokens || c !== entry.cost || m !== entry.model ||
-                        tt !== entry.todoTotal || td !== entry.todoDone) {
-                        next.set(id, { ...entry, tokens: t, cost: c, model: m, todoTotal: tt, todoDone: td });
-                        changed = true;
-                    }
-                }
-                return changed ? next : prev;
-            });
-            bump();
-        }, 150);
-    };
-    // ── bumpRenderTick: force re-render (visual-cache pattern) ──
-    const bump = () => setRenderTick((v) => v + 1);
-    onMount(() => {
-        // Fast clock for smooth time display, separate from token polling
-        const clock = setInterval(() => { setNow(Date.now()); bump(); }, 100);
-        // Token poll — runs every 500ms for running entries
-        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) {
-                            // Only read from child sessions, never the parent
-                            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 !== undefined && total !== entry.tokens) {
-                                nextEntry.tokens = total;
-                                changed = true;
-                            }
-                            if (todo !== undefined) {
-                                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();
-        });
-    });
-    // ── session‑switch & initial‑load scan ──
-    // On session change: load from kv (entries survive component unmount), then scan+merge.
-    // On same session: only scan+merge (keep event‑driven running entries).
-    let lastSid = props.sessionId;
-    let lastTick = 0;
-    createEffect(() => {
-        const sid = props.sessionId;
-        const switched = sid !== lastSid;
-        lastSid = sid;
-        const tick = clearTick(); // 外部触发清除时 +1，effect 重跑
-        const forceReload = tick !== lastTick && !switched;
-        lastTick = tick;
-        const t = setTimeout(() => {
-            untrack(() => {
-                if (switched) {
-                    const { parentSid, isChild } = resolveParent(sid);
-                    const data = loadSessionData();
-                    const saved = isChild
-                        ? data[parentSid]?.children?.[sid]?.scroll ?? 0
-                        : data[sid]?.scroll ?? 0;
-                    setScrollOffset(saved);
-                    // 刷新父会话的访问时间 TTL，防止活跃会话的数据过期
-                    if (!isChild && data[sid]?.entries?.length) {
-                        data[sid].ts = Date.now();
-                        saveSessionData(data);
-                    }
-                }
-                // scan uses setEntryMapRaw — ephemeral data, not persisted to kv.
-                // Only event-driven changes (handlePartUpdated, handleSessionEnd) persist.
-                setEntryMapRaw((prev) => {
-                    // 优先从模块级缓存加载，KV 仅作缓存未命中时的回退
-                    const next = (switched || forceReload)
-                        ? new Map(globalEntryCache.get(sid) ?? loadEntries(sid))
-                        : new Map(prev);
-                    // 从 KV 加载当前会话的清除名单，扫描时跳过被手动清除的历史条目
-                    const { parentSid: scanPSid, isChild: scanChild } = resolveParent(sid);
-                    const scanRec = loadSessionData()[scanPSid];
-                    const clearedIds = new Set(scanChild ? scanRec?.children?.[sid]?.clearedIds : scanRec?.clearedIds);
-                    try {
-                        const msgs = props.api.state.session.messages(sid);
-                        if (msgs && msgs.length) {
-                            for (const msg of msgs) {
-                                const parts = props.api.state.part(msg.id) ?? [];
-                                for (const partRaw of parts) {
-                                    const part = partRaw;
-                                    // Subtask entries are purely event-driven — never created by scan.
-                                    // (SubtaskPart exists from spawn, not completion, so we cannot infer status.)
-                                    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);
-                                        // 已手动清除的条目：scan 发现但不在内存 → 跳过重建
-                                        if (!exists && clearedIds.has(id))
-                                            continue;
-                                        // Only create entries for tool calls that entered execution.
-                                        // "pending" / empty: skip new entries; allow heuristics for existing ones below.
-                                        if ((rawStatus === "pending" || rawStatus === "") && !exists)
-                                            continue;
-                                        // "error": only update existing, never create a new entry
-                                        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";
-                                        // Background tasks: tool completion ≠ agent completion — keep running until session.idle
-                                        // Only keep running if state metadata confirms a child session was spawned.
-                                        if ((st?.input?.run_in_background === true || st?.input?.background === true) && status === "done") {
-                                            const scanStMeta = st?.metadata;
-                                            const scanHasChild = scanStMeta?.session_id !== undefined || scanStMeta?.sessionId !== undefined;
-                                            if (scanHasChild)
-                                                status = "running";
-                                        }
-                                        // Already settled → skip
-                                        if (exists && exists.status !== "running" && exists.status !== "cancel_requested")
-                                            continue;
-                                        // Running entry with no explicit status improvement from part:
-                                        // try message-level heuristics first, then time-based fallback.
-                                        if (exists && status === "running") {
-                                            if (!rawStatus) {
-                                                const msgTokens = msg?.tokens;
-                                                if (msgTokens && (Number(msgTokens.input) > 0 || Number(msgTokens.output) > 0)) {
-                                                    status = "done"; // LLM returned tokens → agent completed
-                                                }
-                                                else if (Date.now() - exists.startedAt > 30 * 60 * 1000) {
-                                                    status = "done"; // >30 min idle → assume completed
-                                                }
-                                                else {
-                                                    continue;
-                                                }
-                                            }
-                                            else {
-                                                continue;
-                                            }
-                                        }
-                                        // If already tracked as running but tool state says completed/error → update
-                                        // If not tracked → add fresh
-                                        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 !== undefined ? String(input.description) : "";
-                                        const title = desc || truncate(prompt.replace(/\n/g, " ").trim(), 40);
-                                        let tokens;
-                                        const scanStMeta2 = st?.metadata;
-                                        const scanSubSid = scanStMeta2?.session_id !== undefined ? String(scanStMeta2.session_id)
-                                            : scanStMeta2?.sessionId !== undefined ? String(scanStMeta2.sessionId)
-                                                : undefined;
-                                        if (scanSubSid)
-                                            tokens = readSessionTokens(scanSubSid);
-                                        const ended = status === "done"; // "error" handled above, never reaches here
-                                        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()) : undefined,
-                                        });
-                                    }
-                                }
-                            }
-                        }
-                    }
-                    catch { }
-                    return next;
-                });
-                // Reconcile: check running entries against live child session status.
-                // Covers session.idle events missed while user was inside a child session.
-                setEntryMapRaw((prev) => {
-                    let changed = false;
-                    const next = new Map(prev);
-                    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);
-                            if (!st || st.type !== "idle")
-                                continue;
-                            const tokens = readSessionTokens(entry.sessionId);
-                            const cost = readSessionCost(entry.sessionId);
-                            const finalStatus = entry.status === "cancel_requested" && entry.abortAccepted
-                                ? "cancelled"
-                                : "done";
-                            next.set(id, {
-                                ...entry, status: finalStatus, endedAt: Date.now(),
-                                tokens: tokens ?? entry.tokens,
-                                cost: cost ?? entry.cost,
-                            });
-                            changed = true;
-                        }
-                        catch { }
-                    }
-                    return changed ? next : prev;
-                });
-                bump();
-            });
-        }, 150);
-        onCleanup(() => clearTimeout(t));
-    });
-    // ── palette ──
-    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),
-        };
-    });
-    // ── derived signals ──
-    // Stable list — only changes when entryMap changes
-    const entryList = createMemo(() => {
-        const entries = [...entryMap().values()];
-        if (props.sortOrder() === "desc") {
-            return entries.sort((a, b) => b.startedAt - a.startedAt);
-        }
-        return entries.sort((a, b) => a.startedAt - b.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()));
-    // Drop hover state when ↑ more disappears (hiddenAbove hits zero)
-    createEffect(() => {
-        if (hiddenAbove() === 0)
-            setHoveredMoreAbove(false);
-    });
-    // Reset scroll on sort order change: jump to newest in view
-    let sortInitialized = false;
-    createEffect(() => {
-        props.sortOrder();
-        if (!sortInitialized) {
-            sortInitialized = true;
-            return;
-        }
-        const total = untrack(() => entryList().length);
-        const m = untrack(() => max());
-        const target = props.sortOrder() === "desc" ? 0 : Math.max(0, total - m);
-        setScrollOffset(target);
-        setTimeout(() => {
-            try {
-                persistScroll(props.sessionId, target);
+            catch {
+                return undefined;
+            } },
+            part: (messageID) => { try {
+                return api.state.part(messageID);
             }
-            catch { }
-        }, 0);
-    });
-    // When new entries arrive while viewing the newest end, keep the view at newest
-    let prevEntryCount = 0;
-    createEffect(() => {
-        const total = entryList().length;
-        if (prevEntryCount === 0) {
-            prevEntryCount = total;
-            return;
-        }
-        if (total === prevEntryCount)
-            return;
-        const m = max();
-        const wasAtNewest = props.sortOrder() === "desc"
-            ? untrack(() => scrollOffset() === 0)
-            : untrack(() => scrollOffset() >= prevEntryCount - m);
-        prevEntryCount = total;
-        if (wasAtNewest) {
-            const target = props.sortOrder() === "desc" ? 0 : Math.max(0, total - m);
-            setScrollOffset(target);
-            setTimeout(() => {
-                try {
-                    persistScroll(props.sessionId, target);
+            catch {
+                return undefined;
+            } },
+        },
+        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 }));
                 }
-                catch { }
-            }, 0);
-        }
-    });
-    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" || e.status === "cancelled").length);
-    const runningCount = createMemo(() => entryList().filter((e) => e.status === "running" || e.status === "cancel_requested").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 ? undefined : id;
-            try {
-                persistExpanded(props.sessionId, next ?? "");
-            }
-            catch { }
-            return next;
-        });
-    };
-    const sep = () => "\u2500".repeat(Math.max(1, panelWidth()));
-    // ── expanded detail right-align ──
-    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"), t("session.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());
-    // ── header parts for colored spans ──
-    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 + ": "));
-    // ── render ──
-    return (_jsxs("box", { border: false, paddingTop: 0, paddingBottom: 0, paddingLeft: 0, paddingRight: 0, flexDirection: "column", gap: 0, ref: boxEl, onSizeChange: () => {
-            const w = boxEl ? Math.max(20, boxEl.width ?? 0) : 28;
-            setPanelWidth((prev) => (prev === w ? prev : w));
-        }, children: [_jsxs("text", { onMouseUp: () => {
-                    setOpen((o) => {
-                        const n = !o;
-                        try {
-                            props.api.kv.set(`${KV_PREFIX}.open`, n);
-                        }
-                        catch { }
-                        return n;
-                    });
-                    bump();
-                }, children: [_jsx("span", { style: { fg: pal().muted }, children: renderTick() >= 0 && open() ? "\u25bc " : "\u25b6 " }), _jsx("span", { style: { fg: pal().primary }, children: t("panel.title") }), _jsx(Show, { when: showVersion(), children: _jsx("span", { style: { fg: dimColor(pal().muted, 0.75) }, children: versionText }) }), anyEntry() ? (_jsxs(_Fragment, { children: [_jsx("span", { style: { fg: pal().muted }, children: " ".repeat(spacerCols()) }), _jsx("span", { style: { fg: pal().success }, children: summaryParts().done }), runningCount() > 0 && (_jsxs("span", { style: { fg: pal().warning }, children: [" ", summaryParts().running] })), errCount() > 0 && (_jsxs("span", { style: { fg: pal().error }, children: [" ", summaryParts().err] })), summaryParts().duration ? (_jsxs("span", { style: { fg: pal().muted }, children: [" ", summaryParts().duration] })) : null, summaryParts().cost ? (_jsxs("span", { style: { fg: pal().warning }, children: [" ", summaryParts().cost] })) : null] })) : null] }), _jsxs(Show, { when: open(), children: [_jsx("text", { fg: pal().muted, children: sep() }), _jsx(Show, { when: anyEntry(), fallback: _jsxs("text", { style: { fg: pal().muted }, children: ["  ", "> ", t("status.none"), "  "] }), children: _jsxs("box", { onMouseScroll: (e) => {
-                                if (props.scrollMode() === "click")
-                                    return;
-                                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;
-                                });
-                            }, children: [_jsx(Show, { when: hiddenAbove() > 0, children: _jsx("text", { onMouseOver: () => setHoveredMoreAbove(true), onMouseOut: () => setHoveredMoreAbove(false), onMouseUp: () => {
-                                            const total = entryList().length;
-                                            const m = max();
-                                            if (total <= m)
-                                                return;
-                                            const next = Math.max(0, scrollOffset() - m);
-                                            if (next === 0) {
-                                                setTimeout(() => {
-                                                    setScrollOffset(next);
-                                                    try {
-                                                        persistScroll(props.sessionId, next);
-                                                    }
-                                                    catch { }
-                                                }, 0);
-                                            }
-                                            else {
-                                                setScrollOffset(next);
-                                                try {
-                                                    persistScroll(props.sessionId, next);
-                                                }
-                                                catch { }
-                                            }
-                                        }, children: _jsxs("span", { style: { fg: hoveredMoreAbove() ? pal().warning : pal().muted }, children: ["  ", "\u2191 ", hiddenAbove(), " ", t("scroll.more")] }) }) }), _jsx(For, { each: visibleList(), children: (entry) => {
-                                        const isExpanded = () => expanded() === entry.id;
-                                        const isRunning = entry.status === "running";
-                                        const isCancelRequested = entry.status === "cancel_requested";
-                                        const isCancelled = entry.status === "cancelled";
-                                        const isError = entry.status === "error";
-                                        const isActiveRunning = isRunning || isCancelRequested;
-                                        const elapsed = () => (entry.endedAt ?? now()) - entry.startedAt;
-                                        const statusDot = () => "\u25cf";
-                                        const statusColor = () => {
-                                            if (isCancelled)
-                                                return pal().muted;
-                                            if (!isActiveRunning)
-                                                return isError ? pal().error : pal().success;
-                                            const t = (Math.sin(((now() % 2000) / 2000) * 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) * t);
-                                            const g = Math.round(a.g + (b.g - a.g) * t);
-                                            const bl = Math.round(a.b + (b.b - a.b) * t);
-                                            return "#" + [r, g, bl].map((v) => Math.max(0, Math.min(255, v)).toString(16).padStart(2, "0")).join("");
-                                        };
-                                        const timeColor = () => isActiveRunning ? pal().warning : isError ? pal().error : pal().muted;
-                                        // Entry label: collapsed shows title only, expanded shows title only too
-                                        const tokenText = () => !isExpanded() && entry.tokens !== undefined && entry.tokens > 0
-                                            ? ` ${fmtTokens(entry.tokens)}`
-                                            : "";
-                                        const timeText = () => !isExpanded() && (elapsed() >= 2000 || entry.endedAt !== undefined)
-                                            ? fmtDurationShort(elapsed(), isActiveRunning)
-                                            : "";
-                                        const suffixW = () => {
-                                            let w = 0;
-                                            const t = timeText();
-                                            if (t)
-                                                w += 1 + visualWidth(t);
-                                            const tk = tokenText();
-                                            if (tk)
-                                                w += visualWidth(tk);
-                                            return w;
-                                        };
-                                        const labelAvail = () => Math.max(6, panelWidth() - LEFT_PAD - suffixW());
-                                        const labelText = () => {
-                                            const max = labelAvail();
-                                            const text = entry.title || entry.agent;
-                                            const truncated = truncate(text, max);
-                                            const pad = Math.max(0, max - visualWidth(truncated));
-                                            return truncated + " ".repeat(pad);
-                                        };
-                                        return (_jsxs(_Fragment, { children: [_jsxs("text", { onMouseUp: () => toggleExpand(entry.id), children: [_jsx("span", { style: { fg: pal().muted }, children: isExpanded() ? "\u25bc" : "\u25b6" }), " ", _jsx("span", { style: { fg: statusColor() }, children: statusDot() }), " ", _jsx("span", { style: { fg: pal().text }, children: labelText() }), timeText() ? (_jsxs(_Fragment, { children: [" ", _jsx("span", { style: { fg: timeColor() }, children: timeText() })] })) : null, tokenText() ? (_jsx("span", { style: { fg: pal().muted }, children: tokenText() })) : null] }), _jsxs(Show, { when: isExpanded(), children: [_jsxs("text", { children: ["  ", _jsxs("span", { style: { fg: pal().primary }, children: [t("agent.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("agent.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: entry.agent })] }), _jsxs("text", { children: ["  ", _jsxs("span", { style: { fg: pal().primary }, children: [t("status.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("status.label"))) }), _jsx("span", { style: { fg: isActiveRunning ? pal().warning : isCancelled ? pal().muted : isError ? pal().error : pal().success }, children: isActiveRunning ? t("status.running") : isCancelled ? t("status.cancelled") : isError ? t("status.error") : t("status.done") })] }), _jsx(Show, { when: elapsed() >= 2000 || entry.endedAt !== undefined, children: _jsxs("text", { children: ["  ", _jsxs("span", { style: { fg: pal().primary }, children: [t("time.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("time.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: fmtDurationShort(elapsed(), isActiveRunning) })] }) }), _jsx(Show, { when: entry.tokens !== undefined, children: _jsxs("text", { children: ["  ", _jsxs("span", { style: { fg: pal().primary }, children: [t("tokens.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("tokens.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: fmtTokens(entry.tokens) })] }) }), _jsx(Show, { when: entry.error, children: _jsxs("text", { children: ["  ", _jsxs("span", { style: { fg: pal().error }, children: [t("error.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("error.label"))) }), _jsx("span", { style: { fg: pal().error }, children: truncate(String(entry.error), expandedValAvail()) })] }) }), _jsx(Show, { when: entry.cost !== undefined, children: (() => {
-                                                                const cost = entry.cost;
-                                                                return (_jsxs("text", { children: ["  ", _jsxs("span", { style: { fg: pal().primary }, children: [t("cost.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("cost.label"))) }), _jsxs("span", { style: { fg: pal().muted }, children: ["$", cost.toFixed(4)] })] }));
-                                                            })() }), _jsx(Show, { when: entry.model, children: _jsxs("text", { children: ["  ", _jsxs("span", { style: { fg: pal().primary }, children: [t("model.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("model.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: truncate(entry.model, expandedValAvail()) })] }) }), _jsx(Show, { when: entry.todoTotal !== undefined, children: _jsxs("text", { children: ["  ", _jsxs("span", { style: { fg: pal().primary }, children: [t("todo.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("todo.label"))) }), _jsxs("span", { style: { fg: pal().muted }, children: [entry.todoDone, "/", entry.todoTotal] })] }) }), _jsx(Show, { when: entry.sessionId, children: _jsxs("text", { onMouseUp: async () => {
-                                                                    const sessionId = entry.sessionId;
-                                                                    if (!sessionId)
-                                                                        return;
-                                                                    const result = await copyText(sessionId);
-                                                                    if (result.copied) {
-                                                                        props.api.ui.toast({
-                                                                            variant: "success",
-                                                                            title: entry.title || entry.agent,
-                                                                            message: t("session.toast.copied"),
-                                                                            duration: 2500,
-                                                                        });
-                                                                        return;
-                                                                    }
-                                                                    props.api.ui.toast({
-                                                                        variant: "warning",
-                                                                        title: entry.title || entry.agent,
-                                                                        message: `${sessionId}\n\n${t("session.toast.copy_failed")}`,
-                                                                        duration: 8000,
-                                                                    });
-                                                                }, children: ["  ", _jsxs("span", { style: { fg: pal().primary }, children: [t("session.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("session.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: truncate(entry.sessionId, expandedValAvail() - visualWidth(" ⎘")) }), _jsx("span", { style: { fg: pal().warning }, children: " \u2398" })] }) }), _jsx(Show, { when: entry.sessionId || isRunning, children: (() => {
-                                                                const openPrefix = () => "  \u2192 ";
-                                                                const openFull = () => entry.sessionId ? openPrefix() + t("open.label") : "";
-                                                                const openW = () => entry.sessionId ? visualWidth(openFull()) : 0;
-                                                                const cancelLabel = () => ` ${t("cancel.label")}`;
-                                                                const dismissLabel = () => ` ${t("dismiss.label")}`;
-                                                                const rightW = (isRunning ? visualWidth(dismissLabel()) : 0) + (isRunning && entry.sessionId ? visualWidth(cancelLabel()) : 0);
-                                                                const spacerW = () => Math.max(1, panelWidth() - openW() - rightW - 2);
-                                                                return (_jsxs("box", { flexDirection: "row", children: [_jsx(Show, { when: entry.sessionId, children: _jsxs("text", { onMouseOver: () => setHoveredOpen(entry.id), onMouseOut: () => setHoveredOpen(undefined), onMouseUp: () => {
-                                                                                    if (entry.sessionId) {
-                                                                                        props.api.route.navigate("session", { sessionID: entry.sessionId });
-                                                                                    }
-                                                                                }, children: [_jsx("span", { style: { fg: hoveredOpen() === entry.id ? pal().warning : pal().primary }, children: openPrefix() }), _jsx("span", { style: { fg: hoveredOpen() === entry.id ? pal().warning : pal().primary }, children: t("open.label") })] }) }), _jsx("text", { style: { fg: pal().muted }, children: " ".repeat(spacerW()) }), _jsx(Show, { when: isRunning && entry.sessionId, children: _jsx("text", { onMouseOver: () => setHoveredCancel(entry.id), onMouseOut: () => setHoveredCancel(undefined), onMouseUp: () => cancelEntry(entry), children: _jsx("span", { style: { fg: hoveredCancel() === entry.id ? pal().warning : pal().error }, children: cancelLabel() }) }) }), _jsx(Show, { when: isRunning, children: _jsx("text", { onMouseOver: () => setHoveredDismiss(entry.id), onMouseOut: () => setHoveredDismiss(undefined), onMouseUp: () => {
-                                                                                    upsertEntry({ id: entry.id, title: entry.title, agent: entry.agent, prompt: entry.prompt, status: "done" });
-                                                                                }, children: _jsx("span", { style: { fg: hoveredDismiss() === entry.id ? pal().warning : pal().muted }, children: dismissLabel() }) }) })] }));
-                                                            })() })] })] }));
-                                    } }), _jsx(Show, { when: hiddenBelow() > 0 || (props.sortOrder() === "desc" ? scrollOffset() > 0 : entryList().length > max() && clampedOffset() < entryList().length - max()), children: (() => {
-                                        const showMore = hiddenBelow() > 0;
-                                        const showTop = props.sortOrder() === "desc"
-                                            ? scrollOffset() > 0
-                                            : entryList().length > max() && clampedOffset() < entryList().length - max();
-                                        const left = showMore ? `  \u2193 ${hiddenBelow()} ${t("scroll.more")}` : "  ";
-                                        const right = props.sortOrder() === "desc"
-                                            ? `\u2191 ${t("scroll.top")}`
-                                            : `\u2193 ${t("scroll.bottom")}`;
-                                        const pad = showTop ? Math.max(1, panelWidth() - visualWidth(left) - visualWidth(right)) : 0;
-                                        return (_jsxs("box", { flexDirection: "row", children: [_jsx("text", { onMouseOver: () => showMore && setHoveredMoreBelow(true), onMouseOut: () => setHoveredMoreBelow(false), onMouseUp: () => {
-                                                        if (!showMore)
-                                                            return;
-                                                        const total = entryList().length;
-                                                        const m = max();
-                                                        if (total <= m)
-                                                            return;
-                                                        setScrollOffset((prev) => Math.min(total - m, prev + m));
-                                                        try {
-                                                            persistScroll(props.sessionId, scrollOffset());
-                                                        }
-                                                        catch { }
-                                                        setHoveredMoreBelow(false);
-                                                    }, children: _jsx("span", { style: { fg: showMore && hoveredMoreBelow() ? pal().warning : pal().muted }, children: left }) }), showTop ? (_jsxs(_Fragment, { children: [_jsx("text", { style: { fg: pal().muted }, children: " ".repeat(pad) }), _jsx("text", { onMouseOver: () => setHoveredTop(true), onMouseOut: () => setHoveredTop(false), onMouseUp: () => {
-                                                                const total = entryList().length;
-                                                                const m = max();
-                                                                if (props.sortOrder() === "desc") {
-                                                                    setScrollOffset(0);
-                                                                }
-                                                                else {
-                                                                    setScrollOffset(Math.max(0, total - m));
-                                                                }
-                                                                setHoveredTop(false);
-                                                            }, children: _jsx("span", { style: { fg: hoveredTop() ? pal().warning : pal().muted }, children: right }) })] })) : null] }));
-                                    })() })] }) })] })] }));
-}
-function createSidebarSlot(api, sig) {
-    return {
-        order: 60,
-        slots: {
-            sidebar_content(ctx, input) {
-                sig.sessionId = input.session_id;
-                return (_jsx(SubAgentPanel, { theme: ctx.theme.current, api: api, lang: sig.lang, maxEntries: sig.maxEntries, sortOrder: sig.sortOrder, scrollMode: sig.scrollMode, sessionId: input.session_id }));
             },
         },
+        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(),
+        },
     };
-}
-const KV_PREFIX = "subagent_magazine";
-const tui = async (api) => {
-    // ── language ──
-    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 signals = { lang, setLang, maxEntries, setMaxEntries, sortOrder, setSortOrder, scrollMode, setScrollMode, sessionId: "" };
-    api.slots.register(createSidebarSlot(api, signals));
+    api.slots.register(createSidebarSlot(api, v1Api, signals));
     // ── slash command: /subagent-lang ──
     api.command?.register(() => [
         {