@chaoset/session-archive 0.1.2 → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# Changelog
+
+## [0.1.3](https://github.com/winliyou/dsh-plugins) (2026-08-18)
+
+### Bug Fixes
+
+* confirm-delete button hover: red text on red background was unreadable; changed to red background with white text
+
+## [0.1.2](https://github.com/winliyou/dsh-plugins) (2026-08-18)
+
+### Bug Fixes
+
+* keep ghost archived id after deleting archived sessions so in-memory sessions don't reappear in the sidebar
+
+## [0.1.1](https://github.com/winliyou/dsh-plugins) (2026-08-17)
+
+### Bug Fixes
+
+* archived sessions no longer mislabeled as running; restored selectable deletion
+
+## [0.1.0](https://github.com/winliyou/dsh-plugins) (2026-08-17)
+
+### Features
+
+* initial session archive plugin: archived session list, read-only detail, batch restore and permanent delete

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 dsh-plugins contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -53,11 +53,11 @@ dsh plugin --profile web add @chaoset/session-archive
 | `list()` | — | `{ items: ArchiveRow[] }` |
 | `detail(sessionId)` | 会话 id | `{ sessionId, header, title, messageCount, messages, live }` |
 | `delete(sessionIds[])` | id 数组 | `{ deleted, failed, removedFromArchive }` |
+| `unarchive(sessionIds[])` | id 数组 | `{ restored, removedFromArchive }` |
 
 > `delete` 的 `removedFromArchive` 恒为 0：删除保留归档 ghost id（见上），
 > 侧边栏不会重新显示已删除的会话；`unarchive` 的 `removedFromArchive` 为
 > 实际从归档集合移除的 id 数。
-| `unarchive(sessionIds[])` | id 数组 | `{ restored, removedFromArchive }` |
 
 `ArchiveRow`：`{ sessionId, title, cwd, createdAt, updatedAt, size, live }`。
 

package/client/client.cjs

