dsh-pocket 2.6.3 → 2.7.0

package/client/client.js

@@ -37,7 +37,7 @@ __export(index_exports, {
   redactStatus: () => redactStatus
 });
 module.exports = __toCommonJS(index_exports);
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // client/api.js
 var POCKET_RPC_CHANNEL = "/dsh-pocket";
@@ -337,57 +337,85 @@ function MobileDrawerFooter({ useSessions, downloadSessionLog, toggleSidebar, t
   ));
 }
 
-// client/mobile/MobileComposerFullscreen.tsx
-var import_react2 = require("react");
-var FULLSCREEN_ATTR = "data-dsh-pocket-composer-fullscreen";
-function isFullscreen() {
-  return typeof document !== "undefined" && document.body?.getAttribute(FULLSCREEN_ATTR) === "1";
+// client/mobile/fileCopy.ts
+var BUTTON_ATTR = "data-mobile-nav";
+var BUTTON_VALUE = "copy-file";
+var MARKER = "data-mobile-nav-copy";
+async function copyText(text) {
+  try {
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+  } catch {
+  }
+  try {
+    const ta = document.createElement("textarea");
+    ta.value = text;
+    ta.setAttribute("readonly", "");
+    ta.style.position = "fixed";
+    ta.style.top = "0";
+    ta.style.left = "0";
+    ta.style.opacity = "0";
+    document.body.appendChild(ta);
+    ta.select();
+    const ok = document.execCommand("copy");
+    ta.remove();
+    return ok;
+  } catch {
+    return false;
+  }
 }
-function setFullscreen(on) {
-  if (typeof document === "undefined") return;
-  if (on) document.body.setAttribute(FULLSCREEN_ATTR, "1");
-  else document.body.removeAttribute(FULLSCREEN_ATTR);
+function createCopyButton() {
+  const btn = document.createElement("button");
+  btn.type = "button";
+  btn.setAttribute(BUTTON_ATTR, BUTTON_VALUE);
+  btn.textContent = "\u590D\u5236";
+  btn.setAttribute("aria-label", "\u590D\u5236\u6587\u4EF6\u5185\u5BB9");
+  btn.addEventListener("click", async (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const card = btn.parentElement;
+    const block = card?.querySelector("pre") ?? null;
+    const text = block?.textContent ?? "";
+    const ok = await copyText(text);
+    const prev = btn.textContent;
+    btn.textContent = ok ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u5931\u8D25";
+    btn.setAttribute("data-copied", ok ? "1" : "0");
+    window.setTimeout(() => {
+      btn.textContent = prev;
+      btn.removeAttribute("data-copied");
+    }, 1500);
+  });
+  return btn;
 }
-function MobileComposerFullscreen() {
-  const [on, setOn] = (0, import_react2.useState)(isFullscreen);
-  (0, import_react2.useEffect)(() => {
-    const update = () => setOn(isFullscreen());
-    const observer = new MutationObserver(update);
-    observer.observe(document.body, { attributes: true, attributeFilter: [FULLSCREEN_ATTR] });
-    return () => observer.disconnect();
-  }, []);
-  return (0, import_react2.createElement)("button", {
-    type: "button",
-    "aria-label": on ? "\u6536\u8D77\u8F93\u5165" : "\u653E\u5927\u8F93\u5165",
-    "aria-pressed": on,
-    title: on ? "\u6536\u8D77\u8F93\u5165" : "\u653E\u5927\u8F93\u5165",
-    "data-mobile-nav": "composer-fullscreen",
-    "data-mobile-nav-keep": "1",
-    // 自己的按钮不该被 #23 的 slot 通用隐藏规则误伤
-    onClick: () => {
-      const next = !isFullscreen();
-      setFullscreen(next);
-      setOn(next);
-    },
-    style: {
-      appearance: "none",
-      WebkitAppearance: "none",
-      border: "none",
-      background: "transparent",
-      color: "inherit",
-      cursor: "pointer",
-      padding: "0 8px",
-      height: 32,
-      minWidth: 32,
-      borderRadius: 6,
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      font: "inherit",
-      fontSize: 16,
-      lineHeight: 1
-    }
-  }, on ? "\u2921" : "\u2922");
+function injectInto(card) {
+  if (card.hasAttribute(MARKER)) return;
+  card.setAttribute(MARKER, "1");
+  if (getComputedStyle(card).position === "static") card.style.position = "relative";
+  card.appendChild(createCopyButton());
+}
+function collectCodeBlocks(root) {
+  const out = [];
+  for (const pre of Array.from(root.querySelectorAll("pre"))) {
+    const card = pre.parentElement;
+    if (card === null) continue;
+    if (card.hasAttribute(MARKER)) continue;
+    if ((pre.textContent ?? "").trim().length < 1) continue;
+    out.push(card);
+  }
+  return out;
+}
+function startFileCopyInjection() {
+  const scan = () => {
+    for (const card of collectCodeBlocks(document)) injectInto(card);
+  };
+  const observer = new MutationObserver(scan);
+  observer.observe(document.body, { childList: true, subtree: true });
+  scan();
+  return () => {
+    observer.disconnect();
+  };
 }
 
 // client/mobile/mobile.css.ts
@@ -1250,6 +1278,42 @@ var MOBILE_CSS = `
   [data-phase="hero"] [class$="_stack"] {
     gap: 0 !important;
   }
+
+  /* ---------- \u590D\u5236\u6587\u4EF6\u5185\u5BB9\u6309\u94AE\uFF08issue #17\uFF09 ----------
+     \u6302\u5728\u4EE3\u7801/\u6587\u4EF6\u5757\u5BB9\u5668\u53F3\u4E0A\u89D2\uFF08position:relative \u7531 JS \u5728\u6CE8\u5165\u65F6\u8865\u4E0A\uFF09\u3002
+     \u53EA\u5C4F\u5185\u53EF\u89C1\uFF1A\u684C\u9762\u7AEF DSH \u81EA\u5E26\u590D\u5236\uFF0C\u4E14\u672C effect \u53EA\u5728 narrow \u4E0B\u6302\u8F7D\uFF0C\u6309\u94AE
+     \u6839\u672C\u4E0D\u4F1A\u6CE8\u5165\uFF1B\u8FD9\u91CC\u518D\u515C\u5E95\u4E00\u5C42\uFF0C\u907F\u514D\u4EFB\u4F55\u9057\u6F0F\u3002 */
+  [data-mobile-nav="copy-file"] {
+    position: absolute !important;
+    top: 6px !important;
+    right: 6px !important;
+    z-index: 6 !important;
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    height: 26px !important;
+    padding: 0 10px !important;
+    border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12)) !important;
+    border-radius: 8px !important;
+    background: var(--dsw-alias-bg-base, #ffffff) !important;
+    color: var(--dsw-alias-label-primary, inherit) !important;
+    font-family: inherit !important;
+    font-size: 12px !important;
+    line-height: 1 !important;
+    cursor: pointer !important;
+    -webkit-tap-highlight-color: transparent !important;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, .14) !important;
+  }
+  [data-mobile-nav="copy-file"]:active {
+    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06)) !important;
+  }
+  [data-mobile-nav="copy-file"][data-copied="1"] {
+    color: var(--dsw-alias-state-success-primary, #1a9d54) !important;
+    border-color: var(--dsw-alias-state-success-primary, #1a9d54) !important;
+  }
+  [data-mobile-nav="copy-file"][data-copied="0"] {
+    color: var(--dsw-alias-state-danger-primary, #e5484d) !important;
+  }
 }
 
 /* ---------- desktop: the mobile controls must never appear ---------- */
@@ -1264,52 +1328,8 @@ var MOBILE_CSS = `
   [data-mobile-nav="drawer-actions"] {
     display: none !important;
   }
-  /* \u684C\u9762\u7AEF\u6C38\u8FDC\u4E0D\u9700\u8981\u300C\u26F6 \u653E\u5927\u8F93\u5165\u300D\u6309\u94AE\uFF08composer \u5DF2\u7ECF\u6709\u5B8C\u6574\u5DE5\u5177\u884C\uFF09 */
-  [data-mobile-nav="composer-fullscreen"] {
-    display: none !important;
-  }
 }
 
-/* ---------- \u653E\u5927\u8F93\u5165\uFF08issue #23\uFF09 ----------
-   \u7A84\u5C4F\u9ED8\u8BA4\u9690\u85CF\u63D2\u4EF6\u6CE8\u518C\u5230 conversation.input.* slot \u7684 UI\uFF08\u4EC5\u7559\u5B98\u65B9 resident
-   chrome\uFF09\uFF0C\u70B9\u300C\u26F6\u300D\u6309\u94AE\u628A composer \u5361\u7247\u56FA\u5B9A\u5230\u5168\u5C4F\u540E\u6240\u6709\u63D2\u4EF6 UI \u6062\u590D\u663E\u793A\u2014\u2014
-   \u65B0\u63D2\u4EF6\u96F6\u9002\u914D\u3002
-   \u5B9E\u73B0\u8BF4\u660E\uFF1A\u5F53\u524D dsh 0.1.1 \u6CA1\u628A input slot \u6E32\u67D3\u6210 [data-slot] \u5305\u88C5\uFF080.1.2+ \u624D\u6709\uFF09\uFF0C
-   \u6240\u4EE5\u8FD9\u91CC\u7528\u300C\u767D\u540D\u5355\u300D\u53CD\u9009\uFF1AmobileApply \u6CE8\u518C\u7684 mobile \u81EA\u8EAB\u8282\u70B9\u52A0
-   data-mobile-nav="composer-fullscreen" \u4E0D\u88AB\u9690\u85CF\uFF1B\u5176\u5B83\u63D2\u4EF6 UI \u9690\u85CF\u3002 */
-@media (max-width: 1023px) {
-  /* \u9ED8\u8BA4\uFF08\u975E\u5168\u5C4F\uFF09\uFF1A\u9690\u85CF input slot \u5BB9\u5668\u4E0B\u7684\u6240\u6709\u76F4\u63A5\u5B50\u5143\u7D20\uFF08\u5305\u542B\u63D2\u4EF6\u548C\u5B98\u65B9\uFF09
-     \u2014\u2014\u5B98\u65B9\u81EA\u5DF1\u5982\u679C\u60F3\u5728\u7A84\u5C4F\u4E5F\u9732\u51FA\uFF0C\u6CE8 input slot \u65F6\u52A0 data-mobile-nav-keep="1" */
-  [data-dsh-pocket-composer-fullscreen]:not([data-dsh-pocket-composer-fullscreen="1"])
-    [class$="_card"]:has(textarea) [data-slot^="conversation.input."] > :not([data-mobile-nav-keep]),
-  [data-dsh-pocket-composer-fullscreen]:not([data-dsh-pocket-composer-fullscreen="1"])
-    [class$="_card"]:has(textarea) [data-slot^="conversation.input."]:empty {
-    display: none !important;
-  }
-  /* \u653E\u5927\u6309\u94AE\uFF1A\u5E38\u9A7B\u5728 conversation.input.right slot \u65C1\uFF0C\u684C\u9762\u7AEF\u5DF2\u88AB\u4E0A\u9762\u89C4\u5219\u9690\u85CF */
-  [data-mobile-nav="composer-fullscreen"] {
-    display: inline-flex;
-  }
-  /* \u5168\u5C4F\u6A21\u5F0F\uFF1Acomposer \u5361\u7247\u56FA\u5B9A\u5230\u89C6\u53E3\uFF0Ctextarea \u62C9\u9AD8\uFF0C\u5DE5\u5177\u884C\u53EF\u6362\u884C */
-  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) {
-    position: fixed !important;
-    inset: 0 !important;
-    z-index: 9999 !important;
-    border-radius: 0 !important;
-    margin: 0 !important;
-    height: 100dvh !important;
-    display: flex !important;
-    flex-direction: column !important;
-  }
-  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) textarea {
-    flex: 1 1 auto !important;
-    min-height: 50dvh !important;
-    max-height: none !important;
-  }
-  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) [data-slot^="conversation.input."] {
-    flex-wrap: wrap !important;
-  }
-}
 `;
 
 // client/mobile/locales.ts
@@ -1525,6 +1545,11 @@ function mobileApply(ctx) {
       observer.disconnect();
     };
   }, "dsh-mobile-nav: sheet rise animation replay");
+  ctx.effect(() => {
+    if (!narrow.matches) return () => {
+    };
+    return startFileCopyInjection();
+  }, "dsh-mobile-nav: file copy button (issue #17)");
   ctx.slots.inject("conversation.session.header.actions", () => ctx.slots.register({
     name: "conversation.session.header.actions",
     id: "mobile-nav-toggle",
@@ -1534,12 +1559,6 @@ function mobileApply(ctx) {
       toggleSidebar: () => ctx.layout.toggleSidebar()
     })
   }, MobileNavToggle));
-  ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
-    name: "conversation.input.right",
-    id: "mobile-composer-fullscreen",
-    order: 100,
-    locale: NS
-  }, MobileComposerFullscreen));
   ctx.slots.inject("shell.overlay", () => ctx.slots.register({
     name: "shell.overlay",
     id: "mobile-nav-overlay",
@@ -1779,15 +1798,15 @@ var styles = {
   warn: { color: "var(--dsw-alias-state-warn-primary,#b45309)", fontSize: 12, lineHeight: 1.5 }
 };
 function PocketSettingsTab({ rpcCall, t }) {
-  const [status, setStatus] = (0, import_react3.useState)(null);
-  const [busy, setBusy] = (0, import_react3.useState)(false);
-  const [error, setError] = (0, import_react3.useState)(null);
-  const [tunnelState, setTunnelState] = (0, import_react3.useState)(null);
-  const [restartNotice, setRestartNotice] = (0, import_react3.useState)(false);
-  const [updateInfo, setUpdateInfo] = (0, import_react3.useState)(null);
-  const [isDesktop, setIsDesktop] = (0, import_react3.useState)(false);
-  const [now, setNow] = (0, import_react3.useState)(Date.now());
-  (0, import_react3.useEffect)(() => {
+  const [status, setStatus] = (0, import_react2.useState)(null);
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [tunnelState, setTunnelState] = (0, import_react2.useState)(null);
+  const [restartNotice, setRestartNotice] = (0, import_react2.useState)(false);
+  const [updateInfo, setUpdateInfo] = (0, import_react2.useState)(null);
+  const [isDesktop, setIsDesktop] = (0, import_react2.useState)(false);
+  const [now, setNow] = (0, import_react2.useState)(Date.now());
+  (0, import_react2.useEffect)(() => {
     const t2 = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(t2);
   }, []);
@@ -1819,18 +1838,18 @@ function PocketSettingsTab({ rpcCall, t }) {
     } catch {
     }
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     load();
     const t2 = setInterval(load, 3e3);
     return () => clearInterval(t2);
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     try {
       sessionStorage.removeItem("dshp-auto-reloaded");
     } catch {
     }
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (isDesktop) return;
     let alive = true;
     const check = async () => {
@@ -1886,8 +1905,8 @@ function PocketSettingsTab({ rpcCall, t }) {
       setUpdateInfo((u) => ({ ...u, updating: false, result: "fail", output: err.message }));
     }
   };
-  const [disclaimerOpen, setDisclaimerOpen] = (0, import_react3.useState)(false);
-  const [disclaimerChecked, setDisclaimerChecked] = (0, import_react3.useState)(false);
+  const [disclaimerOpen, setDisclaimerOpen] = (0, import_react2.useState)(false);
+  const [disclaimerChecked, setDisclaimerChecked] = (0, import_react2.useState)(false);
   const doStartTunnel = async () => {
     const cfg = status?.tunnelConfig;
     if (cfg?.mode === "named" && (!cfg.hostname || !cfg.tokenSet)) {
@@ -1920,7 +1939,7 @@ function PocketSettingsTab({ rpcCall, t }) {
     } catch {
     }
   };
-  const [tunnelCfg, setTunnelCfg] = (0, import_react3.useState)(null);
+  const [tunnelCfg, setTunnelCfg] = (0, import_react2.useState)(null);
   const switchToQuick = async () => {
     try {
       setStatus(await call(POCKET_ENDPOINTS.tunnelSetConfig, { mode: "quick" }));
@@ -1941,7 +1960,7 @@ function PocketSettingsTab({ rpcCall, t }) {
       setTunnelCfg((c) => ({ ...c, err: err.message }));
     }
   };
-  const [resetOpen, setResetOpen] = (0, import_react3.useState)(false);
+  const [resetOpen, setResetOpen] = (0, import_react2.useState)(false);
   const doFactoryReset = async () => {
     setResetOpen(false);
     setBusy(true);
@@ -1973,7 +1992,7 @@ function PocketSettingsTab({ rpcCall, t }) {
     } catch {
     }
   };
-  const [lanToggleOpen, setLanToggleOpen] = (0, import_react3.useState)(null);
+  const [lanToggleOpen, setLanToggleOpen] = (0, import_react2.useState)(null);
   const requestLanToggle = (on) => setLanToggleOpen(on);
   const confirmLanToggle = async () => {
     const on = lanToggleOpen;
@@ -1993,7 +2012,7 @@ function PocketSettingsTab({ rpcCall, t }) {
       setError(err.message);
     }
   };
-  const [customPin, setCustomPin] = (0, import_react3.useState)(null);
+  const [customPin, setCustomPin] = (0, import_react2.useState)(null);
   const saveCustomPin = async (which) => {
     try {
       const r = await call(POCKET_ENDPOINTS.pinSetCustom, { which, value: customPin?.value ?? "" });
@@ -2009,11 +2028,11 @@ function PocketSettingsTab({ rpcCall, t }) {
       setCustomPin((c) => ({ ...c, err: err.message }));
     }
   };
-  const customPinRow = (which) => (0, import_react3.createElement)(
+  const customPinRow = (which) => (0, import_react2.createElement)(
     "div",
     { style: { marginTop: 6, fontSize: 12, color: "var(--dsw-alias-label-secondary,#6b7280)", lineHeight: 1.5 } },
     t("customizing"),
-    (0, import_react3.createElement)("input", {
+    (0, import_react2.createElement)("input", {
       style: { width: 130, margin: "0 6px", padding: "4px 8px", fontSize: 14, letterSpacing: 1, textAlign: "center", border: "1px solid var(--dsw-alias-border-l2,#d1d5db)", borderRadius: 6, outline: "none" },
       type: "password",
       maxLength: 8,
@@ -2025,11 +2044,11 @@ function PocketSettingsTab({ rpcCall, t }) {
         if (e.key === "Escape") setCustomPin(null);
       }
     }),
-    (0, import_react3.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12, marginLeft: 2 }, onClick: () => saveCustomPin(which) }, t("save")),
-    (0, import_react3.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12 }, onClick: () => setCustomPin(null) }, t("cancel")),
-    customPin?.err ? (0, import_react3.createElement)("div", { style: { color: "var(--dsw-alias-state-error-primary,#dc2626)", marginTop: 4 } }, errText(customPin.err)) : null
+    (0, import_react2.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12, marginLeft: 2 }, onClick: () => saveCustomPin(which) }, t("save")),
+    (0, import_react2.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12 }, onClick: () => setCustomPin(null) }, t("cancel")),
+    customPin?.err ? (0, import_react2.createElement)("div", { style: { color: "var(--dsw-alias-state-error-primary,#dc2626)", marginTop: 4 } }, errText(customPin.err)) : null
   );
-  const customBtn = (which) => (0, import_react3.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12, marginLeft: 8 }, onClick: () => setCustomPin({ which, value: "", err: null }) }, t("customize"));
+  const customBtn = (which) => (0, import_react2.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12, marginLeft: 8 }, onClick: () => setCustomPin({ which, value: "", err: null }) }, t("customize"));
   const lanUrl = status?.lanUrl;
   const tunnelUrl = status?.tunnelUrl;
   const tunnelPhase = tunnelState?.phase ?? "idle";
@@ -2045,14 +2064,14 @@ function PocketSettingsTab({ rpcCall, t }) {
     if (i < 0) return s;
     return (t("ok") === zh2.ok ? s.slice(0, i) : s.slice(i + 3)).trim();
   };
-  const [toast, setToast] = (0, import_react3.useState)(null);
-  const toastTimer = (0, import_react3.useRef)(null);
+  const [toast, setToast] = (0, import_react2.useState)(null);
+  const toastTimer = (0, import_react2.useRef)(null);
   const showToast = (text) => {
     setToast(text);
     clearTimeout(toastTimer.current);
     toastTimer.current = setTimeout(() => setToast(null), 2600);
   };
-  (0, import_react3.useEffect)(() => () => clearTimeout(toastTimer.current), []);
+  (0, import_react2.useEffect)(() => () => clearTimeout(toastTimer.current), []);
   const modeBtnStyle = (active) => ({
     ...styles.btn,
     height: 28,
@@ -2062,49 +2081,49 @@ function PocketSettingsTab({ rpcCall, t }) {
     background: active ? "var(--dsw-alias-button-primary-fill, var(--dsw-alias-brand-primary,#4f6ef7))" : "var(--dsw-alias-bg-layer-1,#fff)",
     color: active ? "var(--dsw-alias-label-primary-foreground, #fff)" : "var(--dsw-alias-label-primary,inherit)"
   });
-  const Switch = (on, onClick) => (0, import_react3.createElement)("button", {
+  const Switch = (on, onClick) => (0, import_react2.createElement)("button", {
     role: "switch",
     "aria-checked": !!on,
     style: { flexShrink: 0, width: 40, height: 22, borderRadius: 11, border: "none", padding: 0, position: "relative", cursor: "pointer", font: "inherit", background: on ? "var(--dsw-alias-button-primary-fill, var(--dsw-alias-brand-primary,#4f6ef7))" : "var(--dsw-alias-border-l2,#d1d5db)" },
     onClick
-  }, (0, import_react3.createElement)("span", { style: { position: "absolute", top: 2, left: on ? 20 : 2, width: 18, height: 18, borderRadius: "50%", background: "#fff" } }));
-  const qrArea = (src, url, hint) => (0, import_react3.createElement)(
+  }, (0, import_react2.createElement)("span", { style: { position: "absolute", top: 2, left: on ? 20 : 2, width: 18, height: 18, borderRadius: "50%", background: "#fff" } }));
+  const qrArea = (src, url, hint) => (0, import_react2.createElement)(
     "div",
     { style: { background: "var(--dsw-alias-bg-layer-2,#f3f4f6)", borderRadius: 10, padding: "10px 12px", textAlign: "center", margin: "10px 0" } },
-    (0, import_react3.createElement)("img", { src, alt: "QR", style: styles.qr }),
-    (0, import_react3.createElement)("div", { style: styles.code }, url),
-    (0, import_react3.createElement)("div", { style: styles.muted }, hint)
+    (0, import_react2.createElement)("img", { src, alt: "QR", style: styles.qr }),
+    (0, import_react2.createElement)("div", { style: styles.code }, url),
+    (0, import_react2.createElement)("div", { style: styles.muted }, hint)
   );
-  const row = (label, control, extra) => (0, import_react3.createElement)(
+  const row = (label, control, extra) => (0, import_react2.createElement)(
     "div",
     { style: { borderTop: "1px solid var(--dsw-alias-border-l2,#e5e7eb)", paddingTop: 9, marginTop: 9 } },
-    (0, import_react3.createElement)(
+    (0, import_react2.createElement)(
       "div",
       { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 } },
-      (0, import_react3.createElement)("span", { style: { fontSize: 13 } }, label),
+      (0, import_react2.createElement)("span", { style: { fontSize: 13 } }, label),
       control
     ),
     extra ?? null
   );
-  const [advOpen, setAdvOpen] = (0, import_react3.useState)(false);
-  return (0, import_react3.createElement)(
+  const [advOpen, setAdvOpen] = (0, import_react2.useState)(false);
+  return (0, import_react2.createElement)(
     "div",
     { style: styles.card },
-    (0, import_react3.createElement)(
+    (0, import_react2.createElement)(
       "div",
       { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 } },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         null,
-        (0, import_react3.createElement)("strong", null, t("title")),
-        (0, import_react3.createElement)("div", { style: styles.muted }, t("subtitle"))
+        (0, import_react2.createElement)("strong", null, t("title")),
+        (0, import_react2.createElement)("div", { style: styles.muted }, t("subtitle"))
       ),
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: { fontSize: 12, color: "var(--dsw-alias-label-tertiary,#8b93a1)", textAlign: "right" } },
-        (0, import_react3.createElement)("div", { style: { whiteSpace: "nowrap" } }, t("developer")),
-        (0, import_react3.createElement)("div", { style: { whiteSpace: "nowrap" } }, t("starAsk")),
-        (0, import_react3.createElement)(
+        (0, import_react2.createElement)("div", { style: { whiteSpace: "nowrap" } }, t("developer")),
+        (0, import_react2.createElement)("div", { style: { whiteSpace: "nowrap" } }, t("starAsk")),
+        (0, import_react2.createElement)(
           "a",
           { href: "https://github.com/shaobeichen/dsh-pocket", target: "_blank", rel: "noreferrer", style: { color: "var(--dsw-alias-brand-primary,#4f6ef7)", fontSize: 12, lineHeight: 1.6, textDecoration: "underline" } },
           t("starCta")
@@ -2113,49 +2132,49 @@ function PocketSettingsTab({ rpcCall, t }) {
     ),
     // 桌面端不显示更新/重启横幅（更新由 DSH Desktop 管理），也不需要额外提示
     // 重启后提示（进程在后台运行，停止方法）——左侧蓝色色条（桌面端不会触发本插件的自重启）
-    !isDesktop && restartNotice ? (0, import_react3.createElement)(
+    !isDesktop && restartNotice ? (0, import_react2.createElement)(
       "div",
       { style: { ...styles.block, borderLeft: "4px solid var(--dsw-alias-brand-primary,#4f6ef7)", borderRadius: 8, background: "var(--dsw-alias-bg-layer-2,#f3f4f6)", padding: "10px 12px" } },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 } },
-        (0, import_react3.createElement)("div", { style: { fontWeight: 600, fontSize: 13 } }, t("restarted")),
-        (0, import_react3.createElement)("button", { style: styles.btn, onClick: () => setRestartNotice(false) }, t("ok"))
+        (0, import_react2.createElement)("div", { style: { fontWeight: 600, fontSize: 13 } }, t("restarted")),
+        (0, import_react2.createElement)("button", { style: styles.btn, onClick: () => setRestartNotice(false) }, t("ok"))
       ),
-      (0, import_react3.createElement)("div", { style: styles.muted, marginTop: 4, wordBreak: "break-all" }, fmt(t, "bgHint", { cmd: status?.killHint ?? `lsof -ti :${status?.dshPort ?? 3080} | xargs kill -9` }))
+      (0, import_react2.createElement)("div", { style: styles.muted, marginTop: 4, wordBreak: "break-all" }, fmt(t, "bgHint", { cmd: status?.killHint ?? `lsof -ti :${status?.dshPort ?? 3080} | xargs kill -9` }))
     ) : null,
     // 更新提示——左侧黄色色条（提示有新版本）；单状态：有更新/更新中/已更新自动重启，不并存
     // 桌面端不渲染（更新由 DSH Desktop 管理）
-    !isDesktop && updateInfo ? (0, import_react3.createElement)(
+    !isDesktop && updateInfo ? (0, import_react2.createElement)(
       "div",
       { style: { ...styles.block, borderLeft: "4px solid var(--dsw-alias-state-warn-primary,#b45309)", borderRadius: 8, background: "var(--dsw-alias-bg-layer-2,#f3f4f6)", padding: "10px 12px" } },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 } },
-        (0, import_react3.createElement)(
+        (0, import_react2.createElement)(
           "div",
           { style: { fontWeight: 600, fontSize: 13 } },
           updateInfo.updated ? fmt(t, "updatedRestart", { ver: updateInfo.current }) : updateInfo.result === "ok" ? updateInfo.autoRestart ? fmt(t, "updateAutoRestarting", { ver: updateInfo.latest }) : fmt(t, "updatedOk", { ver: updateInfo.latest }) : fmt(t, "updateAvailable", { ver: updateInfo.latest })
         ),
-        updateInfo.result !== "ok" ? (0, import_react3.createElement)("button", { style: styles.primary, onClick: runUpdate, disabled: updateInfo.updating }, updateInfo.updating ? t("updating") : fmt(t, "updateTo", { ver: updateInfo.latest })) : updateInfo.autoRestart ? (0, import_react3.createElement)("button", { style: styles.btn, disabled: true }, t("restartingNow")) : (0, import_react3.createElement)("button", { style: styles.primary, onClick: restartPocket, disabled: updateInfo.restarting }, updateInfo.restarting ? t("restarting") : t("restartNow"))
+        updateInfo.result !== "ok" ? (0, import_react2.createElement)("button", { style: styles.primary, onClick: runUpdate, disabled: updateInfo.updating }, updateInfo.updating ? t("updating") : fmt(t, "updateTo", { ver: updateInfo.latest })) : updateInfo.autoRestart ? (0, import_react2.createElement)("button", { style: styles.btn, disabled: true }, t("restartingNow")) : (0, import_react2.createElement)("button", { style: styles.primary, onClick: restartPocket, disabled: updateInfo.restarting }, updateInfo.restarting ? t("restarting") : t("restartNow"))
       ),
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: styles.muted, marginTop: 4 },
         updateInfo.updating ? fmt(t, "updatingDetail", { s: elapsed(updateInfo.startedAt) }) : updateInfo.restarting ? fmt(t, "restartingDetail", { s: elapsed(updateInfo.startedAt) }) : updateInfo.result === "ok" ? updateInfo.autoRestart ? t("updatedAutoDetail") : t("updatedRestartDetail") : updateInfo.result === "fail" ? fmt(t, "updateFailed", { err: errText(updateInfo.output) || t("unknownError") }) : fmt(t, "versionRange", { cur: updateInfo.current, latest: updateInfo.latest })
       )
     ) : null,
     // 局域网：标题行自带总开关 → 二维码+地址 → 设置行（访问密码 / 高级·手动选地址）
-    (0, import_react3.createElement)(
+    (0, import_react2.createElement)(
       "div",
       { style: styles.block },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: { display: "flex", alignItems: "center", justifyContent: "space-between" } },
-        (0, import_react3.createElement)("span", { style: { fontWeight: 600, fontSize: 13 } }, t("lanAccess")),
+        (0, import_react2.createElement)("span", { style: { fontWeight: 600, fontSize: 13 } }, t("lanAccess")),
         Switch(status?.lanEnabled !== false, () => requestLanToggle(status?.lanEnabled === false))
       ),
-      status?.lanEnabled === false ? (0, import_react3.createElement)("div", { style: { marginTop: 8, fontSize: 12, color: "var(--dsw-alias-state-warn-primary,#b45309)", lineHeight: 1.5 } }, t("lanDisabledHint")) : lanUrl ? (0, import_react3.createElement)(
+      status?.lanEnabled === false ? (0, import_react2.createElement)("div", { style: { marginTop: 8, fontSize: 12, color: "var(--dsw-alias-state-warn-primary,#b45309)", lineHeight: 1.5 } }, t("lanDisabledHint")) : lanUrl ? (0, import_react2.createElement)(
         "div",
         null,
         qrArea(status.lanQr, lanUrl, t("lanHint")),
@@ -2163,100 +2182,100 @@ function PocketSettingsTab({ rpcCall, t }) {
         row(
           t("lanPin"),
           Switch(status?.lanAuthEnabled !== false, () => setLanAuth(status?.lanAuthEnabled === false)),
-          status?.lanAuthEnabled === false ? (0, import_react3.createElement)("div", { style: { ...styles.muted, marginTop: 6 } }, t("lanPinOff")) : customPin?.which === "lan" ? customPinRow("lan") : (0, import_react3.createElement)(
+          status?.lanAuthEnabled === false ? (0, import_react2.createElement)("div", { style: { ...styles.muted, marginTop: 6 } }, t("lanPinOff")) : customPin?.which === "lan" ? customPinRow("lan") : (0, import_react2.createElement)(
             "div",
             { style: { marginTop: 6, display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" } },
-            (0, import_react3.createElement)("span", { style: { fontFamily: "ui-monospace,Menlo,monospace", fontSize: 13, letterSpacing: 1 } }, status.lanToken),
-            (0, import_react3.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12 }, onClick: refreshLanPin }, t("refresh")),
+            (0, import_react2.createElement)("span", { style: { fontFamily: "ui-monospace,Menlo,monospace", fontSize: 13, letterSpacing: 1 } }, status.lanToken),
+            (0, import_react2.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12 }, onClick: refreshLanPin }, t("refresh")),
             customBtn("lan"),
-            status?.lanPinCustom ? (0, import_react3.createElement)("span", { style: { fontSize: 11, color: "var(--dsw-alias-state-warn-primary,#b45309)" } }, t("pinCustomHint")) : null
+            status?.lanPinCustom ? (0, import_react2.createElement)("span", { style: { fontSize: 11, color: "var(--dsw-alias-state-warn-primary,#b45309)" } }, t("pinCustomHint")) : null
           )
         ),
         // 高级：手动选地址（默认收起）
         row(
           t("advAddress"),
-          (0, import_react3.createElement)(
+          (0, import_react2.createElement)(
             "button",
             { style: { border: "none", background: "none", font: "inherit", cursor: "pointer", fontSize: 12, color: "var(--dsw-alias-label-tertiary,#8b93a1)", padding: 0 }, onClick: () => setAdvOpen((v) => !v) },
             (status?.lanIpOverride || t("lanAddressAuto")) + " \u203A"
           ),
-          advOpen ? (0, import_react3.createElement)(
+          advOpen ? (0, import_react2.createElement)(
             "div",
             { style: { marginTop: 8 } },
-            (0, import_react3.createElement)(
+            (0, import_react2.createElement)(
               "label",
               { style: { display: "flex", alignItems: "center", gap: 8, fontSize: 12, color: "var(--dsw-alias-label-secondary,#6b7280)" } },
               t("lanAddress"),
-              (0, import_react3.createElement)(
+              (0, import_react2.createElement)(
                 "select",
                 {
                   value: status?.lanIpOverride || "",
                   onChange: (e) => setLanAddress(e.target.value),
                   style: { font: "inherit", height: 30, padding: "0 8px", borderRadius: 8, border: "1px solid var(--dsw-alias-border-l2,#d1d5db)", background: "var(--dsw-alias-bg-layer-1,#fff)", color: "var(--dsw-alias-label-primary,inherit)" }
                 },
-                (0, import_react3.createElement)("option", { value: "" }, t("lanAddressAuto")),
-                (status?.lanCandidates || []).map((ip) => (0, import_react3.createElement)("option", { key: ip, value: ip }, ip))
+                (0, import_react2.createElement)("option", { value: "" }, t("lanAddressAuto")),
+                (status?.lanCandidates || []).map((ip) => (0, import_react2.createElement)("option", { key: ip, value: ip }, ip))
               )
             )
           ) : null
         )
-      ) : (0, import_react3.createElement)("div", { style: styles.muted }, t("lanStarting"))
+      ) : (0, import_react2.createElement)("div", { style: styles.muted }, t("lanStarting"))
     ),
     // 公网：标题行自带 开启/关闭 → 开启后：二维码+地址、地址模式行、访问密码行
-    (0, import_react3.createElement)(
+    (0, import_react2.createElement)(
       "div",
       { style: styles.block },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: { display: "flex", alignItems: "center", justifyContent: "space-between" } },
-        (0, import_react3.createElement)("span", { style: { fontWeight: 600, fontSize: 13 } }, t("wanAccess")),
-        tunnelUrl ? (0, import_react3.createElement)("button", { style: { ...styles.btn, height: 28, padding: "0 12px", fontSize: 12, color: "var(--dsw-alias-state-error-primary,#dc2626)" }, onClick: stopTunnel }, t("stopTunnel")) : (0, import_react3.createElement)("button", { style: { ...styles.primary, height: 28, padding: "0 14px", fontSize: 12 }, onClick: startTunnel, disabled: busy || tunnelStarting }, busy || tunnelStarting ? t("opening") : t("enable"))
+        (0, import_react2.createElement)("span", { style: { fontWeight: 600, fontSize: 13 } }, t("wanAccess")),
+        tunnelUrl ? (0, import_react2.createElement)("button", { style: { ...styles.btn, height: 28, padding: "0 12px", fontSize: 12, color: "var(--dsw-alias-state-error-primary,#dc2626)" }, onClick: stopTunnel }, t("stopTunnel")) : (0, import_react2.createElement)("button", { style: { ...styles.primary, height: 28, padding: "0 14px", fontSize: 12 }, onClick: startTunnel, disabled: busy || tunnelStarting }, busy || tunnelStarting ? t("opening") : t("enable"))
       ),
-      tunnelStarting ? (0, import_react3.createElement)(
+      tunnelStarting ? (0, import_react2.createElement)(
         "div",
         { style: { marginTop: 8, fontSize: 12, color: "var(--dsw-alias-label-secondary,#6b7280)" } },
         tunnelPhase === "downloading" ? fmt(t, "downloading", { s: elapsed(tunnelStateStarted) }) : fmt(t, "connecting", { s: elapsed(tunnelStateStarted), suffix: elapsed(tunnelStateStarted) > 30 ? t("slowHint") : "" })
-      ) : tunnelPhase === "error" ? (0, import_react3.createElement)(
+      ) : tunnelPhase === "error" ? (0, import_react2.createElement)(
         "div",
         { style: { marginTop: 8, fontSize: 12, color: "var(--dsw-alias-state-error-primary,#dc2626)" } },
         fmt(t, "error", { detail: errText(tunnelStateDetail) || t("unknownError") })
-      ) : !tunnelUrl && !isDesktop ? (0, import_react3.createElement)("div", { style: { ...styles.muted, marginTop: 8 } }, t("wanOffHint")) : null,
-      tunnelUrl ? (0, import_react3.createElement)(
+      ) : !tunnelUrl && !isDesktop ? (0, import_react2.createElement)("div", { style: { ...styles.muted, marginTop: 8 } }, t("wanOffHint")) : null,
+      tunnelUrl ? (0, import_react2.createElement)(
         "div",
         null,
         qrArea(status.tunnelQr, tunnelUrl, namedMode ? t("namedRunningHint") : t("wanHint")),
         // 地址模式行（随机/固定；固定域名选中或编辑时高亮）
         row(
           t("modeLabel"),
-          (0, import_react3.createElement)(
+          (0, import_react2.createElement)(
             "span",
             { style: { display: "inline-flex", gap: 6 } },
-            (0, import_react3.createElement)("button", { style: modeBtnStyle(!namedActive), onClick: namedMode ? switchToQuick : tunnelCfg ? () => setTunnelCfg(null) : void 0 }, t("modeQuick")),
-            (0, import_react3.createElement)("button", { style: modeBtnStyle(namedActive), onClick: () => setTunnelCfg(tunnelCfg ? null : { hostname: tunnelModeView.hostname ?? "", token: "", err: null }) }, t("modeNamed"))
+            (0, import_react2.createElement)("button", { style: modeBtnStyle(!namedActive), onClick: namedMode ? switchToQuick : tunnelCfg ? () => setTunnelCfg(null) : void 0 }, t("modeQuick")),
+            (0, import_react2.createElement)("button", { style: modeBtnStyle(namedActive), onClick: () => setTunnelCfg(tunnelCfg ? null : { hostname: tunnelModeView.hostname ?? "", token: "", err: null }) }, t("modeNamed"))
           ),
-          (0, import_react3.createElement)(
+          (0, import_react2.createElement)(
             "div",
             { style: { marginTop: 6 } },
             // 刚保存固定域名但当前连接仍是随机域名：需关闭后重新开启才生效
-            namedMode && /trycloudflare\.com/i.test(tunnelUrl ?? "") ? (0, import_react3.createElement)("div", { style: { ...styles.warn } }, t("namedTakeEffect")) : null,
+            namedMode && /trycloudflare\.com/i.test(tunnelUrl ?? "") ? (0, import_react2.createElement)("div", { style: { ...styles.warn } }, t("namedTakeEffect")) : null,
             // 固定域名：已保存摘要 + 修改入口（非编辑态）
-            namedMode && !tunnelCfg ? (0, import_react3.createElement)(
+            namedMode && !tunnelCfg ? (0, import_react2.createElement)(
               "div",
               { style: { ...styles.muted } },
               fmt(t, "namedSummary", { host: tunnelModeView.hostname || "\u2014", token: tunnelModeView.tokenSet ? t("namedTokenSet") : t("namedTokenMissing") }),
-              (0, import_react3.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12, marginLeft: 8 }, onClick: () => setTunnelCfg({ hostname: tunnelModeView.hostname ?? "", token: "", err: null }) }, t("namedEdit")),
-              (0, import_react3.createElement)("div", { style: { ...styles.muted, marginTop: 4 } }, t("namedHow")),
-              !tunnelModeView.tokenSet || !tunnelModeView.hostname ? (0, import_react3.createElement)("div", { style: { marginTop: 2, color: "var(--dsw-alias-state-error-primary,#dc2626)" } }, t("namedNeedCfg")) : null
+              (0, import_react2.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12, marginLeft: 8 }, onClick: () => setTunnelCfg({ hostname: tunnelModeView.hostname ?? "", token: "", err: null }) }, t("namedEdit")),
+              (0, import_react2.createElement)("div", { style: { ...styles.muted, marginTop: 4 } }, t("namedHow")),
+              !tunnelModeView.tokenSet || !tunnelModeView.hostname ? (0, import_react2.createElement)("div", { style: { marginTop: 2, color: "var(--dsw-alias-state-error-primary,#dc2626)" } }, t("namedNeedCfg")) : null
             ) : null,
             // 固定域名：编辑表单（域名 + Tunnel Token，Token 留空保持不变）
-            tunnelCfg ? (0, import_react3.createElement)(
+            tunnelCfg ? (0, import_react2.createElement)(
               "div",
               { style: { marginTop: 6, fontSize: 12, color: "var(--dsw-alias-label-secondary,#6b7280)", lineHeight: 1.6 } },
-              (0, import_react3.createElement)(
+              (0, import_react2.createElement)(
                 "div",
                 null,
                 t("namedHostnameLabel"),
-                (0, import_react3.createElement)("input", {
+                (0, import_react2.createElement)("input", {
                   style: { margin: "4px 0 0 6px", padding: "4px 8px", fontSize: 13, border: "1px solid var(--dsw-alias-border-l2,#d1d5db)", borderRadius: 6, outline: "none", width: 200 },
                   placeholder: "pocket.example.com",
                   value: tunnelCfg.hostname ?? "",
@@ -2268,11 +2287,11 @@ function PocketSettingsTab({ rpcCall, t }) {
                   }
                 })
               ),
-              (0, import_react3.createElement)(
+              (0, import_react2.createElement)(
                 "div",
                 { style: { marginTop: 6 } },
                 t("namedTokenLabel"),
-                (0, import_react3.createElement)("input", {
+                (0, import_react2.createElement)("input", {
                   style: { margin: "4px 0 0 6px", padding: "4px 8px", fontSize: 13, border: "1px solid var(--dsw-alias-border-l2,#d1d5db)", borderRadius: 6, outline: "none", width: 240, fontFamily: "ui-monospace,Menlo,monospace" },
                   type: "password",
                   value: tunnelCfg.token ?? "",
@@ -2283,121 +2302,121 @@ function PocketSettingsTab({ rpcCall, t }) {
                   }
                 })
               ),
-              (0, import_react3.createElement)(
+              (0, import_react2.createElement)(
                 "div",
                 { style: { marginTop: 6, display: "flex", gap: 8 } },
-                (0, import_react3.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12 }, onClick: saveNamedTunnel }, t("save")),
-                (0, import_react3.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12 }, onClick: () => setTunnelCfg(null) }, t("cancel"))
+                (0, import_react2.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12 }, onClick: saveNamedTunnel }, t("save")),
+                (0, import_react2.createElement)("button", { style: { ...styles.btn, height: 26, padding: "0 10px", fontSize: 12 }, onClick: () => setTunnelCfg(null) }, t("cancel"))
               ),
-              (0, import_react3.createElement)("div", { style: { ...styles.muted, marginTop: 6 } }, t("namedHow")),
-              (0, import_react3.createElement)("div", { style: { marginTop: 2, fontSize: 11, color: "var(--dsw-alias-state-warn-primary,#b45309)", lineHeight: 1.5 } }, t("namedSecurity")),
-              tunnelCfg.err ? (0, import_react3.createElement)("div", { style: { color: "var(--dsw-alias-state-error-primary,#dc2626)", marginTop: 4 } }, errText(tunnelCfg.err)) : null
+              (0, import_react2.createElement)("div", { style: { ...styles.muted, marginTop: 6 } }, t("namedHow")),
+              (0, import_react2.createElement)("div", { style: { marginTop: 2, fontSize: 11, color: "var(--dsw-alias-state-warn-primary,#b45309)", lineHeight: 1.5 } }, t("namedSecurity")),
+              tunnelCfg.err ? (0, import_react2.createElement)("div", { style: { color: "var(--dsw-alias-state-error-primary,#dc2626)", marginTop: 4 } }, errText(tunnelCfg.err)) : null
             ) : null
           )
         ),
         // 访问密码行：值 + 自定义（自定义输入态整体替换）
         status.accessToken ? row(
           t("pinLabel"),
-          customPin?.which === "public" ? null : (0, import_react3.createElement)(
+          customPin?.which === "public" ? null : (0, import_react2.createElement)(
             "span",
             { style: { display: "inline-flex", alignItems: "center", gap: 8 } },
-            (0, import_react3.createElement)("span", { style: { fontFamily: "ui-monospace,Menlo,monospace", fontSize: 13, letterSpacing: 1 } }, status.accessToken),
+            (0, import_react2.createElement)("span", { style: { fontFamily: "ui-monospace,Menlo,monospace", fontSize: 13, letterSpacing: 1 } }, status.accessToken),
             customBtn("public")
           ),
-          (0, import_react3.createElement)(
+          (0, import_react2.createElement)(
             "div",
             { style: { marginTop: 6 } },
             customPin?.which === "public" ? customPinRow("public") : null,
-            status?.publicPinCustom ? (0, import_react3.createElement)("div", { style: { ...styles.warn } }, t("pinCustomHint")) : null,
-            namedMode ? (0, import_react3.createElement)("div", { style: { ...styles.warn } }, t("namedSecurity")) : null
+            status?.publicPinCustom ? (0, import_react2.createElement)("div", { style: { ...styles.warn } }, t("pinCustomHint")) : null,
+            namedMode ? (0, import_react2.createElement)("div", { style: { ...styles.warn } }, t("namedSecurity")) : null
           )
         ) : null
       ) : null
     ),
-    error ? (0, import_react3.createElement)("div", { style: { color: "var(--dsw-alias-state-error-primary,#dc2626)", fontSize: 12, marginTop: 8 } }, `\u274C ${errText(error)}`) : null,
+    error ? (0, import_react2.createElement)("div", { style: { color: "var(--dsw-alias-state-error-primary,#dc2626)", fontSize: 12, marginTop: 8 } }, `\u274C ${errText(error)}`) : null,
     // 恢复出厂设置：设置出问题时的临时兜底（最底部，避免误触）
-    (0, import_react3.createElement)(
+    (0, import_react2.createElement)(
       "div",
       { style: styles.block },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 } },
-        (0, import_react3.createElement)("span", { style: { fontWeight: 600, fontSize: 13 } }, t("resetFactory")),
-        (0, import_react3.createElement)("button", { style: { ...styles.btn, height: 28, padding: "0 12px", fontSize: 12, color: "var(--dsw-alias-state-error-primary,#dc2626)" }, onClick: () => setResetOpen(true) }, t("resetGo"))
+        (0, import_react2.createElement)("span", { style: { fontWeight: 600, fontSize: 13 } }, t("resetFactory")),
+        (0, import_react2.createElement)("button", { style: { ...styles.btn, height: 28, padding: "0 12px", fontSize: 12, color: "var(--dsw-alias-state-error-primary,#dc2626)" }, onClick: () => setResetOpen(true) }, t("resetGo"))
       ),
-      (0, import_react3.createElement)("div", { style: { ...styles.muted, marginTop: 6 } }, t("resetIntro"))
+      (0, import_react2.createElement)("div", { style: { ...styles.muted, marginTop: 6 } }, t("resetIntro"))
     ),
     // 恢复出厂设置确认弹框
-    resetOpen ? (0, import_react3.createElement)(
+    resetOpen ? (0, import_react2.createElement)(
       "div",
       { style: { position: "fixed", inset: 0, zIndex: 1e4, background: "rgba(0,0,0,.5)", display: "flex", alignItems: "center", justifyContent: "center", padding: 20 } },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: { background: "var(--dsw-alias-bg-layer-1,#fff)", borderRadius: 12, maxWidth: 440, width: "100%", padding: "20px 22px", boxShadow: "0 8px 32px rgba(0,0,0,.18)" } },
-        (0, import_react3.createElement)("div", { style: { fontWeight: 600, fontSize: 15, color: "var(--dsw-alias-state-warn-primary,#b45309)", marginBottom: 10 } }, t("resetTitle")),
-        (0, import_react3.createElement)("div", { style: { fontSize: 13, lineHeight: 1.7, color: "var(--dsw-alias-label-primary,inherit)", whiteSpace: "pre-line" } }, t("resetBody")),
-        (0, import_react3.createElement)(
+        (0, import_react2.createElement)("div", { style: { fontWeight: 600, fontSize: 15, color: "var(--dsw-alias-state-warn-primary,#b45309)", marginBottom: 10 } }, t("resetTitle")),
+        (0, import_react2.createElement)("div", { style: { fontSize: 13, lineHeight: 1.7, color: "var(--dsw-alias-label-primary,inherit)", whiteSpace: "pre-line" } }, t("resetBody")),
+        (0, import_react2.createElement)(
           "div",
           { style: { display: "flex", gap: 8, marginTop: 16 } },
-          (0, import_react3.createElement)("button", { style: { ...styles.btn, flex: 1 }, onClick: () => setResetOpen(false) }, t("cancel")),
-          (0, import_react3.createElement)("button", { style: { ...styles.primary, flex: 1, background: "var(--dsw-alias-state-error-primary,#dc2626)" }, onClick: doFactoryReset }, t("resetConfirm"))
+          (0, import_react2.createElement)("button", { style: { ...styles.btn, flex: 1 }, onClick: () => setResetOpen(false) }, t("cancel")),
+          (0, import_react2.createElement)("button", { style: { ...styles.primary, flex: 1, background: "var(--dsw-alias-state-error-primary,#dc2626)" }, onClick: doFactoryReset }, t("resetConfirm"))
         )
       )
     ) : null,
     // Toast：重置等操作的即时反馈（固定屏幕正中央，2.6s 自动消失）
-    toast ? (0, import_react3.createElement)("div", {
+    toast ? (0, import_react2.createElement)("div", {
       style: { position: "fixed", left: "50%", top: "50%", transform: "translate(-50%, -50%)", zIndex: 10001, width: "auto", maxWidth: 280, background: "rgba(17,24,39,.92)", color: "#fff", border: "none", borderRadius: 10, padding: "10px 16px", fontSize: 13, lineHeight: 1.5, textAlign: "center", boxShadow: "0 8px 24px rgba(0,0,0,.22)" }
     }, toast) : null,
     // 局域网访问开关确认弹框（关闭/打开时弹窗提醒）
-    lanToggleOpen !== null ? (0, import_react3.createElement)(
+    lanToggleOpen !== null ? (0, import_react2.createElement)(
       "div",
       { style: { position: "fixed", inset: 0, zIndex: 1e4, background: "rgba(0,0,0,.5)", display: "flex", alignItems: "center", justifyContent: "center", padding: 20 } },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: { background: "var(--dsw-alias-bg-layer-1,#fff)", borderRadius: 12, maxWidth: 420, width: "100%", padding: "20px 22px", boxShadow: "0 8px 32px rgba(0,0,0,.18)" } },
-        (0, import_react3.createElement)("div", { style: { fontWeight: 600, fontSize: 15, color: lanToggleOpen ? "var(--dsw-alias-brand-primary,#4f6ef7)" : "var(--dsw-alias-state-warn-primary,#b45309)", marginBottom: 10 } }, t(lanToggleOpen ? "lanToggleTitleOn" : "lanToggleTitleOff")),
-        (0, import_react3.createElement)("div", { style: { fontSize: 13, lineHeight: 1.7, color: "var(--dsw-alias-label-primary,inherit)" } }, t(lanToggleOpen ? "lanToggleBodyOn" : "lanToggleBodyOff")),
-        (0, import_react3.createElement)(
+        (0, import_react2.createElement)("div", { style: { fontWeight: 600, fontSize: 15, color: lanToggleOpen ? "var(--dsw-alias-brand-primary,#4f6ef7)" : "var(--dsw-alias-state-warn-primary,#b45309)", marginBottom: 10 } }, t(lanToggleOpen ? "lanToggleTitleOn" : "lanToggleTitleOff")),
+        (0, import_react2.createElement)("div", { style: { fontSize: 13, lineHeight: 1.7, color: "var(--dsw-alias-label-primary,inherit)" } }, t(lanToggleOpen ? "lanToggleBodyOn" : "lanToggleBodyOff")),
+        (0, import_react2.createElement)(
           "div",
           { style: { display: "flex", gap: 8, marginTop: 16 } },
-          (0, import_react3.createElement)("button", { style: { ...styles.btn, flex: 1 }, onClick: () => setLanToggleOpen(null) }, t("cancel")),
-          (0, import_react3.createElement)("button", { style: { ...styles.primary, flex: 1 }, onClick: confirmLanToggle }, t("confirm"))
+          (0, import_react2.createElement)("button", { style: { ...styles.btn, flex: 1 }, onClick: () => setLanToggleOpen(null) }, t("cancel")),
+          (0, import_react2.createElement)("button", { style: { ...styles.primary, flex: 1 }, onClick: confirmLanToggle }, t("confirm"))
         )
       )
     ) : null,
     // 安全免责声明弹框（issue #31）：每次开启公网访问前确认
-    disclaimerOpen ? (0, import_react3.createElement)(
+    disclaimerOpen ? (0, import_react2.createElement)(
       "div",
       { style: { position: "fixed", inset: 0, zIndex: 1e4, background: "rgba(0,0,0,.5)", display: "flex", alignItems: "center", justifyContent: "center", padding: 20 } },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "div",
         { style: { background: "var(--dsw-alias-bg-layer-1,#fff)", borderRadius: 12, maxWidth: 420, width: "100%", padding: "20px 22px", boxShadow: "0 8px 32px rgba(0,0,0,.18)" } },
-        (0, import_react3.createElement)("div", { style: { fontWeight: 600, fontSize: 15, color: "var(--dsw-alias-state-warn-primary,#b45309)", marginBottom: 10 } }, t("disclaimerTitle")),
-        (0, import_react3.createElement)("div", { style: { fontSize: 13, lineHeight: 1.7, color: "var(--dsw-alias-label-primary,inherit)" } }, t("disclaimerBody")),
-        (0, import_react3.createElement)(
+        (0, import_react2.createElement)("div", { style: { fontWeight: 600, fontSize: 15, color: "var(--dsw-alias-state-warn-primary,#b45309)", marginBottom: 10 } }, t("disclaimerTitle")),
+        (0, import_react2.createElement)("div", { style: { fontSize: 13, lineHeight: 1.7, color: "var(--dsw-alias-label-primary,inherit)" } }, t("disclaimerBody")),
+        (0, import_react2.createElement)(
           "label",
           { style: { display: "flex", alignItems: "center", gap: 8, marginTop: 14, fontSize: 13, cursor: "pointer" } },
-          (0, import_react3.createElement)("input", { type: "checkbox", checked: disclaimerChecked, onChange: (e) => setDisclaimerChecked(e.target.checked), style: { width: 16, height: 16 } }),
+          (0, import_react2.createElement)("input", { type: "checkbox", checked: disclaimerChecked, onChange: (e) => setDisclaimerChecked(e.target.checked), style: { width: 16, height: 16 } }),
           t("disclaimerAgree")
         ),
-        (0, import_react3.createElement)(
+        (0, import_react2.createElement)(
           "div",
           { style: { display: "flex", gap: 8, marginTop: 16 } },
-          (0, import_react3.createElement)("button", { style: { ...styles.btn, flex: 1 }, onClick: () => setDisclaimerOpen(false) }, t("cancel")),
-          (0, import_react3.createElement)("button", {
+          (0, import_react2.createElement)("button", { style: { ...styles.btn, flex: 1 }, onClick: () => setDisclaimerOpen(false) }, t("cancel")),
+          (0, import_react2.createElement)("button", {
             style: { ...styles.primary, flex: 1, opacity: disclaimerChecked ? 1 : 0.5 },
             disabled: !disclaimerChecked,
             onClick: confirmDisclaimer
           }, t("disclaimerAgree"))
         ),
-        !disclaimerChecked ? (0, import_react3.createElement)("div", { style: { marginTop: 8, fontSize: 12, color: "var(--dsw-alias-state-error-primary,#dc2626)" } }, t("disclaimerHint")) : null
+        !disclaimerChecked ? (0, import_react2.createElement)("div", { style: { marginTop: 8, fontSize: 12, color: "var(--dsw-alias-state-error-primary,#dc2626)" } }, t("disclaimerHint")) : null
       )
     ) : null,
     // 页面最底部：反馈入口
-    (0, import_react3.createElement)(
+    (0, import_react2.createElement)(
       "div",
       { style: { ...styles.block, textAlign: "center" } },
-      (0, import_react3.createElement)(
+      (0, import_react2.createElement)(
         "a",
         { href: "https://github.com/shaobeichen/dsh-pocket/issues", target: "_blank", rel: "noreferrer", style: { fontSize: 12, color: "var(--dsw-alias-label-secondary,#6b7280)", textDecoration: "none" } },
         t("feedback")

package/client/mobile/fileCopy.ts

@@ -0,0 +1,115 @@
+// dsh-web-mobile 移植（MIT，见 LICENSE.dsh-web-mobile）：移动端「复制文件内容」按钮。
+//
+// issue #17：用户希望手机上能拿到 DSH 在会话窗口里生成的文件。但当前 dsh-web
+// 的 web UI 没有任何下载能力（全部插件 bundle 里搜不到 download / blob: /
+// saveAs / createObjectURL），桌面端的下载按钮在手机经隧道/局域网访问时也拿
+// 不到文件内容。退而求其次——在「文件内容块」（对话里渲染为 <pre> 代码块）的
+// 右上角注入一个复制按钮，把块内文本（即文件内容）写入剪贴板。
+//
+// 关键：只依赖稳定结构 `<pre>`（fenced code 渲染为 `<pre><code>`），不依赖任何
+// hash 类名。dsh-web 每次构建都会换类名，按类名挂会随版本失效。
+
+/** 我们注入的按钮标记（复用 mobile-nav 的 data 属性命名空间，避免与插件自身控件冲突）。 */
+const BUTTON_ATTR = 'data-mobile-nav';
+const BUTTON_VALUE = 'copy-file';
+/** 打在代码块容器上：已注入过按钮就不再重复注入（React 重渲染时自愈）。 */
+const MARKER = 'data-mobile-nav-copy';
+
+/**
+ * 把文本写入剪贴板。优先用 async Clipboard API（隧道/https 下可用）；非安全
+ * 上下文（局域网 http）下 Clipboard API 会被浏览器拒绝，回退到隐藏 textarea +
+ * execCommand('copy')。两者都失败返回 false。
+ */
+export async function copyText(text: string): Promise<boolean> {
+  try {
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+  } catch {
+    /* 落到下面的回退路径 */
+  }
+  try {
+    const ta = document.createElement('textarea');
+    ta.value = text;
+    ta.setAttribute('readonly', '');
+    ta.style.position = 'fixed';
+    ta.style.top = '0';
+    ta.style.left = '0';
+    ta.style.opacity = '0';
+    document.body.appendChild(ta);
+    ta.select();
+    const ok = document.execCommand('copy');
+    ta.remove();
+    return ok;
+  } catch {
+    return false;
+  }
+}
+
+/** 造一个复制按钮。点击时复制其所在代码卡里的 <pre> 文本。 */
+function createCopyButton(): HTMLButtonElement {
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.setAttribute(BUTTON_ATTR, BUTTON_VALUE);
+  btn.textContent = '复制';
+  btn.setAttribute('aria-label', '复制文件内容');
+  btn.addEventListener('click', async (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const card = btn.parentElement;
+    const block = card?.querySelector('pre') ?? null;
+    const text = block?.textContent ?? '';
+    const ok = await copyText(text);
+    const prev = btn.textContent;
+    btn.textContent = ok ? '已复制' : '复制失败';
+    btn.setAttribute('data-copied', ok ? '1' : '0');
+    window.setTimeout(() => {
+      btn.textContent = prev;
+      btn.removeAttribute('data-copied');
+    }, 1500);
+  });
+  return btn;
+}
+
+/** 给一个代码块容器注入复制按钮（幂等）。 */
+function injectInto(card: HTMLElement): void {
+  if (card.hasAttribute(MARKER)) return;
+  card.setAttribute(MARKER, '1');
+  if (getComputedStyle(card).position === 'static') card.style.position = 'relative';
+  card.appendChild(createCopyButton());
+}
+
+/**
+ * 收集对话里需要挂复制按钮的代码块容器。候选 = 任何 `<pre>`（fenced code 与
+ * 工具结果/错误块都渲染为 <pre>），跳过已标记 / 空块。返回的是其「容器」
+ * （pre 的父元素），按钮挂在容器上、定位在块右上角。
+ */
+export function collectCodeBlocks(root: ParentNode): HTMLElement[] {
+  const out: HTMLElement[] = [];
+  for (const pre of Array.from(root.querySelectorAll('pre'))) {
+    const card = pre.parentElement;
+    if (card === null) continue;
+    if (card.hasAttribute(MARKER)) continue;
+    if ((pre.textContent ?? '').trim().length < 1) continue;
+    out.push(card);
+  }
+  return out;
+}
+
+/**
+ * 启动注入：MutationObserver 监听全文 DOM，新出现的代码块立即挂按钮；React
+ * 重渲染替换了容器时旧按钮随容器消失、新容器会在下次回调里补上（自愈）。
+ * @returns 清理函数（断开 observer）。
+ */
+export function startFileCopyInjection(): () => void {
+  const scan = (): void => {
+    for (const card of collectCodeBlocks(document)) injectInto(card);
+  };
+  const observer = new MutationObserver(scan);
+  observer.observe(document.body, { childList: true, subtree: true });
+  scan();
+  return () => {
+    observer.disconnect();
+  };
+}

package/client/mobile/mobile-apply.tsx

@@ -3,7 +3,7 @@ import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client'
 import { MobileNavToggle } from './MobileNavToggle.tsx'
 import { MobileNavOverlay } from './MobileNavOverlay.tsx'
 import { MobileDrawerFooter } from './MobileDrawerFooter.tsx'
-import { MobileComposerFullscreen } from './MobileComposerFullscreen.tsx'
+import { startFileCopyInjection } from './fileCopy.ts'
 import { MOBILE_CSS } from './mobile.css.ts'
 import { NS, en, zh } from './locales.ts'
 import type { MobileNavKey } from './locales.ts'
@@ -263,6 +263,14 @@ export function mobileApply(ctx): void {
     }
   }, 'dsh-mobile-nav: sheet rise animation replay')
 
+  // 复制文件内容按钮（issue #17）：dsh-web 在手机上没有可用的下载入口，于是在
+  // 会话里的代码/文件块右上角注入一个「复制」按钮，把块内文本（文件内容）写
+  // 入剪贴板。只挂窄屏——桌面端 DSH 自带复制，不需要。
+  ctx.effect(() => {
+    if (!narrow.matches) return () => {}
+    return startFileCopyInjection()
+  }, 'dsh-mobile-nav: file copy button (issue #17)')
+
   ctx.slots.inject('conversation.session.header.actions', () => ctx.slots.register({
     name: 'conversation.session.header.actions',
     id: 'mobile-nav-toggle',
@@ -273,16 +281,6 @@ export function mobileApply(ctx): void {
     }),
   }, MobileNavToggle))
 
-  // 「⛶ 放大输入」按钮（issue #23）：注册到 conversation.input.right（发送键旁）
-  // ——桌面端由 mobile.css.ts 隐藏（min-width:1024px）。点按切换 body 上的
-  // data-dsh-pocket-composer-fullscreen 标记，由 CSS 把 composer 卡片全屏化。
-  ctx.slots.inject('conversation.input.right', () => ctx.slots.register({
-    name: 'conversation.input.right',
-    id: 'mobile-composer-fullscreen',
-    order: 100,
-    locale: NS,
-  }, MobileComposerFullscreen))
-
   ctx.slots.inject('shell.overlay', () => ctx.slots.register({
     name: 'shell.overlay',
     id: 'mobile-nav-overlay',

package/client/mobile/mobile.css.ts

@@ -872,6 +872,42 @@ export const MOBILE_CSS = `
   [data-phase="hero"] [class$="_stack"] {
     gap: 0 !important;
   }
