@xmanrui/dsh-im 0.1.0 → 0.2.0

package/lib/client.js

@@ -40,7 +40,7 @@ __export(index_exports, {
   name: () => name
 });
 module.exports = __toCommonJS(index_exports);
-var React10 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 
 // plugin-src/client/channel-logos.js
 var React = __toESM(require("react"), 1);
@@ -147,6 +147,18 @@ function DiscordLogoGlyph({ size } = {}) {
     d: "M20.32 4.37a19.8 19.8 0 0 0-4.89-1.51c-.21.38-.46.89-.63 1.29a18.4 18.4 0 0 0-5.59 0 13 13 0 0 0-.64-1.29c-1.71.29-3.36.8-4.89 1.52C.59 9.09-.25 13.68.17 18.2a19.9 19.9 0 0 0 6 3.04c.48-.66.91-1.36 1.28-2.1-.7-.26-1.37-.58-2-.96.17-.12.33-.25.49-.38 3.86 1.79 8.04 1.79 11.86 0 .16.13.32.26.49.38-.64.38-1.31.7-2.01.97.37.73.8 1.44 1.28 2.09a19.8 19.8 0 0 0 6-3.04c.49-5.24-.84-9.79-3.24-13.83ZM8.02 15.42c-1.16 0-2.11-1.07-2.11-2.38s.93-2.38 2.11-2.38c1.18 0 2.13 1.08 2.11 2.38 0 1.31-.93 2.38-2.11 2.38Zm7.95 0c-1.16 0-2.11-1.07-2.11-2.38s.93-2.38 2.11-2.38c1.18 0 2.13 1.08 2.11 2.38 0 1.31-.93 2.38-2.11 2.38Z"
   }));
 }
+function WhatsappLogoGlyph({ size } = {}) {
+  return h("svg", {
+    ...dimensions(size),
+    viewBox: "0 0 24 24",
+    focusable: "false",
+    "aria-hidden": "true",
+    "data-im-channel-logo": "whatsapp"
+  }, h("path", {
+    fill: "currentColor",
+    d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.521.149-.173.198-.297.298-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479s1.065 2.875 1.213 3.074c.149.198 2.095 3.2 5.077 4.487.709.306 1.262.489 1.694.626.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.29.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.981.999-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.83 9.83 0 0 1 2.893 6.991c-.003 5.45-4.437 9.884-9.886 9.884m8.413-18.297A11.8 11.8 0 0 0 12.055 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.9 11.9 0 0 0 5.688 1.448h.005c6.557 0 11.892-5.335 11.895-11.893a11.82 11.82 0 0 0-3.486-8.413"
+  }));
+}
 
 // plugin-src/client/channels/dingtalk/api.js
 var DINGTALK_RPC_CHANNEL = "/dingtalk";