@@ -3,15 +3,52 @@ window.__ModuleLoader__.load({
   factory: (require) => {
     var module = { exports: {} };
     var exports = module.exports;
-    let react = require("react");
+    "use strict";
+    var __create = Object.create;
+    var __defProp = Object.defineProperty;
+    var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames = Object.getOwnPropertyNames;
+    var __getProtoOf = Object.getPrototypeOf;
+    var __hasOwnProp = Object.prototype.hasOwnProperty;
+    var __export = (target, all) => {
+      for (var name in all)
+        __defProp(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames(from))
+          if (!__hasOwnProp.call(to, key) && key !== except)
+            __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+      // If the importer is in node compatibility mode or this is not an ESM
+      // file that has been converted to a CommonJS file using a Babel-
+      // compatible transform (i.e. "__esModule" has not been set), then set
+      // "default" to the CommonJS "module.exports" for node compatibility.
+      isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+      mod
+    ));
+    var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-    // ── 样式（注入 style 标签，复用 DSH 设计变量）────────────────────────
+    // client/index.tsx
+    var index_exports = {};
+    __export(index_exports, {
+      apply: () => apply,
+      inject: () => inject
+    });
+    module.exports = __toCommonJS(index_exports);
+    var React = __toESM(require("react"), 1);
     var css = [
       ".sa_badge{width:100%;height:49px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 8px 0 6px;font-family:inherit;font-size:14px;display:inline-flex;overflow:hidden}",
       ".sa_badge:hover{background:var(--dsw-alias-interactive-bg-hover)}",
-      ".sa_badgeIcon{flex:none;font-size:15px;line-height:20px}",
+      ".sa_badgeIcon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--dsw-alias-label-primary)}",
+      ".sa_badgeIcon svg{width:18px;height:18px;display:block}",
       ".sa_badgeLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}",
       ".sa_badgeCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px;line-height:16px}",
+      ".sa_badge--collapsed{width:auto;justify-content:center;padding:0}",
+      ".sa_badge--collapsed .sa_badgeLabel,.sa_badge--collapsed .sa_badgeCount{display:none}",
       ".sa_panel{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:440px;max-width:calc(100vw - 24px);max-height:62vh;box-shadow:var(--dsw-shadow-lv2);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;flex-direction:column;display:flex;position:fixed;bottom:128px;left:12px;overflow:hidden}",
       ".sa_header{box-sizing:border-box;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex:none;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;display:flex}",
       ".sa_title{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:20px}",
@@ -33,6 +70,7 @@ window.__ModuleLoader__.load({
       ".sa_actionDanger:hover:not(:disabled){background:var(--dsw-alias-state-error-primary)}",
       ".sa_actionDanger:disabled{opacity:.4}",
       ".sa_confirm{color:var(--dsw-alias-state-error-primary);border:1px solid var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}",
+      ".sa_confirm:hover:not(:disabled){background:var(--dsw-alias-state-error-primary);color:#fff}",
       ".sa_body{flex:1;min-height:0;padding:4px 12px 12px;overflow-y:auto}",
       ".sa_empty{color:var(--dsw-alias-label-tertiary);margin:24px 0;text-align:center;font-size:12px;line-height:18px}",
       ".sa_error{color:var(--dsw-alias-state-error-primary);margin:8px 0;font-size:12px;line-height:18px}",
@@ -54,49 +92,48 @@ window.__ModuleLoader__.load({
       ".sa_busy{opacity:.55;pointer-events:none}"
     ].join("");
     var tagId = "@chaoset/session-archive/client.css";
-    if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"" + tagId + "\"]") === null) {
-      var tag = document.createElement("style");
+    if (typeof document !== "undefined" && document.querySelector('style[data-plugin-css="' + tagId + '"]') === null) {
+      tag = document.createElement("style");
       tag.dataset.plugin = "@chaoset/session-archive";
       tag.dataset.pluginCss = tagId;
       tag.textContent = css;
       document.head.appendChild(tag);
     }
-
-    // ── 字典 ─────────────────────────────────────────────────────────────
-    const NS = "sidebar.sessionArchive";
-    const zh = {
-      badge: "归档",
-      panelTitle: "归档会话",
-      refresh: "刷新",
-      close: "关闭",
-      empty: "暂无归档会话。在会话列表的更多菜单中归档会话后会出现在这里。",
-      loadFailed: "加载归档列表失败",
-      selectAll: "全选",
-      selected: "已选 {n} 项",
-      restore: "恢复所选",
-      restoreDone: "已恢复 {n} 个会话",
-      restoreFailed: "恢复失败",
-      delete: "删除所选",
-      deleteConfirm: "再次点击确认删除",
-      deleteDone: "已删除 {n} 个会话",
-      deleteFailed: "部分删除失败：{n} 个",
-      confirmAll: "确认删除全部 {n} 个？",
-      noSelection: "请先勾选会话",
-      view: "查看",
-      collapse: "收起",
-      live: "运行中",
-      detailLoadFailed: "读取会话内容失败",
-      noneTitle: "（无标题）",
-      user: "用户",
-      assistant: "助手",
-      messages: "共 {n} 条消息",
-      noMessages: "（无文本消息）",
+    var tag;
+    var NS = "sidebar.sessionArchive";
+    var zh = {
+      badge: "\u5F52\u6863",
+      panelTitle: "\u5F52\u6863\u4F1A\u8BDD",
+      refresh: "\u5237\u65B0",
+      close: "\u5173\u95ED",
+      empty: "\u6682\u65E0\u5F52\u6863\u4F1A\u8BDD\u3002\u5728\u4F1A\u8BDD\u5217\u8868\u7684\u66F4\u591A\u83DC\u5355\u4E2D\u5F52\u6863\u4F1A\u8BDD\u540E\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC\u3002",
+      loadFailed: "\u52A0\u8F7D\u5F52\u6863\u5217\u8868\u5931\u8D25",
+      selectAll: "\u5168\u9009",
+      selected: "\u5DF2\u9009 {n} \u9879",
+      restore: "\u6062\u590D\u6240\u9009",
+      restoreDone: "\u5DF2\u6062\u590D {n} \u4E2A\u5F52\u6863\u4F1A\u8BDD",
+      restoreFailed: "\u6062\u590D\u5931\u8D25",
+      delete: "\u5220\u9664\u6240\u9009",
+      deleteConfirm: "\u518D\u6B21\u70B9\u51FB\u786E\u8BA4\u5220\u9664",
+      deleteDone: "\u5DF2\u5220\u9664 {n} \u4E2A\u5F52\u6863\u4F1A\u8BDD",
+      deleteFailed: "\u90E8\u5206\u5220\u9664\u5931\u8D25\uFF1A{n} \u4E2A",
+      confirmAll: "\u786E\u8BA4\u5220\u9664\u5168\u90E8 {n} \u4E2A\uFF1F",
+      noSelection: "\u8BF7\u5148\u52FE\u9009\u4F1A\u8BDD",
+      view: "\u67E5\u770B",
+      collapse: "\u6536\u8D77",
+      live: "\u8FD0\u884C\u4E2D",
+      detailLoadFailed: "\u8BFB\u53D6\u4F1A\u8BDD\u5185\u5BB9\u5931\u8D25",
+      noneTitle: "\uFF08\u65E0\u6807\u9898\uFF09",
+      user: "\u7528\u6237",
+      assistant: "\u52A9\u624B",
+      messages: "\u5171 {n} \u6761\u6D88\u606F",
+      noMessages: "\uFF08\u65E0\u6587\u672C\u6D88\u606F\uFF09",
       sizeBytes: "{n} B",
       sizeKB: "{n} KB",
       sizeMB: "{n} MB",
-      runningHint: "运行中的会话不能删除，请先停止"
+      runningHint: "\u8FD0\u884C\u4E2D\u7684\u4F1A\u8BDD\u4E0D\u80FD\u5220\u9664\uFF0C\u8BF7\u5148\u505C\u6B62"
     };
-    const en = {
+    var en = {
       badge: "Archive",
       panelTitle: "Archived sessions",
       refresh: "Refresh",
@@ -106,11 +143,11 @@ window.__ModuleLoader__.load({
       selectAll: "Select all",
       selected: "{n} selected",
       restore: "Restore",
-      restoreDone: "Restored {n} sessions",
+      restoreDone: "Restored {n} archived sessions",
       restoreFailed: "Restore failed",
       delete: "Delete",
       deleteConfirm: "Click again to confirm delete",
-      deleteDone: "Deleted {n} sessions",
+      deleteDone: "Deleted {n} archived sessions",
       deleteFailed: "Some deletions failed: {n}",
       confirmAll: "Delete all {n}?",
       noSelection: "Select sessions first",
@@ -128,38 +165,54 @@ window.__ModuleLoader__.load({
       sizeMB: "{n} MB",
       runningHint: "Running sessions cannot be deleted; stop them first"
     };
-
-    // ── 工具函数 ─────────────────────────────────────────────────────────
     function formatBytes(bytes, t) {
       if (bytes < 1024) return t("sizeBytes").replace("{n}", String(bytes));
       if (bytes < 1024 * 1024) return t("sizeKB").replace("{n}", (bytes / 1024).toFixed(1));
       return t("sizeMB").replace("{n}", (bytes / (1024 * 1024)).toFixed(1));
     }
     function formatTime(ms) {
-      try { return new Date(ms).toLocaleString(); } catch { return String(ms); }
+      try {
+        return new Date(ms).toLocaleString();
+      } catch {
+        return String(ms);
+      }
     }
     function shortId(id) {
-      return id.length > 12 ? id.slice(0, 12) + "…" : id;
+      return id.length > 12 ? id.slice(0, 12) + "\u2026" : id;
     }
-
-    // ── 归档面板 ─────────────────────────────────────────────────────────
     function ArchivePanel(props) {
       const t = props.t;
       const call = props.call;
-      const rootRef = react.useRef(null);
-      const [open, setOpen] = react.useState(false);
-      const [items, setItems] = react.useState([]);
-      const [loading, setLoading] = react.useState(false);
-      const [error, setError] = react.useState(null);
-      const [selected, setSelected] = react.useState(new Set());
-      const [expanded, setExpanded] = react.useState(null);
-      const [details, setDetails] = react.useState(new Map());
-      const [detailLoading, setDetailLoading] = react.useState(new Set());
-      const [busy, setBusy] = react.useState(false);
-      const [confirmingDelete, setConfirmingDelete] = react.useState(false);
-      const [notice, setNotice] = react.useState(null);
-
-      const load = react.useCallback(async () => {
+      const wideExplicit = typeof props.wide === "boolean" ? props.wide : void 0;
+      const [narrow, setNarrow] = React.useState(false);
+      const collapsed = wideExplicit === void 0 ? narrow : !wideExplicit;
+      const badgeRef = React.useRef(null);
+      React.useEffect(() => {
+        const el = badgeRef.current?.parentElement;
+        if (el === void 0 || el === null || typeof globalThis.ResizeObserver === "undefined") return;
+        const ro = new globalThis.ResizeObserver((entries) => {
+          for (const entry of entries) {
+            const w = entry.contentRect?.width ?? el.clientWidth;
+            setNarrow(w > 0 && w < 80);
+          }
+        });
+        ro.observe(el);
+        return () => ro.disconnect();
+      }, []);
+      const iconOnly = collapsed;
+      const rootRef = React.useRef(null);
+      const [open, setOpen] = React.useState(false);
+      const [items, setItems] = React.useState([]);
+      const [loading, setLoading] = React.useState(false);
+      const [error, setError] = React.useState(null);
+      const [selected, setSelected] = React.useState(/* @__PURE__ */ new Set());
+      const [expanded, setExpanded] = React.useState(null);
+      const [details, setDetails] = React.useState(/* @__PURE__ */ new Map());
+      const [detailLoading, setDetailLoading] = React.useState(/* @__PURE__ */ new Set());
+      const [busy, setBusy] = React.useState(false);
+      const [confirmingDelete, setConfirmingDelete] = React.useState(false);
+      const [notice, setNotice] = React.useState(null);
+      const load = React.useCallback(async () => {
         setLoading(true);
         setError(null);
         try {
@@ -171,12 +224,38 @@ window.__ModuleLoader__.load({
           setLoading(false);
         }
       }, [call, t]);
-
-      react.useEffect(() => {
-        if (open) load();
+      React.useEffect(() => {
+        if (open) {
+          setNotice(null);
+          load();
+        }
       }, [open, load]);
-
-      react.useEffect(() => {
+      const refreshSilently = React.useCallback(async () => {
+        try {
+          const result = await call("list");
+          setItems(Array.isArray(result.items) ? result.items : []);
+        } catch {
+        }
+      }, [call]);
+      React.useEffect(() => {
+        if (open) return;
+        refreshSilently();
+        const id = globalThis.setInterval(refreshSilently, 5e3);
+        const onVis = () => {
+          if (document.visibilityState === "visible") refreshSilently();
+        };
+        document.addEventListener("visibilitychange", onVis);
+        return () => {
+          clearInterval(id);
+          document.removeEventListener("visibilitychange", onVis);
+        };
+      }, [open, refreshSilently]);
+      React.useEffect(() => {
+        if (notice === null) return;
+        const id = globalThis.setTimeout(() => setNotice(null), 4e3);
+        return () => clearTimeout(id);
+      }, [notice]);
+      React.useEffect(() => {
         if (!open) return;
         const onPointerDown = (event) => {
           if (rootRef.current !== null && !rootRef.current.contains(event.target)) {
@@ -186,25 +265,23 @@ window.__ModuleLoader__.load({
         document.addEventListener("pointerdown", onPointerDown);
         return () => document.removeEventListener("pointerdown", onPointerDown);
       }, [open]);
-
       const selectable = items.filter((item) => !item.live);
       const allSelected = selectable.length > 0 && selectable.every((item) => selected.has(item.sessionId));
-
       const toggleAll = (checked) => {
         if (checked) {
           setSelected(new Set(selectable.map((item) => item.sessionId)));
         } else {
-          setSelected(new Set());
+          setSelected(/* @__PURE__ */ new Set());
         }
       };
       const toggleOne = (sessionId, checked) => {
         setSelected((current) => {
           const next = new Set(current);
-          if (checked) next.add(sessionId); else next.delete(sessionId);
+          if (checked) next.add(sessionId);
+          else next.delete(sessionId);
           return next;
         });
       };
-
       const toggleDetail = (item) => {
         if (expanded === item.sessionId) {
           setExpanded(null);
@@ -228,7 +305,6 @@ window.__ModuleLoader__.load({
           });
         }
       };
-
       const runBatch = async (action, doneKey, failKey) => {
         const ids = [...selected];
         if (ids.length === 0) {
@@ -250,7 +326,7 @@ window.__ModuleLoader__.load({
             const done = new Set(doneIds);
             setItems((current) => current.filter((item) => !done.has(item.sessionId)));
           }
-          setSelected(new Set());
+          setSelected(/* @__PURE__ */ new Set());
           setConfirmingDelete(false);
           await load();
         } catch (actionError) {
@@ -263,49 +339,60 @@ window.__ModuleLoader__.load({
       const deleteSelected = () => {
         if (!confirmingDelete) {
           setConfirmingDelete(true);
-          window.setTimeout(() => setConfirmingDelete(false), 4000);
+          window.setTimeout(() => setConfirmingDelete(false), 4e3);
           return;
         }
         runBatch("delete", "deleteDone", "deleteFailed");
       };
-
       const hasSelection = selected.size > 0;
-
-      return react.createElement(
+      return React.createElement(
         "div",
         { className: "sa_root", ref: rootRef },
-        react.createElement(
+        React.createElement(
           "button",
           {
-            className: "sa_badge",
+            ref: badgeRef,
+            className: "sa_badge" + (iconOnly ? " sa_badge--collapsed" : ""),
             type: "button",
             onClick: () => setOpen(!open),
             "aria-expanded": open,
             title: t("badge")
           },
-          react.createElement("span", { className: "sa_badgeIcon", "aria-hidden": true }, "🗂"),
-          react.createElement("span", { className: "sa_badgeLabel" }, t("badge")),
-          react.createElement("span", { className: "sa_badgeCount" }, String(items.length))
+          React.createElement(
+            "span",
+            { className: "sa_badgeIcon", "aria-hidden": true },
+            React.createElement(
+              "svg",
+              { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" },
+              React.createElement("rect", { x: 3, y: 4, width: 18, height: 4, rx: 1 }),
+              React.createElement("path", { d: "M5 8v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8" }),
+              React.createElement("path", { d: "M10 12h4" })
+            )
+          ),
+          iconOnly ? null : React.createElement("span", { className: "sa_badgeLabel" }, t("badge")),
+          iconOnly ? null : React.createElement("span", { className: "sa_badgeCount" }, String(items.length))
         ),
-        open ? react.createElement(
+        open ? React.createElement(
           "div",
           { className: "sa_panel" },
-          react.createElement(
+          React.createElement(
             "div",
             { className: "sa_header" },
-            react.createElement("span", { className: "sa_title" }, t("panelTitle")),
-            react.createElement(
+            React.createElement("span", { className: "sa_title" }, t("panelTitle")),
+            React.createElement(
               "span",
               { style: { display: "inline-flex", gap: "6px", alignItems: "center" } },
-              react.createElement("button", { className: "sa_refresh", type: "button", title: t("refresh"), disabled: busy || loading, onClick: load }, t("refresh")),
-              react.createElement("button", { className: "sa_iconBtn", type: "button", title: t("close"), disabled: busy, onClick: () => setOpen(false) }, "✕")
+              React.createElement("button", { className: "sa_refresh", type: "button", title: t("refresh"), disabled: busy || loading, onClick: load }, t("refresh")),
+              React.createElement("button", { className: "sa_iconBtn", type: "button", title: t("close"), disabled: busy, onClick: () => setOpen(false) }, "\u2715")
             )
           ),
-          react.createElement(
+          React.createElement(
             "div",
             { className: "sa_toolbar" },
-            react.createElement("label", { className: "sa_toolLabel" },
-              react.createElement("input", {
+            React.createElement(
+              "label",
+              { className: "sa_toolLabel" },
+              React.createElement("input", {
                 className: "sa_check",
                 type: "checkbox",
                 checked: allSelected,
@@ -314,41 +401,41 @@ window.__ModuleLoader__.load({
               }),
               t("selectAll")
             ),
-            react.createElement("span", { className: "sa_count" }, t("selected").replace("{n}", String(selected.size))),
-            react.createElement("button", {
+            React.createElement("span", { className: "sa_count" }, t("selected").replace("{n}", String(selected.size))),
+            React.createElement("button", {
               className: "sa_action",
               type: "button",
               disabled: busy || !hasSelection,
               onClick: restoreSelected
             }, t("restore")),
-            react.createElement("button", {
+            React.createElement("button", {
               className: "sa_action " + (confirmingDelete ? "sa_actionDanger sa_confirm" : "sa_actionDanger"),
               type: "button",
               disabled: busy || !hasSelection,
               onClick: deleteSelected
             }, confirmingDelete ? t("deleteConfirm") : t("delete"))
           ),
-          react.createElement(
+          React.createElement(
             "div",
             { className: "sa_body" },
-            notice !== null ? react.createElement("p", { className: "sa_error" + (notice.kind === "ok" ? "" : ""), role: "status" }, notice.text) : null,
-            error !== null ? react.createElement("p", { className: "sa_error", role: "alert" }, error) : null,
-            loading && items.length === 0 ? react.createElement("p", { className: "sa_empty" }, "…") : null,
-            !loading && items.length === 0 && error === null ? react.createElement("p", { className: "sa_empty" }, t("empty")) : null,
-            items.length > 0 ? react.createElement(
+            notice !== null ? React.createElement("p", { className: "sa_error" + (notice.kind === "ok" ? "" : ""), role: "status" }, notice.text) : null,
+            error !== null ? React.createElement("p", { className: "sa_error", role: "alert" }, error) : null,
+            loading && items.length === 0 ? React.createElement("p", { className: "sa_empty" }, "\u2026") : null,
+            !loading && items.length === 0 && error === null ? React.createElement("p", { className: "sa_empty" }, t("empty")) : null,
+            items.length > 0 ? React.createElement(
               "ul",
               { className: "sa_rows" },
               items.map((item) => {
                 const isExpanded = expanded === item.sessionId;
                 const detail = details.get(item.sessionId);
                 const detailPending = detailLoading.has(item.sessionId);
-                return react.createElement(
+                return React.createElement(
                   "li",
                   { className: "sa_row" + (busy ? " sa_busy" : ""), key: item.sessionId },
-                  react.createElement(
+                  React.createElement(
                     "div",
                     { className: "sa_rowHead" },
-                    react.createElement("input", {
+                    React.createElement("input", {
                       className: "sa_check",
                       type: "checkbox",
                       checked: selected.has(item.sessionId),
@@ -356,31 +443,33 @@ window.__ModuleLoader__.load({
                       title: item.live ? t("runningHint") : void 0,
                       onChange: (e) => toggleOne(item.sessionId, e.target.checked)
                     }),
-                    react.createElement(
+                    React.createElement(
                       "span",
                       { className: "sa_rowTitle", onClick: () => toggleDetail(item), title: t("view") },
                       item.title !== null && item.title !== void 0 && item.title !== "" ? item.title : t("noneTitle")
                     ),
-                    item.live ? react.createElement("span", { className: "sa_live" }, t("live")) : null
+                    item.live ? React.createElement("span", { className: "sa_live" }, t("live")) : null
                   ),
-                  react.createElement("div", { className: "sa_rowMeta" },
-                    react.createElement("span", null, formatTime(item.updatedAt)),
-                    item.cwd !== null && item.cwd !== void 0 ? react.createElement("span", null, " · ", react.createElement("code", null, item.cwd)) : null,
-                    react.createElement("span", null, " · ", formatBytes(item.size, t))
+                  React.createElement(
+                    "div",
+                    { className: "sa_rowMeta" },
+                    React.createElement("span", null, formatTime(item.updatedAt)),
+                    item.cwd !== null && item.cwd !== void 0 ? React.createElement("span", null, " \xB7 ", React.createElement("code", null, item.cwd)) : null,
+                    React.createElement("span", null, " \xB7 ", formatBytes(item.size, t))
                   ),
-                  react.createElement(
+                  React.createElement(
                     "div",
                     { className: "sa_rowFoot" },
-                    react.createElement("span", { className: "sa_rowMeta" },
-                      react.createElement("code", null, shortId(item.sessionId)),
-                      detail !== void 0 && !detail.error && detail.messageCount !== void 0
-                        ? " · " + t("messages").replace("{n}", String(detail.messageCount))
-                        : null
+                    React.createElement(
+                      "span",
+                      { className: "sa_rowMeta" },
+                      React.createElement("code", null, shortId(item.sessionId)),
+                      detail !== void 0 && !detail.error && detail.messageCount !== void 0 ? " \xB7 " + t("messages").replace("{n}", String(detail.messageCount)) : null
                     ),
-                    react.createElement(
+                    React.createElement(
                       "div",
                       { className: "sa_rowActions" },
-                      react.createElement("button", {
+                      React.createElement("button", {
                         className: "sa_action",
                         type: "button",
                         disabled: busy || detailPending,
@@ -388,19 +477,16 @@ window.__ModuleLoader__.load({
                       }, isExpanded ? t("collapse") : t("view"))
                     )
                   ),
-                  isExpanded ? react.createElement(
+                  isExpanded ? React.createElement(
                     "div",
                     { className: "sa_detail" },
-                    detailPending ? react.createElement("p", { className: "sa_empty" }, "…") : null,
-                    detail === void 0 ? null :
-                      detail.error !== void 0 ? react.createElement("p", { className: "sa_error" }, detail.error) :
-                      detail.messages.length === 0 ? react.createElement("p", { className: "sa_empty" }, t("noMessages")) :
-                      detail.messages.map((message, index) => react.createElement(
-                        "div",
-                        { className: "sa_msg", key: index },
-                        react.createElement("span", { className: "sa_msgRole" }, message.role === "user" ? t("user") : t("assistant") + " · " + formatTime(message.time)),
-                        react.createElement("span", { className: "sa_msgText" + (message.role === "user" ? " sa_msgTextUser" : "") }, message.text)
-                      ))
+                    detailPending ? React.createElement("p", { className: "sa_empty" }, "\u2026") : null,
+                    detail === void 0 ? null : detail.error !== void 0 ? React.createElement("p", { className: "sa_error" }, detail.error) : detail.messages.length === 0 ? React.createElement("p", { className: "sa_empty" }, t("noMessages")) : detail.messages.map((message, index) => React.createElement(
+                      "div",
+                      { className: "sa_msg", key: index },
+                      React.createElement("span", { className: "sa_msgRole" }, message.role === "user" ? t("user") : t("assistant") + " \xB7 " + formatTime(message.time)),
+                      React.createElement("span", { className: "sa_msgText" + (message.role === "user" ? " sa_msgTextUser" : "") }, message.text)
+                    ))
                   ) : null
                 );
               })
@@ -409,13 +495,9 @@ window.__ModuleLoader__.load({
         ) : null
       );
     }
-
-    // ── 插件 apply ───────────────────────────────────────────────────────
-    // DSH 客户端的 remote.<ns> 服务不会自动生成：必须由客户端代码用
-    // ctx.remote.$mount(contribution) 显式挂载（官方 dsh-api-remotes 即如此）。
-    const inject = ["slots", "locale", "remote"];
-    const passthroughSchema = { parse: (value) => value };
-    const REMOTE_CONTRIBUTION = {
+    var inject = ["slots", "locale", "remote"];
+    var passthroughSchema = { parse: (value) => value };
+    var REMOTE_CONTRIBUTION = {
       package: "@chaoset/session-archive",
       descriptors: [
         { id: "@chaoset/session-archive#sessionArchive/list", service: "sessionArchive", namespace: "sessionArchive", method: "list", invocation: { kind: "direct" }, parameters: [], result: { mode: "strict", typeSymbol: "sessionArchive/list:result", schema: passthroughSchema } },
@@ -443,8 +525,6 @@ window.__ModuleLoader__.load({
       }, ArchivePanel));
     }
 
-    exports.apply = apply;
-    exports.inject = inject;
     return module.exports;
   }
 });