+
+  /* ---------- 复制文件内容按钮（issue #17） ----------
+     挂在代码/文件块容器右上角（position:relative 由 JS 在注入时补上）。
+     只屏内可见：桌面端 DSH 自带复制，且本 effect 只在 narrow 下挂载，按钮
+     根本不会注入；这里再兜底一层，避免任何遗漏。 */
+  [data-mobile-nav="copy-file"] {
+    position: absolute !important;
+    top: 6px !important;
+    right: 6px !important;
+    z-index: 6 !important;
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    height: 26px !important;
+    padding: 0 10px !important;
+    border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12)) !important;
+    border-radius: 8px !important;
+    background: var(--dsw-alias-bg-base, #ffffff) !important;
+    color: var(--dsw-alias-label-primary, inherit) !important;
+    font-family: inherit !important;
+    font-size: 12px !important;
+    line-height: 1 !important;
+    cursor: pointer !important;
+    -webkit-tap-highlight-color: transparent !important;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, .14) !important;
+  }
+  [data-mobile-nav="copy-file"]:active {
+    background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06)) !important;
+  }
+  [data-mobile-nav="copy-file"][data-copied="1"] {
+    color: var(--dsw-alias-state-success-primary, #1a9d54) !important;
+    border-color: var(--dsw-alias-state-success-primary, #1a9d54) !important;
+  }
+  [data-mobile-nav="copy-file"][data-copied="0"] {
+    color: var(--dsw-alias-state-danger-primary, #e5484d) !important;
+  }
 }
 
 /* ---------- desktop: the mobile controls must never appear ---------- */
@@ -886,50 +922,6 @@ export const MOBILE_CSS = `
   [data-mobile-nav="drawer-actions"] {
     display: none !important;
   }
-  /* 桌面端永远不需要「⛶ 放大输入」按钮（composer 已经有完整工具行） */
-  [data-mobile-nav="composer-fullscreen"] {
-    display: none !important;
-  }
 }
 
-/* ---------- 放大输入（issue #23） ----------
-   窄屏默认隐藏插件注册到 conversation.input.* slot 的 UI（仅留官方 resident
-   chrome），点「⛶」按钮把 composer 卡片固定到全屏后所有插件 UI 恢复显示——
-   新插件零适配。
-   实现说明：当前 dsh 0.1.1 没把 input slot 渲染成 [data-slot] 包装（0.1.2+ 才有），
-   所以这里用「白名单」反选：mobileApply 注册的 mobile 自身节点加
-   data-mobile-nav="composer-fullscreen" 不被隐藏；其它插件 UI 隐藏。 */
-@media (max-width: 1023px) {
-  /* 默认（非全屏）：隐藏 input slot 容器下的所有直接子元素（包含插件和官方）
-     ——官方自己如果想在窄屏也露出，注 input slot 时加 data-mobile-nav-keep="1" */
-  [data-dsh-pocket-composer-fullscreen]:not([data-dsh-pocket-composer-fullscreen="1"])
-    [class$="_card"]:has(textarea) [data-slot^="conversation.input."] > :not([data-mobile-nav-keep]),
-  [data-dsh-pocket-composer-fullscreen]:not([data-dsh-pocket-composer-fullscreen="1"])
-    [class$="_card"]:has(textarea) [data-slot^="conversation.input."]:empty {
-    display: none !important;
-  }
-  /* 放大按钮：常驻在 conversation.input.right slot 旁，桌面端已被上面规则隐藏 */
-  [data-mobile-nav="composer-fullscreen"] {
-    display: inline-flex;
-  }
-  /* 全屏模式：composer 卡片固定到视口，textarea 拉高，工具行可换行 */
-  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) {
-    position: fixed !important;
-    inset: 0 !important;
-    z-index: 9999 !important;
-    border-radius: 0 !important;
-    margin: 0 !important;
-    height: 100dvh !important;
-    display: flex !important;
-    flex-direction: column !important;
-  }
-  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) textarea {
-    flex: 1 1 auto !important;
-    min-height: 50dvh !important;
-    max-height: none !important;
-  }
-  [data-dsh-pocket-composer-fullscreen="1"] [class$="_card"]:has(textarea) [data-slot^="conversation.input."] {
-    flex-wrap: wrap !important;
-  }
-}
 `

package/package.json

@@ -80,5 +80,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "version": "2.6.3"
+  "version": "2.7.0"
 }

package/client/mobile/MobileComposerFullscreen.tsx

@@ -1,77 +0,0 @@
-// 手机端「⛶ 放大输入」开关（issue #23）
-//
-// 行为：
-//  - 点击切换 body 属性 `data-dsh-pocket-composer-fullscreen`；
-//  - mobile.css.ts 监听这个属性，把 composer 卡片固定到全屏（textarea 拉高、工具行
-//    全部展开），插件 UI 注册到 conversation.input.* slot 的按钮全部恢复显示；
-//  - 默认（无 fullscreen 属性）下，CSS 把这些 slot 全部隐藏，只保留官方 resident
-//    chrome（权限/plan/模型/发送）。新插件只要注册到 input slot 就自动遵守此规则，
-//    无需逐个适配。
-//
-// 实现细节：
-//  - 不依赖 dsh web 把 data-slot 包装暴露给选择器（0.1.1 没，0.1.2+ 才有）。我们用
-//    `:scope > :not([data-mobile-nav-keep])` 这样的「保留」标记：所有插件如果
-//    想在手机未放大时也露出，加 data-mobile-nav-keep="1" 即可。默认隐藏的是
-//    slot 容器下的所有直接子元素，**包含 dsh web 官方自己注入的**（这些是
-//    我们想隐藏的"插件 UI"——只要不冲突）。所以需要 dsh web 在官方自己的 UI 上
-//    加 `data-mobile-nav-keep` 标记——等 dsh 0.1.2+ data-slot 上线后改用那个
-//    更优雅（CSS 选择器变成 `[data-slot=...] > :not([data-mobile-nav-keep])`）。
-import { createElement as h, useEffect, useState } from 'react';
-
-const FULLSCREEN_ATTR = 'data-dsh-pocket-composer-fullscreen';
-
-function isFullscreen() {
-  return typeof document !== 'undefined' && document.body?.getAttribute(FULLSCREEN_ATTR) === '1';
-}
-
-function setFullscreen(on) {
-  if (typeof document === 'undefined') return;
-  if (on) document.body.setAttribute(FULLSCREEN_ATTR, '1');
-  else document.body.removeAttribute(FULLSCREEN_ATTR);
-}
-
-/**
- * 放大输入按钮：注册到 `conversation.input.right`，id `mobile-composer-fullscreen`。
- * 仅在窄屏（max-width:1023px）显示，桌面端由 CSS 隐藏。
- */
-export function MobileComposerFullscreen() {
-  const [on, setOn] = useState(isFullscreen);
-  useEffect(() => {
-    const update = () => setOn(isFullscreen());
-    // 与其它 effect 协调：监听任何对 body 属性的修改即可（设置项自己改也算）
-    const observer = new MutationObserver(update);
-    observer.observe(document.body, { attributes: true, attributeFilter: [FULLSCREEN_ATTR] });
-    return () => observer.disconnect();
-  }, []);
-  return h('button', {
-    type: 'button',
-    'aria-label': on ? '收起输入' : '放大输入',
-    'aria-pressed': on,
-    title: on ? '收起输入' : '放大输入',
-    'data-mobile-nav': 'composer-fullscreen',
-    'data-mobile-nav-keep': '1', // 自己的按钮不该被 #23 的 slot 通用隐藏规则误伤
-    onClick: () => {
-      const next = !isFullscreen();
-      setFullscreen(next);
-      setOn(next);
-    },
-    style: {
-      appearance: 'none',
-      WebkitAppearance: 'none',
-      border: 'none',
-      background: 'transparent',
-      color: 'inherit',
-      cursor: 'pointer',
-      padding: '0 8px',
-      height: 32,
-      minWidth: 32,
-      borderRadius: 6,
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      font: 'inherit',
-      fontSize: 16,
-      lineHeight: 1,
-    },
-  }, on ? '⤡' : '⤢');
-}