opencode-subagent-magazine 1.6.1 → 1.7.1

package/README.md

@@ -57,7 +57,12 @@
 - **手动清除条目**：`/subagent-clear-entries` 清除当前会话所有记录，防止历史条目扫描重建
 - **语言适配**：支持 `/subagent-lang` 运行时切换中/英文，偏好持久化
 - **可切换边框**：`/subagent-border` 控制面板外边框显隐（默认隐藏），开启后与缓存统计面板风格统一
-- **斜杠命令**：`/subagent-lang` `/subagent-max` `/subagent-order` `/subagent-scroll` `/subagent-ttl` `/subagent-clear-entries` `/subagent-session` `/subagent-version` `/subagent-clear-running` `/subagent-border` 动态配置
+- **多实例安全**：多开 TUI 时条目不再互相覆盖（原子合并写入）
+- **漏事件兜底**：周期性校正 + 历史扫描 + 发现轮询，掉事件的子代理也能恢复显示
+- **条目显示开关**：`/subagent-cost` 控制列表内条目费用（4 位小数，默认关；展开区始终显示）；`/subagent-time`、`/subagent-tokens` 控制耗时与 Token（默认开，保持原有显示）
+- **耗时格式**：`/subagent-time-format` 可选 short（默认）/ decimal / clock / compact / seconds
+- **设置菜单**：`/subagent-sections` 打开原生循环设置菜单（V2）；`/subagent-config` 查看当前设置摘要
+- **斜杠命令**：`/subagent-lang` `/subagent-max` `/subagent-order` `/subagent-scroll` `/subagent-ttl` `/subagent-clear-entries` `/subagent-session` `/subagent-version` `/subagent-clear-running` `/subagent-border` `/subagent-config` `/subagent-sections` `/subagent-cost` `/subagent-time` `/subagent-tokens` `/subagent-time-format` 动态配置
 
 ---
 
@@ -152,6 +157,12 @@ npm install -g opencode-subagent-magazine@latest
 | `/subagent-version` | 查看插件版本 | 弹出当前插件版本号 |
 | `/subagent-clear-running` | 批量清理僵尸条目 | 一键将所有运行中的条目标记为完成，清理卡住的旧数据 |
 | `/subagent-border` | 开关面板边框 | 切换面板外边框显隐（默认隐藏），即时生效并持久化 |
+| `/subagent-config` | 查看设置摘要 | 弹窗列出语言、条目数、排序、翻页、保留期、边框与各显示开关的当前值 |
+| `/subagent-sections` | 打开设置菜单 | 原生选择列表逐项修改，修改后自动回到菜单（Esc 关闭） |
+| `/subagent-cost` | 开关条目费用 | 列表内条目费用显示（4 位小数，默认关；展开区始终显示） |
+| `/subagent-time` | 开关条目耗时 | 列表内耗时显示（默认开） |
+| `/subagent-tokens` | 开关条目 Token | 列表内 Token 显示（默认开） |
+| `/subagent-time-format` | 切换耗时格式 | short（默认 45.32s / 112m35s）/ decimal / clock / compact / seconds |
 
 <div align="center">
   <img src="https://raw.githubusercontent.com/Hotakus/opencode-subagent-magazine/master/assets/slash_cmds.png" alt="斜杠命令" width="49%"></img>

package/dist/_version.d.ts

@@ -1 +1 @@
-export declare const PLUGIN_VERSION = "1.6.1";
+export declare const PLUGIN_VERSION = "1.7.1";

package/dist/_version.js

@@ -1,2 +1,2 @@
 // auto-generated
-export const PLUGIN_VERSION = "1.6.1";
+export const PLUGIN_VERSION = "1.7.1";

package/dist/core/format.d.ts

@@ -1,5 +1,12 @@
+import type { TimeFormat } from "./types";
 export declare function visualWidth(s: string): number;
 export declare function truncate(text: string, maxCols: number): string;
 export declare function fmtDurationShort(ms: number, running: boolean): string;