@@ -186,8 +198,8 @@ function optionalString(value, maxLength = 240) {
   return trimmed ? trimmed.slice(0, maxLength) : void 0;
 }
 function opaqueId(value) {
-  const id4 = optionalString(value, 128);
-  return id4 && /^[a-z\d_-]+$/i.test(id4) ? id4 : void 0;
+  const id5 = optionalString(value, 128);
+  return id5 && /^[a-z\d_-]+$/i.test(id5) ? id5 : void 0;
 }
 function timestamp(value) {
   if (typeof value === "number" && Number.isFinite(value)) return value;
@@ -1418,7 +1430,7 @@ var TOKEN_BOT_ENDPOINTS = Object.freeze({
   deleteBot: "bot.delete"
 });
 function createTokenChannelApi(channel3, connectionSummary) {
-  const unwrapRpcResult8 = (result) => {
+  const unwrapRpcResult9 = (result) => {
     if (!isRecord2(result) || typeof result.ok !== "boolean") {
       throw new Error(`${channel3} \u670D\u52A1\u8FD4\u56DE\u4E86\u65E0\u6CD5\u8BC6\u522B\u7684\u54CD\u5E94`);
     }
@@ -1429,7 +1441,7 @@ function createTokenChannelApi(channel3, connectionSummary) {
     }
     return result.value;
   };
-  const normalizeBot6 = (value) => {
+  const normalizeBot7 = (value) => {
     if (!isRecord2(value) || !id(value.botId)) return void 0;
     const connected = value.connected === true;
     const state = ACCOUNT_STATES2.has(value.state) ? value.state : "offline";
@@ -1455,23 +1467,23 @@ function createTokenChannelApi(channel3, connectionSummary) {
       } : null
     };
   };
-  const normalizeSnapshot7 = (value) => {
+  const normalizeSnapshot8 = (value) => {
     const source = isRecord2(value?.snapshot) ? value.snapshot : value;
     if (!isRecord2(source) || !Array.isArray(source.bots)) {
       throw new Error(`${channel3} \u670D\u52A1\u6CA1\u6709\u8FD4\u56DE\u6709\u6548\u7684\u673A\u5668\u4EBA\u5217\u8868`);
     }
-    const bots = source.bots.map(normalizeBot6).filter(Boolean);
+    const bots = source.bots.map(normalizeBot7).filter(Boolean);
     return {
       revision: Number.isSafeInteger(source.revision) ? source.revision : 0,
       bots,
       totals: { configured: bots.length, connected: bots.filter((bot) => bot.connected).length }
     };
   };
-  const presentError8 = (error) => ({
+  const presentError9 = (error) => ({
     code: text(error?.code, `${channel3.toUpperCase()}_ERROR`, 80),
     message: text(error?.message, `${channel3}\u64CD\u4F5C\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5`)
   });
-  return Object.freeze({ unwrapRpcResult: unwrapRpcResult8, normalizeSnapshot: normalizeSnapshot7, presentError: presentError8 });
+  return Object.freeze({ unwrapRpcResult: unwrapRpcResult9, normalizeSnapshot: normalizeSnapshot8, presentError: presentError9 });
 }
 
 // plugin-src/client/channels/discord/api.js
@@ -1519,7 +1531,14 @@ function createTokenChannelSettings(definition) {
     tokenPlaceholder,
     emptyTitle,
     emptyDescription,
-    platformLabel
+    platformLabel,
+    CredentialPanel = null,
+    credentialPayload = ({ secret }) => ({ token: secret }),
+    credentialAriaLabel = `\u4F7F\u7528 Bot Token \u63A5\u5165 ${channel3} \u673A\u5668\u4EBA`,
+    credentialOpenLabel = "\u624B\u52A8\u63A5\u5165",
+    credentialCloseLabel = "\u6536\u8D77\u51ED\u636E",
+    credentialNoun = "Bot Token",
+    emptyActionLabel = "\u586B\u5199 Bot Token"
   } = definition;
   function AccountCard5({ account, busy, removing, onReconnect, onRequestRemove, onConfirmRemove, onCancelRemove }) {
     const state = busy === "reconnect" ? "connecting" : account.state;
@@ -1599,7 +1618,7 @@ function createTokenChannelSettings(definition) {
         "div",
         { className: "ddt-confirm dim-confirm", role: "alertdialog" },
         h4("strong", null, `\u4ECE DeepSeek Harness \u79FB\u9664\u201C${account.bot.name}\u201D\uFF1F`),
-        h4("p", null, `\u8FD9\u4F1A\u505C\u6B62\u6D88\u606F\u8FDE\u63A5\uFF0C\u5E76\u5220\u9664\u672C\u673A\u4FDD\u5B58\u7684 Bot Token\u3001\u673A\u5668\u4EBA\u914D\u7F6E\u53CA\u4F1A\u8BDD\u6620\u5C04\u3002${platformLabel}\u4E2D\u7684\u673A\u5668\u4EBA\u4E0D\u4F1A\u88AB\u81EA\u52A8\u5220\u9664\u3002`),
+        h4("p", null, `\u8FD9\u4F1A\u505C\u6B62\u6D88\u606F\u8FDE\u63A5\uFF0C\u5E76\u5220\u9664\u672C\u673A\u4FDD\u5B58\u7684 ${credentialNoun}\u3001\u673A\u5668\u4EBA\u914D\u7F6E\u53CA\u4F1A\u8BDD\u6620\u5C04\u3002${platformLabel}\u4E2D\u7684\u673A\u5668\u4EBA\u4E0D\u4F1A\u88AB\u81EA\u52A8\u5220\u9664\u3002`),
         h4(
           "div",
           { className: "ddt-actions dim-viewActions" },
@@ -1673,11 +1692,14 @@ function createTokenChannelSettings(definition) {
         window.clearInterval(timer);
       };
     }, [loadStatus, model.phase]);
-    const bindCredentials = React4.useCallback(async ({ secret }) => {
+    const bindCredentials = React4.useCallback(async (values) => {
       setBusy(true);
       setCredentialError(null);
       try {
-        const snapshot = api3.normalizeSnapshot(await invoke(endpoints.bindCredentials, { token: secret }));
+        const snapshot = api3.normalizeSnapshot(await invoke(
+          endpoints.bindCredentials,
+          credentialPayload(values)
+        ));
         if (!mounted.current) return;
         setModel({ phase: "ready", bots: snapshot.bots, totals: snapshot.totals, error: null });
         setCredentialOpen(false);
@@ -1755,8 +1777,8 @@ function createTokenChannelSettings(definition) {
               },
               disabled: busy,
               "aria-pressed": credentialOpen,
-              "aria-label": `\u4F7F\u7528 Bot Token \u63A5\u5165 ${channel3} \u673A\u5668\u4EBA`
-            }, h4(CredentialActionIcon), credentialOpen ? "\u6536\u8D77\u51ED\u636E" : "\u624B\u52A8\u63A5\u5165")
+              "aria-label": credentialAriaLabel
+            }, h4(CredentialActionIcon), credentialOpen ? credentialCloseLabel : credentialOpenLabel)
           ),
           model.totals.configured > 0 ? h4(
             "div",
@@ -1781,7 +1803,15 @@ function createTokenChannelSettings(definition) {
       ) : h4(
         React4.Fragment,
         null,
-        credentialOpen ? h4(CredentialBindingPanel, {
+        credentialOpen ? CredentialPanel ? h4(CredentialPanel, {
+          busy,
+          error: credentialError,
+          onSubmit: bindCredentials,
+          onCancel: () => {
+            setCredentialOpen(false);
+            setCredentialError(null);
+          }
+        }) : h4(CredentialBindingPanel, {
           channel: channel3,
           secretLabel: "Bot Token",
           secretPlaceholder: tokenPlaceholder,
@@ -1816,7 +1846,7 @@ function createTokenChannelSettings(definition) {
                 h4(Button3, {
                   kind: "primary",
                   onClick: () => setCredentialOpen(true)
-                }, "\u586B\u5199 Bot Token")
+                }, emptyActionLabel)
               )
             ),
             h4("div", {
@@ -2988,14 +3018,14 @@ var HEALTH_LABELS = {
   offline: "\u8FDE\u63A5\u4E2D\u65AD",
   error: "\u9700\u8981\u5904\u7406"
 };
-function formatCheckedTime(timestamp6) {
-  if (!timestamp6) return "\u5C1A\u672A\u68C0\u67E5";
+function formatCheckedTime(timestamp7) {
+  if (!timestamp7) return "\u5C1A\u672A\u68C0\u67E5";
   try {
     return new Intl.DateTimeFormat("zh-CN", {
       hour: "2-digit",
       minute: "2-digit",
       second: "2-digit"
-    }).format(new Date(timestamp6));
+    }).format(new Date(timestamp7));
   } catch {
     return "\u521A\u521A";
   }
@@ -3334,14 +3364,14 @@ function FeishuSettingsTab({ rpcCall }) {
         FEISHU_ENDPOINTS.beginProvisioning,
         { locale: "zh-CN" }
       ));
-      const timestamp6 = Date.now();
-      setNow(timestamp6);
+      const timestamp7 = Date.now();
+      setNow(timestamp7);
       setModel((current) => ({
         ...current,
         provisioning: {
           phase: "qr",
           ...provision2,
-          durationMs: Math.max(1, provision2.expiresAt - timestamp6),
+          durationMs: Math.max(1, provision2.expiresAt - timestamp7),
           expired: false
         }
       }));
@@ -3397,9 +3427,9 @@ function FeishuSettingsTab({ rpcCall }) {
   React6.useEffect(() => {
     if (!countdownAttemptId || countdownPhase !== "qr" || countdownExpired) return void 0;
     const tick = () => {
-      const timestamp6 = Date.now();
-      setNow(timestamp6);
-      if (timestamp6 >= countdownExpiresAt) {
+      const timestamp7 = Date.now();
+      setNow(timestamp7);
+      if (timestamp7 >= countdownExpiresAt) {
         setModel((current) => current.provisioning?.attemptId === countdownAttemptId ? { ...current, provisioning: { ...current.provisioning, expired: true } } : current);
       }
     };
@@ -5440,14 +5470,14 @@ function ProvisionError3({ provision, busy, onRetry, onClose }) {
     )
   );
 }
-function checkedTime5(timestamp6) {
-  if (!timestamp6) return "\u5C1A\u672A\u68C0\u67E5";
+function checkedTime5(timestamp7) {
+  if (!timestamp7) return "\u5C1A\u672A\u68C0\u67E5";
   try {
     return new Intl.DateTimeFormat("zh-CN", {
       hour: "2-digit",
       minute: "2-digit",
       second: "2-digit"
-    }).format(new Date(timestamp6));
+    }).format(new Date(timestamp7));
   } catch {
     return "\u521A\u521A";
   }
@@ -5855,9 +5885,668 @@ function WeixinSettingsTab({ rpcCall }) {
   );
 }
 
+// plugin-src/client/channels/whatsapp/api.js
+var WHATSAPP_RPC_CHANNEL = "/whatsapp";
+var WHATSAPP_ENDPOINTS = Object.freeze({
+  status: "connection.status",
+  beginProvisioning: "provision.begin",
+  pollProvisioning: "provision.poll",
+  cancelProvisioning: "provision.cancel",
+  reconnectBot: "bot.reconnect",
+  deleteBot: "bot.delete"
+});
+var PROVISION_STATES5 = /* @__PURE__ */ new Set(["starting", "pending", "connecting", "connected", "failed", "cancelled"]);
+var BOT_STATES = /* @__PURE__ */ new Set(["connected", "connecting", "offline", "error"]);
+var QR_DATA_URL4 = /^data:image\/(?:png|webp);base64,[a-z\d+/]+={0,2}$/i;
+function isRecord7(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function text4(value, fallback, max = 240) {
+  return typeof value === "string" && value.trim() ? value.trim().slice(0, max) : fallback;
+}
+function id4(value) {
+  const result = text4(value, "", 128);
+  return /^[a-z\d_-]+$/i.test(result) ? result : void 0;
+}
+function timestamp6(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  const parsed = typeof value === "string" ? Date.parse(value) : Number.NaN;
+  return Number.isNaN(parsed) ? void 0 : parsed;
+}
+function unwrapRpcResult8(result) {
+  if (!isRecord7(result) || typeof result.ok !== "boolean") {
+    throw new Error("WhatsApp \u670D\u52A1\u8FD4\u56DE\u4E86\u65E0\u6CD5\u8BC6\u522B\u7684\u54CD\u5E94");
+  }
+  if (!result.ok) {
+    const error = new Error(text4(result.error?.message, "WhatsApp \u64CD\u4F5C\u5931\u8D25"));
+    error.code = text4(result.error?.code, "WHATSAPP_RPC_ERROR", 80);
+    throw error;
+  }
+  return result.value;
+}
+function safeQrSource6(value) {
+  return typeof value === "string" && value.length <= 2 * 1024 * 1024 && QR_DATA_URL4.test(value) ? value : void 0;
+}
+function normalizeProvisioning6(value, now = Date.now()) {
+  const source = isRecord7(value?.provisioning) ? value.provisioning : value;
+  if (!isRecord7(source)) throw new Error("WhatsApp \u670D\u52A1\u6CA1\u6709\u8FD4\u56DE\u626B\u7801\u8FDB\u5EA6");
+  const attemptId = id4(source.attemptId);
+  if (!attemptId) throw new Error("WhatsApp \u670D\u52A1\u6CA1\u6709\u8FD4\u56DE\u6709\u6548\u7684\u626B\u7801\u4EFB\u52A1");
+  const reported = text4(source.status, "failed", 32);
+  const result = {
+    attemptId,
+    status: PROVISION_STATES5.has(reported) ? reported : "failed",
+    expiresAt: timestamp6(source.expiresAt) ?? now + 6e4,
+    pollIntervalMs: Math.min(5e3, Math.max(500, Number(source.pollIntervalMs) || 1e3)),
+    qrRevision: Number.isSafeInteger(source.qrRevision) ? source.qrRevision : 0
+  };
+  const qrCodeDataUrl = safeQrSource6(source.qrCodeDataUrl);
+  if (qrCodeDataUrl) result.qrCodeDataUrl = qrCodeDataUrl;
+  if (id4(source.botId)) result.botId = id4(source.botId);
+  if (isRecord7(source.error)) result.error = {
+    code: text4(source.error.code, "WHATSAPP_PROVISION_FAILED", 80),
+    message: text4(source.error.message, "WhatsApp \u6CA1\u6709\u63A5\u5165\u5B8C\u6210")
+  };
+  return result;
+}
+function normalizeBot6(value) {
+  if (!isRecord7(value) || !id4(value.botId)) return void 0;
+  const connected = value.connected === true;
+  const state = BOT_STATES.has(value.state) ? value.state : "offline";
+  return {
+    botId: id4(value.botId),
+    connected,
+    state: connected ? "connected" : state,
+    bot: {
+      name: text4(value.bot?.name, "WhatsApp\u673A\u5668\u4EBA", 100),
+      idMasked: text4(value.bot?.idMasked, "WhatsApp\u8D26\u53F7", 140)
+    },
+    health: {
+      summary: text4(value.health?.summary, connected ? "WhatsApp Web \u5173\u8054\u8BBE\u5907\u8FD0\u884C\u6B63\u5E38" : "WhatsApp \u8FDE\u63A5\u5C1A\u672A\u5C31\u7EEA"),
+      lastCheckedAt: timestamp6(value.health?.lastCheckedAt)
+    },
+    error: isRecord7(value.error) ? {
+      code: text4(value.error.code, "WHATSAPP_ACCOUNT_ERROR", 80),
+      message: text4(value.error.message, "WhatsApp \u8FDE\u63A5\u5C1A\u672A\u5C31\u7EEA")
+    } : null
+  };
+}
+function normalizeSnapshot7(value) {
+  const source = isRecord7(value?.snapshot) ? value.snapshot : value;
+  if (!isRecord7(source) || !Array.isArray(source.bots)) {
+    throw new Error("WhatsApp \u670D\u52A1\u6CA1\u6709\u8FD4\u56DE\u6709\u6548\u7684\u673A\u5668\u4EBA\u5217\u8868");
+  }
+  const bots = source.bots.map(normalizeBot6).filter(Boolean);
+  return {
+    revision: Number.isSafeInteger(source.revision) ? source.revision : 0,
+    bots,
+    totals: { configured: bots.length, connected: bots.filter((bot) => bot.connected).length },
+    provisioning: source.provisioning ? normalizeProvisioning6(source.provisioning) : null
+  };
+}
+function presentError8(error) {
+  return {
+    code: text4(error?.code, "WHATSAPP_ERROR", 80),
+    message: text4(error?.message, "WhatsApp \u64CD\u4F5C\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5")
+  };
+}
+function formatRemaining6(milliseconds) {
+  const seconds = Math.max(0, Math.ceil(Number(milliseconds) / 1e3) || 0);
+  return `${String(Math.floor(seconds / 60)).padStart(2, "0")}:${String(seconds % 60).padStart(2, "0")}`;
+}
+
+// plugin-src/client/channels/whatsapp/index.js
+var React10 = __toESM(require("react"), 1);
+
+// plugin-src/client/channels/whatsapp/styles.js
+var WHATSAPP_STYLE_ID = "xmanrui-dsh-im-whatsapp-settings";
+var CSS8 = String.raw`
+.dwa-page { --ddt-accent: #25d366; --ddt-accent-deep: #128c7e; --ddt-accent-wash: #eafbf0; }
+.dwa-avatar { color: #fff; background: #25d366; }
+.dwa-avatar svg { display: block; }
+`;
+function installWhatsappStyles() {
+  if (typeof document === "undefined") return () => {
+  };
+  const existing = document.querySelector(`style[data-plugin-css="${WHATSAPP_STYLE_ID}"]`);
+  if (existing) return () => {
+  };
+  const style = document.createElement("style");
+  style.dataset.plugin = "@xmanrui/dsh-im";
+  style.dataset.pluginCss = WHATSAPP_STYLE_ID;
+  style.textContent = CSS8;
+  document.head.appendChild(style);
+  return () => style.remove();
+}
+
+// plugin-src/client/channels/whatsapp/index.js
+var h9 = React10.createElement;
+var ACTIVE_STATES3 = /* @__PURE__ */ new Set(["pending", "connecting"]);
+var Button13 = React10.forwardRef(function Button14({ children, kind = "secondary", className = "", ...props }, ref) {
+  return h9("button", {
+    ...props,
+    ref,
+    type: "button",
+    className: `ddt-button ${className}`.trim(),
+    "data-kind": kind
+  }, children);
+});
+function checkedTime6(value) {
+  if (!value) return "\u5C1A\u672A\u68C0\u67E5";
+  try {
+    return new Intl.DateTimeFormat("zh-CN", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }).format(new Date(value));
+  } catch {
+    return "\u521A\u521A";
+  }
+}
+function Heading6({ totals, busy, onAdd, addButtonRef }) {
+  return h9(
+    "div",
+    { className: "ddt-heading" },
+    h9(
+      "div",
+      { className: "ddt-tools" },
+      h9(
+        "div",
+        { className: "dim-bindActions" },
+        h9(Button13, {
+          kind: "primary",
+          className: "dim-scanButton",
+          onClick: onAdd,
+          disabled: busy,
+          ref: addButtonRef,
+          "aria-label": "\u626B\u7801\u63A5\u5165 WhatsApp \u673A\u5668\u4EBA"
+        }, h9(QrActionIcon), busy ? "\u6B63\u5728\u63A5\u5165" : "\u626B\u7801\u63A5\u5165\u673A\u5668\u4EBA")
+      ),
+      totals.configured > 0 ? h9(
+        "div",
+        { className: "ddt-badge dim-onlineBadge" },
+        h9("span", null, `${totals.connected} / ${totals.configured} \u5728\u7EBF`)
+      ) : null
+    )
+  );
+}
+function LoadingView6() {
+  return h9("div", {
+    className: "ddt-card ddt-loading dim-surfaceCard dim-loadingView",
+    "aria-busy": "true"
+  }, h9("div", { className: "ddt-spinner dim-spinner" }), "\u6B63\u5728\u8BFB\u53D6 WhatsApp \u673A\u5668\u4EBA\u72B6\u6001\u2026");
+}
+function EmptyView6({ busy, onStart }) {
+  return h9(
+    "div",
+    { className: "ddt-card dim-surfaceCard" },
+    h9(
+      "div",
+      { className: "ddt-cardBody ddt-empty dim-surfaceBody dim-emptyView" },
+      h9(
+        "div",
+        { className: "dim-emptyCopy" },
+        h9(
+          "div",
+          { className: "ddt-stateLabel dim-stateLabel" },
+          h9("span", { className: "ddt-dot dim-stateDot" }),
+          h9("span", null, "\u5C1A\u672A\u63A5\u5165 WhatsApp \u673A\u5668\u4EBA")
+        ),
+        h9("h3", null, "\u626B\u7801\u7ED1\u5B9A WhatsApp \u673A\u5668\u4EBA"),
+        h9("p", null, "\u4F7F\u7528\u624B\u673A WhatsApp \u626B\u63CF\u4E8C\u7EF4\u7801\u5373\u53EF\u63A5\u5165\u3002"),
+        h9(
+          "div",
+          { className: "ddt-actions dim-viewActions" },
+          h9(
+            Button13,
+            { kind: "primary", onClick: onStart, disabled: busy },
+            busy ? "\u6B63\u5728\u751F\u6210\u4E8C\u7EF4\u7801\u2026" : "\u751F\u6210\u4E8C\u7EF4\u7801"
+          )
+        )
+      ),
+      h9("div", {
+        className: "ddt-brandMark dim-emptyBrand dwa-avatar",
+        "aria-hidden": "true"
+      }, h9(WhatsappLogoGlyph, { size: 64 }))
+    )
+  );
+}
+function QrPanel5({ provision, now, busy, onRefresh, onCancel }) {
+  const source = safeQrSource6(provision.qrCodeDataUrl);
+  const remaining = Math.max(0, provision.expiresAt - now);
+  const duration = Math.max(1, provision.durationMs ?? 6e4);
+  const progress = Math.round(Math.min(1, remaining / duration) * 100);
+  return h9(
+    "div",
+    { className: "ddt-card dim-surfaceCard" },
+    h9(
+      "div",
+      { className: "ddt-cardBody ddt-qrLayout dim-surfaceBody dim-qrLayout" },
+      h9(
+        "div",
+        { className: "ddt-qrColumn dim-qrColumn" },
+        h9(
+          "div",
+          { className: "ddt-qrFrame dim-qrFrame" },
+          source ? h9("img", {
+            src: source,
+            alt: "\u7528\u4E8E\u5173\u8054 WhatsApp \u8BBE\u5907\u7684\u4E00\u6B21\u6027\u4E8C\u7EF4\u7801"
+          }) : h9("div", { className: "ddt-qrFallback dim-qrFallback" }, "\u4E8C\u7EF4\u7801\u6B63\u5728\u751F\u6210\u2026")
+        ),
+        h9(
+          "div",
+          { className: "ddt-countdown dim-countdown" },
+          h9(
+            "div",
+            { className: "ddt-countdownTop dim-countdownTop" },
+            h9("span", null, "\u5F53\u524D\u4E8C\u7EF4\u7801\u6709\u6548\u65F6\u95F4"),
+            h9("strong", null, formatRemaining6(remaining))
+          ),
+          h9("div", {
+            className: "ddt-progress dim-progress",
+            style: { "--ddt-progress": `${progress}%` }
+          }, h9("span"))
+        )
+      ),
+      h9(
+        "div",
+        { className: "ddt-qrCopy dim-qrCopy" },
+        h9(
+          "div",
+          { className: "ddt-stateLabel dim-stateLabel" },
+          h9("span", { className: "ddt-dot dim-stateDot", "data-tone": "warning" }),
+          h9("span", null, "\u7B49\u5F85 WhatsApp \u626B\u7801")
+        ),
+        h9("h3", null, "\u7528\u624B\u673A WhatsApp \u626B\u63CF\u4E8C\u7EF4\u7801"),
+        h9(
+          "ol",
+          { className: "ddt-steps dim-steps" },
+          h9("li", null, "\u6253\u5F00 WhatsApp \u2192 \u8BBE\u7F6E \u2192 \u5DF2\u5173\u8054\u8BBE\u5907"),
+          h9("li", null, "\u70B9\u51FB\u201C\u5173\u8054\u8BBE\u5907\u201D\u5E76\u626B\u63CF\u5DE6\u4FA7\u4E8C\u7EF4\u7801")
+        ),
+        h9(
+          "div",
+          { className: "ddt-actions dim-viewActions" },
+          h9(Button13, { onClick: onRefresh, disabled: busy }, "\u91CD\u65B0\u751F\u6210\u4E8C\u7EF4\u7801"),
+          h9(Button13, { kind: "quiet", onClick: onCancel, disabled: busy }, "\u53D6\u6D88")
+        )
+      )
+    )
+  );
+}
+function ProvisionView3({ provision, busy, onRetry, onClose }) {
+  if (provision.status === "starting" || provision.status === "connecting") {
+    const starting = provision.status === "starting";
+    return h9(
+      "div",
+      {
+        className: "ddt-card ddt-loading dim-surfaceCard dim-specialView",
+        "aria-busy": "true"
+      },
+      h9("div", { className: "ddt-spinner dim-spinner" }),
+      h9("h3", null, starting ? "\u6B63\u5728\u751F\u6210 WhatsApp \u4E8C\u7EF4\u7801" : "\u5DF2\u626B\u7801\uFF0C\u6B63\u5728\u8FDE\u63A5 WhatsApp"),
+      h9("p", null, starting ? "\u6B63\u5728\u5EFA\u7ACB\u5B89\u5168\u7684\u5173\u8054\u8BBE\u5907\u4F1A\u8BDD\u3002" : "\u5173\u8054\u8BBE\u5907\u6B63\u5728\u63A5\u5165 DeepSeek Harness\u3002")
+    );
+  }
+  const error = provision.error ?? {
+    code: "WHATSAPP_PROVISION_FAILED",
+    message: "WhatsApp \u6CA1\u6709\u63A5\u5165\u5B8C\u6210"
+  };
+  return h9(
+    "div",
+    { className: "ddt-card dim-surfaceCard" },
+    h9(
+      "div",
+      { className: "ddt-inlineError dim-inlineError", role: "alert" },
+      h9("h3", null, "WhatsApp \u6CA1\u6709\u63A5\u5165\u5B8C\u6210"),
+      h9("p", null, error.message),
+      h9("span", { className: "ddt-errorCode" }, error.code),
+      h9(
+        "div",
+        { className: "ddt-actions dim-viewActions" },
+        h9(Button13, { kind: "primary", onClick: onRetry, disabled: busy }, "\u91CD\u65B0\u751F\u6210\u4E8C\u7EF4\u7801"),
+        h9(Button13, { onClick: onClose, disabled: busy }, "\u5173\u95ED")
+      )
+    )
+  );
+}
+function RemoveConfirmation5({ account, busy, onConfirm, onCancel }) {
+  return h9(
+    "div",
+    { className: "ddt-confirm dim-confirm", role: "alertdialog" },
+    h9("strong", null, `\u4ECE DeepSeek Harness \u79FB\u9664\u201C${account.bot.name}\u201D\uFF1F`),
+    h9("p", null, "\u8FD9\u4F1A\u505C\u6B62\u6D88\u606F\u8FDE\u63A5\uFF0C\u5E76\u5220\u9664\u672C\u673A\u4FDD\u5B58\u7684 WhatsApp \u5173\u8054\u8BBE\u5907\u548C\u4F1A\u8BDD\u6620\u5C04\u3002"),
+    h9(
+      "div",
+      { className: "ddt-actions dim-viewActions" },
+      h9(Button13, { onClick: onCancel, disabled: busy }, "\u4FDD\u7559\u673A\u5668\u4EBA"),
+      h9(
+        Button13,
+        { kind: "danger", onClick: onConfirm, disabled: busy },
+        busy ? "\u6B63\u5728\u79FB\u9664\u2026" : "\u786E\u8BA4\u79FB\u9664\u63A5\u5165"
+      )
+    )
+  );
+}
+function WhatsappAccountCard({
+  account,
+  busy,
+  removing,
+  onReconnect,
+  onRequestRemove,
+  onConfirmRemove,
+  onCancelRemove
+}) {
+  const state = busy === "reconnect" ? "connecting" : account.state;
+  const tone = account.connected ? "success" : state === "error" ? "error" : "warning";
+  const stateLabel = account.connected ? "\u8FD0\u884C\u6B63\u5E38" : state === "connecting" ? "\u6B63\u5728\u8FDE\u63A5" : "\u8FDE\u63A5\u672A\u5C31\u7EEA";
+  const summary = account.error?.message ?? (account.connected ? null : account.health.summary);
+  return h9(
+    "article",
+    { className: "ddt-card dim-botCard", "data-bot-id": account.botId },
+    h9(
+      "div",
+      { className: "ddt-cardBody dim-botCardBody" },
+      h9(
+        "div",
+        { className: "ddt-accountTop dim-botCardTop" },
+        h9(
+          "div",
+          { className: "ddt-accountIdentity dim-botIdentity" },
+          h9("div", {
+            className: "ddt-avatar dim-botAvatar dwa-avatar",
+            "aria-hidden": "true"
+          }, h9(WhatsappLogoGlyph, { size: 29 })),
+          h9(
+            "div",
+            { className: "dim-botName" },
+            h9("h3", null, account.bot.name),
+            h9("p", null, account.bot.idMasked)
+          )
+        ),
+        h9(
+          "div",
+          { className: "ddt-health dim-botHealth" },
+          h9("span", { className: "ddt-dot dim-healthDot", "data-tone": tone }),
+          h9("span", null, stateLabel)
+        )
+      ),
+      h9(
+        "dl",
+        { className: "ddt-metrics dim-botMetrics" },
+        h9(
+          "div",
+          { className: "ddt-metric dim-botMetric" },
+          h9("dt", null, "\u6D88\u606F\u901A\u9053"),
+          h9("dd", null, account.connected ? "WhatsApp Web" : "\u79BB\u7EBF")
+        ),
+        h9(
+          "div",
+          { className: "ddt-metric dim-botMetric" },
+          h9("dt", null, "\u6700\u8FD1\u68C0\u67E5"),
+          h9("dd", null, checkedTime6(account.health.lastCheckedAt))
+        )
+      ),
+      h9(
+        "div",
+        { className: "ddt-accountFooter dim-cardFooter" },
+        summary ? h9("div", { className: "ddt-summary dim-cardSummary" }, summary) : null,
+        h9(
+          "div",
+          { className: "ddt-actions dim-cardActions" },
+          h9(Button13, {
+            className: "dim-cardAction",
+            onClick: onReconnect,
+            disabled: Boolean(busy)
+          }, busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
+          h9(Button13, {
+            className: "dim-cardAction",
+            kind: "danger",
+            onClick: onRequestRemove,
+            disabled: Boolean(busy)
+          }, "\u79FB\u9664\u63A5\u5165")
+        )
+      )
+    ),
+    removing ? h9(RemoveConfirmation5, {
+      account,
+      busy: busy === "delete",
+      onConfirm: onConfirmRemove,
+      onCancel: onCancelRemove
+    }) : null
+  );
+}
+function WhatsappSettingsTab({ rpcCall }) {
+  const [model, setModel] = React10.useState({
+    phase: "loading",
+    bots: [],
+    totals: { configured: 0, connected: 0 },
+    error: null
+  });
+  const [provision, setProvision] = React10.useState(null);
+  const [busy, setBusy] = React10.useState(false);
+  const [busyByBot, setBusyByBot] = React10.useState({});
+  const [removeTarget, setRemoveTarget] = React10.useState(null);
+  const [now, setNow] = React10.useState(Date.now());
+  const mounted = React10.useRef(true);
+  const addButtonRef = React10.useRef(null);
+  React10.useEffect(() => {
+    const disposeDingtalk = installDingtalkStyles();
+    const disposeWhatsapp = installWhatsappStyles();
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      disposeWhatsapp();
+      disposeDingtalk();
+    };
+  }, []);
+  const invoke = React10.useCallback(async (endpoint, payload = {}, signal) => {
+    if (typeof rpcCall !== "function") throw new TypeError("WhatsApp \u8BBE\u7F6E\u9875\u7F3A\u5C11 RPC \u8FDE\u63A5");
+    return unwrapRpcResult8(await rpcCall(endpoint, payload, signal));
+  }, [rpcCall]);
+  const loadStatus = React10.useCallback(async ({ signal, silent = false, restore = false } = {}) => {
+    if (!silent && mounted.current) setModel((current) => ({ ...current, phase: "loading", error: null }));
+    try {
+      const snapshot = normalizeSnapshot7(await invoke(WHATSAPP_ENDPOINTS.status, {}, signal));
+      if (!mounted.current || signal?.aborted) return void 0;
+      setModel({ phase: "ready", bots: snapshot.bots, totals: snapshot.totals, error: null });
+      if (restore && snapshot.provisioning) setProvision({
+        ...snapshot.provisioning,
+        durationMs: Math.max(1, snapshot.provisioning.expiresAt - Date.now())
+      });
+      return snapshot;
+    } catch (error) {
+      if (error?.name !== "AbortError" && mounted.current && !signal?.aborted) {
+        setModel((current) => ({
+          ...current,
+          phase: silent ? current.phase : "error",
+          error: presentError8(error)
+        }));
+      }
+      return void 0;
+    }
+  }, [invoke]);
+  React10.useEffect(() => {
+    const controller = new AbortController();
+    void loadStatus({ signal: controller.signal, restore: true });
+    return () => controller.abort();
+  }, [loadStatus]);
+  React10.useEffect(() => {
+    if (model.phase !== "ready") return void 0;
+    const controller = new AbortController();
+    const timer = window.setInterval(
+      () => void loadStatus({ signal: controller.signal, silent: true }),
+      15e3
+    );
+    return () => {
+      controller.abort();
+      window.clearInterval(timer);
+    };
+  }, [loadStatus, model.phase]);
+  React10.useEffect(() => {
+    if (!provision || !ACTIVE_STATES3.has(provision.status)) return void 0;
+    const timer = window.setInterval(() => mounted.current && setNow(Date.now()), 1e3);
+    return () => window.clearInterval(timer);
+  }, [provision?.attemptId, provision?.status]);
+  const startProvisioning = React10.useCallback(async (replace = false) => {
+    setBusy(true);
+    try {
+      if (replace && provision?.attemptId) {
+        await invoke(WHATSAPP_ENDPOINTS.cancelProvisioning, { attemptId: provision.attemptId });
+      }
+      if (!mounted.current) return;
+      setProvision({ status: "starting" });
+      const started = normalizeProvisioning6(await invoke(WHATSAPP_ENDPOINTS.beginProvisioning, {}));
+      if (!mounted.current) return;
+      setNow(Date.now());
+      setProvision({ ...started, durationMs: Math.max(1, started.expiresAt - Date.now()) });
+    } catch (error) {
+      if (mounted.current) setProvision({ status: "failed", error: presentError8(error) });
+    } finally {
+      if (mounted.current) setBusy(false);
+    }
+  }, [invoke, provision?.attemptId]);
+  const closeProvision = React10.useCallback(async () => {
+    setBusy(true);
+    try {
+      if (provision?.attemptId && ACTIVE_STATES3.has(provision.status)) {
+        await invoke(WHATSAPP_ENDPOINTS.cancelProvisioning, { attemptId: provision.attemptId });
+      }
+      if (mounted.current) setProvision(null);
+    } finally {
+      if (mounted.current) setBusy(false);
+    }
+  }, [invoke, provision?.attemptId, provision?.status]);
+  React10.useEffect(() => {
+    const attemptId = provision?.attemptId;
+    if (!attemptId || !ACTIVE_STATES3.has(provision.status)) return void 0;
+    const controller = new AbortController();
+    let disposed = false;
+    let timer;
+    const schedule = (delay) => {
+      if (disposed || controller.signal.aborted) return;
+      timer = window.setTimeout(() => void poll(), delay);
+    };
+    const poll = async () => {
+      try {
+        const current = normalizeProvisioning6(await invoke(
+          WHATSAPP_ENDPOINTS.pollProvisioning,
+          { attemptId },
+          controller.signal
+        ));
+        if (disposed || controller.signal.aborted || !mounted.current) return;
+        if (current.status === "connected") {
+          setProvision(null);
+          await loadStatus({ signal: controller.signal, silent: true });
+          return;
+        }
+        setProvision((previous) => ({
+          ...current,
+          durationMs: previous?.durationMs ?? Math.max(1, current.expiresAt - Date.now())
+        }));
+        if (ACTIVE_STATES3.has(current.status)) schedule(current.pollIntervalMs);
+      } catch (error) {
+        if (!disposed && !controller.signal.aborted && mounted.current) {
+          setProvision({ status: "failed", error: presentError8(error) });
+        }
+      }
+    };
+    schedule(provision.pollIntervalMs ?? 1e3);
+    return () => {
+      disposed = true;
+      controller.abort();
+      if (timer) window.clearTimeout(timer);
+    };
+  }, [invoke, loadStatus, provision?.attemptId, provision?.status]);
+  const botAction = React10.useCallback(async (account, operation, endpoint, payload) => {
+    setBusyByBot((current) => ({ ...current, [account.botId]: operation }));
+    try {
+      const snapshot = normalizeSnapshot7(await invoke(endpoint, payload));
+      if (mounted.current) {
+        setModel({ phase: "ready", bots: snapshot.bots, totals: snapshot.totals, error: null });
+      }
+    } finally {
+      if (mounted.current) setBusyByBot((current) => {
+        const next = { ...current };
+        delete next[account.botId];
+        return next;
+      });
+    }
+  }, [invoke]);
+  const botList = model.bots.length > 0 ? h9(
+    "section",
+    { className: "dim-listSection" },
+    h9(
+      "div",
+      { className: "ddt-listHeading dim-listHeading" },
+      h9("h3", null, "\u5DF2\u63A5\u5165\u7684 WhatsApp \u673A\u5668\u4EBA")
+    ),
+    h9("ul", { className: "ddt-list dim-botList" }, model.bots.map((account) => h9("li", { key: account.botId }, h9(WhatsappAccountCard, {
+      account,
+      busy: busyByBot[account.botId],
+      removing: removeTarget === account.botId,
+      onReconnect: () => void botAction(
+        account,
+        "reconnect",
+        WHATSAPP_ENDPOINTS.reconnectBot,
+        { botId: account.botId }
+      ),
+      onRequestRemove: () => setRemoveTarget(account.botId),
+      onCancelRemove: () => setRemoveTarget(null),
+      onConfirmRemove: async () => {
+        await botAction(account, "delete", WHATSAPP_ENDPOINTS.deleteBot, {
+          botId: account.botId,
+          confirm: true
+        });
+        if (mounted.current) setRemoveTarget(null);
+      }
+    }))))
+  ) : null;
+  return h9(
+    "section",
+    {
+      className: "ddt-page dwa-page dim-channelPage",
+      "aria-label": "WhatsApp \u8BBE\u7F6E"
+    },
+    h9(Heading6, {
+      totals: model.totals,
+      busy,
+      onAdd: () => void startProvisioning(false),
+      addButtonRef
+    }),
+    model.phase === "loading" ? h9(LoadingView6) : model.phase === "error" ? h9(
+      "div",
+      { className: "ddt-card dim-surfaceCard" },
+      h9(
+        "div",
+        { className: "ddt-inlineError dim-inlineError" },
+        h9("h3", null, "\u65E0\u6CD5\u8BFB\u53D6 WhatsApp \u673A\u5668\u4EBA\u72B6\u6001"),
+        h9("p", null, model.error?.message),
+        h9(Button13, { onClick: () => void loadStatus() }, "\u91CD\u65B0\u8BFB\u53D6")
+      )
+    ) : h9(
+      React10.Fragment,
+      null,
+      provision?.status === "pending" ? h9(QrPanel5, {
+        provision,
+        now,
+        busy,
+        onRefresh: () => void startProvisioning(true),
+        onCancel: () => void closeProvision()
+      }) : provision ? h9(ProvisionView3, {
+        provision,
+        busy,
+        onRetry: () => void startProvisioning(true),
+        onClose: () => void closeProvision()
+      }) : model.bots.length === 0 ? h9(EmptyView6, { busy, onStart: () => void startProvisioning(false) }) : null,
+      botList
+    )
+  );
+}
+
 // plugin-src/client/styles.js
 var IM_STYLE_ID = "xmanrui-dsh-im-settings";
-var CSS8 = String.raw`
+var CSS9 = String.raw`
 .dim-page {
   --dim-blue: #3370ff;
   --dim-blue-soft: color-mix(in srgb, var(--dim-blue) 9%, transparent);
@@ -5894,11 +6583,13 @@ var CSS8 = String.raw`
 .dim-logoTelegram svg { width: 21px; height: 21px; }
 .dim-logoDiscord { color: white; background: #5865f2; }
 .dim-logoDiscord svg { width: 21px; height: 21px; }
+.dim-logoWhatsapp { color: white; background: #25d366; }
+.dim-logoWhatsapp svg { width: 21px; height: 21px; }
 .dim-channelCopy { min-width: 0; display: block; }
 .dim-channelCopy strong { overflow: hidden; color: inherit; font-size: 14px; line-height: 20px; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }
 .dim-divider { width: 1px; min-height: 520px; background: var(--dsw-alias-line-divider, #eef0f3); }
 .dim-panel { min-width: 0; container-type: inline-size; }
-.dim-panel .bxf-page, .dim-panel .dxw-page, .dim-panel .ddt-page, .dim-panel .dqq-page, .dim-panel .dwecom-page { width: 100%; max-width: none; padding: 0 0 24px; }
+.dim-panel .bxf-page, .dim-panel .dxw-page, .dim-panel .ddt-page, .dim-panel .dqq-page, .dim-panel .dwecom-page, .dim-panel .dwa-page { width: 100%; max-width: none; padding: 0 0 24px; }
 .dim-panel .bxf-heading, .dim-panel .dxw-heading, .dim-panel .ddt-heading { justify-content: flex-end; }
 .dim-panel .bxf-headingTools, .dim-panel .dxw-tools, .dim-panel .ddt-tools { width: 100%; justify-content: space-between; }
 .dim-panel .dim-bindActions { min-width: 0; display: flex; align-items: center; flex-wrap: nowrap; gap: 8px; }
@@ -6044,13 +6735,13 @@ function installImStyles() {
   const style = document.createElement("style");
   style.dataset.plugin = "@xmanrui/dsh-im";
   style.dataset.pluginCss = IM_STYLE_ID;
-  style.textContent = CSS8;
+  style.textContent = CSS9;
   document.head.appendChild(style);
   return () => style.remove();
 }
 
 // plugin-src/client/index.js
-var h9 = React10.createElement;
+var h10 = React11.createElement;
 var name = "im-settings";
 var inject = ["slots", "connection"];
 var CHANNELS = Object.freeze([
@@ -6060,57 +6751,66 @@ var CHANNELS = Object.freeze([
   { id: "wecom", label: "\u4F01\u4E1A\u5FAE\u4FE1" },
   { id: "qq", label: "QQ" },
   { id: "telegram", label: "Telegram" },
-  { id: "discord", label: "Discord" }
+  { id: "discord", label: "Discord" },
+  { id: "whatsapp", label: "WhatsApp" }
 ]);
 function WeixinLogo() {
-  return h9(
+  return h10(
     "span",
     { className: "dim-logo dim-logoWeixin", "aria-hidden": "true" },
-    h9(WeixinLogoGlyph)
+    h10(WeixinLogoGlyph)
   );
 }
 function FeishuLogo() {
-  return h9(
+  return h10(
     "span",
     { className: "dim-logo dim-logoFeishu", "aria-hidden": "true" },
-    h9(FeishuLogoGlyph)
+    h10(FeishuLogoGlyph)
   );
 }
 function DingtalkLogo() {
-  return h9(
+  return h10(
     "span",
     { className: "dim-logo dim-logoDingtalk", "aria-hidden": "true" },
-    h9(DingtalkLogoGlyph)
+    h10(DingtalkLogoGlyph)
   );
 }
 function QqLogo() {
-  return h9("span", { className: "dim-logo dim-logoQq", "aria-hidden": "true" }, h9(QqLogoGlyph));
+  return h10("span", { className: "dim-logo dim-logoQq", "aria-hidden": "true" }, h10(QqLogoGlyph));
 }
 function WecomLogo() {
-  return h9("span", { className: "dim-logo dim-logoWecom", "aria-hidden": "true" }, h9(WecomLogoGlyph));
+  return h10("span", { className: "dim-logo dim-logoWecom", "aria-hidden": "true" }, h10(WecomLogoGlyph));
 }
 function TelegramLogo() {
-  return h9(
+  return h10(
     "span",
     { className: "dim-logo dim-logoTelegram", "aria-hidden": "true" },
-    h9(TelegramLogoGlyph)
+    h10(TelegramLogoGlyph)
   );
 }
 function DiscordLogo() {
-  return h9(
+  return h10(
     "span",
     { className: "dim-logo dim-logoDiscord", "aria-hidden": "true" },
-    h9(DiscordLogoGlyph)
+    h10(DiscordLogoGlyph)
+  );
+}
+function WhatsappLogo() {
+  return h10(
+    "span",
+    { className: "dim-logo dim-logoWhatsapp", "aria-hidden": "true" },
+    h10(WhatsappLogoGlyph)
   );
 }
 function ChannelLogo({ channel: channel3 }) {
-  if (channel3 === "weixin") return h9(WeixinLogo);
-  if (channel3 === "feishu") return h9(FeishuLogo);
-  if (channel3 === "dingtalk") return h9(DingtalkLogo);
-  if (channel3 === "wecom") return h9(WecomLogo);
-  if (channel3 === "qq") return h9(QqLogo);
-  if (channel3 === "telegram") return h9(TelegramLogo);
-  return h9(DiscordLogo);
+  if (channel3 === "weixin") return h10(WeixinLogo);
+  if (channel3 === "feishu") return h10(FeishuLogo);
+  if (channel3 === "dingtalk") return h10(DingtalkLogo);
+  if (channel3 === "wecom") return h10(WecomLogo);
+  if (channel3 === "qq") return h10(QqLogo);
+  if (channel3 === "telegram") return h10(TelegramLogo);
+  if (channel3 === "discord") return h10(DiscordLogo);
+  return h10(WhatsappLogo);
 }
 function IMSettingsTab({
   dingtalkRpcCall,
@@ -6119,25 +6819,26 @@ function IMSettingsTab({
   qqRpcCall,
   telegramRpcCall,
   wecomRpcCall,
-  weixinRpcCall
+  weixinRpcCall,
+  whatsappRpcCall
 }) {
-  const [selected, setSelected] = React10.useState("weixin");
+  const [selected, setSelected] = React11.useState("weixin");
   const active = CHANNELS.find((channel3) => channel3.id === selected) ?? CHANNELS[0];
-  return h9(
+  return h10(
     "section",
     { className: "dim-page", "aria-label": "IM\u673A\u5668\u4EBA\u8BBE\u7F6E" },
-    h9(
+    h10(
       "header",
       { className: "dim-title" },
-      h9("p", null, "\u628A\u673A\u5668\u4EBA\u63A5\u5165 DeepSeek Harness")
+      h10("p", null, "\u628A\u673A\u5668\u4EBA\u63A5\u5165 DeepSeek Harness")
     ),
-    h9(
+    h10(
       "div",
       { className: "dim-layout" },
-      h9(
+      h10(
         "nav",
         { className: "dim-rail", role: "tablist", "aria-label": "IM \u6E20\u9053" },
-        CHANNELS.map((channel3) => h9(
+        CHANNELS.map((channel3) => h10(
           "button",
           {
             key: channel3.id,
@@ -6149,21 +6850,21 @@ function IMSettingsTab({
             "aria-controls": `dim-panel-${channel3.id}`,
             onClick: () => setSelected(channel3.id)
           },
-          h9(ChannelLogo, { channel: channel3.id }),
-          h9(
+          h10(ChannelLogo, { channel: channel3.id }),
+          h10(
             "span",
             { className: "dim-channelCopy" },
-            h9("strong", null, channel3.label)
+            h10("strong", null, channel3.label)
           )
         ))
       ),
-      h9("div", { className: "dim-divider", "aria-hidden": "true" }),
-      h9("main", {
+      h10("div", { className: "dim-divider", "aria-hidden": "true" }),
+      h10("main", {
         className: "dim-panel",
         role: "tabpanel",
         id: `dim-panel-${active.id}`,
         "aria-labelledby": `dim-tab-${active.id}`
-      }, active.id === "weixin" ? h9(WeixinSettingsTab, { rpcCall: weixinRpcCall }) : active.id === "feishu" ? h9(FeishuSettingsTab, { rpcCall: feishuRpcCall }) : active.id === "dingtalk" ? h9(DingtalkSettingsTab, { rpcCall: dingtalkRpcCall }) : active.id === "wecom" ? h9(WecomSettingsTab, { rpcCall: wecomRpcCall }) : active.id === "qq" ? h9(QqSettingsTab, { rpcCall: qqRpcCall }) : active.id === "telegram" ? h9(TelegramSettingsTab, { rpcCall: telegramRpcCall }) : h9(DiscordSettingsTab, { rpcCall: discordRpcCall }))
+      }, active.id === "weixin" ? h10(WeixinSettingsTab, { rpcCall: weixinRpcCall }) : active.id === "feishu" ? h10(FeishuSettingsTab, { rpcCall: feishuRpcCall }) : active.id === "dingtalk" ? h10(DingtalkSettingsTab, { rpcCall: dingtalkRpcCall }) : active.id === "wecom" ? h10(WecomSettingsTab, { rpcCall: wecomRpcCall }) : active.id === "qq" ? h10(QqSettingsTab, { rpcCall: qqRpcCall }) : active.id === "telegram" ? h10(TelegramSettingsTab, { rpcCall: telegramRpcCall }) : active.id === "discord" ? h10(DiscordSettingsTab, { rpcCall: discordRpcCall }) : h10(WhatsappSettingsTab, { rpcCall: whatsappRpcCall }))
     )
   );
 }
@@ -6176,6 +6877,7 @@ function apply(ctx) {
       installQqStyles(),
       installTelegramStyles(),
       installDiscordStyles(),
+      installWhatsappStyles(),
       installImStyles()
     ];
     return () => {
@@ -6189,6 +6891,7 @@ function apply(ctx) {
   const wecomRpcCall = (endpoint, payload, signal) => ctx.connection.rpc.call(WECOM_RPC_CHANNEL, endpoint, payload, signal);
   const telegramRpcCall = (endpoint, payload, signal) => ctx.connection.rpc.call(TELEGRAM_RPC_CHANNEL, endpoint, payload, signal);
   const discordRpcCall = (endpoint, payload, signal) => ctx.connection.rpc.call(DISCORD_RPC_CHANNEL, endpoint, payload, signal);
+  const whatsappRpcCall = (endpoint, payload, signal) => ctx.connection.rpc.call(WHATSAPP_RPC_CHANNEL, endpoint, payload, signal);
   ctx.slots.inject("settings.plugins.tab", () => ctx.slots.register({
     name: "settings.plugins.tab",
     id: "im",
@@ -6201,7 +6904,8 @@ function apply(ctx) {
       qqRpcCall,
       telegramRpcCall,
       wecomRpcCall,
-      weixinRpcCall
+      weixinRpcCall,
+      whatsappRpcCall
     })
   }, IMSettingsTab));
 }