opencode-subagent-magazine 1.1.3 → 1.2.1-beta.0

package/dist/index.js

@@ -21,10 +21,15 @@ const I18N = {
         "cost.label": "费用",
         "scroll.more": "更多",
         "scroll.top": "回顶",
+        "scroll.bottom": "回底",
         "dismiss.label": "标记完成",
         "status.running": "运行中",
         "status.done": "已完成",
         "status.error": "错误",
+        "order.desc": "降序（最新在前）",
+        "order.asc": "升序（最早在前）",
+        "scroll.wheel": "滚轮翻页",
+        "scroll.click": "点击翻页",
     },
     en: {
         "panel.title": "SubAgent",
@@ -40,10 +45,15 @@ const I18N = {
         "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",
     },
 };
 function detectLang() {
@@ -325,6 +335,8 @@ function SubAgentPanel(props) {
     const [hoveredOpen, setHoveredOpen] = createSignal(undefined);
     const [hoveredDismiss, setHoveredDismiss] = createSignal(undefined);
     const [hoveredTop, setHoveredTop] = createSignal(false);
+    const [hoveredMoreAbove, setHoveredMoreAbove] = createSignal(false);
+    const [hoveredMoreBelow, setHoveredMoreBelow] = createSignal(false);
     const [scrollOffset, setScrollOffset] = createSignal((() => { try {
         return loadSessionData()[props.sessionId]?.scroll ?? 0;
     }
@@ -982,7 +994,11 @@ function SubAgentPanel(props) {
     // ── derived signals ──
     // Stable list — only changes when entryMap changes
     const entryList = createMemo(() => {
-        return [...entryMap().values()].sort((a, b) => b.startedAt - a.startedAt);
+        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(() => {
@@ -995,6 +1011,56 @@ function SubAgentPanel(props) {
     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 { }
+        }, 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 { }
+            }, 0);
+        }
+    });
     const entries = createMemo(() => {
         const nowVal = now();
         return entryList().map((e) => ({
@@ -1107,6 +1173,8 @@ function SubAgentPanel(props) {
                     });
                     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)
@@ -1120,7 +1188,29 @@ function SubAgentPanel(props) {
                                     catch { }
                                     return next;
                                 });
-                            }, children: [_jsx(Show, { when: hiddenAbove() > 0, children: _jsxs("text", { style: { fg: pal().muted }, children: ["  ", "\u2191 ", hiddenAbove(), " ", t("scroll.more")] }) }), _jsx(For, { each: visibleList(), children: (entry) => {
+                            }, 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 isError = entry.status === "error";
@@ -1178,13 +1268,40 @@ function SubAgentPanel(props) {
                                                                                             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 || scrollOffset() > 0, children: (() => {
+                                    } }), _jsx(Show, { when: hiddenBelow() > 0 || (props.sortOrder() === "desc" ? scrollOffset() > 0 : entryList().length > max() && clampedOffset() < entryList().length - max()), children: (() => {
                                         const showMore = hiddenBelow() > 0;
-                                        const showTop = scrollOffset() > 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 = `\u2191 ${t("scroll.top")}`;
+                                        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", { style: { fg: 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: () => { setScrollOffset(0); setHoveredTop(false); }, children: _jsx("span", { style: { fg: hoveredTop() ? pal().warning : pal().muted }, children: right }) })] })) : null] }));
+                                        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) {
@@ -1193,7 +1310,7 @@ function createSidebarSlot(api, sig) {
         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, 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 }));
             },
         },
     };
@@ -1205,7 +1322,9 @@ const tui = async (api) => {
     const initialLang = stored === "zh" || stored === "en" ? stored : detectLang();
     const [lang, setLang] = createSignal(initialLang);
     const [maxEntries, setMaxEntries] = createSignal(parseInt(String(api.kv.get(`${KV_PREFIX}.max_entries`, "10")), 10) || 10);
-    const signals = { lang, setLang, maxEntries, setMaxEntries, sessionId: "" };
+    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));
     // ── slash command: /subagent-lang ──
     api.command?.register(() => [
@@ -1229,6 +1348,48 @@ const tui = async (api) => {
                     } })));
             },
         },
+        {
+            title: "SubAgent Magazine: Sort Order",
+            value: "subagent-order",
+            description: "Set sub-agent entry sort order (desc / asc)",
+            slash: { name: "subagent-order" },
+            onSelect: (dialog) => {
+                const t = (k) => I18N[lang()][k] ?? k;
+                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" },
+                    ], onSelect: (opt) => {
+                        const o = opt.value;
+                        setSortOrder(o);
+                        api.kv.set(`${KV_PREFIX}.order`, o);
+                        api.ui.toast({
+                            message: o === "desc" ? t("order.desc") : t("order.asc"),
+                        });
+                        dialog?.clear();
+                    } })));
+            },
+        },
+        {
+            title: "SubAgent Magazine: Scroll Mode",
+            value: "subagent-scroll",
+            description: "Set scroll mode (wheel / click)",
+            slash: { name: "subagent-scroll" },
+            onSelect: (dialog) => {
+                const t = (k) => I18N[lang()][k] ?? k;
+                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" },
+                    ], onSelect: (opt) => {
+                        const m = opt.value;
+                        setScrollMode(m);
+                        api.kv.set(`${KV_PREFIX}.scroll_mode`, m);
+                        api.ui.toast({
+                            message: m === "wheel" ? t("scroll.wheel") : t("scroll.click"),
+                        });
+                        dialog?.clear();
+                    } })));
+            },
+        },
         {
             title: "SubAgent Magazine: Max Entries",
             value: "subagent-max",

package/dist/server.d.ts

@@ -0,0 +1,3 @@
+import type { PluginModule } from "@opencode-ai/plugin";
+declare const mod: PluginModule;
+export default mod;

package/dist/server.js

@@ -0,0 +1,6 @@
+const server = async () => ({});
+const mod = {
+    id: "opencode-subagent-magazine",
+    server,
+};
+export default mod;