opencode-subagent-magazine 1.4.2 → 1.5.1

package/dist/index.js

@@ -1,98 +1,11 @@
 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 { 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"]);
 // ===================================================================
-// i18n
-// ===================================================================
-const I18N = {
-    zh: {
-        "panel.title": "子代理",
-        "status.none": "暂无子代理",
-        "agent.label": "代理",
-        "status.label": "状态",
-        "time.label": "耗时",
-        "tokens.label": "上下文",
-        "error.label": "错误",
-        "model.label": "模型",
-        "todo.label": "进度",
-        "session.label": "会话 ID",
-        "session.toast.copy": "可手动复制上方 ID",
-        "open.label": "进入会话",
-        "cost.label": "费用",
-        "scroll.more": "更多",
-        "scroll.top": "回顶",
-        "scroll.bottom": "回底",
-        "dismiss.label": "标记完成",
-        "status.running": "运行中",
-        "status.done": "已完成",
-        "status.error": "错误",
-        "order.desc": "降序（最新在前）",
-        "order.asc": "升序（最早在前）",
-        "scroll.wheel": "滚轮翻页",
-        "scroll.click": "点击翻页",
-        "ttl.label": "清理周期",
-        "ttl.3d": "3 天",
-        "ttl.7d": "7 天",
-        "ttl.14d": "14 天",
-        "ttl.30d": "30 天",
-        "ttl.unlimited": "无期限",
-        "ttl.toast": "清理周期已设为 {n} 天",
-        "ttl.toast_unlimited": "清理周期已设为无期限",
-        "clear.title": "确认清除",
-        "clear.prompt": "确定清除当前会话所有子代理记录？此操作不可撤销。",
-        "clear.prompt_running": "当前有 {n} 个运行中的子代理，清除后将不可恢复。确定继续？",
-        "clear.done": "已清除 {n} 条子代理记录",
-        "clear.empty": "当前会话无子代理记录",
-    },
-    en: {
-        "panel.title": "SubAgent",
-        "status.none": "No sub-agents yet",
-        "agent.label": "agent",
-        "status.label": "status",
-        "time.label": "time",
-        "tokens.label": "tokens",
-        "error.label": "error",
-        "model.label": "model",
-        "todo.label": "todo",
-        "session.label": "session ID",
-        "session.toast.copy": "Copy the ID above manually",
-        "open.label": "Open session",
-        "cost.label": "cost",
-        "scroll.more": "more",
-        "scroll.top": "Top",
-        "scroll.bottom": "Bottom",
-        "dismiss.label": "dismiss",
-        "status.running": "running",
-        "status.done": "done",
-        "status.error": "error",
-        "order.desc": "Desc (newest first)",
-        "order.asc": "Asc (oldest first)",
-        "scroll.wheel": "Wheel Scroll",
-        "scroll.click": "Click Scroll",
-        "ttl.label": "TTL (Time to Live)",
-        "ttl.3d": "3 days",
-        "ttl.7d": "7 days",
-        "ttl.14d": "14 days",
-        "ttl.30d": "30 days",
-        "ttl.unlimited": "Never",
-        "ttl.toast": "TTL set to {n} days",
-        "ttl.toast_unlimited": "TTL set to Never",
-        "clear.title": "Confirm",
-        "clear.prompt": "Clear all sub-agent records for this session? This cannot be undone.",
-        "clear.prompt_running": "{n} sub-agent(s) are still running. Clearing will discard them permanently. Continue?",
-        "clear.done": "Cleared {n} sub-agent record(s)",
-        "clear.empty": "No sub-agent records in this session",
-    },
-};
-function detectLang() {
-    const env = process?.env?.OPENCODE_LANG ?? process?.env?.LANG ?? "";
-    if (env.startsWith("zh"))
-        return "zh";
-    return "en";
-}
-// ===================================================================
 // Helpers — visual width
 // ===================================================================
 function charColumns(c) {
@@ -243,7 +156,7 @@ const globalEntryCache = new Map();
 // 模块级刷新信号：外部（如斜杠命令）触发清除后 +1，组件 scan 依赖它以重扫。
 const [clearTick, setClearTick] = createSignal(0);
 function SubAgentPanel(props) {
-    const t = (key) => I18N[props.lang()][key] ?? key;
+    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);
@@ -385,7 +298,7 @@ function SubAgentPanel(props) {
             let needsImmediateFlush = false;
             for (const [id, entry] of next) {
                 const prevEntry = prev.get(id);
-                if (prevEntry?.status === "running" && (entry.status === "done" || entry.status === "error")) {
+                if (prevEntry?.status === "running" && (entry.status === "done" || entry.status === "error" || entry.status === "cancelled")) {
                     needsImmediateFlush = true;
                     break;
                 }
@@ -438,6 +351,7 @@ function SubAgentPanel(props) {
     })());
     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);
@@ -553,7 +467,7 @@ function SubAgentPanel(props) {
             const next = new Map(prev);
             const nowTs = Date.now();
             const e = partial.status;
-            const ended = e === "done" || e === "error";
+            const ended = e === "done" || e === "error" || e === "cancelled";
             next.set(partial.id, {
                 ...(existing ?? { startedAt: nowTs }),
                 ...partial,
@@ -563,6 +477,107 @@ function SubAgentPanel(props) {
             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;
@@ -670,10 +685,11 @@ function SubAgentPanel(props) {
         // 在给定的 entries Map 中查找并更新匹配的子代理 entry。
         // 返回 true 表示找到并更新了，false 表示未找到。
         const tryMatchAndUpdate = (entriesMap, targetSid, targetStatus, nowTs) => {
-            // 精确匹配：sessionId 对得上 + 状态为 running
+            // 精确匹配：sessionId 对得上 + 状态为 running / cancel_requested
             for (const [, entry] of entriesMap) {
-                if (entry.sessionId === targetSid && entry.status === "running") {
-                    entry.status = targetStatus;
+                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;
@@ -684,13 +700,13 @@ function SubAgentPanel(props) {
                     return true;
                 }
             }
-            // 回退：sessionId 未关联但 agent 名匹配 + 状态为 running
+            // 回退：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")
+                    if (entry.status !== "running" && entry.status !== "cancel_requested")
                         continue;
                     const eaNorm = normalize(entry.agent);
                     if (!eaNorm || !saNorm)
@@ -703,7 +719,7 @@ function SubAgentPanel(props) {
                 }
                 if (!best) {
                     for (const [, entry] of entriesMap) {
-                        if (entry.status !== "running")
+                        if (entry.status !== "running" && entry.status !== "cancel_requested")
                             continue;
                         if (entry.sessionId)
                             continue;
@@ -713,7 +729,8 @@ function SubAgentPanel(props) {
                     }
                 }
                 if (best) {
-                    best.entry.status = targetStatus;
+                    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;
@@ -733,16 +750,17 @@ function SubAgentPanel(props) {
             for (const [id, entry] of next) {
                 if (entry.sessionId !== sid)
                     continue;
-                if (entry.status !== "running" && entry.status !== "done")
+                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";
+                const alreadySettled = entry.status !== "running" && entry.status !== "cancel_requested";
+                const finalStatus = status === "error" ? "error" : settleOnIdle(entry);
                 next.set(id, {
                     ...entry,
-                    ...(alreadySettled ? {} : { status, endedAt: Date.now() }),
+                    ...(alreadySettled ? {} : { status: finalStatus, endedAt: Date.now() }),
                     tokens: entry.tokens ?? sessionTokens,
                     cost: entry.cost ?? sessionCost,
                     model: entry.model ?? sessionModel,
@@ -759,7 +777,7 @@ function SubAgentPanel(props) {
                 let best = null;
                 // Phase 1: try matching by agent name（agent 名有交集）
                 for (const [id, entry] of next) {
-                    if (entry.status !== "running")
+                    if (entry.status !== "running" && entry.status !== "cancel_requested")
                         continue;
                     const eaNorm = normalize(entry.agent);
                     if (!eaNorm || !saNorm)
@@ -774,7 +792,7 @@ function SubAgentPanel(props) {
                 // fall back to time proximity for entries that have no sessionId yet
                 if (!best) {
                     for (const [id, entry] of next) {
-                        if (entry.status !== "running")
+                        if (entry.status !== "running" && entry.status !== "cancel_requested")
                             continue;
                         if (entry.sessionId)
                             continue;
@@ -785,8 +803,9 @@ function SubAgentPanel(props) {
                 }
                 if (best) {
                     const entry = next.get(best.id);
+                    const finalStatus = status === "error" ? "error" : settleOnIdle(entry);
                     next.set(best.id, {
-                        ...entry, status, endedAt: nowTs,
+                        ...entry, status: finalStatus, endedAt: nowTs,
                         tokens: sessionTokens || entry.tokens,
                         cost: sessionCost || entry.cost,
                         sessionId: sid,
@@ -1022,7 +1041,7 @@ function SubAgentPanel(props) {
                                                 status = "running";
                                         }
                                         // Already settled → skip
-                                        if (exists && exists.status !== "running")
+                                        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.
@@ -1081,7 +1100,7 @@ function SubAgentPanel(props) {
                     let changed = false;
                     const next = new Map(prev);
                     for (const [id, entry] of next) {
-                        if (entry.status !== "running" || !entry.sessionId)
+                        if ((entry.status !== "running" && entry.status !== "cancel_requested") || !entry.sessionId)
                             continue;
                         try {
                             const st = props.api.state.session.status(entry.sessionId);
@@ -1089,8 +1108,11 @@ function SubAgentPanel(props) {
                                 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: "done", endedAt: Date.now(),
+                                ...entry, status: finalStatus, endedAt: Date.now(),
                                 tokens: tokens ?? entry.tokens,
                                 cost: cost ?? entry.cost,
                             });
@@ -1196,8 +1218,8 @@ function SubAgentPanel(props) {
             elapsed: (e.endedAt ?? nowVal) - e.startedAt,
         }));
     });
-    const doneCount = createMemo(() => entryList().filter((e) => e.status === "done").length);
-    const runningCount = createMemo(() => entryList().filter((e) => e.status === "running").length);
+    const 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(() => {
@@ -1341,11 +1363,16 @@ function SubAgentPanel(props) {
                                         }, 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 (!isRunning)
+                                            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);
@@ -1356,13 +1383,13 @@ function SubAgentPanel(props) {
                                             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 = () => isRunning ? pal().warning : isError ? pal().error : pal().muted;
+                                        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(), isRunning)
+                                            ? fmtDurationShort(elapsed(), isActiveRunning)
                                             : "";
                                         const suffixW = () => {
                                             let w = 0;
@@ -1382,30 +1409,44 @@ function SubAgentPanel(props) {
                                             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: isRunning ? pal().warning : isError ? pal().error : pal().success }, children: isRunning ? t("status.running") : 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(), isRunning) })] }) }), _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: (() => {
+                                        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: () => {
-                                                                    if (entry.sessionId) {
+                                                            })() }), _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: `${entry.sessionId}\n\n${t("session.toast.copy")}`,
-                                                                            duration: 8000,
+                                                                            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 dismissLabel = () => `- ${t("dismiss.label")}`;
                                                                 const openPrefix = () => "  \u2192 ";
                                                                 const openFull = () => entry.sessionId ? openPrefix() + t("open.label") : "";
                                                                 const openW = () => entry.sessionId ? visualWidth(openFull()) : 0;
-                                                                const spacerW = () => Math.max(1, panelWidth() - openW() - visualWidth(dismissLabel()) - 2 /* indent */);
-                                                                return (_jsxs("box", { flexDirection: "row", children: [_jsx(Show, { when: entry.sessionId, fallback: _jsx("text", { children: "  " }), children: _jsxs("text", { onMouseOver: () => setHoveredOpen(entry.id), onMouseOut: () => setHoveredOpen(undefined), onMouseUp: () => {
+                                                                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(Show, { when: isRunning, children: _jsxs(_Fragment, { children: [_jsx("text", { style: { fg: pal().muted }, children: " ".repeat(spacerW()) }), _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() }) })] }) })] }));
+                                                                                }, 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;
@@ -1458,7 +1499,7 @@ const KV_PREFIX = "subagent_magazine";
 const tui = async (api) => {
     // ── language ──
     const stored = String(api.kv.get(`${KV_PREFIX}.lang`, ""));
-    const initialLang = stored === "zh" || stored === "en" ? stored : detectLang();
+    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");
@@ -1473,15 +1514,12 @@ const tui = async (api) => {
             description: "Switch display language (中文 / English)",
             slash: { name: "subagent-lang" },
             onSelect: (dialog) => {
-                dialog?.replace(() => (_jsx(api.ui.DialogSelect, { title: "Language / \u8BED\u8A00", options: [
-                        { title: "中文", value: "zh" },
-                        { title: "English", value: "en" },
-                    ], onSelect: (opt) => {
+                dialog?.replace(() => (_jsx(api.ui.DialogSelect, { title: "Language / \u8BED\u8A00", options: LANG_META.map((m) => ({ title: m.label, value: m.code })), onSelect: (opt) => {
                         const l = opt.value;
                         setLang(l);
                         api.kv.set(`${KV_PREFIX}.lang`, l);
                         api.ui.toast({
-                            message: l === "zh" ? "语言: 中文" : "Language: English",
+                            message: "Language: " + (LANG_META.find((m) => m.code === l)?.label ?? l),
                         });
                         dialog?.clear();
                     } })));
@@ -1493,7 +1531,7 @@ const tui = async (api) => {
             description: "Set sub-agent entry sort order (desc / asc)",
             slash: { name: "subagent-order" },
             onSelect: (dialog) => {
-                const t = (k) => I18N[lang()][k] ?? k;
+                const t = createT(() => lang());
                 dialog?.replace(() => (_jsx(api.ui.DialogSelect, { title: "Sort Order / \u6392\u5E8F\u65B9\u5F0F", options: [
                         { title: t("order.desc"), value: "desc" },
                         { title: t("order.asc"), value: "asc" },
@@ -1514,7 +1552,7 @@ const tui = async (api) => {
             description: "Set scroll mode (wheel / click)",
             slash: { name: "subagent-scroll" },
             onSelect: (dialog) => {
-                const t = (k) => I18N[lang()][k] ?? k;
+                const t = createT(() => lang());
                 dialog?.replace(() => (_jsx(api.ui.DialogSelect, { title: "Scroll Mode / \u6EDA\u52A8\u6A21\u5F0F", options: [
                         { title: t("scroll.wheel"), value: "wheel" },
                         { title: t("scroll.click"), value: "click" },
@@ -1580,7 +1618,7 @@ const tui = async (api) => {
                 }
                 let count = 0;
                 for (const [, entry] of entries) {
-                    if (entry.status === "running") {
+                    if (entry.status === "running" || entry.status === "cancel_requested") {
                         entry.status = "done";
                         entry.endedAt = Date.now();
                         count++;
@@ -1633,7 +1671,7 @@ const tui = async (api) => {
             description: "Set session data retention period (days before auto-cleanup)",
             slash: { name: "subagent-ttl" },
             onSelect: (dialog) => {
-                const t = (k) => I18N[signals.lang()][k] ?? k;
+                const t = createT(() => signals.lang());
                 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`;
@@ -1646,7 +1684,7 @@ const tui = async (api) => {
                     ], onSelect: (opt) => {
                         const days = parseInt(opt.value, 10);
                         api.kv.set(`${KV_PREFIX}.ttl_days`, String(days));
-                        const msg = days === 0 ? t("ttl.toast_unlimited") : t("ttl.toast").replace("{n}", String(days));
+                        const msg = days === 0 ? t("ttl.toast_unlimited") : t("ttl.toast", { n: days });
                         api.ui.toast({ message: msg });
                         dialog?.clear();
                     } })));
@@ -1658,7 +1696,7 @@ const tui = async (api) => {
             description: "Delete all sub-agent records for the current session (cannot be undone)",
             slash: { name: "subagent-clear-entries" },
             onSelect: (dialog) => {
-                const t = (k) => I18N[signals.lang()][k] ?? k;
+                const t = createT(() => signals.lang());
                 const sid = signals.sessionId;
                 const sessionObj = api.state.session.get(sid);
                 const parentID = sessionObj?.parentID;
@@ -1672,7 +1710,7 @@ const tui = async (api) => {
                     }
                 }
                 const msg = runningCount > 0
-                    ? t("clear.prompt_running").replace("{n}", String(runningCount))
+                    ? t("clear.prompt_running", { n: runningCount })
                     : t("clear.prompt");
                 dialog?.replace(() => (_jsx(api.ui.DialogConfirm, { title: t("clear.title"), message: msg, onConfirm: () => {
                         try {
@@ -1702,7 +1740,7 @@ const tui = async (api) => {
                             api.kv.set(`${KV_PREFIX}.session_data`, JSON.stringify(data));
                             globalEntryCache.delete(sid);
                             setClearTick((v) => v + 1);
-                            const msg = t("clear.done").replace("{n}", String(count));
+                            const msg = t("clear.done", { n: count });
                             api.ui.toast({ message: msg });
                         }
                         catch { }