@wenbin_wb/dsh-bridge 2.5.0 → 2.5.2

package/client/client.js

@@ -68,6 +68,25 @@ var BRIDGE_ENDPOINTS = {
 };
 
 // client/index.js
+if (typeof window !== "undefined") {
+  if (!window.crypto) {
+    window.crypto = {};
+  }
+  if (!window.crypto.randomUUID) {
+    window.crypto.randomUUID = function() {
+      if (typeof window.crypto.getRandomValues === "function") {
+        return ("10000000-1000-4000-8000" + -1e11).replace(/[018]/g, function(c) {
+          return (c ^ window.crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16);
+        });
+      }
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
+        var r = Math.random() * 16 | 0;
+        var v = c === "x" ? r : r & 3 | 8;
+        return v.toString(16);
+      });
+    };
+  }
+}
 var GITHUB_URL = "https://github.com/wenbin-wb/dsh-bridge";
 var RELEASES_URL = "https://github.com/wenbin-wb/dsh-bridge/releases";
 var ISSUES_URL = "https://github.com/wenbin-wb/dsh-bridge/issues/new";
@@ -346,13 +365,17 @@ var CustomTunnelConfigForm = React.memo(function CustomTunnelConfigForm2({ serve
     }
   }, [initUrl, initToken]);
   const dirty = serverUrl !== (initUrl ?? "") || accessToken !== (initToken ?? "");
