dsh-rewind-plugin 0.6.3 → 0.7.1

package/lib/client.js

@@ -319,6 +319,250 @@ var STYLE = `
   color: var(--dsw-alias-label-primary);
   pointer-events: none;
 }
+
+/* ---- Snapshot-cleanup settings card (mirrors the harness PluginCard look) ---- */
+.dsh-rewind-cleanup-card {
+  list-style: none;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 12px;
+  background: var(--dsw-alias-bg-layer-3);
+  transition: border-color .16s, background .16s;
+}
+.dsh-rewind-cleanup-card:hover {
+  border-color: var(--dsw-alias-label-dimmed);
+}
+.dsh-rewind-cleanup-card-open {
+  background: var(--dsw-alias-bg-layer-2);
+  border-color: var(--dsw-alias-label-dimmed);
+}
+.dsh-rewind-cleanup-header {
+  width: 100%;
+  appearance: none;
+  border: 0;
+  background: none;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 14px 16px;
+  border-radius: 12px;
+}
+.dsh-rewind-cleanup-header:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: -2px;
+}
+.dsh-rewind-cleanup-head-text {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.dsh-rewind-cleanup-name {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-rewind-cleanup-desc {
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-rewind-cleanup-chevron {
+  flex: none;
+  color: var(--dsw-alias-label-tertiary);
+  transition: transform .16s;
+}
+.dsh-rewind-cleanup-chevron-open {
+  transform: rotate(180deg);
+}
+.dsh-rewind-cleanup-pending {
+  flex: none;
+  border-radius: 999px;
+  padding: 1px 8px;
+  font-size: 11px;
+  line-height: 17px;
+  font-weight: 500;
+  white-space: nowrap;
+  background: var(--dsw-alias-bg-module-platform);
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-rewind-cleanup-body {
+  border-top: 1px solid var(--dsw-alias-border-l2);
+  margin: 0 16px;
+  padding: 4px 0 8px;
+}
+.dsh-rewind-cleanup-readonly {
+  margin: 12px 0 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-rewind-cleanup-permission {
+  display: grid;
+  gap: 6px;
+  padding: 12px 0;
+}
+.dsh-rewind-cleanup-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 12px 0;
+}
+.dsh-rewind-cleanup-field + .dsh-rewind-cleanup-field {
+  border-top: 1px solid var(--dsw-alias-border-l2);
+}
+.dsh-rewind-cleanup-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.dsh-rewind-cleanup-label {
+  flex: 1;
+  min-width: 0;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-rewind-cleanup-hint {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-rewind-cleanup-error {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-error);
+}
+/* Switch row: label left, role=switch button right, hint below (Subagent module). */
+.dsh-rewind-cleanup-toggle-row {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-rewind-cleanup-toggle-label {
+  flex: 1;
+  min-width: 0;
+}
+.dsh-rewind-cleanup-switch {
+  box-sizing: border-box;
+  position: relative;
+  flex: 0 0 auto;
+  width: 36px;
+  height: 20px;
+  padding: 2px;
+  border: 0;
+  border-radius: 10px;
+  background: var(--dsw-alias-border-l3);
+  cursor: pointer;
+}
+.dsh-rewind-cleanup-switch-on {
+  background: var(--dsw-alias-brand-primary);
+}
+.dsh-rewind-cleanup-switch:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+.dsh-rewind-cleanup-switch:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: 2px;
+}
+.dsh-rewind-cleanup-thumb {
+  display: block;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  corner-shape: round;
+  background: var(--dsw-alias-label-primary-foreground);
+  transition: transform 120ms ease;
+}
+.dsh-rewind-cleanup-switch-on .dsh-rewind-cleanup-thumb {
+  transform: translateX(16px);
+}
+.dsh-rewind-cleanup-input {
+  box-sizing: border-box;
+  height: 34px;
+  padding: 0 12px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-3);
+  font: inherit;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-rewind-cleanup-input:focus-visible {
+  outline: none;
+  border-color: var(--dsw-alias-brand-primary);
+}
+.dsh-rewind-cleanup-input:disabled {
+  color: var(--dsw-alias-label-tertiary);
+  cursor: default;
+}
+.dsh-rewind-cleanup-input-invalid {
+  border-color: var(--dsw-alias-label-error);
+}
+.dsh-rewind-cleanup-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 12px 0 4px;
+  border-top: 1px solid var(--dsw-alias-border-l2);
+}
+.dsh-rewind-cleanup-failed {
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-error);
+}
+.dsh-rewind-cleanup-discard,
+.dsh-rewind-cleanup-save {
+  appearance: none;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  padding: 5px 14px;
+  font: inherit;
+  font-size: 13px;
+  line-height: 1.5;
+  cursor: pointer;
+}
+.dsh-rewind-cleanup-discard {
+  border-color: var(--dsw-alias-border-l2);
+  background: none;
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-rewind-cleanup-discard:hover:not(:disabled) {
+  color: var(--dsw-alias-label-primary);
+  border-color: var(--dsw-alias-label-dimmed);
+}
+.dsh-rewind-cleanup-save {
+  background: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-bg-layer-3);
+}
+.dsh-rewind-cleanup-discard:disabled,
+.dsh-rewind-cleanup-save:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.dsh-rewind-cleanup-discard:focus-visible,
+.dsh-rewind-cleanup-save:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: 1px;
+}
 `;
 
 // src/client/popover.ts