+/** All supported elapsed-time display modes, in picker order. */
+export declare const TIME_FORMATS: readonly TimeFormat[];
+/** Neutral samples shown in the time-format picker (language independent). */
+export declare const TIME_FORMAT_SAMPLES: Record<TimeFormat, string>;
+/** Formats elapsed milliseconds using the configured display mode. */
+export declare function fmtDuration(ms: number, running: boolean, mode?: TimeFormat): string;
 export declare function fmtTokens(n: number): string;
 export declare function safeErrorMsg(err: unknown): string;

package/dist/core/format.js

@@ -50,6 +50,51 @@ export function fmtDurationShort(ms, running) {
     const s = Math.round((ms % 60000) / 1000);
     return `${m}m${s}s`;
 }
+/** All supported elapsed-time display modes, in picker order. */
+export const TIME_FORMATS = ["short", "decimal", "clock", "compact", "seconds"];
+/** Neutral samples shown in the time-format picker (language independent). */
+export const TIME_FORMAT_SAMPLES = {
+    decimal: "45.3s · 9.5m · 1.9h",
+    short: "45.32s · 112m35s",
+    clock: "0:45 · 1:52:35",
+    compact: "45s · 1h52m",
+    seconds: "45s · 6755s",
+};
+/** Formats elapsed milliseconds using the configured display mode. */
+export function fmtDuration(ms, running, mode = "short") {
+    if (running && ms < 2000)
+        return "";
+    const t = Number.isFinite(ms) && ms > 0 ? ms : 0;
+    switch (mode) {
+        case "short":
+            return fmtDurationShort(t, false);
+        case "compact": {
+            if (t < 60000)
+                return `${Math.floor(t / 1000)}s`;
+            if (t < 3600000)
+                return `${Math.floor(t / 60000)}m${Math.floor((t % 60000) / 1000)}s`;
+            return `${Math.floor(t / 3600000)}h${Math.floor((t % 3600000) / 60000)}m`;
+        }
+        case "clock": {
+            const s = Math.floor((t % 60000) / 1000);
+            if (t < 3600000)
+                return `${Math.floor(t / 60000)}:${String(s).padStart(2, "0")}`;
+            const m = Math.floor((t % 3600000) / 60000);
+            return `${Math.floor(t / 3600000)}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+        }
+        case "seconds":
+            return `${Math.floor(t / 1000)}s`;
+        case "decimal":
+        default: {
+            // Promote units when rounding would show "60.0s" / "60.0m".
+            if (t < 59950)
+                return `${(t / 1000).toFixed(1)}s`;
+            if (t < 3597000)
+                return `${(t / 60000).toFixed(1)}m`;
+            return `${(t / 3600000).toFixed(1)}h`;
+        }
+    }
+}
 export function fmtTokens(n) {
     if (n < 1000)
         return `${n}`;

package/dist/core/kv.d.ts

@@ -5,6 +5,13 @@ export declare const SESSION_DATA_KEY = "subagent_magazine.session_data";
 export interface KVApi {
     get(key: string, fallback?: unknown): unknown;
     set(key: string, value: unknown): void;
+    /**
+     * Optional atomic read-modify-write. When the host exposes it (V2), the
+     * updater runs under the host storage lock against the latest on-disk value,
+     * which is what makes concurrent TUI instances safe: no instance can
+     * overwrite another one's fresh writes with a stale in-memory snapshot.
+     */
+    update?(key: string, updater: (current: unknown) => unknown): void | Promise<void>;
 }
 /** Setting keys shared by V1/V2 (values are raw strings in KV). */
 export declare const SETTING_KEYS: {
@@ -15,7 +22,21 @@ export declare const SETTING_KEYS: {
     readonly open: "subagent_magazine.open";
     readonly ttlDays: "subagent_magazine.ttl_days";
     readonly border: "subagent_magazine.border";
+    readonly showEntryCost: "subagent_magazine.show_entry_cost";
+    readonly showEntryTime: "subagent_magazine.show_entry_time";
+    readonly showEntryTokens: "subagent_magazine.show_entry_tokens";
+    readonly timeFormat: "subagent_magazine.time_format";
+    readonly showOrigin: "subagent_magazine.show_origin";
+    readonly dbSync: "subagent_magazine.db_sync";
 };
 export declare function loadSessionData(kv: KVApi): Record<string, SessionRecord>;
-export declare function saveSessionData(kv: KVApi, data: Record<string, SessionRecord>): void;
+/**
+ * Atomic read-merge-write of the session store.
+ *
+ * `mutator` receives the latest persisted map (read under the host lock when
+ * `kv.update` is available) and may mutate it freely; the result is written
+ * back. Every writer must go through here: writing a whole in-memory snapshot
+ * directly would silently drop entries created by the other TUIs.
+ */
+export declare function updateSessionData(kv: KVApi, mutator: (data: Record<string, SessionRecord>) => void): void | Promise<void>;
 export declare function readTTLDays(kv: KVApi): number;

package/dist/core/kv.js

@@ -9,6 +9,12 @@ export const SETTING_KEYS = {
     open: `${KV_PREFIX}.open`,
     ttlDays: `${KV_PREFIX}.ttl_days`,
     border: `${KV_PREFIX}.border`,
+    showEntryCost: `${KV_PREFIX}.show_entry_cost`,
+    showEntryTime: `${KV_PREFIX}.show_entry_time`,
+    showEntryTokens: `${KV_PREFIX}.show_entry_tokens`,
+    timeFormat: `${KV_PREFIX}.time_format`,
+    showOrigin: `${KV_PREFIX}.show_origin`,
+    dbSync: `${KV_PREFIX}.db_sync`,
 };
 export function loadSessionData(kv) {
     try {
@@ -19,12 +25,39 @@ export function loadSessionData(kv) {
         return {};
     }
 }
-export function saveSessionData(kv, data) {
+/**
+ * Atomic read-merge-write of the session store.
+ *
+ * `mutator` receives the latest persisted map (read under the host lock when
+ * `kv.update` is available) and may mutate it freely; the result is written
+ * back. Every writer must go through here: writing a whole in-memory snapshot
+ * directly would silently drop entries created by the other TUIs.
+ */
+export function updateSessionData(kv, mutator) {
     try {
+        if (typeof kv.update === "function") {
+            return kv.update(SESSION_DATA_KEY, (raw) => {
+                const data = parseSessionData(raw);
+                mutator(data);
+                return JSON.stringify(data);
+            });
+        }
+        // Fallback (V1 hosts without atomic update): read-modify-write. The window
+        // is small and the mutation is merged against the value we just read.
+        const data = loadSessionData(kv);
+        mutator(data);
         kv.set(SESSION_DATA_KEY, JSON.stringify(data));
     }
     catch { }
 }
+function parseSessionData(raw) {
+    try {
+        return JSON.parse(String(raw ?? "{}"));
+    }
+    catch {
+        return {};
+    }
+}
 export function readTTLDays(kv) {
     const ttlDaysRaw = parseInt(String(kv.get(SETTING_KEYS.ttlDays, "3")), 10);
     return Number.isNaN(ttlDaysRaw) ? 3 : ttlDaysRaw;

package/dist/core/types.d.ts

@@ -18,12 +18,20 @@ export interface SubEntry {
     cancelRequestedAt?: number;
     abortAccepted?: boolean;
     cancelReason?: "manual";
+    /** 来源：工具调用条目 / 衍生会话条目（spawn）。 */
+    origin?: "tool" | "sub";
+    /** 工具输入带 background/run_in_background（后台衍生会话）。 */
+    background?: boolean;
 }
 export type Lang = LangCode;
 export type SortOrder = "desc" | "asc";
 export type ScrollMode = "wheel" | "click";
+/** How elapsed time is rendered in the sidebar (see TIME_FORMAT_SAMPLES). */
+export type TimeFormat = "decimal" | "short" | "clock" | "compact" | "seconds";
 /** OpenCode built-in tool names that spawn sub-agents or delegate tasks. */
 export declare const SUBAGENT_TOOLS: Set<string>;
+/** 工具输入是否声明后台执行（V1/V2 两种字段名）。 */
+export declare function isBackgroundInput(input: unknown): boolean;
 export interface ChildRecord {
     scroll: number;
     expanded: string;
@@ -49,5 +57,17 @@ export interface SharedSignals {
     setScrollMode: (m: ScrollMode) => void;
     borderVisible: () => boolean;
     setBorderVisible: (v: boolean) => void;
+    showEntryCost: () => boolean;
+    setShowEntryCost: (v: boolean) => void;
+    showEntryTime: () => boolean;
+    setShowEntryTime: (v: boolean) => void;
+    showEntryTokens: () => boolean;
+    setShowEntryTokens: (v: boolean) => void;
+    timeFormat: () => TimeFormat;
+    setTimeFormat: (f: TimeFormat) => void;
+    showOrigin: () => boolean;
+    setShowOrigin: (v: boolean) => void;
+    dbSync: () => boolean;
+    setDbSync: (v: boolean) => void;
     sessionId: string;
 }

package/dist/core/types.js

@@ -1,2 +1,9 @@
 /** OpenCode built-in tool names that spawn sub-agents or delegate tasks. */
 export const SUBAGENT_TOOLS = new Set(["task", "subagent", "delegate", "call_omo_agent"]);
+/** 工具输入是否声明后台执行（V1/V2 两种字段名）。 */
+export function isBackgroundInput(input) {
+    if (!input || typeof input !== "object")
+        return false;
+    const i = input;
+    return i.background === true || i.run_in_background === true;
+}

package/dist/i18n.d.ts

@@ -3,6 +3,10 @@ declare const ZH_T: {
     readonly "panel.title": "子代理";
     readonly "status.none": "暂无子代理";
     readonly "agent.label": "代理";
+    readonly "origin.label": "来源";
+    readonly "origin.tool": "子代理调用";
+    readonly "origin.sub": "衍生会话";
+    readonly "origin.background": "后台";
     readonly "status.label": "状态";
     readonly "time.label": "耗时";
     readonly "tokens.label": "上下文";
@@ -40,6 +44,7 @@ declare const ZH_T: {
     readonly "clear.prompt": "确定清除当前会话所有子代理记录？此操作不可撤销。";
     readonly "clear.prompt_running": "当前有 {n} 个运行中的子代理，清除后将不可恢复。确定继续？";
     readonly "clear.done": "已清除 {n} 条子代理记录";
+    readonly "clear.failed": "清除失败";
     readonly "clear.empty": "当前会话无子代理记录";
     readonly "cancel.no_session": "子会话 ID 不可用";
     readonly "cancel.not_child": "目标不是子会话";
@@ -51,6 +56,25 @@ declare const ZH_T: {
     readonly "cancel.failed": "取消失败";
     readonly borderShown: "面板边框 已显示";
     readonly borderHidden: "面板边框 已隐藏";
+    readonly "settings.title": "SubAgent Magazine — 设置";
+    readonly "settings.section.general": "通用";
+    readonly "settings.lang": "语言";
+    readonly "settings.max": "最大条目数";
+    readonly "settings.order": "排序方式";
+    readonly "settings.scroll": "滚动模式";
+    readonly "settings.ttl": "保留期限";
+    readonly "settings.border": "面板边框";
+    readonly "settings.showEntryCost": "每条子代理显示费用";
+    readonly "settings.showEntryTime": "列表中显示耗时";
+    readonly "settings.showEntryTokens": "列表中显示 Token 数";
+    readonly "settings.timeFormat": "时间格式";
+    readonly "settings.showOrigin": "列表显示来源标记";
+    readonly "settings.dbSync": "本地数据库补全";
+    readonly "settings.on": "开";
+    readonly "settings.off": "关";
+    readonly "settings.saved": "已保存 {item}：{value}";
+    readonly "settings.invalid": "无效的数值";
+    readonly "settings.close": "关闭";
 };
 /** 结构约束：值放宽为 string，键集合来自中文表（新增语言缺 key 会编译报错）。 */
 export type Translation = {

package/dist/i18n.js

@@ -7,6 +7,10 @@ const ZH_T = {
     "panel.title": "子代理",
     "status.none": "暂无子代理",
     "agent.label": "代理",
+    "origin.label": "来源",
+    "origin.tool": "子代理调用",
+    "origin.sub": "衍生会话",
+    "origin.background": "后台",
     "status.label": "状态",
     "time.label": "耗时",
     "tokens.label": "上下文",
@@ -44,6 +48,7 @@ const ZH_T = {
     "clear.prompt": "确定清除当前会话所有子代理记录？此操作不可撤销。",
     "clear.prompt_running": "当前有 {n} 个运行中的子代理，清除后将不可恢复。确定继续？",
     "clear.done": "已清除 {n} 条子代理记录",
+    "clear.failed": "清除失败",
     "clear.empty": "当前会话无子代理记录",
     "cancel.no_session": "子会话 ID 不可用",
     "cancel.not_child": "目标不是子会话",
@@ -55,11 +60,34 @@ const ZH_T = {
     "cancel.failed": "取消失败",
     "borderShown": "面板边框 已显示",
     "borderHidden": "面板边框 已隐藏",
+    "settings.title": "SubAgent Magazine — 设置",
+    "settings.section.general": "通用",
+    "settings.lang": "语言",
+    "settings.max": "最大条目数",
+    "settings.order": "排序方式",
+    "settings.scroll": "滚动模式",
+    "settings.ttl": "保留期限",
+    "settings.border": "面板边框",
+    "settings.showEntryCost": "每条子代理显示费用",
+    "settings.showEntryTime": "列表中显示耗时",
+    "settings.showEntryTokens": "列表中显示 Token 数",
+    "settings.timeFormat": "时间格式",
+    "settings.showOrigin": "列表显示来源标记",
+    "settings.dbSync": "本地数据库补全",
+    "settings.on": "开",
+    "settings.off": "关",
+    "settings.saved": "已保存 {item}：{value}",
+    "settings.invalid": "无效的数值",
+    "settings.close": "关闭",
 };
 const EN_T = {
     "panel.title": "SubAgent",
     "status.none": "No sub-agents yet",
     "agent.label": "agent",
+    "origin.label": "origin",
+    "origin.tool": "sub-agent call",
+    "origin.sub": "spawned session",
+    "origin.background": "background",
     "status.label": "status",
     "time.label": "time",
     "tokens.label": "tokens",
@@ -97,6 +125,7 @@ const EN_T = {
     "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.failed": "Clear failed",
     "clear.empty": "No sub-agent records in this session",
     "cancel.no_session": "Child session ID is unavailable",
     "cancel.not_child": "Target is not a child session",
@@ -108,11 +137,34 @@ const EN_T = {
     "cancel.failed": "Cancellation failed",
     "borderShown": "Panel border shown",
     "borderHidden": "Panel border hidden",
+    "settings.title": "SubAgent Magazine — Settings",
+    "settings.section.general": "General",
+    "settings.lang": "Language",
+    "settings.max": "Max entries",
+    "settings.order": "Sort order",
+    "settings.scroll": "Scroll mode",
+    "settings.ttl": "Retention",
+    "settings.border": "Panel border",
+    "settings.showEntryCost": "Cost per sub-agent",
+    "settings.showEntryTime": "Elapsed time in list",
+    "settings.showEntryTokens": "Token count in list",
+    "settings.showOrigin": "Origin indicators in list",
+    "settings.timeFormat": "Time format",
+    "settings.dbSync": "Local database enrichment",
+    "settings.on": "on",
+    "settings.off": "off",
+    "settings.saved": "Saved {item}: {value}",
+    "settings.invalid": "Invalid value",
+    "settings.close": "Close",
 };
 const JA_T = {
     "panel.title": "サブエージェント",
     "status.none": "サブエージェントなし",
     "agent.label": "エージェント",
+    "origin.label": "発生元",
+    "origin.tool": "サブエージェント呼び出し",
+    "origin.sub": "生成されたセッション",
+    "origin.background": "バックグラウンド",
     "status.label": "状態",
     "time.label": "時間",
     "tokens.label": "コンテキスト",
@@ -150,6 +202,7 @@ const JA_T = {
     "clear.prompt": "このセッションの全サブエージェント記録を削除しますか？この操作は元に戻せません。",
     "clear.prompt_running": "実行中のサブエージェントが {n} 個あります。削除すると復元できません。続行しますか？",
     "clear.done": "{n} 件のサブエージェント記録を削除しました",
+    "clear.failed": "クリアに失敗しました",
     "clear.empty": "このセッションにサブエージェント記録はありません",
     "cancel.no_session": "子セッション ID が利用できません",
     "cancel.not_child": "対象は子セッションではありません",
@@ -161,11 +214,34 @@ const JA_T = {
     "cancel.failed": "キャンセルに失敗しました",
     "borderShown": "パネル枠線 表示",
     "borderHidden": "パネル枠線 非表示",
+    "settings.title": "SubAgent Magazine — 設定",
+    "settings.section.general": "一般",
+    "settings.lang": "言語",
+    "settings.max": "最大表示数",
+    "settings.order": "並び順",
+    "settings.scroll": "スクロール",
+    "settings.ttl": "保持期間",
+    "settings.border": "パネル枠",
+    "settings.showEntryCost": "サブエージェント毎の費用",
+    "settings.showEntryTime": "一覧に所要時間を表示",
+    "settings.showEntryTokens": "一覧にトークン数を表示",
+    "settings.showOrigin": "一覧に由来マークを表示",
+    "settings.timeFormat": "時間形式",
+    "settings.dbSync": "ローカルDB補完",
+    "settings.on": "オン",
+    "settings.off": "オフ",
+    "settings.saved": "保存しました {item}：{value}",
+    "settings.invalid": "無効な値です",
+    "settings.close": "閉じる",
 };
 const KO_T = {
     "panel.title": "서브 에이전트",
     "status.none": "서브 에이전트 없음",
     "agent.label": "에이전트",
+    "origin.label": "출처",
+    "origin.tool": "하위 에이전트 호출",
+    "origin.sub": "생성된 세션",
+    "origin.background": "백그라운드",
     "status.label": "상태",
     "time.label": "시간",
     "tokens.label": "컨텍스트",
@@ -203,6 +279,7 @@ const KO_T = {
     "clear.prompt": "이 세션의 모든 서브 에이전트 기록을 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다.",
     "clear.prompt_running": "실행 중인 서브 에이전트가 {n}개 있습니다. 삭제하면 복구할 수 없습니다. 계속하시겠습니까?",
     "clear.done": "서브 에이전트 기록 {n}개를 삭제했습니다",
+    "clear.failed": "지우기에 실패했습니다",
     "clear.empty": "이 세션에 서브 에이전트 기록이 없습니다",
     "cancel.no_session": "하위 세션 ID를 사용할 수 없습니다",
     "cancel.not_child": "대상이 하위 세션이 아닙니다",
@@ -214,6 +291,25 @@ const KO_T = {
     "cancel.failed": "취소에 실패했습니다",
     "borderShown": "패널 테두리 표시",
     "borderHidden": "패널 테두리 숨김",
+    "settings.title": "SubAgent Magazine — 설정",
+    "settings.section.general": "일반",
+    "settings.lang": "언어",
+    "settings.max": "최대 항목 수",
+    "settings.order": "정렬 순서",
+    "settings.scroll": "스크롤 모드",
+    "settings.ttl": "보존 기간",
+    "settings.border": "패널 테두리",
+    "settings.showEntryCost": "하위 에이전트별 비용",
+    "settings.showEntryTime": "목록에 소요 시간 표시",
+    "settings.showEntryTokens": "목록에 토큰 수 표시",
+    "settings.showOrigin": "목록에 출처 아이콘 표시",
+    "settings.timeFormat": "시간 형식",
+    "settings.dbSync": "로컬 DB 보완",
+    "settings.on": "켬",
+    "settings.off": "끔",
+    "settings.saved": "저장됨 {item}: {value}",
+    "settings.invalid": "잘못된 값",
+    "settings.close": "닫기",
 };
 export const LANGS = { zh: ZH_T, en: EN_T, ja: JA_T, ko: KO_T };
 /** 语言元数据：/subagent-lang 选项与自动检测共用。 */

package/dist/index.js

@@ -3,6 +3,7 @@ import { createSignal } from "solid-js";
 import { PLUGIN_VERSION } from "./_version";
 import { LANG_META, createT, detectLang } from "./i18n";
 import { KV_PREFIX } from "./core/kv";
+import { TIME_FORMATS, TIME_FORMAT_SAMPLES } from "./core/format";
 import { SubAgentPanel } from "./panel/SubAgentPanel";
 import { globalEntryCache, setClearTick } from "./panel/store";
 // Plugin entry
@@ -13,7 +14,7 @@ function createSidebarSlot(api, panelApi, sig) {
         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, borderVisible: sig.borderVisible, 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, borderVisible: sig.borderVisible, showEntryCost: sig.showEntryCost, showEntryTime: sig.showEntryTime, showEntryTokens: sig.showEntryTokens, timeFormat: sig.timeFormat, showOrigin: sig.showOrigin, sessionId: input.session_id }));
             },
         },
     };
@@ -27,7 +28,14 @@ const tui = async (api) => {
     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 [borderVisible, setBorderVisible] = createSignal(api.kv.get(`${KV_PREFIX}.border`, false) === true);
-    const signals = { lang, setLang, maxEntries, setMaxEntries, sortOrder, setSortOrder, scrollMode, setScrollMode, borderVisible, setBorderVisible, sessionId: "" };
+    const [showEntryCost, setShowEntryCost] = createSignal(api.kv.get(`${KV_PREFIX}.show_entry_cost`, false) === true);
+    const [showEntryTime, setShowEntryTime] = createSignal(api.kv.get(`${KV_PREFIX}.show_entry_time`, true) !== false);
+    const [showEntryTokens, setShowEntryTokens] = createSignal(api.kv.get(`${KV_PREFIX}.show_entry_tokens`, true) !== false);
+    const storedTimeFormat = String(api.kv.get(`${KV_PREFIX}.time_format`, "short"));
+    const [timeFormat, setTimeFormat] = createSignal(TIME_FORMATS.includes(storedTimeFormat) ? storedTimeFormat : "short");
+    const [showOrigin, setShowOrigin] = createSignal(api.kv.get(`${KV_PREFIX}.show_origin`, false) === true);
+    const [dbSync, setDbSync] = createSignal(api.kv.get(`${KV_PREFIX}.db_sync`, true) !== false);
+    const signals = { lang, setLang, maxEntries, setMaxEntries, sortOrder, setSortOrder, scrollMode, setScrollMode, borderVisible, setBorderVisible, showEntryCost, setShowEntryCost, showEntryTime, setShowEntryTime, showEntryTokens, setShowEntryTokens, timeFormat, setTimeFormat, showOrigin, setShowOrigin, dbSync, setDbSync, sessionId: "" };
     // ── V1 PanelApi adapter: wraps the V1 host API into the shared panel contract ──
     const v1Api = {
         kv: api.kv,
@@ -431,6 +439,86 @@ const tui = async (api) => {
                 dialog?.clear();
             },
         },
+        {
+            title: "SubAgent Magazine: Entry Cost",
+            value: "subagent-cost",
+            description: "Show or hide the per-sub-agent cost in the sidebar",
+            slash: { name: "subagent-cost" },
+            onSelect: (dialog) => {
+                const t = createT(() => signals.lang());
+                const cur = Boolean(api.kv.get(`${KV_PREFIX}.show_entry_cost`, false));
+                api.kv.set(`${KV_PREFIX}.show_entry_cost`, !cur);
+                signals.setShowEntryCost(!cur);
+                api.ui.toast({
+                    message: `${t("settings.showEntryCost")}: ${!cur ? t("settings.on") : t("settings.off")}`,
+                });
+                dialog?.clear();
+            },
+        },
+        {
+            title: "SubAgent Magazine: Entry Time",
+            value: "subagent-time",
+            description: "Show or hide the elapsed time in the sidebar list",
+            slash: { name: "subagent-time" },
+            onSelect: (dialog) => {
+                const t = createT(() => signals.lang());
+                const cur = Boolean(api.kv.get(`${KV_PREFIX}.show_entry_time`, true));
+                api.kv.set(`${KV_PREFIX}.show_entry_time`, !cur);
+                signals.setShowEntryTime(!cur);
+                api.ui.toast({
+                    message: `${t("settings.showEntryTime")}: ${!cur ? t("settings.on") : t("settings.off")}`,
+                });
+                dialog?.clear();
+            },
+        },
+        {
+            title: "SubAgent Magazine: Entry Tokens",
+            value: "subagent-tokens",
+            description: "Show or hide the token count in the sidebar list",
+            slash: { name: "subagent-tokens" },
+            onSelect: (dialog) => {
+                const t = createT(() => signals.lang());
+                const cur = Boolean(api.kv.get(`${KV_PREFIX}.show_entry_tokens`, true));
+                api.kv.set(`${KV_PREFIX}.show_entry_tokens`, !cur);
+                signals.setShowEntryTokens(!cur);
+                api.ui.toast({
+                    message: `${t("settings.showEntryTokens")}: ${!cur ? t("settings.on") : t("settings.off")}`,
+                });
+                dialog?.clear();
+            },
+        },
+        {
+            title: "SubAgent Magazine: Time Format",
+            value: "subagent-time-format",
+            description: "Set how elapsed time is displayed",
+            slash: { name: "subagent-time-format" },
+            onSelect: (dialog) => {
+                dialog?.replace(() => (_jsx(api.ui.DialogSelect, { title: "Time Format / \u65F6\u95F4\u683C\u5F0F", options: TIME_FORMATS.map((f) => ({ title: `${f} — ${TIME_FORMAT_SAMPLES[f]}`, value: f })), onSelect: (opt) => {
+                        const f = opt.value;
+                        setTimeFormat(f);
+                        api.kv.set(`${KV_PREFIX}.time_format`, f);
+                        const t = createT(() => lang());
+                        api.ui.toast({ message: `${t("settings.timeFormat")}: ${TIME_FORMAT_SAMPLES[f]}` });
+                        dialog?.clear();
+                    } })));
+            },
+        },
+        {
+            title: "SubAgent Magazine: Origin Indicators",
+            value: "subagent-origin",
+            description: "Show or hide origin markers (⇢/↳) in the sidebar list",
+            slash: { name: "subagent-origin" },
+            onSelect: (dialog) => {
+                const t = createT(() => signals.lang());
+                const cur = Boolean(api.kv.get(`${KV_PREFIX}.show_origin`, false));
+                api.kv.set(`${KV_PREFIX}.show_origin`, !cur);
+                signals.setShowOrigin(!cur);
+                api.ui.toast({
+                    message: `${t("settings.showOrigin")}: ${!cur ? t("settings.on") : t("settings.off")}`,
+                });
+                dialog?.clear();
+            },
+        },
     ]);
 };
 const mod = {

package/dist/panel/SubAgentPanel.d.ts

@@ -1,6 +1,6 @@
 /** @jsxImportSource @opentui/solid */
 import type { JSX } from "@opentui/solid";
-import type { Lang, SortOrder, ScrollMode } from "../core/types";
+import type { Lang, SortOrder, ScrollMode, TimeFormat } from "../core/types";
 import type { PanelApi } from "./panel-api";
 export declare function SubAgentPanel(props: {
     api: PanelApi;
@@ -10,5 +10,10 @@ export declare function SubAgentPanel(props: {
     sortOrder: () => SortOrder;
     scrollMode: () => ScrollMode;
     borderVisible: () => boolean;
+    showEntryCost: () => boolean;
+    showEntryTime: () => boolean;
+    showEntryTokens: () => boolean;
+    timeFormat: () => TimeFormat;
+    showOrigin: () => boolean;
     sessionId: string;
 }): JSX.Element;