+  const [saveErr, setSaveErr] = React.useState(null);
   const handleSave = React.useCallback(async () => {
     setSaving(true);
     setSaveSuccess(false);
+    setSaveErr(null);
     try {
       await onSave(serverUrl, accessToken);
       setSaveSuccess(true);
       setTimeout(() => setSaveSuccess(false), 2500);
+    } catch (e) {
+      setSaveErr(e.message || "\u4FDD\u5B58\u914D\u7F6E\u5931\u8D25");
     } finally {
       setSaving(false);
     }
@@ -360,10 +383,12 @@ var CustomTunnelConfigForm = React.memo(function CustomTunnelConfigForm2({ serve
   const handleUrlChange = React.useCallback((e) => {
     setServerUrl(e.target.value);
     setSaveSuccess(false);
+    setSaveErr(null);
   }, []);
   const handleTokenChange = React.useCallback((e) => {
     setAccessToken(e.target.value);
     setSaveSuccess(false);
+    setSaveErr(null);
   }, []);
   return React.createElement(
     "div",
@@ -393,6 +418,7 @@ var CustomTunnelConfigForm = React.memo(function CustomTunnelConfigForm2({ serve
         },
         disabled: saving
       }),
+      saveErr && React.createElement("div", { style: s.err }, `\u274C ${saveErr}`),
       React.createElement(
         "div",
         { style: { ...s.muted, fontSize: 11 } },
@@ -477,43 +503,55 @@ var AccessAuthCard = React.memo(function AccessAuthCard2({ auth, rpcCall, onUpda
     }
   }, [auth]);
   const handleToggleEnabled = async () => {
+    const prev = enabled;
     const next = !enabled;
     setEnabled(next);
     try {
-      await rpcCall(BRIDGE_ENDPOINTS.authUpdateConfig, { enabled: next });
+      const res = await rpcCall(BRIDGE_ENDPOINTS.authUpdateConfig, { enabled: next });
+      if (!res?.ok) throw new Error(res?.error?.message || "\u66F4\u65B0\u5931\u8D25");
       setTopMsg({ ok: true, text: next ? "\u2713 \u8BBF\u95EE\u5B89\u5168\u8BA4\u8BC1\u5DF2\u5F00\u542F\uFF08\u73B0\u6709\u767B\u5F55\u6001\u5DF2\u5237\u65B0\uFF09" : "\u2713 \u8BBF\u95EE\u5B89\u5168\u8BA4\u8BC1\u5DF2\u5173\u95ED" });
       onUpdate?.();
     } catch (e) {
+      setEnabled(prev);
       setTopMsg({ ok: false, text: e.message || "\u66F4\u65B0\u5931\u8D25" });
     }
   };
   const handleChangeMode = async (m) => {
+    const prev = mode;
     setMode(m);
     try {
-      await rpcCall(BRIDGE_ENDPOINTS.authUpdateConfig, { mode: m });
+      const res = await rpcCall(BRIDGE_ENDPOINTS.authUpdateConfig, { mode: m });
+      if (!res?.ok) throw new Error(res?.error?.message || "\u66F4\u65B0\u5931\u8D25");
       setTopMsg({ ok: true, text: "\u2713 \u5916\u90E8\u9A8C\u8BC1\u6A21\u5F0F\u5DF2\u5207\u6362\uFF0C\u5DF2\u5237\u65B0\u5168\u57DF\u767B\u5F55\u6001" });
       onUpdate?.();
     } catch (e) {
+      setMode(prev);
       setTopMsg({ ok: false, text: e.message || "\u66F4\u65B0\u5931\u8D25" });
     }
   };
   const handleChangeScope = async (sc) => {
+    const prev = scope;
     setScope(sc);
     try {
-      await rpcCall(BRIDGE_ENDPOINTS.authUpdateConfig, { scope: sc });
+      const res = await rpcCall(BRIDGE_ENDPOINTS.authUpdateConfig, { scope: sc });
+      if (!res?.ok) throw new Error(res?.error?.message || "\u66F4\u65B0\u5931\u8D25");
       setTopMsg({ ok: true, text: "\u2713 \u9632\u62A4\u751F\u6548\u8303\u56F4\u5DF2\u66F4\u65B0" });
       onUpdate?.();
     } catch (e) {
+      setScope(prev);
       setTopMsg({ ok: false, text: e.message || "\u66F4\u65B0\u5931\u8D25" });
     }
   };
   const handleChangeAdminPolicy = async (pol) => {
+    const prev = adminPolicy;
     setAdminPolicy(pol);
     try {
-      await rpcCall(BRIDGE_ENDPOINTS.authUpdateConfig, { adminPolicy: pol });
+      const res = await rpcCall(BRIDGE_ENDPOINTS.authUpdateConfig, { adminPolicy: pol });
+      if (!res?.ok) throw new Error(res?.error?.message || "\u66F4\u65B0\u5931\u8D25");
       setTopMsg({ ok: true, text: "\u2713 \u8FDC\u7A0B\u7BA1\u7406\u9632\u7BE1\u6539\u7B56\u7565\u5DF2\u66F4\u65B0" });
       onUpdate?.();
     } catch (e) {
+      setAdminPolicy(prev);
       setTopMsg({ ok: false, text: e.message || "\u66F4\u65B0\u5931\u8D25" });
     }
   };
@@ -560,7 +598,8 @@ var AccessAuthCard = React.memo(function AccessAuthCard2({ auth, rpcCall, onUpda
   const handleRegenerateToken = async () => {
     if (!confirm("\u91CD\u7F6E\u540E\uFF0C\u4E4B\u524D\u5305\u542B\u65E7 Token \u7684\u4E8C\u7EF4\u7801\u548C\u5206\u4EAB\u94FE\u63A5\u5C06\u7ACB\u5373\u5931\u6548\u3002\u662F\u5426\u786E\u8BA4\u91CD\u7F6E\uFF1F")) return;
     try {
-      await rpcCall(BRIDGE_ENDPOINTS.authRegenerateToken, {});
+      const res = await rpcCall(BRIDGE_ENDPOINTS.authRegenerateToken, {});
+      if (!res?.ok) throw new Error(res?.error?.message || "\u91CD\u7F6E\u5931\u8D25");
       setTopMsg({ ok: true, text: "\u2713 \u5B89\u5168 Token \u5DF2\u91CD\u7F6E\uFF0C\u4E8C\u7EF4\u7801\u4E0E\u4E13\u5C5E\u94FE\u63A5\u5DF2\u5237\u65B0" });
       onUpdate?.();
     } catch (e) {
@@ -975,15 +1014,23 @@ function PlatformCard({ platformId, platformName, platformDesc, rpcCall, onStatu
     const connected2 = platform?.status === "connected" || platform?.status === "starting" || platform?.status === "reconnecting";
     onStatusChange?.(connected2);
   }, [platform?.status, onStatusChange]);
+  const loadInFlightRef = React.useRef(false);
+  const seqRef = React.useRef(0);
   const load = React.useCallback(async (quiet = false) => {
+    if (loadInFlightRef.current) return;
+    loadInFlightRef.current = true;
+    const currentSeq = ++seqRef.current;
     try {
       const r = await rpcCall(BRIDGE_ENDPOINTS.listPlatforms, {});
+      if (currentSeq !== seqRef.current) return;
       if (!r?.ok) throw new Error(r?.error?.message ?? "RPC failed");
       const allPlatforms = r.value ?? {};
       setPlatform(allPlatforms[platformId] ?? null);
       if (!quiet) setErr(null);
     } catch (e) {
-      if (!quiet) setErr(e.message);
+      if (currentSeq === seqRef.current && !quiet) setErr(e.message);
+    } finally {
+      loadInFlightRef.current = false;
     }
   }, [rpcCall, platformId]);
   React.useEffect(() => {
@@ -1014,9 +1061,20 @@ function PlatformCard({ platformId, platformName, platformDesc, rpcCall, onStatu
     const id = newId.trim();
     if (!id) return;
     const list = [...platform?.allowFrom ?? [], id];
-    await act(BRIDGE_ENDPOINTS.platformSetAllowFrom, { allowFrom: list });
-    setNewId("");
-  }, [act, newId, platform?.allowFrom]);
+    setBusy(true);
+    try {
+      const r = await rpcCall(BRIDGE_ENDPOINTS.platformSetAllowFrom, { platformId, allowFrom: list });
+      if (!r?.ok) throw new Error(r?.error?.message ?? "\u6DFB\u52A0\u767D\u540D\u5355\u5931\u8D25");
+      setPlatform(r.value);
+      setNewId("");
+      setErr(null);
+      await load(true);
+    } catch (e) {
+      setErr(e.message);
+    } finally {
+      setBusy(false);
+    }
+  }, [rpcCall, platformId, newId, platform?.allowFrom, load]);
   const removeAllow = React.useCallback(async (id) => {
     const list = (platform?.allowFrom ?? []).filter((x) => x !== id);
     await act(BRIDGE_ENDPOINTS.platformSetAllowFrom, { allowFrom: list });
@@ -1062,7 +1120,7 @@ function PlatformCard({ platformId, platformName, platformDesc, rpcCall, onStatu
       React.createElement("div", { style: { ...s.muted, marginTop: 6 } }, "\u52A0\u8F7D\u4E2D\u2026")
     );
   }
-  const connected = platform?.status === "connected" || platform?.status === "starting";
+  const connected = platform?.status === "connected" || platform?.status === "starting" || platform?.status === "reconnecting";
   const login = platform?.login ?? {};
   const showQr = login.phase === "qr" || login.phase === "scaned";
   const statusLabel = platform?.status === "connected" ? "\u5DF2\u8FDE\u63A5" : platform?.status === "starting" ? "\u8FDE\u63A5\u4E2D\u2026" : platform?.status === "reconnecting" ? "\u91CD\u8FDE\u4E2D\u2026" : platform?.status === "paused" ? "\u6682\u505C\uFF08\u4F1A\u8BDD\u8FC7\u671F\uFF09" : platform?.status === "error" ? "\u9519\u8BEF" : "\u672A\u8FDE\u63A5";
@@ -1785,11 +1843,65 @@ function BridgePanel({ rpcCall }) {
   const [platforms, setPlatforms] = React.useState(null);
   const [selectedPlatform, setSelectedPlatform] = React.useState("wechat");
   const isLocalhost = typeof window === "undefined" || (!window.location.hostname || window.location.hostname === "127.0.0.1" || window.location.hostname === "localhost" || window.location.hostname === "::1" || window.location.hostname === "" || window.location.protocol === "file:" || window.location.protocol === "vscode-webview:" || window.location.protocol === "app:" || window.location.hostname.endsWith(".local"));
+  const [adminToken, setAdminToken] = React.useState("");
   const [adminUnlocked, setAdminUnlocked] = React.useState(false);
   const [unlockPassword, setUnlockPassword] = React.useState("");
   const [unlockErr, setUnlockErr] = React.useState(null);
   const [unlocking, setUnlocking] = React.useState(false);
   const [showForgotGuide, setShowForgotGuide] = React.useState(false);
+  const [showUnlockModal, setShowUnlockModal] = React.useState(false);
+  const fetchLoopbackToken = React.useCallback(async () => {
+    if (!isLocalhost) return null;
+    const currentPort = typeof window !== "undefined" ? window.location.port || (window.location.protocol === "https:" ? "443" : "80") : "3082";
+    const proxyPort = status?.proxy?.port || 3082;
+    const candidateUrls = [
+      "/__dsh_bridge__/loopback-token",
+      `http://127.0.0.1:${proxyPort}/__dsh_bridge__/loopback-token`,
+      `http://localhost:${proxyPort}/__dsh_bridge__/loopback-token`,
+      "http://127.0.0.1:3082/__dsh_bridge__/loopback-token"
+    ];
+    const uniqueUrls = [...new Set(candidateUrls)];
+    for (const url of uniqueUrls) {
+      try {
+        const res = await fetch(url, { method: "POST" });
+        if (res.ok) {
+          const data = await res.json();
+          if (data?.ok && data.adminToken) {
+            setAdminToken(data.adminToken);
+            setAdminUnlocked(true);
+            return data.adminToken;
+          }
+        }
+      } catch {
+      }
+    }
+    return null;
+  }, [isLocalhost, status?.proxy?.port]);
+  React.useEffect(() => {
+    if (isLocalhost && !adminUnlocked) {
+      fetchLoopbackToken();
+    }
+  }, [isLocalhost, adminUnlocked, fetchLoopbackToken]);
+  const authRpcCall = React.useCallback(async (endpoint, payload = {}, signal) => {
+    let token = adminToken;
+    if (isLocalhost && !token) {
+      token = await fetchLoopbackToken();
+    }
+    const enriched = {
+      ...payload,
+      ...token ? { adminToken: token } : {},
+      ...isLocalhost ? { isLocalhost: true } : {}
+    };
+    const res = await rpcCall(endpoint, enriched, signal);
+    if (res?.ok === false) {
+      const msg = res?.error?.message || "";
+      if (msg.includes("\u7BA1\u7406\u5458\u6743\u9650") || msg.includes("\u7BA1\u7406\u5BC6\u7801\u89E3\u9501")) {
+        setUnlockErr(msg);
+        setShowUnlockModal(true);
+      }
+    }
+    return res;
+  }, [rpcCall, adminToken, isLocalhost, fetchLoopbackToken]);
   const handleUnlockAdmin = React.useCallback(async (e) => {
     e?.preventDefault?.();
     setUnlocking(true);
@@ -1797,8 +1909,11 @@ function BridgePanel({ rpcCall }) {
     try {
       const res = await rpcCall(BRIDGE_ENDPOINTS.authAdminUnlock, { password: unlockPassword });
       if (res?.ok) {
+        setAdminToken(res.value?.adminToken || "");
         setAdminUnlocked(true);
         setUnlockPassword("");
+        setShowUnlockModal(false);
+        setErr(null);
       } else {
         setUnlockErr(res?.error?.message || "\u7BA1\u7406\u5458\u5BC6\u7801\u9519\u8BEF");
       }
@@ -1808,25 +1923,50 @@ function BridgePanel({ rpcCall }) {
       setUnlocking(false);
     }
   }, [rpcCall, unlockPassword]);
+  const handleLockAdmin = React.useCallback(async () => {
+    try {
+      if (adminToken) {
+        await rpcCall(BRIDGE_ENDPOINTS.authAdminLock, { adminToken });
+      }
+    } catch {
+    }
+    setAdminToken("");
+    setAdminUnlocked(false);
+  }, [rpcCall, adminToken]);
+  const loadInFlightRef = React.useRef(false);
+  const loadSeqRef = React.useRef(0);
   const load = React.useCallback(async (quiet = false) => {
+    if (loadInFlightRef.current) return;
+    loadInFlightRef.current = true;
+    const currentSeq = ++loadSeqRef.current;
     try {
-      const r = await rpcCall(BRIDGE_ENDPOINTS.getStatus, {});
+      const r = await authRpcCall(BRIDGE_ENDPOINTS.getStatus, {});
+      if (currentSeq !== loadSeqRef.current) return;
       if (!r?.ok) throw new Error(r?.error?.message ?? "RPC failed");
       setStatus(r.value);
       if (!quiet) setErr(null);
     } catch (e) {
-      setErr(e.message);
+      if (currentSeq === loadSeqRef.current) setErr(e.message);
+    } finally {
+      loadInFlightRef.current = false;
     }
-  }, [rpcCall]);
+  }, [authRpcCall]);
+  const pollPlatformsSeqRef = React.useRef(0);
   React.useEffect(() => {
     let alive = true;
+    let inFlight = false;
     const poll = async () => {
+      if (inFlight || !alive) return;
+      inFlight = true;
+      const currentSeq = ++pollPlatformsSeqRef.current;
       try {
-        const r = await rpcCall(BRIDGE_ENDPOINTS.listPlatforms, {});
-        if (alive && r?.ok) {
+        const r = await authRpcCall(BRIDGE_ENDPOINTS.listPlatforms, {});
+        if (alive && currentSeq === pollPlatformsSeqRef.current && r?.ok) {
           setPlatforms(r.value ?? {});
         }
       } catch {
+      } finally {
+        inFlight = false;
       }
     };
     poll();
@@ -1835,7 +1975,7 @@ function BridgePanel({ rpcCall }) {
       alive = false;
       clearInterval(t);
     };
-  }, [rpcCall]);
+  }, [authRpcCall]);
   React.useEffect(() => {
     load();
     const t = setInterval(() => load(true), 3e3);
@@ -1843,14 +1983,14 @@ function BridgePanel({ rpcCall }) {
   }, [load]);
   const act = React.useCallback(async (endpoint, payload) => {
     try {
-      const r = await rpcCall(endpoint, payload ?? {});
+      const r = await authRpcCall(endpoint, payload ?? {});
       if (!r?.ok) throw new Error(r?.error?.message ?? "RPC failed");
       setStatus(r.value);
       setErr(null);
     } catch (e) {
       setErr(e.message);
     }
-  }, [rpcCall]);
+  }, [authRpcCall]);
   const onStartCloudflared = React.useCallback(() => act(BRIDGE_ENDPOINTS.startCloudflared), [act]);
   const onStopCloudflared = React.useCallback(() => act(BRIDGE_ENDPOINTS.stopCloudflared), [act]);
   const onResetCloudflared = React.useCallback(
@@ -1935,7 +2075,7 @@ function BridgePanel({ rpcCall }) {
   } else if (activeTab === "security") {
     tabContent = React.createElement(AccessAuthCard, {
       auth: status?.auth,
-      rpcCall,
+      rpcCall: authRpcCall,
       onUpdate: () => load(true)
     });
   } else if (activeTab === "im") {
@@ -1998,12 +2138,13 @@ function BridgePanel({ rpcCall }) {
           );
         })
       ),
-      // 显示选中的平台卡片
+      // 显示选中的平台卡片（带有 key 保证切换时重置表单状态）
       selectedPlatform && platforms?.[selectedPlatform] && React.createElement(PlatformCard, {
+        key: selectedPlatform,
         platformId: selectedPlatform,
         platformName: IM_PLATFORMS.find((p) => p.id === selectedPlatform)?.label ?? selectedPlatform,
         platformDesc: IM_PLATFORMS.find((p) => p.id === selectedPlatform)?.desc ?? "",
-        rpcCall,
+        rpcCall: authRpcCall,
         onStatusChange: () => {
         }
         // 状态变化已由 listPlatforms 轮询处理，不需要回调
@@ -2129,12 +2270,38 @@ function BridgePanel({ rpcCall }) {
       )
     );
   }
+  const isInterceptionErr = err && (err.includes("\u7BA1\u7406\u5458\u6743\u9650") || err.includes("\u7BA1\u7406\u5BC6\u7801\u89E3\u9501"));
   return React.createElement(
     "div",
-    { style: { maxWidth: 620 } },
-    err && React.createElement("div", {
-      style: { ...s.card, background: "var(--dsw-alias-state-error-bg,#fef2f2)", color: "var(--dsw-alias-state-error-primary,#dc2626)", fontSize: 13, marginBottom: 16 }
-    }, err),
+    { style: { maxWidth: 620, position: "relative" } },
+    // 错误横幅（如果是权限拦截，直接提供醒目的输入密码解锁按钮）
+    err && React.createElement(
+      "div",
+      {
+        style: {
+          ...s.card,
+          background: "var(--dsw-alias-state-error-bg,#fef2f2)",
+          color: "var(--dsw-alias-state-error-primary,#dc2626)",
+          fontSize: 13,
+          marginBottom: 16,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          flexWrap: "wrap",
+          gap: 10
+        }
+      },
+      React.createElement("span", { style: { flex: "1 1 auto" } }, err),
+      isInterceptionErr && React.createElement("button", {
+        type: "button",
+        style: { ...s.btnPri, background: "#dc2626", color: "#ffffff", height: 26, fontSize: 12, padding: "0 10px", flexShrink: 0 },
+        onClick: () => {
+          setUnlockErr(err);
+          setShowUnlockModal(true);
+        }
+      }, "\u{1F511} \u7ACB\u5373\u8F93\u5165\u7BA1\u7406\u5BC6\u7801\u89E3\u9501")
+    ),
+    // 管理员解锁状态提示条
     !isLocalhost && adminUnlocked && React.createElement(
       "div",
       {
@@ -2154,12 +2321,125 @@ function BridgePanel({ rpcCall }) {
       React.createElement("span", null, "\u{1F513} \u7BA1\u7406\u5458\u6743\u9650\u5DF2\u89E3\u9501\uFF08\u5F53\u524D\u4E34\u65F6\u4F1A\u8BDD\u6709\u6548\uFF09"),
       React.createElement("button", {
         style: { ...s.btnGhost, height: 24, fontSize: 11, padding: "0 8px" },
-        onClick: () => setAdminUnlocked(false)
+        onClick: handleLockAdmin
       }, "\u{1F512} \u91CD\u65B0\u9501\u5B9A\u540E\u53F0")
     ),
-    React.createElement(VersionBanner, { rpcCall }),
+    // 未解锁时的顶部引导条
+    !isLocalhost && !adminUnlocked && auth?.enabled && policy !== "open" && React.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: "8px 14px",
+          background: "var(--dsw-alias-state-warn-bg,#fffbeb)",
+          border: "1px solid var(--dsw-alias-state-warn-border,#fde68a)",
+          borderRadius: 8,
+          marginBottom: 14,
+          fontSize: 12,
+          color: "var(--dsw-alias-state-warn-primary,#92400e)"
+        }
+      },
+      React.createElement("span", null, "\u{1F512} \u540E\u53F0\u7BA1\u7406\u6743\u9650\u672A\u89E3\u9501\uFF08\u4FEE\u6539\u654F\u611F\u914D\u7F6E\u9700\u5148\u89E3\u9501\uFF09"),
+      React.createElement("button", {
+        type: "button",
+        style: { ...s.btnPri, height: 24, fontSize: 11, padding: "0 10px", background: "#d97706" },
+        onClick: () => setShowUnlockModal(true)
+      }, "\u{1F511} \u89E3\u9501\u7BA1\u7406\u6743\u9650")
+    ),
+    React.createElement(VersionBanner, { rpcCall: authRpcCall }),
     React.createElement(TabBar, { active: activeTab, onChange: setActiveTab, dots }),
-    tabContent
+    tabContent,
+    // 全局交互式解锁弹窗 Modal
+    showUnlockModal && React.createElement(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          background: "rgba(0,0,0,0.5)",
+          zIndex: 99999,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: 16
+        },
+        onClick: (e) => {
+          if (e.target === e.currentTarget) setShowUnlockModal(false);
+        }
+      },
+      React.createElement(
+        "div",
+        {
+          style: {
+            background: "var(--dsw-alias-bg-layer-1,#ffffff)",
+            borderRadius: 14,
+            padding: "24px 24px",
+            maxWidth: 420,
+            width: "100%",
+            boxShadow: "0 20px 25px -5px rgba(0,0,0,0.2)",
+            border: "1px solid var(--dsw-alias-border-l2,#e5e7eb)"
+          }
+        },
+        React.createElement(
+          "div",
+          { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 12 } },
+          React.createElement(
+            "div",
+            { style: { fontSize: 16, fontWeight: 600, color: "var(--dsw-alias-label-primary,currentColor)", display: "flex", alignItems: "center", gap: 8 } },
+            "\u{1F512} \u89E3\u9501\u540E\u53F0\u7BA1\u7406\u6743\u9650"
+          ),
+          React.createElement("button", {
+            type: "button",
+            style: { border: "none", background: "none", cursor: "pointer", fontSize: 18, color: "var(--dsw-alias-label-tertiary,#9ca3af)", padding: 0 },
+            onClick: () => setShowUnlockModal(false)
+          }, "\u2715")
+        ),
+        React.createElement(
+          "div",
+          { style: { fontSize: 13, color: "var(--dsw-alias-label-secondary,#4b5563)", marginBottom: 16, lineHeight: 1.5 } },
+          "\u5F53\u524D\u64CD\u4F5C\u9700\u8981\u540E\u53F0\u7BA1\u7406\u5458\u6743\u9650\u3002\u4E3A\u4FDD\u62A4\u60A8\u7684\u7F51\u7EDC\u914D\u7F6E\u4E0E\u673A\u5668\u4EBA\u5E73\u53F0\u5B89\u5168\uFF0C\u8BF7\u8F93\u5165\u7BA1\u7406\u5BC6\u7801\u89E3\u9501\uFF1A"
+        ),
+        React.createElement(
+          "form",
+          {
+            onSubmit: handleUnlockAdmin,
+            style: { display: "flex", flexDirection: "column", gap: 12 }
+          },
+          React.createElement("input", {
+            type: "password",
+            style: s.input,
+            placeholder: "\u8BF7\u8F93\u5165\u540E\u53F0\u7BA1\u7406\u5BC6\u7801",
+            value: unlockPassword,
+            onChange: (e) => setUnlockPassword(e.target.value),
+            autoFocus: true
+          }),
+          unlockErr && React.createElement("div", {
+            style: { fontSize: 12, color: "var(--dsw-alias-state-error-primary,#dc2626)" }
+          }, unlockErr),
+          React.createElement(
+            "div",
+            { style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 4 } },
+            React.createElement("button", {
+              type: "button",
+              style: s.btnGhost,
+              onClick: () => setShowUnlockModal(false)
+            }, "\u53D6\u6D88"),
+            React.createElement("button", {
+              type: "submit",
+              style: { ...s.btnPri, background: "#4f6ef7", color: "#fff" },
+              disabled: unlocking || !unlockPassword
+            }, unlocking ? "\u9A8C\u8BC1\u4E2D\u2026" : "\u7ACB\u5373\u89E3\u9501")
+          )
+        ),
+        React.createElement(
+          "div",
+          { style: { marginTop: 14, paddingTop: 10, borderTop: "1px solid var(--dsw-alias-border-l2,#f3f4f6)", fontSize: 11, color: "var(--dsw-alias-label-tertiary,#9ca3af)", textAlign: "center", lineHeight: 1.5 } },
+          "\u{1F4A1} \u63D0\u793A\uFF1A\u82E5\u672A\u5355\u72EC\u914D\u7F6E\u7BA1\u7406\u5BC6\u7801\uFF0C\u8BF7\u8F93\u5165\u521D\u6B21\u8BBE\u7F6E\u7684\u8BBF\u95EE\u5BC6\u7801\uFF1B\u7535\u8111\u672C\u673A\uFF08127.0.0.1\uFF09\u8BBF\u95EE\u4EAB\u6709\u514D\u5BC6\u7BA1\u7406\u7279\u6743\u3002"
+        )
+      )
+    )
   );
 }
 function apply(ctx) {