@@ -777,7 +1021,16 @@ var COMPOSER_EDITABLE_SELECTOR = "[data-composer-input]";
 var USER_SEAT_SELECTOR = '[data-chat-flow-kind="user"][data-chat-anchor-key], [data-chat-flow-kind="steering"][data-chat-anchor-key]';
 var CHAT_SEAT_SELECTOR = "[data-chat-anchor-key]";
 var ACTIONS_ROOT_SELECTOR = "[data-time-hover-root], [data-actions-reveal]";
-var PENDING_SEAT_SELECTOR = "[data-pending-steering][data-time-hover-root], [data-pending-steering][data-actions-reveal]";
+var PENDING_SEAT_SELECTOR = "[data-pending-steering]";
+function actionsContainerOf(row) {
+  const root = row?.matches(ACTIONS_ROOT_SELECTOR) ? row : row?.querySelector(ACTIONS_ROOT_SELECTOR);
+  const actions = root?.lastElementChild;
+  if (actions instanceof HTMLElement && actions.querySelector("button") !== null) return actions;
+  const copy = row?.querySelector("button");
+  const structural = copy?.parentElement;
+  if (structural instanceof HTMLElement && structural.querySelector("button") !== null) return structural;
+  return void 0;
+}
 function collectTargets(chat, hiddenSeqs) {
   const rows = /* @__PURE__ */ new Map();
   for (const element of document.querySelectorAll(USER_SEAT_SELECTOR)) {
@@ -791,9 +1044,8 @@ function collectTargets(chat, hiddenSeqs) {
     const user = node.data;
     if (hiddenSeqs.has(node.anchorSeq ?? user.seq)) continue;
     const row = rows.get(key);
-    const messageRoot = row?.querySelector(ACTIONS_ROOT_SELECTOR);
-    const actions = messageRoot?.lastElementChild;
-    if (!(actions instanceof HTMLElement) || actions.querySelector("button") === null) continue;
+    const actions = actionsContainerOf(row);
+    if (actions === void 0) continue;
     targets.push({ kind: "durable", key, container: actions, seq: user.seq, time: user.time, preview: messagePreviewOf(user) });
   }
   return targets;
@@ -818,9 +1070,8 @@ function collectPendingTargets(snapshot) {
     if (itemId === null) continue;
     const row = rows[i];
     if (row === void 0) continue;
-    const messageRoot = row.matches(ACTIONS_ROOT_SELECTOR) ? row : row.querySelector(ACTIONS_ROOT_SELECTOR);
-    const actions = messageRoot?.lastElementChild;
-    if (!(actions instanceof HTMLElement) || actions.querySelector("button") === null) continue;
+    const actions = actionsContainerOf(row);
+    if (actions === void 0) continue;
     const item = steering[i];
     targets.push({
       kind: "pending",
@@ -841,6 +1092,40 @@ function sameTargets(left, right) {
     return other.kind === "pending" && target.itemId === other.itemId;
   });
 }
+function hasExecutedRewindCommand(chat) {
+  for (const key of chat.order) {
+    const node = chat.nodes.get(key);
+    if (node === void 0 || node.kind !== "command") continue;
+    const command = node.data;
+    if (command.name !== "rewind") continue;
+    const args = command.args ?? "";
+    if (args.includes("preview") || args.includes("__candidates")) continue;
+    return true;
+  }
+  return false;
+}
+function describeHiding(chat, hiddenSeqs) {
+  const commands = [];
+  for (const key of chat.order) {
+    const node = chat.nodes.get(key);
+    if (node === void 0 || node.kind !== "command") continue;
+    const c = node.data;
+    commands.push(`#${c.seq} name=${c.name} outcome=${c.outcome?.kind ?? "-"} marker=${c.outcome?.sourceEventSeq ?? "-"} args=${JSON.stringify(c.args)}`);
+  }
+  const scoped = hiddenSeqs.size > 0 ? `hidden=[${[...hiddenSeqs].slice(0, 20).join(",")}${hiddenSeqs.size > 20 ? "\u2026" : ""}]` : "";
+  let seats = 0;
+  let resolved = 0;
+  let inHidden = 0;
+  for (const seat of document.querySelectorAll(CHAT_SEAT_SELECTOR)) {
+    seats += 1;
+    const key = seat.dataset.chatAnchorKey;
+    const node = key === void 0 ? void 0 : chat.nodes.get(key);
+    if (node === void 0) continue;
+    resolved += 1;
+    if (hiddenSeqs.has(node.anchorSeq)) inHidden += 1;
+  }
+  return `commands=[${commands.join(" | ")}] ${scoped} seats=${seats} resolved=${resolved} inHidden=${inHidden}`;
+}
 function RewindPortals({ sessionId, sessionOf, chatOf, currentSessionId, t, subscribeLocale, setComposerText }) {
   const [targets, setTargets] = (0, import_react.useState)([]);
   const hidden = (0, import_react.useRef)(/* @__PURE__ */ new WeakSet());
@@ -881,6 +1166,9 @@ function RewindPortals({ sessionId, sessionOf, chatOf, currentSessionId, t, subs
           `[dsh-rewind] hiding: ${hiddenCount} rows, seqs [${[...hiddenSeqs].slice(0, 20).join(", ")}${hiddenSeqs.size > 20 ? "\u2026" : ""}]`
         );
       }
+      if (chat !== void 0 && hiddenCount === 0 && hasExecutedRewindCommand(chat)) {
+        console.warn(`[dsh-rewind] rewind not hidden: ${describeHiding(chat, hiddenSeqs)}`);
+      }
       const durable = chat === void 0 ? [] : collectTargets(chat, hiddenSeqs);
       const next = [...durable, ...collectPendingTargets(snapshot)];
       setTargets((current) => sameTargets(current, next) ? current : next);
@@ -1042,7 +1330,24 @@ var zh = {
   "popover.impact.restore": "\u8FD8\u539F {path}",
   "popover.impact.delete": "\u5220\u9664 {path}",
   "popover.confirm": "\u786E\u8BA4\u56DE\u9000",
-  "popover.back": "\u8FD4\u56DE"
+  "popover.back": "\u8FD4\u56DE",
+  "cleanup.title": "\u5FEB\u7167\u6E05\u7406",
+  "cleanup.desc": "dsh-rewind \xB7 \u7BA1\u7406\u4F1A\u8BDD\u5FEB\u7167\u5907\u4EFD\u7684\u81EA\u52A8\u6E05\u7406\u7B56\u7565",
+  "cleanup.expand": "\u5C55\u5F00",
+  "cleanup.collapse": "\u6536\u8D77",
+  "cleanup.unsaved": "\u672A\u4FDD\u5B58\u4FEE\u6539",
+  "cleanup.auto": "\u81EA\u52A8\u6E05\u7406",
+  "cleanup.auto.on": "\u5F00\u542F\u540E\u6309\u4E0D\u6D3B\u8DC3\u5929\u6570\u81EA\u52A8\u6E05\u7406\u8FC7\u671F\u4F1A\u8BDD\u5FEB\u7167",
+  "cleanup.auto.off": "\u5173\u95ED\u540E\u4FDD\u7559\u5168\u90E8\u5FEB\u7167\uFF0C\u4E0D\u81EA\u52A8\u6E05\u7406",
+  "cleanup.maxAge": "\u4E0D\u6D3B\u8DC3\u65F6\u95F4\uFF08\u5929\uFF09",
+  "cleanup.maxAge.hint": "\u8D85\u8FC7\u8BE5\u5929\u6570\u672A\u6D3B\u52A8\u7684\u4F1A\u8BDD\u5FEB\u7167\u4F1A\u88AB\u6E05\u7406",
+  "cleanup.invalid": "\u4EC5\u63A5\u53D7\u6B63\u6574\u6570",
+  "cleanup.discard": "\u653E\u5F03\u4FEE\u6539",
+  "cleanup.save": "\u4FDD\u5B58",
+  "cleanup.saving": "\u4FDD\u5B58\u4E2D\u2026",
+  "cleanup.saved": "\u5DF2\u4FDD\u5B58\u5E76\u751F\u6548",
+  "cleanup.saveFailed": "\u4FDD\u5B58\u5931\u8D25\uFF1A{message}",
+  "cleanup.readonly": "\u8BBE\u7F6E\u6E90\u53EA\u8BFB"
 };
 var en = {
   "button.aria": "Rewind to this message",
@@ -1068,9 +1373,189 @@ var en = {
   "popover.impact.restore": "Restore {path}",
   "popover.impact.delete": "Delete {path}",
   "popover.confirm": "Confirm rewind",
-  "popover.back": "Back"
+  "popover.back": "Back",
+  "cleanup.title": "Snapshot cleanup",
+  "cleanup.desc": "dsh-rewind \xB7 Manage the auto-cleanup policy of session snapshot backups",
+  "cleanup.expand": "Expand",
+  "cleanup.collapse": "Collapse",
+  "cleanup.unsaved": "Unsaved changes",
+  "cleanup.auto": "Auto cleanup",
+  "cleanup.auto.on": "When enabled, session snapshots idle past the cutoff are cleaned automatically",
+  "cleanup.auto.off": "When disabled, all snapshot backups are kept; nothing is cleaned automatically.",
+  "cleanup.maxAge": "Idle time (days)",
+  "cleanup.maxAge.hint": "Snapshot backups of sessions idle longer than this many days are cleaned",
+  "cleanup.invalid": "A positive integer only",
+  "cleanup.discard": "Discard changes",
+  "cleanup.save": "Save",
+  "cleanup.saving": "Saving\u2026",
+  "cleanup.saved": "Saved and applied",
+  "cleanup.saveFailed": "Save failed: {message}",
+  "cleanup.readonly": "Read-only settings source"
 };
 
+// src/client/settings-card.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CLEANUP_SETTINGS_NAMESPACE = "dsh-rewind-snapshot-cleanup";
+var DEFAULT_MAX_AGE_DAYS = 30;
+function draftFrom(policy) {
+  return { enabled: policy?.enabled ?? false, maxAgeDays: String(policy?.maxAgeDays ?? "") };
+}
+function maxAgeOf(text) {
+  const trimmed = text.trim();
+  if (!/^\d+$/.test(trimmed)) return null;
+  const days = Number(trimmed);
+  return Number.isSafeInteger(days) && days > 0 ? days : null;
+}
+function configOf(draft) {
+  const days = maxAgeOf(draft.maxAgeDays);
+  if (days === null) return null;
+  return { enabled: draft.enabled, maxAgeDays: days };
+}
+function dirtyOf(base, draft) {
+  return base.enabled !== draft.enabled || base.maxAgeDays !== draft.maxAgeDays;
+}
+function SettingsCleanupCard({ api, t }) {
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [baseline, setBaseline] = (0, import_react2.useState)(() => draftFrom(api.read()));
+  const [draft, setDraft] = (0, import_react2.useState)(() => draftFrom(api.read()));
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const writable = api.writable();
+  (0, import_react2.useEffect)(() => api.subscribe(() => {
+    const next = draftFrom(api.read());
+    setBaseline((base) => {
+      setDraft((cur) => dirtyOf(base, cur) ? cur : next);
+      return next;
+    });
+  }), [api]);
+  const dirty = dirtyOf(baseline, draft);
+  const days = maxAgeOf(draft.maxAgeDays);
+  const invalid = days === null;
+  const disabled = busy || !writable;
+  const edit = (patch) => {
+    setDraft((cur) => ({ ...cur, ...patch }));
+    setError(null);
+  };
+  const save = async () => {
+    if (busy || !writable || !dirty) return;
+    const next = configOf(draft);
+    if (next === null) {
+      setError(t("cleanup.invalid"));
+      return;
+    }
+    setBusy(true);
+    setError(null);
+    try {
+      await api.save(next);
+      setBaseline(draft);
+      setError(null);
+    } catch (e) {
+      setError(t("cleanup.saveFailed", { message: e instanceof Error ? e.message : String(e) }));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const discard = () => {
+    if (busy) return;
+    setDraft(baseline);
+    setError(null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: `dsh-rewind-cleanup-card${open ? " dsh-rewind-cleanup-card-open" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "dsh-rewind-cleanup-header",
+        "aria-expanded": open,
+        "aria-label": `${t(open ? "cleanup.collapse" : "cleanup.expand")}: ${t("cleanup.title")}`,
+        onClick: () => setOpen(!open),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "dsh-rewind-cleanup-head-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-rewind-cleanup-name", children: t("cleanup.title") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-rewind-cleanup-desc", children: t("cleanup.desc") })
+          ] }),
+          dirty ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-rewind-cleanup-pending", children: t("cleanup.unsaved") }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "svg",
+            {
+              className: `dsh-rewind-cleanup-chevron${open ? " dsh-rewind-cleanup-chevron-open" : ""}`,
+              width: "14",
+              height: "14",
+              viewBox: "0 0 16 16",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 6l4 4 4-4", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+            }
+          )
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-rewind-cleanup-body", children: [
+      !writable ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-rewind-cleanup-readonly", role: "status", children: t("cleanup.readonly") }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-rewind-cleanup-permission", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-rewind-cleanup-toggle-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-rewind-cleanup-toggle-label", id: "dsh-rewind-cleanup-enabled-label", children: t("cleanup.auto") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              className: `dsh-rewind-cleanup-switch${draft.enabled ? " dsh-rewind-cleanup-switch-on" : ""}`,
+              "aria-checked": draft.enabled,
+              "aria-labelledby": "dsh-rewind-cleanup-enabled-label",
+              disabled,
+              onClick: () => edit({ enabled: !draft.enabled }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-rewind-cleanup-thumb" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-rewind-cleanup-hint", children: t(draft.enabled ? "cleanup.auto.on" : "cleanup.auto.off") })
+      ] }),
+      draft.enabled ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-rewind-cleanup-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dsh-rewind-cleanup-head", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "dsh-rewind-cleanup-label", htmlFor: "dsh-rewind-cleanup-maxage", children: t("cleanup.maxAge") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            className: `dsh-rewind-cleanup-input${invalid ? " dsh-rewind-cleanup-input-invalid" : ""}`,
+            type: "text",
+            inputMode: "numeric",
+            id: "dsh-rewind-cleanup-maxage",
+            value: draft.maxAgeDays,
+            disabled,
+            "aria-invalid": invalid || void 0,
+            placeholder: String(DEFAULT_MAX_AGE_DAYS),
+            onChange: (e) => edit({ maxAgeDays: e.target.value })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: invalid ? "dsh-rewind-cleanup-error" : "dsh-rewind-cleanup-hint", children: invalid ? t("cleanup.invalid") : t("cleanup.maxAge.hint") })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-rewind-cleanup-footer", children: [
+        error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-rewind-cleanup-failed", role: "status", children: error }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "dsh-rewind-cleanup-discard",
+            disabled: !dirty || busy || !writable,
+            onClick: discard,
+            children: t("cleanup.discard")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "dsh-rewind-cleanup-save",
+            disabled: !dirty || busy || !writable || invalid,
+            onClick: save,
+            children: busy ? t("cleanup.saving") : t("cleanup.save")
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+
 // src/client/index.ts
 var name = "dsh-rewind";
 var inject = ["slots", "sessions", "locale", "commandUi"];
@@ -1122,6 +1607,40 @@ function apply(ctx) {
       },
       createRewindBridge({ sessionOf, chatOf, currentSessionId, setComposerText, t, subscribeLocale })
     ));
+    const clientCtx = ctx;
+    clientCtx.inject(["settingsScope"], (scoped) => {
+      try {
+        const scope = scoped.settingsScope.bind({ namespace: CLEANUP_SETTINGS_NAMESPACE });
+        const cardApi = {
+          read: () => {
+            const value = scope.getSnapshot().value;
+            return value === void 0 ? void 0 : { enabled: value.enabled, maxAgeDays: value.maxAgeDays };
+          },
+          writable: () => {
+            return scope.getSnapshot().writable === true;
+          },
+          save: async (next) => {
+            await scope.set("enabled", next.enabled);
+            await scope.set("maxAgeDays", next.maxAgeDays);
+          },
+          subscribe: (cb) => scope.subscribe(cb)
+        };
+        scoped.slots.inject("settings.plugin.item", () => scoped.slots.register(
+          {
+            name: "settings.plugin.item",
+            key: CLEANUP_SETTINGS_NAMESPACE,
+            // Match the official cards / dsh-market: locale + inject provide
+            // the card its props through the slot renderer (the keyed card owns
+            // its internals, but the page feeds it locale + the bound api).
+            locale: NS,
+            inject: () => ({ t, api: cardApi })
+          },
+          SettingsCleanupCard
+        ));
+      } catch (error) {
+        console.error("[dsh-rewind] settings card register failed:", error);
+      }
+    });
     const commandUi = ctx.get("commandUi");
     const hasCandidates = (sessionId) => {
       const face = sessionId === void 0 ? void 0 : sessionOf(sessionId);