npm - @michengai/dsh-codex-pet - Versions diffs - 1.0.7 → 1.0.8 - Mend

@michengai/dsh-codex-pet 1.0.7 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/lib/client.js CHANGED Viewed

@@ -38,42 +38,62 @@ __export(client_exports, {
 module.exports = __toCommonJS(client_exports);
 // src/session-compat.ts
+var DEFAULT_OWNER = "pet";
 function compatibleSessions(sessions, navigate, status) {
-  const refs = /* @__PURE__ */ new Map();
+  const held = /* @__PURE__ */ new Map();
+  const drop = (id) => {
+    const entry = held.get(id);
+    if (entry === void 0) return;
+    try {
+      entry.ref.release();
+    } catch {
+    }
+    held.delete(id);
+  };
   const sweep = () => {
+    if (held.size === 0) return;
     const ids = new Set(sessions.list?.getSnapshot?.()?.ids ?? []);
-    for (const [id, ref] of refs) if (!ids.has(id)) {
-      try {
-        ref.release();
-      } catch {
-      }
-      refs.delete(id);
+    for (const id of [...held.keys()]) if (!ids.has(id)) drop(id);
+  };
+  const releaseBindings = (owner = DEFAULT_OWNER) => {
+    for (const [id, entry] of [...held]) {
+      entry.owners.delete(owner);
+      if (entry.owners.size === 0) drop(id);
     }
   };
+  function releaseBinding(id, owner = DEFAULT_OWNER) {
+    const entry = held.get(id);
+    if (entry === void 0) return;
+    entry.owners.delete(owner);
+    if (entry.owners.size === 0) drop(id);
+  }
   sessions.list?.subscribe?.(sweep);
   return {
     list: sessions.list,
     status: status ?? sessions.status,
     using: sessions.using?.bind(sessions),
     open: navigate,
+    releaseBinding,
+    releaseBindings,
+    sweepBindings: sweep,
     create: (options) => {
       if (!sessions.create) throw new Error("\u521B\u5EFA\u4F1A\u8BDD\u5C1A\u4E0D\u53EF\u7528\uFF0C\u8BF7\u91CD\u8BD5");
       return sessions.create(options);
     },
-    binding(id) {
-      sweep();
+    binding(id, owner = DEFAULT_OWNER) {
       let binding = sessions.binding(id);
       if (!binding && sessions.retain) {
-        let ref = refs.get(id);
-        if (!ref) {
+        let entry = held.get(id);
+        if (!entry) {
           try {
-            ref = sessions.retain(id, { source: "controllerOperation" });
-            refs.set(id, ref);
+            entry = { ref: sessions.retain(id, { source: "controllerOperation" }), owners: /* @__PURE__ */ new Set() };
+            held.set(id, entry);
           } catch {
             return void 0;
           }
         }
-        binding = ref.binding;
+        entry.owners.add(owner);
+        binding = entry.ref.binding;
       }
       return binding;
     }
@@ -271,8 +291,8 @@ function translator(language) {
 }
 // src/client.tsx
-var import_react7 = require("react");
-var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react8 = require("react");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
 // src/library-store.ts
 function createLibraryStore(request2) {
@@ -329,7 +349,7 @@ function createLibraryStore(request2) {
 }
 // src/plugin-update-ui.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 // src/project-icons.tsx
 var import_react = __toESM(require("react"), 1);
@@ -394,11 +414,18 @@ function updateErrorMessage(code, language) {
 }
 // src/shared-plugin-update-ui.ts
+var import_react2 = __toESM(require("react"), 1);
+var import_client = require("react-dom/client");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 var UPDATE_HEADER = "x-michengai-plugin-update";
-var STYLE_ID = "michengai-plugin-update-ui";
+var STYLE_ID = "michengai-dsh-codex-pet-update-ui";
 var CSS = `
-.mpi-version{margin-left:8px;color:var(--dsw-alias-label-tertiary,#9da1aa);font-family:inherit;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;white-space:nowrap;vertical-align:baseline}.mpi-check{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;height:28px;padding:0 10px;border:0.5px solid var(--dsw-alias-border-l3,var(--dsw-alias-border-l2,#4b4d52));border-radius:var(--dsw-radius-sm,7px);background:transparent;color:var(--dsw-alias-label-secondary,#b8bbc2);font:inherit;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap;cursor:pointer}.mpi-check:hover{background:var(--dsw-alias-interactive-bg-hover,#3a3b3f);color:var(--dsw-alias-label-primary,#fff)}.mpi-check:focus-visible,.mpi-dialog .mpi-action:focus-visible,.mpi-dialog .mpi-dialog-close:focus-visible{outline:var(--dsw-focus-ring-width,1px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary,#4f8cff));outline-offset:2px}.mpi-icon{display:inline-flex;flex:0 0 auto;width:16px;height:16px;align-items:center;justify-content:center;pointer-events:none}.mpi-icon svg{display:block;width:16px;height:16px}
-.mpi-overlay{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--dsw-alias-bg-mask-1,rgba(0,0,0,.62));backdrop-filter:var(--dsw-mask-blur,none)}.mpi-dialog{position:relative;box-sizing:border-box;width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;border:0;border-radius:var(--dsw-radius-panel,14px);padding:22px;background:var(--dsw-alias-bg-layer-2,var(--dsw-specific-menu,#202124));color:var(--dsw-alias-label-primary,#fff);box-shadow:var(--dsw-elevation-prominent,var(--dsw-shadow-lv3,0 16px 48px rgba(0,0,0,.24)));font-family:inherit}.mpi-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mpi-dialog h2{margin:0;font-size:16px;line-height:24px;font-weight:500}.mpi-dialog .mpi-dialog-close{display:inline-flex;flex:0 0 28px;width:28px;height:28px;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--dsw-radius-sm,8px);background:transparent;color:var(--dsw-alias-label-secondary,#b8bbc2);cursor:pointer}.mpi-dialog .mpi-dialog-close:hover{background:var(--dsw-alias-interactive-bg-hover,#3a3b3f);color:var(--dsw-alias-label-primary,#fff)}.mpi-intro{margin:8px 0 18px;color:var(--dsw-alias-label-secondary,#c2c4ca);font-size:13px;line-height:20px}.mpi-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;margin:0 0 16px;font-size:12px;line-height:18px}.mpi-meta dt{color:var(--dsw-alias-label-secondary,#c2c4ca)}.mpi-meta dd{margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.mpi-status{margin:0 0 18px;border-radius:var(--dsw-radius-sm,7px);padding:12px 14px;background:var(--dsw-alias-bg-layer-3,var(--dsw-specific-menu-item-hover,#252527));font-size:13px;font-weight:600;line-height:20px}.mpi-status[data-kind=error]{color:var(--dsw-alias-state-error-primary,#ff6464)}.mpi-status[data-kind=success]{color:var(--dsw-alias-state-success-primary,#36d67a)}.mpi-status[data-kind=update]{color:var(--dsw-alias-state-warn-primary,#e8b15a)}.mpi-manual{border-top:1px solid var(--dsw-alias-border-l2,#4b4d52);padding-top:16px}.mpi-manual h3{margin:0 0 6px;font-size:14px;line-height:20px}.mpi-manual p{margin:0 0 10px;color:var(--dsw-alias-label-secondary,#c2c4ca);font-size:12px;line-height:18px}.mpi-command{display:flex;align-items:center;gap:8px;border:1px solid var(--dsw-alias-border-l2,#4b4d52);border-radius:var(--dsw-radius-sm,7px);padding:10px;background:var(--dsw-alias-bg-layer-3,var(--dsw-specific-menu-item-hover,#252527))}.mpi-command code{min-width:0;flex:1;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:18px;white-space:nowrap}.mpi-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.mpi-actions-group{display:flex;gap:8px}.mpi-dialog .mpi-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid var(--dsw-alias-border-l2,#4b4d52);border-radius:var(--dsw-radius-sm,7px);padding:6px 10px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.mpi-dialog .mpi-action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#414247)}.mpi-dialog .mpi-action:disabled{cursor:not-allowed;opacity:.55}.mpi-dialog .mpi-primary{border-color:var(--dsw-alias-button-primary-fill,var(--dsw-alias-state-business-primary,#4f8cff));background:var(--dsw-alias-button-primary-fill,var(--dsw-alias-state-business-primary,#4f8cff));color:var(--dsw-alias-label-primary-foreground,#fff)}.mpi-progress{height:4px;margin-top:10px;overflow:hidden;border-radius:99px;background:var(--dsw-alias-border-l2,#4b4d52)}.mpi-progress::after{display:block;width:32%;height:100%;background:var(--dsw-alias-state-business-primary,#4f8cff);content:'';animation:mpi-wave 1.15s ease-in-out infinite}@keyframes mpi-wave{from{transform:translateX(-110%)}to{transform:translateX(330%)}}@media(max-width:560px){.mpi-overlay{padding:10px}.mpi-dialog{max-height:calc(100vh - 20px);padding:16px}.mpi-actions{align-items:stretch}.mpi-actions-group{justify-content:flex-end;flex-wrap:wrap}.mpi-meta{grid-template-columns:1fr;gap:2px}.mpi-meta dd{margin-bottom:6px}}
+.dcp-update-version{margin-left:8px;color:var(--dsw-alias-label-tertiary,#9da1aa);font-family:inherit;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;white-space:nowrap;vertical-align:baseline}.dcp-update-check{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;height:28px;padding:0 10px;border:0.5px solid var(--dsw-alias-border-l3,var(--dsw-alias-border-l2,#4b4d52));border-radius:var(--dsw-radius-sm,7px);background:transparent;color:var(--dsw-alias-label-secondary,#b8bbc2);font:inherit;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap;cursor:pointer}.dcp-update-check:hover{background:var(--dsw-alias-interactive-bg-hover,#3a3b3f);color:var(--dsw-alias-label-primary,#fff)}.dcp-update-icon{display:inline-flex;flex:0 0 auto;width:16px;height:16px;align-items:center;justify-content:center;pointer-events:none}.dcp-update-icon svg{display:block;width:16px;height:16px}
+.dcp-update-footer{display:flex;align-items:center;gap:8px}.dcp-update-sheet{display:block;min-width:0}
+.dcp-update-content{min-width:0;display:flex;flex-direction:column;gap:0;font-family:inherit;color:var(--dsw-alias-label-primary,#fff)}
+.dcp-update-intro{margin:0 0 16px;color:var(--dsw-alias-label-secondary,#c2c4ca);font-size:13px;line-height:20px}.dcp-update-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;margin:0 0 16px;font-size:12px;line-height:18px}.dcp-update-meta dt{color:var(--dsw-alias-label-secondary,#c2c4ca)}.dcp-update-meta dd{margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.dcp-update-status{margin:0 0 18px;border-radius:var(--dsw-radius-sm,7px);padding:12px 14px;background:var(--dsw-alias-bg-layer-3,var(--dsw-specific-menu-item-hover,#252527));font-size:13px;font-weight:600;line-height:20px}.dcp-update-status[data-kind=error]{color:var(--dsw-alias-state-error-primary,#ff6464)}.dcp-update-status[data-kind=success]{color:var(--dsw-alias-state-success-primary,#36d67a)}.dcp-update-status[data-kind=update]{color:var(--dsw-alias-state-warn-primary,#e8b15a)}.dcp-update-manual{border-top:1px solid var(--dsw-alias-border-l2,#4b4d52);padding-top:16px}.dcp-update-manual h3{margin:0 0 6px;font-size:14px;line-height:20px}.dcp-update-manual p{margin:0 0 10px;color:var(--dsw-alias-label-secondary,#c2c4ca);font-size:12px;line-height:18px}.dcp-update-command{display:flex;align-items:center;gap:8px;border:1px solid var(--dsw-alias-border-l2,#4b4d52);border-radius:var(--dsw-radius-sm,7px);padding:10px;background:var(--dsw-alias-bg-layer-3,var(--dsw-specific-menu-item-hover,#252527))}.dcp-update-command code{min-width:0;flex:1;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:18px;white-space:nowrap}
+.dcp-update-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:28px;height:28px;border:0.5px solid var(--dsw-alias-border-l3,var(--dsw-alias-border-l2,#4b4d52));border-radius:var(--dsw-radius-sm,7px);padding:0 10px;background:transparent;color:var(--dsw-alias-label-primary,inherit);font:inherit;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap;cursor:pointer}.dcp-update-action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,#414247)}.dcp-update-action:disabled{cursor:not-allowed;opacity:.55}.dcp-update-primary{border-color:var(--dsw-alias-button-primary-fill,var(--dsw-alias-state-business-primary,#4f8cff));background:var(--dsw-alias-button-primary-fill,var(--dsw-alias-state-business-primary,#4f8cff));color:var(--dsw-alias-label-primary-foreground,#fff)}.dcp-update-action:focus-visible,.dcp-update-check:focus-visible{outline:var(--dsw-focus-ring-width,1px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary,#4f8cff));outline-offset:2px}
+.dcp-update-progress{height:4px;margin-top:10px;overflow:hidden;border-radius:99px;background:var(--dsw-alias-border-l2,#4b4d52)}.dcp-update-progress::after{display:block;width:32%;height:100%;background:var(--dsw-alias-state-business-primary,#4f8cff);content:'';animation:dcp-update-wave 1.15s ease-in-out infinite}@keyframes dcp-update-wave{from{transform:translateX(-110%)}to{transform:translateX(330%)}}@media(max-width:560px){.dcp-update-meta{grid-template-columns:1fr;gap:2px}.dcp-update-meta dd{margin-bottom:6px}}
 `;
 var ZH = {
   unpublished: "\u5C1A\u672A\u53D1\u5E03\u5230 npm\uFF0C\u53D1\u5E03\u540E\u5373\u53EF\u68C0\u67E5\u5E76\u5B89\u88C5\u66F4\u65B0\u3002",
@@ -491,14 +518,6 @@ function manualPluginUpdateCommand(profileName, packageName, version) {
   const profile = profileName.trim() === "" ? "" : ` --profile ${profileName.trim()}`;
   return `dsh plugin${profile} add ${packageName}@${version} --registry=https://registry.npmjs.org/`;
 }
-function handlePluginUpdateEscape(event, close) {
-  if (event.key !== "Escape") return false;
-  event.preventDefault();
-  event.stopPropagation();
-  event.stopImmediatePropagation();
-  close();
-  return true;
-}
 function observePluginUpdate(options) {
   if (typeof document === "undefined" || document.body === null)
     return () => {
@@ -506,11 +525,11 @@ function observePluginUpdate(options) {
   ensureStyle();
   const controller = new AbortController();
   let payload;
-  let overlay;
+  let mount;
   let frame;
   const setButtonContent = (button, label, iconName) => {
     const icon = options.createIcon(iconName);
-    icon.classList.add("mpi-icon");
+    icon.classList.add("dcp-update-icon");
     icon.setAttribute("aria-hidden", "true");
     const text = document.createElement("span");
     text.dataset.mpiLabel = "";
@@ -530,7 +549,7 @@ function observePluginUpdate(options) {
       return;
     const button = document.createElement("button");
     button.type = "button";
-    button.className = "mpi-check";
+    button.className = "dcp-update-check";
     button.dataset.mpiCheck = options.packageName;
     setButtonContent(button, strings(options.language).check, "refresh");
     button.addEventListener("click", openDialog);
@@ -547,45 +566,39 @@ function observePluginUpdate(options) {
     return payload;
   };
   const closeDialog = () => {
-    overlay?.remove();
-    overlay = void 0;
+    if (mount === void 0) return;
+    const { host, root } = mount;
+    mount = void 0;
+    root.unmount();
+    host.remove();
   };
   function openDialog() {
     closeDialog();
     const text = strings(options.language);
-    overlay = document.createElement("div");
-    overlay.className = "mpi-overlay";
     const dialog = document.createElement("section");
-    dialog.className = "mpi-dialog";
-    dialog.setAttribute("role", "dialog");
-    dialog.setAttribute("aria-modal", "true");
-    dialog.innerHTML = `<header class="mpi-head"><h2></h2><button type="button" class="mpi-dialog-close" data-action="close"></button></header><p class="mpi-intro"></p><dl class="mpi-meta"><dt></dt><dd data-role="current"></dd><dt></dt><dd data-role="latest"></dd><dt></dt><dd data-role="profile"></dd></dl><div class="mpi-status" role="status"></div><div class="mpi-progress" hidden></div><section class="mpi-manual"><h3></h3><p></p><div class="mpi-command"><code></code><button type="button" class="mpi-action" data-action="copy"></button></div></section><footer class="mpi-actions"><div class="mpi-actions-group"><button type="button" class="mpi-action" data-action="check"></button><button type="button" class="mpi-action mpi-primary" data-action="update"></button></div></footer>`;
+    dialog.className = "dcp-update-sheet";
+    dialog.innerHTML = `<p class="dcp-update-intro"></p><dl class="dcp-update-meta"><dt></dt><dd data-role="current"></dd><dt></dt><dd data-role="latest"></dd><dt></dt><dd data-role="profile"></dd></dl><div class="dcp-update-status" role="status"></div><div class="dcp-update-progress" hidden></div><section class="dcp-update-manual"><h3></h3><p></p><div class="dcp-update-command"><code></code><button type="button" class="dcp-update-action" data-action="copy"></button></div></section>`;
     const name2 = /^zh(?:-|$)/i.test(options.language) ? options.zhName : options.enName;
-    dialog.querySelector("h2").textContent = `${name2} ${text.update}`;
-    dialog.querySelector(".mpi-intro").textContent = text.intro;
+    dialog.querySelector(".dcp-update-intro").textContent = text.intro;
     const terms = dialog.querySelectorAll("dt");
     terms[0].textContent = text.current;
     terms[1].textContent = text.latestLabel;
     terms[2].textContent = text.profile;
-    dialog.querySelector(".mpi-manual h3").textContent = text.manual;
-    dialog.querySelector(".mpi-manual p").textContent = payload?.profileName === "desktop" ? text.manualHintDesktop : text.manualHint;
-    const status = dialog.querySelector(".mpi-status");
-    const progress = dialog.querySelector(".mpi-progress");
-    const command = dialog.querySelector(".mpi-command code");
-    const close = dialog.querySelector(
-      "[data-action=close]"
-    );
-    const check = dialog.querySelector(
-      "[data-action=check]"
-    );
-    const update = dialog.querySelector(
-      "[data-action=update]"
-    );
+    dialog.querySelector(".dcp-update-manual h3").textContent = text.manual;
+    dialog.querySelector(".dcp-update-manual p").textContent = payload?.profileName === "desktop" ? text.manualHintDesktop : text.manualHint;
+    const status = dialog.querySelector(".dcp-update-status");
+    const progress = dialog.querySelector(".dcp-update-progress");
+    const command = dialog.querySelector(".dcp-update-command code");
+    const check = document.createElement("button");
+    check.type = "button";
+    check.className = "dcp-update-action";
+    check.dataset.action = "check";
+    check.dataset.modalAutofocus = "true";
+    const update = document.createElement("button");
+    update.type = "button";
+    update.className = "dcp-update-action dcp-update-primary";
+    update.dataset.action = "update";
     const copy = dialog.querySelector("[data-action=copy]");
-    setButtonContent(close, text.close, "close");
-    close.querySelector("[data-mpi-label]")?.remove();
-    close.setAttribute("aria-label", text.close);
-    close.title = text.close;
     setButtonContent(check, text.recheck, "refresh");
     setButtonContent(update, text.auto, "download");
     setButtonContent(copy, text.copy, "copy");
@@ -606,7 +619,7 @@ function observePluginUpdate(options) {
       dialog.querySelector("[data-role=current]").textContent = payload === void 0 ? text.unknown : `v${payload.currentVersion}`;
       dialog.querySelector("[data-role=latest]").textContent = payload?.latestVersion === void 0 ? text.unknown : `v${payload.latestVersion}`;
       dialog.querySelector("[data-role=profile]").textContent = payload?.profileName ?? text.unknown;
-      const hint = dialog.querySelector(".mpi-manual p");
+      const hint = dialog.querySelector(".dcp-update-manual p");
       if (hint !== null)
         hint.textContent = payload?.profileName === "desktop" ? text.manualHintDesktop : text.manualHint;
       command.textContent = manualPluginUpdateCommand(
@@ -669,7 +682,6 @@ function observePluginUpdate(options) {
         setBusy(false);
       }
     };
-    close.addEventListener("click", closeDialog);
     check.addEventListener("click", () => {
       void checkNow();
     });
@@ -686,20 +698,33 @@ function observePluginUpdate(options) {
         setButtonLabel(copy, text.copyFailed);
       });
     });
-    overlay.addEventListener("click", (event) => {
-      if (event.target === overlay) closeDialog();
-    });
-    overlay.addEventListener(
-      "keydown",
-      (event) => {
-        handlePluginUpdateEscape(event, closeDialog);
-      },
-      true
+    const host = document.createElement("div");
+    host.className = "dcp-update-host";
+    document.body.append(host);
+    const root = (0, import_client.createRoot)(host);
+    mount = { host, root };
+    root.render(
+      import_react2.default.createElement(import_dsh_client_ui_primitives.Modal, {
+        open: true,
+        className: "dcp-update-dialog",
+        title: `${name2} ${text.update}`,
+        closeLabel: text.close,
+        onClose: closeDialog,
+        footer: import_react2.default.createElement("div", {
+          className: "dcp-update-footer",
+          ref: (node) => {
+            if (node !== null && check.parentElement !== node) node.append(check, update);
+          }
+        }),
+        children: import_react2.default.createElement("div", {
+          className: "dcp-update-content",
+          ref: (node) => {
+            if (node !== null && !node.contains(dialog)) node.append(dialog);
+          }
+        })
+      })
     );
-    overlay.append(dialog);
-    (options.root?.closest("dialog[open]") ?? document.body).append(overlay);
     render();
-    close.focus();
     void checkNow();
   }
   const observer = new MutationObserver(() => {
@@ -722,7 +747,7 @@ function observePluginUpdate(options) {
     closeDialog();
     if (frame !== void 0) window.cancelAnimationFrame(frame);
     (options.root ?? document).querySelectorAll(
-      `[data-mpi-check="${options.packageName}"],.mpi-version[data-package="${options.packageName}"]`
+      `[data-mpi-check="${options.packageName}"],.dcp-update-version[data-package="${options.packageName}"]`
     ).forEach((node) => node.remove());
   };
 }
@@ -808,14 +833,14 @@ function createPluginUpdateIcon(name2) {
   return element;
 }
 function PluginUpdateHeader({ locale }) {
-  const language = (0, import_react2.useSyncExternalStore)(
+  const language = (0, import_react3.useSyncExternalStore)(
     (fn) => locale?.subscribe(fn) ?? (() => {
     }),
     () => locale?.getSnapshot().active ?? "zh"
   );
   const zh2 = /^zh(?:-|$)/i.test(language);
-  const root = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
+  const root = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
     if (!root.current) return;
     return observePluginUpdate({
       language,
@@ -830,41 +855,49 @@ function PluginUpdateHeader({ locale }) {
     });
   }, [language]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `.dcp-project-head{display:flex;align-items:center;justify-content:flex-start;gap:8px 12px;flex-wrap:wrap;margin-bottom:0}.dcp-project-head h1{display:inline-flex;align-items:baseline;margin:0;white-space:nowrap}.dcp-version{font-size:12px;font-weight:500;line-height:18px;color:var(--dsw-alias-label-tertiary,#9da1aa);margin-left:10px}.dcp-project-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dcp-project-links a,.dcp-project-links button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:28px;height:28px;padding:0 10px;border:0.5px solid var(--dsw-alias-border-l3,var(--dsw-alias-border-l2,#383838));border-radius:var(--dsw-radius-sm,7px);background:transparent;color:var(--dsw-alias-label-primary,inherit);font-family:inherit;font-size:12px;font-weight:500;line-height:18px;text-decoration:none;white-space:nowrap;cursor:pointer}.dcp-project-links a:hover,.dcp-project-links button:hover{background:var(--dsw-alias-interactive-bg-hover,#ffffff0a);color:var(--dsw-alias-label-primary,inherit)}.dcp-project-links a:focus-visible,.dcp-project-links button:focus-visible{outline:var(--dsw-focus-ring-width,1px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary,#4f8cff));outline-offset:2px}.dcp-project-links svg{display:block;flex:none;width:16px;height:16px}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `.dcp-project-head{display:flex;align-items:center;justify-content:flex-start;gap:8px 12px;flex-wrap:wrap;margin-bottom:0}.dcp-project-head h1{display:inline-flex;align-items:baseline;margin:0;white-space:nowrap}.dcp-version{font-size:12px;font-weight:500;line-height:18px;color:var(--dsw-alias-label-tertiary,#9da1aa);margin-left:10px}.dcp-project-links{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;flex:0 0 auto}.dcp-project-links a,.dcp-project-links button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:28px;height:28px;padding:0 10px;border:0.5px solid var(--dsw-alias-border-l3,var(--dsw-alias-border-l2,#383838));border-radius:var(--dsw-radius-sm,7px);background:transparent;color:var(--dsw-alias-label-primary,inherit);font-family:inherit;font-size:12px;font-weight:500;line-height:18px;text-decoration:none;white-space:nowrap;cursor:pointer}.dcp-project-links a:hover,.dcp-project-links button:hover{background:var(--dsw-alias-interactive-bg-hover,#ffffff0a);color:var(--dsw-alias-label-primary,inherit)}.dcp-project-links a:focus-visible,.dcp-project-links button:focus-visible{outline:var(--dsw-focus-ring-width,1px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary,#4f8cff));outline-offset:2px}.dcp-project-links svg{display:block;flex:none;width:16px;height:16px}` }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { ref: root, className: "dcp-project-head", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h1", { children: [
         zh2 ? "\u5BA0\u7269" : "Pets",
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dcp-version", children: [
           "v",
-          "1.0.7"
+          "1.0.8"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", { className: "dcp-project-links", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "a",
-          {
-            href: "https://github.com/MichengAI/dsh-codex-pet",
-            target: "_blank",
-            rel: "noreferrer",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GithubMark16, {}),
-              "GitHub"
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "a",
-          {
-            href: "https://github.com/MichengAI/dsh-codex-pet/issues",
-            target: "_blank",
-            rel: "noreferrer",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedbackMark16, {}),
-              zh2 ? "\u95EE\u9898\u53CD\u9988" : "Issues"
-            ]
-          }
-        )
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: "dcp-project-links",
+          role: "navigation",
+          "aria-label": zh2 ? "\u9879\u76EE\u94FE\u63A5" : "Project links",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "a",
+              {
+                href: "https://github.com/MichengAI/dsh-codex-pet",
+                target: "_blank",
+                rel: "noreferrer",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GithubMark16, {}),
+                  "GitHub"
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "a",
+              {
+                href: "https://github.com/MichengAI/dsh-codex-pet/issues",
+                target: "_blank",
+                rel: "noreferrer",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedbackMark16, {}),
+                  zh2 ? "\u95EE\u9898\u53CD\u9988" : "Issues"
+                ]
+              }
+            )
+          ]
+        }
+      )
     ] })
   ] });
 }
@@ -890,7 +923,7 @@ function localizePet(pet, locale) {
 }
 // node_modules/@radix-ui/react-icons/dist/react-icons.esm.js
-var import_react3 = require("react");
+var import_react4 = require("react");
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -904,9 +937,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 var _excluded$i = ["color"];
-var ArrowTopRightIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forwardedRef) {
+var ArrowTopRightIcon = /* @__PURE__ */ (0, import_react4.forwardRef)(function(_ref, forwardedRef) {
   var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
-  return (0, import_react3.createElement)("svg", Object.assign({
+  return (0, import_react4.createElement)("svg", Object.assign({
     width: "15",
     height: "15",
     viewBox: "0 0 15 15",
@@ -914,7 +947,7 @@ var ArrowTopRightIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_
     xmlns: "http://www.w3.org/2000/svg"
   }, props, {
     ref: forwardedRef
-  }), (0, import_react3.createElement)("path", {
+  }), (0, import_react4.createElement)("path", {
     d: "M3.64645 11.3536C3.45118 11.1583 3.45118 10.8417 3.64645 10.6465L10.2929 4L6 4C5.72386 4 5.5 3.77614 5.5 3.5C5.5 3.22386 5.72386 3 6 3L11.5 3C11.6326 3 11.7598 3.05268 11.8536 3.14645C11.9473 3.24022 12 3.36739 12 3.5L12 9.00001C12 9.27615 11.7761 9.50001 11.5 9.50001C11.2239 9.50001 11 9.27615 11 9.00001V4.70711L4.35355 11.3536C4.15829 11.5488 3.84171 11.5488 3.64645 11.3536Z",
     fill: color,
     fillRule: "evenodd",
@@ -922,9 +955,9 @@ var ArrowTopRightIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_
   }));
 });
 var _excluded$W = ["color"];
-var ChevronDownIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forwardedRef) {
+var ChevronDownIcon = /* @__PURE__ */ (0, import_react4.forwardRef)(function(_ref, forwardedRef) {
   var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
-  return (0, import_react3.createElement)("svg", Object.assign({
+  return (0, import_react4.createElement)("svg", Object.assign({
     width: "15",
     height: "15",
     viewBox: "0 0 15 15",
@@ -932,7 +965,7 @@ var ChevronDownIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_re
     xmlns: "http://www.w3.org/2000/svg"
   }, props, {
     ref: forwardedRef
-  }), (0, import_react3.createElement)("path", {
+  }), (0, import_react4.createElement)("path", {
     d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
     fill: color,
     fillRule: "evenodd",
@@ -940,9 +973,9 @@ var ChevronDownIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_re
   }));
 });
 var _excluded$1r = ["color"];
-var Cross2Icon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forwardedRef) {
+var Cross2Icon = /* @__PURE__ */ (0, import_react4.forwardRef)(function(_ref, forwardedRef) {
   var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
-  return (0, import_react3.createElement)("svg", Object.assign({
+  return (0, import_react4.createElement)("svg", Object.assign({
     width: "15",
     height: "15",
     viewBox: "0 0 15 15",
@@ -950,7 +983,7 @@ var Cross2Icon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, fo
     xmlns: "http://www.w3.org/2000/svg"
   }, props, {
     ref: forwardedRef
-  }), (0, import_react3.createElement)("path", {
+  }), (0, import_react4.createElement)("path", {
     d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
     fill: color,
     fillRule: "evenodd",
@@ -958,9 +991,9 @@ var Cross2Icon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, fo
   }));
 });
 var _excluded$3a = ["color"];
-var MixerHorizontalIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forwardedRef) {
+var MixerHorizontalIcon = /* @__PURE__ */ (0, import_react4.forwardRef)(function(_ref, forwardedRef) {
   var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3a);
-  return (0, import_react3.createElement)("svg", Object.assign({
+  return (0, import_react4.createElement)("svg", Object.assign({
     width: "15",
     height: "15",
     viewBox: "0 0 15 15",
@@ -968,7 +1001,7 @@ var MixerHorizontalIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function
     xmlns: "http://www.w3.org/2000/svg"
   }, props, {
     ref: forwardedRef
-  }), (0, import_react3.createElement)("path", {
+  }), (0, import_react4.createElement)("path", {
     d: "M5.5 3C4.67157 3 4 3.67157 4 4.5C4 5.32843 4.67157 6 5.5 6C6.32843 6 7 5.32843 7 4.5C7 3.67157 6.32843 3 5.5 3ZM3 5C3.01671 5 3.03323 4.99918 3.04952 4.99758C3.28022 6.1399 4.28967 7 5.5 7C6.71033 7 7.71978 6.1399 7.95048 4.99758C7.96677 4.99918 7.98329 5 8 5H13.5C13.7761 5 14 4.77614 14 4.5C14 4.22386 13.7761 4 13.5 4H8C7.98329 4 7.96677 4.00082 7.95048 4.00242C7.71978 2.86009 6.71033 2 5.5 2C4.28967 2 3.28022 2.86009 3.04952 4.00242C3.03323 4.00082 3.01671 4 3 4H1.5C1.22386 4 1 4.22386 1 4.5C1 4.77614 1.22386 5 1.5 5H3ZM11.9505 10.9976C11.7198 12.1399 10.7103 13 9.5 13C8.28967 13 7.28022 12.1399 7.04952 10.9976C7.03323 10.9992 7.01671 11 7 11H1.5C1.22386 11 1 10.7761 1 10.5C1 10.2239 1.22386 10 1.5 10H7C7.01671 10 7.03323 10.0008 7.04952 10.0024C7.28022 8.8601 8.28967 8 9.5 8C10.7103 8 11.7198 8.8601 11.9505 10.0024C11.9668 10.0008 11.9833 10 12 10H13.5C13.7761 10 14 10.2239 14 10.5C14 10.7761 13.7761 11 13.5 11H12C11.9833 11 11.9668 10.9992 11.9505 10.9976ZM8 10.5C8 9.67157 8.67157 9 9.5 9C10.3284 9 11 9.67157 11 10.5C11 11.3284 10.3284 12 9.5 12C8.67157 12 8 11.3284 8 10.5Z",
     fill: color,
     fillRule: "evenodd",
@@ -976,9 +1009,9 @@ var MixerHorizontalIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function
   }));
 });
 var _excluded$3x = ["color"];
-var PlusIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forwardedRef) {
+var PlusIcon = /* @__PURE__ */ (0, import_react4.forwardRef)(function(_ref, forwardedRef) {
   var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3x);
-  return (0, import_react3.createElement)("svg", Object.assign({
+  return (0, import_react4.createElement)("svg", Object.assign({
     width: "15",
     height: "15",
     viewBox: "0 0 15 15",
@@ -986,7 +1019,7 @@ var PlusIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forw
     xmlns: "http://www.w3.org/2000/svg"
   }, props, {
     ref: forwardedRef
-  }), (0, import_react3.createElement)("path", {
+  }), (0, import_react4.createElement)("path", {
     d: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",
     fill: color,
     fillRule: "evenodd",
@@ -994,9 +1027,9 @@ var PlusIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forw
   }));
 });
 var _excluded$3A = ["color"];
-var QuestionMarkCircledIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forwardedRef) {
+var QuestionMarkCircledIcon = /* @__PURE__ */ (0, import_react4.forwardRef)(function(_ref, forwardedRef) {
   var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3A);
-  return (0, import_react3.createElement)("svg", Object.assign({
+  return (0, import_react4.createElement)("svg", Object.assign({
     width: "15",
     height: "15",
     viewBox: "0 0 15 15",
@@ -1004,7 +1037,7 @@ var QuestionMarkCircledIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(func
     xmlns: "http://www.w3.org/2000/svg"
   }, props, {
     ref: forwardedRef
-  }), (0, import_react3.createElement)("path", {
+  }), (0, import_react4.createElement)("path", {
     d: "M0.877075 7.49972C0.877075 3.84204 3.84222 0.876892 7.49991 0.876892C11.1576 0.876892 14.1227 3.84204 14.1227 7.49972C14.1227 11.1574 11.1576 14.1226 7.49991 14.1226C3.84222 14.1226 0.877075 11.1574 0.877075 7.49972ZM7.49991 1.82689C4.36689 1.82689 1.82708 4.36671 1.82708 7.49972C1.82708 10.6327 4.36689 13.1726 7.49991 13.1726C10.6329 13.1726 13.1727 10.6327 13.1727 7.49972C13.1727 4.36671 10.6329 1.82689 7.49991 1.82689ZM8.24993 10.5C8.24993 10.9142 7.91414 11.25 7.49993 11.25C7.08571 11.25 6.74993 10.9142 6.74993 10.5C6.74993 10.0858 7.08571 9.75 7.49993 9.75C7.91414 9.75 8.24993 10.0858 8.24993 10.5ZM6.05003 6.25C6.05003 5.57211 6.63511 4.925 7.50003 4.925C8.36496 4.925 8.95003 5.57211 8.95003 6.25C8.95003 6.74118 8.68002 6.99212 8.21447 7.27494C8.16251 7.30651 8.10258 7.34131 8.03847 7.37854L8.03841 7.37858C7.85521 7.48497 7.63788 7.61119 7.47449 7.73849C7.23214 7.92732 6.95003 8.23198 6.95003 8.7C6.95004 9.00376 7.19628 9.25 7.50004 9.25C7.8024 9.25 8.04778 9.00601 8.05002 8.70417L8.05056 8.7033C8.05924 8.6896 8.08493 8.65735 8.15058 8.6062C8.25207 8.52712 8.36508 8.46163 8.51567 8.37436L8.51571 8.37433C8.59422 8.32883 8.68296 8.27741 8.78559 8.21506C9.32004 7.89038 10.05 7.35382 10.05 6.25C10.05 4.92789 8.93511 3.825 7.50003 3.825C6.06496 3.825 4.95003 4.92789 4.95003 6.25C4.95003 6.55376 5.19628 6.8 5.50003 6.8C5.80379 6.8 6.05003 6.55376 6.05003 6.25Z",
     fill: color,
     fillRule: "evenodd",
@@ -1012,9 +1045,9 @@ var QuestionMarkCircledIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(func
   }));
 });
 var _excluded$3E = ["color"];
-var ReloadIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forwardedRef) {
+var ReloadIcon = /* @__PURE__ */ (0, import_react4.forwardRef)(function(_ref, forwardedRef) {
   var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3E);
-  return (0, import_react3.createElement)("svg", Object.assign({
+  return (0, import_react4.createElement)("svg", Object.assign({
     width: "15",
     height: "15",
     viewBox: "0 0 15 15",
@@ -1022,7 +1055,7 @@ var ReloadIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, fo
     xmlns: "http://www.w3.org/2000/svg"
   }, props, {
     ref: forwardedRef
-  }), (0, import_react3.createElement)("path", {
+  }), (0, import_react4.createElement)("path", {
     d: "M1.84998 7.49998C1.84998 4.66458 4.05979 1.84998 7.49998 1.84998C10.2783 1.84998 11.6515 3.9064 12.2367 5H10.5C10.2239 5 10 5.22386 10 5.5C10 5.77614 10.2239 6 10.5 6H13.5C13.7761 6 14 5.77614 14 5.5V2.5C14 2.22386 13.7761 2 13.5 2C13.2239 2 13 2.22386 13 2.5V4.31318C12.2955 3.07126 10.6659 0.849976 7.49998 0.849976C3.43716 0.849976 0.849976 4.18537 0.849976 7.49998C0.849976 10.8146 3.43716 14.15 7.49998 14.15C9.44382 14.15 11.0622 13.3808 12.2145 12.2084C12.8315 11.5806 13.3133 10.839 13.6418 10.0407C13.7469 9.78536 13.6251 9.49315 13.3698 9.38806C13.1144 9.28296 12.8222 9.40478 12.7171 9.66014C12.4363 10.3425 12.0251 10.9745 11.5013 11.5074C10.5295 12.4963 9.16504 13.15 7.49998 13.15C4.05979 13.15 1.84998 10.3354 1.84998 7.49998Z",
     fill: color,
     fillRule: "evenodd",
@@ -1030,9 +1063,9 @@ var ReloadIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, fo
   }));
 });
 var _excluded$3F = ["color"];
-var ResetIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forwardedRef) {
+var ResetIcon = /* @__PURE__ */ (0, import_react4.forwardRef)(function(_ref, forwardedRef) {
   var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3F);
-  return (0, import_react3.createElement)("svg", Object.assign({
+  return (0, import_react4.createElement)("svg", Object.assign({
     width: "15",
     height: "15",
     viewBox: "0 0 15 15",
@@ -1040,7 +1073,7 @@ var ResetIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, for
     xmlns: "http://www.w3.org/2000/svg"
   }, props, {
     ref: forwardedRef
-  }), (0, import_react3.createElement)("path", {
+  }), (0, import_react4.createElement)("path", {
     d: "M4.85355 2.14645C5.04882 2.34171 5.04882 2.65829 4.85355 2.85355L3.70711 4H9C11.4853 4 13.5 6.01472 13.5 8.5C13.5 10.9853 11.4853 13 9 13H5C4.72386 13 4.5 12.7761 4.5 12.5C4.5 12.2239 4.72386 12 5 12H9C10.933 12 12.5 10.433 12.5 8.5C12.5 6.567 10.933 5 9 5H3.70711L4.85355 6.14645C5.04882 6.34171 5.04882 6.65829 4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355L2.14645 4.85355C1.95118 4.65829 1.95118 4.34171 2.14645 4.14645L4.14645 2.14645C4.34171 1.95118 4.65829 1.95118 4.85355 2.14645Z",
     fill: color,
     fillRule: "evenodd",
@@ -1048,9 +1081,9 @@ var ResetIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, for
   }));
 });
 var _excluded$4d = ["color"];
-var StopIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forwardedRef) {
+var StopIcon = /* @__PURE__ */ (0, import_react4.forwardRef)(function(_ref, forwardedRef) {
   var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$4d);
-  return (0, import_react3.createElement)("svg", Object.assign({
+  return (0, import_react4.createElement)("svg", Object.assign({
     width: "15",
     height: "15",
     viewBox: "0 0 15 15",
@@ -1058,7 +1091,7 @@ var StopIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forw
     xmlns: "http://www.w3.org/2000/svg"
   }, props, {
     ref: forwardedRef
-  }), (0, import_react3.createElement)("path", {
+  }), (0, import_react4.createElement)("path", {
     d: "M2 3C2 2.44772 2.44772 2 3 2H12C12.5523 2 13 2.44772 13 3V12C13 12.5523 12.5523 13 12 13H3C2.44772 13 2 12.5523 2 12V3ZM12 3H3V12H12V3Z",
     fill: color,
     fillRule: "evenodd",
@@ -1067,12 +1100,12 @@ var StopIcon = /* @__PURE__ */ (0, import_react3.forwardRef)(function(_ref, forw
 });
 // src/notification-tray.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function RequestForm({ item, command, language }) {
   const t = translator(language ?? "zh");
-  const [answers, setAnswers] = (0, import_react4.useState)({ answers: (item.request?.questions ?? []).map((q) => ({ id: q.id, selected: [] })) });
-  const [busy, setBusy] = (0, import_react4.useState)(false), [error, setError] = (0, import_react4.useState)("");
+  const [answers, setAnswers] = (0, import_react5.useState)({ answers: (item.request?.questions ?? []).map((q) => ({ id: q.id, selected: [] })) });
+  const [busy, setBusy] = (0, import_react5.useState)(false), [error, setError] = (0, import_react5.useState)("");
   const request2 = item.request;
   const run = async (value) => {
     setBusy(true);
@@ -1113,9 +1146,9 @@ function RequestForm({ item, command, language }) {
 }
 function NotificationTray({ state, command, language }) {
   const t = translator(language ?? "zh");
-  const [expanded, setExpanded] = (0, import_react4.useState)(false), [detail, setDetail] = (0, import_react4.useState)(null);
-  const [error, setError] = (0, import_react4.useState)("");
-  const [latest, setLatest] = (0, import_react4.useState)(false);
+  const [expanded, setExpanded] = (0, import_react5.useState)(false), [detail, setDetail] = (0, import_react5.useState)(null);
+  const [error, setError] = (0, import_react5.useState)("");
+  const [latest, setLatest] = (0, import_react5.useState)(false);
   const run = async (value) => {
     setError("");
     try {
@@ -1175,8 +1208,8 @@ var polishedTrayStyles = `
 `;
 // src/ui.tsx
-var import_react5 = require("react");
-var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react6 = require("react");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
 // src/styles.ts
 var styles = `
@@ -1185,12 +1218,47 @@ var styles = `
 .dcp-page{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;width:100%;min-width:0;padding:2px 0 36px;font-size:14px;line-height:1.5;container-type:inline-size}.dcp-page h1{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.4px;margin:0}.dcp-page h2{font-size:14px;line-height:22px;font-weight:600;margin:0}.dcp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dcp-sub{color:var(--dsw-alias-label-tertiary,var(--pet-muted));margin:4px 0 0;font-size:14px;line-height:22px}.dcp-actions{display:flex;align-items:center;gap:8px}.dcp-icon-button{width:22px;min-width:22px;height:22px;padding:0;border-radius:var(--dsw-radius-sm,8px);background:transparent;color:var(--dsw-alias-label-secondary,#b9b9b9);border-color:var(--dsw-alias-border-l2)}.dcp-icon-button:hover:not(:disabled){color:var(--dsw-alias-link,#4176e6);border-color:var(--dsw-alias-link,#4176e6)}.dcp svg{width:16px;height:16px;flex-shrink:0}
 .dcp-card{border:0.5px solid var(--pet-line);border-radius:var(--dsw-radius-lg,16px);background:var(--dsw-alias-bg-layer-1,var(--pet-card));overflow:hidden;padding:0 14px}.dcp-row{display:flex;align-items:center;gap:12px;min-height:76px;border-bottom:0.5px solid var(--dsw-alias-border-l1,var(--pet-line))}.dcp-preview{width:52px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.dcp-info{flex:1;min-width:0}.dcp-name{font-size:14px;font-weight:650;margin-bottom:3px}.dcp-description{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary,var(--pet-muted));overflow-wrap:anywhere}.dcp-folder{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0}.dcp-path{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary,var(--pet-muted));overflow-wrap:anywhere}.dcp-folder-button{white-space:nowrap}.dcp-appearance{display:flex;flex-direction:column;gap:14px}.dcp-size{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.dcp-size label{font-weight:600}.dcp-size input{width:160px;height:2px;accent-color:var(--dsw-alias-brand-primary,#fff);cursor:pointer}.dcp-size small{display:block;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary,var(--pet-muted));font-weight:400;margin-top:2px}.dcp-note{margin:0;color:var(--dsw-alias-label-tertiary,var(--pet-muted));font-size:11px;line-height:17px}.dcp-error{padding:12px 14px;border:0.5px solid color-mix(in srgb,var(--dsw-alias-state-error-primary,#ed7272) 40%,transparent);border-radius:var(--dsw-radius-sm,8px);color:var(--dsw-alias-state-error-primary,#edb7a3);margin:0;font-size:12px;line-height:18px}.dcp-empty{padding:25px 14px;text-align:center;color:var(--dsw-alias-label-tertiary,var(--pet-muted));font-size:12px;line-height:18px}
 .dcp-floating{position:fixed;z-index:2147483000;pointer-events:none}.dcp-pet-button{display:block!important;padding:0!important;background:transparent!important;touch-action:none;cursor:grab!important;pointer-events:auto;user-select:none;-webkit-user-select:none}.dcp-pet-button:active{cursor:grabbing!important}.dcp-sprite{background-repeat:no-repeat;pointer-events:none;flex-shrink:0}.dcp-bubble{position:absolute;bottom:calc(100% + 16px);right:0;min-width:160px;max-width:240px;width:max-content;padding:10px 16px!important;border:1px solid var(--pet-line)!important;border-radius:28px!important;background:var(--pet-card)!important;text-align:left;box-shadow:0 2px 12px #0002;pointer-events:auto}.dcp-bubble strong{display:block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.dcp-bubble span{display:block;font-size:12px;color:var(--pet-muted)}.dcp-menu{position:absolute;right:0;bottom:100%;width:160px;padding:6px;border:1px solid var(--pet-line);background:var(--pet-card);border-radius:10px;pointer-events:auto;box-shadow:0 8px 32px #0004}.dcp-menu button{display:block;width:100%;text-align:left;padding:8px;border-radius:5px}.dcp-menu hr{border:0;border-top:1px solid var(--pet-line);margin:5px}
-.dcp-dialog{color:var(--pet-text);background:var(--dsw-alias-bg-layer-2,var(--pet-card));border:0;border-radius:var(--dsw-radius-panel,16px);width:min(480px,calc(100vw - 32px));padding:24px;box-shadow:var(--dsw-elevation-prominent,0 16px 48px #0004)}.dcp-dialog[open]{display:flex;flex-direction:column;gap:12px}.dcp-dialog-close{align-self:flex-start}.dcp-dialog::backdrop{background:var(--dsw-alias-bg-mask-1,#0008);backdrop-filter:var(--dsw-mask-blur,none)}.dcp-create-dialog h2{font-size:16px;line-height:24px;font-weight:500;margin:0 0 12px}.dcp textarea.dcp-textarea{display:block;resize:vertical;width:100%;min-height:120px;color:var(--pet-text);background:var(--dsw-alias-bg-layer-1,var(--pet-bg));border:0.5px solid var(--dsw-alias-border-l4,var(--pet-line));border-radius:var(--dsw-radius-md,12px);padding:8px 12px;margin:16px 0;font-size:14px;line-height:22px}.dcp textarea.dcp-textarea:focus{outline:none;border-color:var(--dsw-alias-state-business-primary,var(--pet-line))}.dcp-dialog footer{display:flex;justify-content:flex-end;gap:8px}.dcp-creation{border-top:0.5px solid var(--pet-line);padding-top:12px}
+.dcp-dialog{color:var(--pet-text);background:var(--dsw-alias-bg-layer-2,var(--pet-card));border:0;border-radius:var(--dsw-radius-panel,16px);width:min(480px,calc(100vw - 32px));padding:24px;box-shadow:var(--dsw-elevation-prominent,0 16px 48px #0004)}.dcp-dialog[open]{display:flex;flex-direction:column;gap:12px}.dcp-dialog-close{align-self:flex-start}.dcp-dialog::backdrop{background:var(--dsw-alias-bg-mask-1,#0008);backdrop-filter:var(--dsw-mask-blur,none)}.dcp-settings-modal{width:min(800px,100%)!important;max-height:calc(100vh - 48px);padding:0!important;gap:0!important;overflow:hidden}.dcp-settings-modal-body{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 48px);overflow:auto;padding:24px}.dcp-create-dialog h2{font-size:16px;line-height:24px;font-weight:500;margin:0 0 12px}.dcp textarea.dcp-textarea{display:block;resize:vertical;width:100%;min-height:120px;color:var(--pet-text);background:var(--dsw-alias-bg-layer-1,var(--pet-bg));border:0.5px solid var(--dsw-alias-border-l4,var(--pet-line));border-radius:var(--dsw-radius-md,12px);padding:8px 12px;margin:16px 0;font-size:14px;line-height:22px}.dcp textarea.dcp-textarea:focus{outline:none;border-color:var(--dsw-alias-state-business-primary,var(--pet-line))}.dcp-dialog footer{display:flex;justify-content:flex-end;gap:8px}.dcp-creation{border-top:0.5px solid var(--pet-line);padding-top:12px}
 .dcp-size input{-webkit-appearance:none;appearance:none;background:var(--pet-line);height:2px}.dcp-size input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--dsw-alias-brand-primary,var(--pet-text))}
 @container(max-width:520px){.dcp-page h1{font-size:22px}.dcp-head{flex-wrap:wrap;gap:10px}.dcp-row{min-height:68px;gap:8px}.dcp-preview{width:44px}.dcp-description{font-size:11px}.dcp-card{padding:0 12px}.dcp-folder{align-items:flex-start}.dcp-size{padding:12px}.dcp-size input{width:130px}}
 @media(prefers-reduced-motion:reduce){.dcp *{animation:none!important;transition:none!important}}
 `;
+// src/sprite-clock.ts
+function runSpriteClock(options) {
+  const { durations, timer, hidden, onVisible, onFrame } = options;
+  const count = durations.length;
+  let frame = 0;
+  let handle = null;
+  let live = true;
+  const stop = () => {
+    if (handle === null) return;
+    timer.clearTimeout(handle);
+    handle = null;
+  };
+  const advance = () => {
+    handle = timer.setTimeout(() => {
+      handle = null;
+      if (!live || hidden()) return;
+      frame = (frame + 1) % count;
+      onFrame(frame);
+      advance();
+    }, durations[frame] ?? 0);
+  };
+  const resume = () => {
+    if (!live || !options.animate || hidden()) return;
+    stop();
+    advance();
+  };
+  const off = onVisible(resume);
+  if (options.animate && count > 0 && !hidden()) advance();
+  return () => {
+    live = false;
+    off();
+    stop();
+  };
+}
 // src/ui.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 async function request(path, data) {
@@ -1206,16 +1274,16 @@ async function request(path, data) {
 }
 var libraryStore = createLibraryStore(request);
 function usePetController(locale) {
-  const language = (0, import_react5.useSyncExternalStore)(
+  const language = (0, import_react6.useSyncExternalStore)(
     (listener) => locale ? locale.subscribe(listener) : () => {
     },
     () => locale?.getSnapshot().active ?? "zh"
   );
-  const { library, error } = (0, import_react5.useSyncExternalStore)(
+  const { library, error } = (0, import_react6.useSyncExternalStore)(
     libraryStore.subscribe,
     libraryStore.getSnapshot
   );
-  const localizedLibrary = (0, import_react5.useMemo)(
+  const localizedLibrary = (0, import_react6.useMemo)(
     () => library ? {
       ...library,
       pets: library.pets.map((pet) => localizePet(pet, language))
@@ -1238,12 +1306,12 @@ function Sprite({
   animate = false,
   look = null
 }) {
-  const element = (0, import_react5.useRef)(null);
-  (0, import_react5.useEffect)(() => {
+  const element = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
     const node = element.current;
     if (!node) return;
     const animation = ANIMATIONS[pose];
-    let frame = 0, last = null, id = 0;
+    let frame = 0;
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     const paint = () => {
       const row = pet.version === 2 && look ? look.row : animation.row;
@@ -1251,17 +1319,24 @@ function Sprite({
       node.style.backgroundPosition = `${-col * size}px ${-row * size * 208 / 192}px`;
     };
     paint();
-    const tick = (time) => {
-      if (last === null || document.hidden) last = time;
-      if (!document.hidden && time - last >= animation.durations[frame]) {
-        last = time;
-        frame = (frame + 1) % animation.durations.length;
+    const stopClock = runSpriteClock({
+      durations: animation.durations,
+      animate: animate && !look && !reduced.matches,
+      timer: {
+        setTimeout: (callback, delay) => window.setTimeout(callback, delay),
+        clearTimeout: (id) => window.clearTimeout(id)
+      },
+      hidden: () => document.hidden,
+      onVisible: (resume) => {
+        document.addEventListener("visibilitychange", resume);
+        return () => document.removeEventListener("visibilitychange", resume);
+      },
+      onFrame: (next) => {
+        frame = next;
         paint();
       }
-      id = requestAnimationFrame(tick);
-    };
-    if (animate && !look && !reduced.matches) id = requestAnimationFrame(tick);
-    return () => cancelAnimationFrame(id);
+    });
+    return stopClock;
   }, [pet.id, pet.version, size, pose, animate, look]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
@@ -1280,19 +1355,24 @@ function Sprite({
 function Settings({
   controller,
   create,
-  locale
+  locale,
+  draft
 }) {
   const t = translator(controller.language);
   const { library, error } = controller;
-  const [busy, setBusy] = (0, import_react5.useState)(false), [showCreate, setShowCreate] = (0, import_react5.useState)(false), [description, setDescription] = (0, import_react5.useState)("");
-  const [size, setSize] = (0, import_react5.useState)(library?.config.size ?? 120);
-  const dialog = (0, import_react5.useRef)(null);
-  const createTitleId = (0, import_react5.useId)();
-  const [creationError, setCreationError] = (0, import_react5.useState)("");
-  (0, import_react5.useEffect)(() => {
+  const [busy, setBusy] = (0, import_react6.useState)(false), [showCreate, setShowCreate] = (0, import_react6.useState)(false), [description, setDescription] = (0, import_react6.useState)(draft?.current ?? "");
+  const changeDescription = (value) => {
+    if (draft) draft.current = value;
+    setDescription(value);
+  };
+  const [size, setSize] = (0, import_react6.useState)(library?.config.size ?? 120);
+  const dialog = (0, import_react6.useRef)(null);
+  const createTitleId = (0, import_react6.useId)();
+  const [creationError, setCreationError] = (0, import_react6.useState)("");
+  (0, import_react6.useEffect)(() => {
     if (library) setSize(library.config.size);
   }, [library?.config.size]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (showCreate) dialog.current?.showModal();
     else dialog.current?.close();
   }, [showCreate]);
@@ -1315,7 +1395,7 @@ function Settings({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dcp-actions", children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_dsh_client_ui_primitives.Button,
+          import_dsh_client_ui_primitives2.Button,
           {
             type: "button",
             variant: "outline",
@@ -1329,7 +1409,7 @@ function Settings({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_dsh_client_ui_primitives.Button,
+          import_dsh_client_ui_primitives2.Button,
           {
             type: "button",
             variant: "outline",
@@ -1343,7 +1423,7 @@ function Settings({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_dsh_client_ui_primitives.Button,
+          import_dsh_client_ui_primitives2.Button,
           {
             type: "button",
             variant: "outline",
@@ -1367,7 +1447,7 @@ function Settings({
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dcp-description", children: pet.description })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_dsh_client_ui_primitives.Button,
+          import_dsh_client_ui_primitives2.Button,
           {
             type: "button",
             variant: library.config.selected === pet.id ? "ghost" : "outline",
@@ -1387,7 +1467,7 @@ function Settings({
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dcp-path", children: library?.customPath ?? t("\u6B63\u5728\u8BFB\u53D6\u76EE\u5F55\u2026") })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_dsh_client_ui_primitives.Button,
+          import_dsh_client_ui_primitives2.Button,
           {
             type: "button",
             variant: "outline",
@@ -1451,7 +1531,7 @@ function Settings({
               setCreationError("");
               void create(description).then(() => {
                 setShowCreate(false);
-                setDescription("");
+                changeDescription("");
               }).catch(
                 (error2) => setCreationError(
                   error2 instanceof Error ? error2.message : t("\u521B\u5EFA\u5931\u8D25")
@@ -1471,7 +1551,7 @@ function Settings({
                   ),
                   maxLength: 2e3,
                   value: description,
-                  onChange: (event) => setDescription(event.target.value),
+                  onChange: (event) => changeDescription(event.target.value),
                   required: true
                 }
               ),
@@ -1484,7 +1564,7 @@ function Settings({
               creationError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { role: "alert", className: "dcp-error", children: t(creationError) }),
               /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("footer", { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_dsh_client_ui_primitives.Button,
+                  import_dsh_client_ui_primitives2.Button,
                   {
                     type: "button",
                     variant: "ghost",
@@ -1494,7 +1574,7 @@ function Settings({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_dsh_client_ui_primitives.Button,
+                  import_dsh_client_ui_primitives2.Button,
                   {
                     type: "submit",
                     variant: "primary",
@@ -1521,25 +1601,37 @@ function FloatingPet({
   tray
 }) {
   const t = translator(pet.displayLocale ?? "zh");
-  const root = (0, import_react5.useRef)(null);
-  const drag = (0, import_react5.useRef)(null);
-  const [position, setPosition] = (0, import_react5.useState)({ left: 0, top: 0 }), [action, setAction] = (0, import_react5.useState)(null), [look, setLook] = (0, import_react5.useState)(null), [menu, setMenu] = (0, import_react5.useState)(false);
-  const timer = (0, import_react5.useRef)(null);
-  const [menuError, setMenuError] = (0, import_react5.useState)("");
+  const root = (0, import_react6.useRef)(null);
+  const drag = (0, import_react6.useRef)(null);
+  const [position, setPosition] = (0, import_react6.useState)({ left: 0, top: 0 }), [action, setAction] = (0, import_react6.useState)(null), [look, setLook] = (0, import_react6.useState)(null), [menu, setMenu] = (0, import_react6.useState)(false);
+  const timer = (0, import_react6.useRef)(null);
+  const [menuError, setMenuError] = (0, import_react6.useState)("");
   const petHeight = config.size * 208 / 192;
-  const place = (0, import_react5.useCallback)(() => {
+  const place = (0, import_react6.useCallback)(() => {
     const width = Math.max(0, innerWidth - config.size - 16), height = Math.max(0, innerHeight - petHeight - 32);
     setPosition({
       left: config.position ? config.position.x * width : width,
       top: config.position ? config.position.y * height : height
     });
   }, [config.size, config.position, petHeight]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     place();
     window.addEventListener("resize", place);
     return () => window.removeEventListener("resize", place);
   }, [place]);
-  const perform = (0, import_react5.useCallback)((pose) => {
+  const center = (0, import_react6.useRef)(null);
+  const measuredAt = (0, import_react6.useRef)(0);
+  const measure = (0, import_react6.useCallback)(() => {
+    const box = root.current?.getBoundingClientRect();
+    center.current = box ? { x: box.left + box.width / 2, y: box.top + box.height / 2 } : null;
+    measuredAt.current = Date.now();
+  }, []);
+  (0, import_react6.useEffect)(() => {
+    measure();
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [measure, position.left, position.top, config.size, petHeight]);
+  const perform = (0, import_react6.useCallback)((pose) => {
     if (timer.current) clearTimeout(timer.current);
     setLook(null);
     setAction(pose);
@@ -1549,38 +1641,40 @@ function FloatingPet({
       anim.durations.reduce((sum, value) => sum + value, 0)
     );
   }, []);
-  (0, import_react5.useEffect)(
+  (0, import_react6.useEffect)(
     () => () => {
       if (timer.current) clearTimeout(timer.current);
     },
     []
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const interval = setInterval(() => {
       if (activity.pose === "idle" && !action && !drag.current && !document.hidden && !window.matchMedia("(prefers-reduced-motion: reduce)").matches)
         perform(Math.random() < 0.7 ? "waving" : "jumping");
     }, 18e3);
     return () => clearInterval(interval);
   }, [activity.pose, action, perform]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const track = (event) => {
       if (activity.pose !== "idle" || action || drag.current || pet.version !== 2) {
         setLook(null);
         return;
       }
-      const box = root.current?.getBoundingClientRect();
-      if (box)
-        setLook(
-          lookCell(
-            event.clientX - box.left - config.size / 2,
-            event.clientY - box.top - petHeight / 2
-          )
-        );
+      if (Date.now() - measuredAt.current > 500) measure();
+      const origin = center.current;
+      if (!origin) return;
+      const cell = lookCell(
+        event.clientX - origin.x,
+        event.clientY - origin.y
+      );
+      setLook(
+        (current) => current === cell || current !== null && cell !== null && current.row === cell.row && current.col === cell.col ? current : cell
+      );
     };
     window.addEventListener("mousemove", track);
     return () => window.removeEventListener("mousemove", track);
-  }, [activity.pose, action, pet.version, config.size, petHeight]);
-  (0, import_react5.useEffect)(() => {
+  }, [activity.pose, action, pet.version, measure]);
+  (0, import_react6.useEffect)(() => {
     if (!menu) return;
     const close = (event) => {
       if (!root.current?.contains(event.target)) setMenu(false);
@@ -1839,7 +1933,7 @@ function Companion({
   const selected = library?.pets.find(
     (item) => item.id === library.config.selected
   );
-  const pet = (0, import_react5.useMemo)(
+  const pet = (0, import_react6.useMemo)(
     () => selected ? { ...selected, displayLocale: controller.language } : void 0,
     [selected, controller.language]
   );
@@ -1880,31 +1974,38 @@ function validateAnswers(questions, value) {
   }
   return value;
 }
-function createNotifications(sessions, pending, notify, now = Date.now) {
+function createNotifications(sessions, pending, notify, now = Date.now, carried = /* @__PURE__ */ new Map()) {
   const records = /* @__PURE__ */ new Map();
   const bindings = /* @__PURE__ */ new Map();
-  const dismissed = /* @__PURE__ */ new Map();
+  const dismissed = carried;
   const busy = /* @__PURE__ */ new Set();
   const answered = /* @__PURE__ */ new Set();
   let state = { items: [], activity: IDLE, hidden: 0 }, latestFirst = false;
   let publishing = false;
   let lastPublished = "";
+  const HOT_GRACE_MS = 3e4;
+  const hotUntil = /* @__PURE__ */ new Map();
+  const releaseBinding = (id) => sessions.releaseBinding?.(id);
   const publish = () => {
     if (publishing) return;
     publishing = true;
     try {
+      sessions.sweepBindings?.();
       const list = sessions.list.getSnapshot(), requests = pending.getSnapshot(), statuses = sessions.status?.getSnapshot();
       const current = selectedSessionId(list);
+      const stamp = now();
       const ids = new Set(list.ids.filter((id) => list.byId[id] && list.byId[id].origin !== "subagent"));
       for (const id of records.keys()) if (!ids.has(id)) {
         records.delete(id);
         dismissed.delete(id);
+        hotUntil.delete(id);
       }
       for (const [id, bound] of bindings) if (!ids.has(id)) {
         bound.off();
         bindings.delete(id);
         records.delete(id);
         dismissed.delete(id);
+        hotUntil.delete(id);
       }
       const items = [];
       let hidden = 0;
@@ -1912,10 +2013,24 @@ function createNotifications(sessions, pending, notify, now = Date.now) {
         const row = list.byId[id];
         if (!row) continue;
         const status = statuses?.get(id);
-        const binding = sessions.binding(id);
+        const request2 = requests.get(id);
+        const active = !!status?.running || !!row.running || !!request2 || !!status?.pendingInteraction || !!status?.completionUnread || id === current;
+        if (active) hotUntil.set(id, stamp + HOT_GRACE_MS);
+        const hot = active || (hotUntil.get(id) ?? 0) > stamp;
+        if (!hot) {
+          hotUntil.delete(id);
+          const previous2 = bindings.get(id);
+          if (previous2) {
+            previous2.off();
+            bindings.delete(id);
+          }
+          releaseBinding(id);
+          if (!records.has(id)) continue;
+        }
+        const binding = hot ? sessions.binding(id) : void 0;
         let record = records.get(id);
         if (!record) {
-          record = { round: 0, running: row.running, completion: !!status?.completionUnread, error: null, revision: binding?.eventSource?.getSnapshot().revision ?? -1, updatedAt: row.updatedAt ?? now(), lastPose: "" };
+          record = { fresh: true, round: 0, running: row.running, completion: !!status?.completionUnread, error: null, revision: binding?.eventSource?.getSnapshot().revision ?? -1, updatedAt: row.updatedAt ?? now(), lastPose: "" };
           records.set(id, record);
         }
         const previous = bindings.get(id);
@@ -1931,6 +2046,7 @@ function createNotifications(sessions, pending, notify, now = Date.now) {
         const snapshot = binding?.session.getSnapshot();
         const running = status?.running ?? (id === current ? snapshot?.running ?? row.running : row.running);
         if (running && !record.running) {
+          record.fresh = false;
           record.round++;
           record.awaitingStart = true;
           record.finished = void 0;
@@ -1945,6 +2061,7 @@ function createNotifications(sessions, pending, notify, now = Date.now) {
           if (events.change.kind === "append") for (const entry of events.change.entries) {
             if (entry.type !== "event") continue;
             if (entry.event.type === "turn/start") {
+              record.fresh = false;
               if (!record.awaitingStart) record.round++;
               record.awaitingStart = false;
               record.finished = void 0;
@@ -1961,22 +2078,24 @@ function createNotifications(sessions, pending, notify, now = Date.now) {
         }
         const stopped = !running && record.running;
         record.running = running;
-        const agentError = snapshot?.lastAgentError ?? snapshot?.promptError?.error?.message ?? null;
-        if (agentError && agentError !== record.snapshotError) record.error = agentError;
-        record.snapshotError = agentError;
+        if (snapshot !== void 0) {
+          const agentError = snapshot.lastAgentError ?? snapshot.promptError?.error?.message ?? null;
+          if (agentError && agentError !== record.snapshotError) record.error = agentError;
+          record.snapshotError = agentError;
+        }
         if (stopped && !record.suppressStopCompletion && !record.finished && !record.error) {
           record.completion = true;
           record.updatedAt = now();
         }
         if (status?.completionUnread && !running && (!record.finished || record.finished === "completed")) record.completion = true;
-        const request2 = requests.get(id);
         const activity = selectActivity([{ id, title: row.title ?? row.displayTitle, running, waiting: !!request2, error: running ? null : record.error, completed: !running && record.completion }]);
         if (activity.pose === "idle") continue;
         if (record.lastPose && record.lastPose !== activity.pose || record.requestKey !== request2?.key) record.updatedAt = now();
         record.lastPose = activity.pose;
         record.requestKey = request2?.key;
         const token = `${record.round}:${request2?.key ?? ""}`;
-        if (dismissed.get(id) === token) {
+        const muted = dismissed.get(id);
+        if (muted !== void 0 && muted.pose === activity.pose && muted.mark === (row.updatedAt ?? 0) && (muted.token === token || record.fresh === true)) {
           hidden++;
           continue;
         }
@@ -2013,14 +2132,14 @@ function createNotifications(sessions, pending, notify, now = Date.now) {
       const item = state.items.find((item2) => item2.id === command.id && item2.token === command.token);
       if (!item) throw new Error("\u8FD9\u6761\u901A\u77E5\u5DF2\u66F4\u65B0\uFF0C\u8BF7\u4F7F\u7528\u6700\u65B0\u901A\u77E5");
       if (command.type === "dismiss") {
-        dismissed.set(item.id, item.token);
+        dismissed.set(item.id, { mark: sessions.list.getSnapshot().byId[item.id]?.updatedAt ?? 0, token: item.token, pose: item.pose });
         publish();
         return;
       }
       if (command.type === "open") {
         if (!sessions.open) throw new Error("\u5BBF\u4E3B\u672A\u63D0\u4F9B\u6253\u5F00\u4F1A\u8BDD\u80FD\u529B");
         sessions.open(item.id);
-        if (item.pose === "review") dismissed.set(item.id, item.token);
+        if (item.pose === "review") dismissed.set(item.id, { mark: sessions.list.getSnapshot().byId[item.id]?.updatedAt ?? 0, token: item.token, pose: item.pose });
         publish();
         return;
       }
@@ -2084,7 +2203,7 @@ async function createPetSession(sessions, description, directory, skill) {
     if (!result.ok) throw new Error(result.error?.message ?? "DSH \u672A\u63A5\u53D7\u5BA0\u7269\u521B\u5EFA\u8BF7\u6C42");
   };
   tryOpen(sessions, id);
-  const binding = sessions.binding(id);
+  const binding = sessions.binding(id, "creation");
   if (binding?.session.prompt) {
     await send(binding.session);
     tryOpen(sessions, id);
@@ -2165,20 +2284,52 @@ function observePetSettingsIcon() {
   ensureNavIconStyle();
   let disposed = false;
   let frame;
+  let timer;
+  let lastRun = Number.NEGATIVE_INFINITY;
+  const markedRows = /* @__PURE__ */ new Set();
   const hasSettingsSurface = () => document.querySelector(
     '.dcu-settings-page, .dcu-settings-link, [data-shortcut-modal="settings"]'
   ) !== null;
+  let surfaceOpen = false;
   const sync = () => {
     frame = void 0;
     if (disposed) return;
-    if (!hasSettingsSurface() && document.querySelector(`[${PET_NAV_ICON_MARKER}]`) === null)
-      return;
+    lastRun = performance.now();
+    surfaceOpen = hasSettingsSurface();
+    if (!surfaceOpen && markedRows.size === 0) return;
     for (const row of document.querySelectorAll(PET_NAV_ROW_SELECTOR)) {
       applyPetSettingsIcon(row);
+      if (row.hasAttribute(PET_NAV_ICON_MARKER)) markedRows.add(row);
+      else markedRows.delete(row);
     }
+    for (const row of markedRows) if (!row.isConnected) markedRows.delete(row);
   };
+  const MIN_INTERVAL = 150;
   const schedule = () => {
-    if (frame !== void 0 || disposed) return;
+    if (disposed) return;
+    const open = hasSettingsSurface();
+    if (open && !surfaceOpen) {
+      if (timer !== void 0) {
+        window.clearTimeout(timer);
+        timer = void 0;
+      }
+      if (frame !== void 0) {
+        window.cancelAnimationFrame(frame);
+        frame = void 0;
+      }
+      sync();
+      return;
+    }
+    if (!open) surfaceOpen = false;
+    if (frame !== void 0 || timer !== void 0) return;
+    const wait = MIN_INTERVAL - (performance.now() - lastRun);
+    if (wait > 0) {
+      timer = window.setTimeout(() => {
+        timer = void 0;
+        schedule();
+      }, wait);
+      return;
+    }
     frame = window.requestAnimationFrame(sync);
   };
   sync();
@@ -2192,6 +2343,7 @@ function observePetSettingsIcon() {
     disposed = true;
     observer.disconnect();
     if (frame !== void 0) window.cancelAnimationFrame(frame);
+    if (timer !== void 0) window.clearTimeout(timer);
     for (const row of document.querySelectorAll(`[${PET_NAV_ICON_MARKER}]`)) {
       restorePetSettingsIcon(row);
     }
@@ -2200,11 +2352,11 @@ function observePetSettingsIcon() {
 }
 // src/global-overlay.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_react_dom = require("react-dom");
 function GlobalOverlay({ children }) {
-  const [container, setContainer] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [container, setContainer] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
     const element = document.createElement("div");
     element.setAttribute("data-dsh-pet-overlay", "");
     element.style.cssText = "position:fixed;left:0;top:0;width:0;height:0;overflow:visible;z-index:2147483000;pointer-events:none";
@@ -2219,6 +2371,11 @@ function GlobalOverlay({ children }) {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var name = "michengai-codex-pet";
 var inject = ["slots", "sessions", "locale"];
+var EMPTY_NOTIFICATIONS = {
+  items: [],
+  activity: IDLE,
+  hidden: 0
+};
 function openSettings() {
   const trigger = document.querySelector("[data-dcu-settings-trigger]");
   if (trigger)
@@ -2238,31 +2395,41 @@ function Overlay({
 }) {
   const controller = usePetController(locale);
   const t = translator(controller.language);
-  const settingsDialog = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
-    const show = () => {
-      if (!settingsDialog.current?.open) settingsDialog.current?.showModal();
-    };
+  const [settingsOpen, setSettingsOpen] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
+    const show = () => setSettingsOpen(true);
     window.addEventListener("dcp-open-settings", show);
     return () => window.removeEventListener("dcp-open-settings", show);
   }, []);
-  const [state, setState] = (0, import_react7.useState)({
-    items: [],
-    activity: IDLE,
-    hidden: 0
-  });
-  const notifications = (0, import_react7.useRef)(
+  const [state, setState] = (0, import_react8.useState)(EMPTY_NOTIFICATIONS);
+  const notifications = (0, import_react8.useRef)(
     null
   );
-  (0, import_react7.useEffect)(() => {
-    const engine = createNotifications(sessions, pending, setState);
+  const dismissed = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
+  const createDraft = (0, import_react8.useRef)("");
+  const petVisible = controller.library?.config.visible === true;
+  (0, import_react8.useEffect)(() => {
+    if (!petVisible) {
+      setState(
+        (current) => current.items.length === 0 && current.activity.pose === "idle" && current.hidden === 0 ? current : EMPTY_NOTIFICATIONS
+      );
+      return;
+    }
+    const engine = createNotifications(
+      sessions,
+      pending,
+      setState,
+      Date.now,
+      dismissed.current
+    );
     notifications.current = engine;
     return () => {
       notifications.current = null;
       engine.dispose();
+      sessions.releaseBindings();
     };
-  }, [sessions, pending]);
-  (0, import_react7.useEffect)(observePetSettingsIcon, []);
+  }, [sessions, pending, petVisible]);
+  (0, import_react8.useEffect)(observePetSettingsIcon, []);
   const command = async (value) => {
     const engine = notifications.current;
     if (!engine) throw new Error("\u4F1A\u8BDD\u670D\u52A1\u5C1A\u672A\u5C31\u7EEA");
@@ -2272,17 +2439,17 @@ function Overlay({
     }
     await engine.command(value);
   };
-  const [externalDisplay, setExternalDisplay] = (0, import_react7.useState)(false);
-  const actions = (0, import_react7.useRef)({
+  const [externalDisplay, setExternalDisplay] = (0, import_react8.useState)(false);
+  const actions = (0, import_react8.useRef)({
     command,
     updateConfig: controller.update,
     openSettings
   });
   actions.current = { command, updateConfig: controller.update, openSettings };
-  const provider = (0, import_react7.useRef)(
+  const provider = (0, import_react8.useRef)(
     null
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const value = createCompanionProvider({
       command: (command2) => actions.current.command(command2),
       updateConfig: (config) => actions.current.updateConfig(config),
@@ -2299,7 +2466,7 @@ function Overlay({
       window.dispatchEvent(new Event("dsh-pet-disposed"));
     };
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const library = controller.library;
     provider.current?.publish(
       library ? {
@@ -2323,33 +2490,30 @@ function Overlay({
         settings: openSettings
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      "dialog",
+    settingsOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_dsh_client_ui_primitives3.Modal,
       {
-        ref: settingsDialog,
-        className: "dcp dcp-dialog",
-        "aria-label": t("\u5BA0\u7269\u8BBE\u7F6E"),
-        style: {
-          pointerEvents: "auto",
-          width: "min(800px, calc(100vw - 32px))",
-          maxHeight: "85vh",
-          overflow: "auto"
-        },
-        children: [
+        open: true,
+        headless: true,
+        className: "dcp dcp-settings-modal",
+        title: t("\u5BA0\u7269\u8BBE\u7F6E"),
+        onClose: () => setSettingsOpen(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dcp-settings-modal-body", children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_dsh_client_ui_primitives2.Button,
+            import_dsh_client_ui_primitives3.Button,
             {
               type: "button",
               variant: "ghost",
               size: "sm",
               className: "dcp-dialog-close",
-              onClick: () => settingsDialog.current?.close(),
+              onClick: () => setSettingsOpen(false),
               children: t("\u5173\u95ED\u8BBE\u7F6E")
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             Settings,
             {
+              draft: createDraft,
               controller,
               locale,
               create: async (description) => {
@@ -2364,7 +2528,7 @@ function Overlay({
               }
             }
           )
-        ]
+        ] })
       }
     )
   ] });