@xmanrui/dsh-im 2.5.0 → 3.0.0

package/lib/client.js

@@ -47,7 +47,7 @@ var React20 = __toESM(require("react"), 1);
 // package.json
 var package_default = {
   name: "@xmanrui/dsh-im",
-  version: "2.5.0",
+  version: "3.0.0",
   description: "\u628A\u4E5D\u79CD IM \u673A\u5668\u4EBA\u548C\u516C\u7F51 AI Office \u63A5\u5165\u672C\u673A DeepSeek Harness\u3002 Connect nine IM channels and a public AI Office to a local DeepSeek Harness.",
   keywords: [
     "deepseek-harness",
@@ -130,7 +130,7 @@ var package_default = {
   scripts: {
     build: "node plugin-src/client/build.mjs && node plugin-src/host/build.mjs",
     test: "node --test test/*.test.mjs test/channels/*/*.test.mjs",
-    check: "npm test && npm run build && node scripts/verify-package.mjs"
+    check: "npm run build && npm test && node scripts/verify-package.mjs"
   },
   engines: {
     node: ">=22.19"
@@ -1947,7 +1947,7 @@ function LastMessageErrorSummary({ className = "", error }) {
 }
 
 // plugin-src/client/channels/dingtalk/styles.js
-var DINGTALK_STYLE_ID = "xmanrui-dsh-dingtalk-settings";
+var DINGTALK_STYLE_ID = "xmanrui-dsh-im-dingtalk-settings";
 var CSS = String.raw`
 .ddt-page {
   --ddt-accent: #1677ff;
@@ -2075,7 +2075,7 @@ function installDingtalkStyles() {
   if (existing) return () => {
   };
   const style = document.createElement("style");
-  style.dataset.plugin = "@xmanrui/dsh-dingtalk";
+  style.dataset.plugin = "@xmanrui/dsh-im";
   style.dataset.pluginCss = DINGTALK_STYLE_ID;
   style.textContent = CSS;
   document.head.appendChild(style);
@@ -3932,1315 +3932,743 @@ function useAnimationFrameScheduler() {
   );
 }
 
-// plugin-src/client/channels/feishu/styles.js
-var FEISHU_STYLE_ID = "beihuixinghe-dsh-feishu-settings";
-var CSS3 = String.raw`
-.bxf-page {
-  --bxf-accent: var(--dsw-alias-state-business-primary, #3370ff);
-  --bxf-success: var(--dsw-alias-state-success-primary, #20a162);
-  --bxf-warning: var(--dsw-alias-state-warn-primary, #d97706);
-  --bxf-error: var(--dsw-alias-state-error-primary, #d54941);
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 860px;
-  color: var(--dsw-alias-label-primary, #1f2329);
-  display: flex;
-  flex-direction: column;
-  container-type: inline-size;
-  gap: 18px;
-  padding: 2px 0 24px;
-}
-
-.bxf-page *, .bxf-page *::before, .bxf-page *::after { box-sizing: border-box; }
-
-.bxf-heading {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 20px;
-}
-
-.bxf-headingCopy { min-width: 0; }
-.bxf-heading h2, .bxf-heading p, .bxf-card h3, .bxf-card p { margin: 0; }
-
-.bxf-eyebrow {
-  color: var(--dsw-alias-label-tertiary, #8f959e);
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 18px;
-  letter-spacing: .08em;
-  text-transform: uppercase;
-  margin-bottom: 3px;
-}
-
-.bxf-heading h2 {
-  font-size: 20px;
-  line-height: 28px;
-  font-weight: 650;
-  letter-spacing: -.015em;
+// plugin-src/client/channels/feishu/index.js
+var CALLBACK_REPAIR_OPERATION = FEISHU_REGISTRATION_OPERATIONS.CALLBACK_REPAIR;
+var GROUP_MESSAGE_PERMISSION_OPERATION = FEISHU_REGISTRATION_OPERATIONS.GROUP_MESSAGE_PERMISSION;
+function isCallbackRepair(value) {
+  return value?.operation === CALLBACK_REPAIR_OPERATION;
 }
-
-.bxf-heading p {
-  max-width: 540px;
-  color: var(--dsw-alias-label-secondary, #646a73);
-  font-size: 13px;
-  line-height: 20px;
-  margin-top: 5px;
-  white-space: nowrap;
+function isGroupMessagePermission(value) {
+  return value?.operation === GROUP_MESSAGE_PERMISSION_OPERATION;
 }
-
-.bxf-headingTools {
-  width: 100%;
-  flex: none;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-  gap: 8px;
+function isTargetedAppUpdate2(value) {
+  return isCallbackRepair(value) || isGroupMessagePermission(value);
 }
-
-.bxf-totalBadge {
-  min-height: 28px;
-  display: inline-flex;
-  align-items: baseline;
-  gap: 3px;
-  border-radius: 999px;
-  padding: 4px 10px;
-  color: var(--dsw-alias-label-secondary, #646a73);
-  background: var(--dsw-alias-bg-module-platform, #f2f3f5);
-  font-size: 11px;
-  line-height: 16px;
-  white-space: nowrap;
+function SvgIcon({ children, size = 18, className, viewBox = "0 0 24 24" }) {
+  return h2("svg", {
+    width: size,
+    height: size,
+    viewBox,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    className
+  }, children);
 }
-
-.bxf-totalBadge strong { color: var(--bxf-success); font-size: 13px; }
-
-.bxf-card {
-  position: relative;
-  overflow: hidden;
-  border: 1px solid var(--dsw-alias-border-l2, #dee0e3);
-  border-radius: 14px;
-  background: var(--dsw-alias-bg-layer-3, #fff);
-  box-shadow: var(--dsw-shadow-lv1, 0 3px 12px rgba(31, 35, 41, .05));
+function RobotIcon({ size = 26 }) {
+  return h2(
+    SvgIcon,
+    { size },
+    h2("rect", {
+      x: "5",
+      y: "7.5",
+      width: "14",
+      height: "11",
+      rx: "4",
+      stroke: "currentColor",
+      strokeWidth: "1.7"
+    }),
+    h2("path", {
+      d: "M12 4.5v3M8.7 12h.01M15.3 12h.01M9.2 15.3c1.67 1.08 3.93 1.08 5.6 0M3.5 11.5v3M20.5 11.5v3",
+      stroke: "currentColor",
+      strokeWidth: "1.7",
+      strokeLinecap: "round"
+    })
+  );
 }
-
-.bxf-card::before {
-  content: "";
-  pointer-events: none;
-  position: absolute;
-  inset: 0 0 auto;
-  height: 88px;
-  background:
-    radial-gradient(circle at 86% -35%, color-mix(in srgb, var(--bxf-accent) 18%, transparent), transparent 68%);
-  opacity: .85;
+function AlertIcon({ size = 22 }) {
+  return h2(
+    SvgIcon,
+    { size },
+    h2("path", {
+      d: "M12 3.4 21 19H3L12 3.4Z",
+      stroke: "currentColor",
+      strokeWidth: "1.7",
+      strokeLinejoin: "round"
+    }),
+    h2("path", {
+      d: "M12 9v4.4M12 16.6v.01",
+      stroke: "currentColor",
+      strokeWidth: "1.9",
+      strokeLinecap: "round"
+    })
+  );
 }
-
-.bxf-cardBody { position: relative; padding: 24px; }
-
-.bxf-intro {
-  min-height: 250px;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 172px;
-  gap: 32px;
-  align-items: center;
+function QrIcon({ size = 58 }) {
+  return h2(SvgIcon, { size }, h2("path", {
+    d: "M4 4h6v6H4V4Zm10 0h6v6h-6V4ZM4 14h6v6H4v-6Zm10 0h2v2h-2v-2Zm4 0h2v4h-2v-4Zm-4 4h4v2h-4v-2Z",
+    fill: "currentColor"
+  }));
 }
-
-.bxf-introCopy { max-width: 500px; }
-
-.bxf-stateLabel {
-  display: inline-flex;
-  align-items: center;
-  gap: 7px;
-  color: var(--dsw-alias-label-secondary, #646a73);
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 18px;
-  margin-bottom: 13px;
+var Button5 = React12.forwardRef(function Button6({ children, kind = "secondary", size, icon, className = "", ...props }, ref) {
+  return h2("button", {
+    ...props,
+    ref,
+    type: "button",
+    className: `bxf-button ${className}`.trim(),
+    "data-kind": kind,
+    "data-size": size
+  }, icon, h2("span", null, children));
+});
+function BrandMark() {
+  return h2("div", { className: "bxf-brandMark" }, h2(RobotIcon, { size: 34 }));
 }
-
-.bxf-dot {
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  background: var(--dsw-alias-label-tertiary, #8f959e);
-  box-shadow: 0 0 0 4px color-mix(in srgb, var(--dsw-alias-label-tertiary, #8f959e) 12%, transparent);
+function Heading2({ totals, onAdd, onCredential, credentialOpen, adding, busy, addButtonRef }) {
+  const hasBots = totals.configured > 0;
+  return h2(
+    "div",
+    { className: "bxf-heading" },
+    h2(
+      "div",
+      { className: "bxf-headingTools" },
+      h2(
+        "div",
+        { className: "dim-bindActions" },
+        h2(Button5, {
+          kind: "primary",
+          size: "small",
+          className: "bxf-bindButton dim-scanButton",
+          onClick: onAdd,
+          disabled: adding || busy,
+          ref: addButtonRef,
+          "aria-busy": busy ? "true" : void 0,
+          "aria-label": "\u626B\u7801\u63A5\u5165\u98DE\u4E66\u673A\u5668\u4EBA",
+          icon: h2(QrActionIcon)
+        }, adding ? "\u6B63\u5728\u63A5\u5165" : "\u626B\u7801\u63A5\u5165\u673A\u5668\u4EBA"),
+        h2(Button5, {
+          kind: "credential",
+          size: "small",
+          className: "dim-credentialButton",
+          onClick: onCredential,
+          disabled: adding || busy,
+          "aria-pressed": credentialOpen,
+          "aria-label": "\u4F7F\u7528 App ID \u548C App Secret \u7ED1\u5B9A\u98DE\u4E66\u673A\u5668\u4EBA",
+          icon: h2(CredentialActionIcon)
+        }, credentialOpen ? "\u6536\u8D77\u51ED\u636E" : "\u624B\u52A8\u63A5\u5165")
+      ),
+      hasBots ? h2("div", {
+        className: "bxf-totalBadge dim-onlineBadge",
+        "aria-label": `\u5DF2\u63A5\u5165 ${totals.configured} \u4E2A\u673A\u5668\u4EBA\uFF0C\u5176\u4E2D ${totals.connected} \u4E2A\u5728\u7EBF`
+      }, h2("span", null, `${totals.connected} / ${totals.configured} \u5728\u7EBF`)) : null
+    )
+  );
 }
-
-.bxf-dot[data-tone="success"] {
-  background: var(--bxf-success);
-  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bxf-success) 13%, transparent);
+function LoadingView2() {
+  return h2(
+    "div",
+    {
+      className: "bxf-card dim-surfaceCard dim-loadingView",
+      "aria-busy": "true",
+      "aria-label": "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u673A\u5668\u4EBA\u5217\u8868"
+    },
+    h2("div", { className: "dim-spinner", "aria-hidden": "true" }),
+    h2("span", null, "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u8FDE\u63A5\u72B6\u6001\u2026")
+  );
 }
-
-.bxf-dot[data-tone="warning"] {
-  background: var(--bxf-warning);
-  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bxf-warning) 13%, transparent);
-}
-
-.bxf-dot[data-tone="error"] {
-  background: var(--bxf-error);
-  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bxf-error) 13%, transparent);
-}
-
-.bxf-intro h3 {
-  font-size: 24px;
-  line-height: 34px;
-  font-weight: 650;
-  letter-spacing: -.02em;
+function EmptyView2({ onStart, busy }) {
+  return h2(
+    "div",
+    { className: "bxf-card dim-surfaceCard" },
+    h2(
+      "div",
+      { className: "bxf-cardBody bxf-intro dim-surfaceBody dim-emptyView" },
+      h2(
+        "div",
+        { className: "bxf-introCopy dim-emptyCopy" },
+        h2(
+          "div",
+          { className: "bxf-stateLabel dim-stateLabel" },
+          h2("span", { className: "bxf-dot dim-stateDot" }),
+          h2("span", null, "\u5C1A\u672A\u63A5\u5165\u673A\u5668\u4EBA")
+        ),
+        h2("h3", null, "\u626B\u7801\uFF0C\u521B\u5EFA\u7B2C\u4E00\u4E2A\u98DE\u4E66\u5165\u53E3"),
+        h2("p", null, "\u65E0\u9700\u624B\u52A8\u586B\u5199 App ID\u3002\u4EE5\u540E\u8FD8\u53EF\u4EE5\u7EE7\u7EED\u6DFB\u52A0\u673A\u5668\u4EBA\uFF0C\u5206\u522B\u670D\u52A1\u4E0D\u540C\u56E2\u961F\u6216\u98DE\u4E66\u79DF\u6237\u3002"),
+        h2(
+          "div",
+          { className: "bxf-actions dim-viewActions" },
+          h2(Button5, {
+            kind: "primary",
+            onClick: onStart,
+            disabled: busy,
+            "aria-busy": busy ? "true" : void 0
+          }, busy ? "\u6B63\u5728\u751F\u6210\u4E8C\u7EF4\u7801\u2026" : "\u751F\u6210\u98DE\u4E66\u4E8C\u7EF4\u7801")
+        )
+      ),
+      h2("div", { className: "bxf-markStage dim-emptyBrand", "aria-hidden": "true" }, h2(BrandMark))
+    )
+  );
 }
-
-.bxf-introCopy > p {
-  max-width: 490px;
-  color: var(--dsw-alias-label-secondary, #646a73);
-  font-size: 14px;
-  line-height: 23px;
-  margin-top: 8px;
+function safeVerificationHref(value) {
+  if (!value) return void 0;
+  try {
+    const url = new URL(value);
+    return url.protocol === "https:" && [
+      "accounts.feishu.cn",
+      "accounts.larksuite.com",
+      "open.feishu.cn",
+      "open.larksuite.com"
+    ].includes(url.hostname) && !url.port && !url.username && !url.password ? url.toString() : void 0;
+  } catch {
+    return void 0;
+  }
 }
-
-.bxf-note {
-  display: flex;
-  gap: 8px;
-  align-items: flex-start;
-  color: var(--dsw-alias-label-tertiary, #8f959e);
-  font-size: 12px;
-  line-height: 18px;
-  margin-top: 16px;
+function safeQrSource2(value) {
+  if (!value) return void 0;
+  return /^data:image\/(?:png|webp|svg\+xml)(?:;charset=[^;,]+)?;base64,/i.test(value) ? value : void 0;
 }
-
-.bxf-note svg { flex: none; margin-top: 1px; }
-
-.bxf-actions {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 10px;
-  margin-top: 22px;
+function QrPane({ provision, now, onRefresh, onCancel, busy }) {
+  const [imageFailed, setImageFailed] = React12.useState(false);
+  const qrSource = safeQrSource2(provision.qrCodeDataUrl);
+  const href = safeVerificationHref(provision.verificationUrl);
+  const remaining = Math.max(0, provision.expiresAt - now);
+  const expired = provision.expired === true || remaining === 0;
+  const progress = Math.min(1, remaining / Math.max(1, provision.durationMs ?? remaining));
+  const repairing = isCallbackRepair(provision);
+  const grantingGroupMessages = isGroupMessagePermission(provision);
+  const botName = provision.botName ?? "\u6B64\u673A\u5668\u4EBA";
+  React12.useEffect(() => setImageFailed(false), [qrSource]);
+  return h2(
+    "div",
+    { className: "bxf-card bxf-provisionCard dim-surfaceCard" },
+    h2(
+      "div",
+      { className: "bxf-cardBody bxf-qrLayout dim-surfaceBody dim-qrLayout" },
+      h2(
+        "div",
+        { className: "bxf-qrColumn dim-qrColumn" },
+        h2(
+          "div",
+          { className: "bxf-qrFrame dim-qrFrame" },
+          qrSource && !imageFailed ? h2("img", {
+            src: qrSource,
+            alt: repairing ? `\u7528\u4E8E\u4E3A${botName}\u8865\u5168\u6743\u9650\u4E0E\u56DE\u8C03\u7684\u4E00\u6B21\u6027\u6388\u6743\u4E8C\u7EF4\u7801` : grantingGroupMessages ? `\u7528\u4E8E\u4E3A${botName}\u5F00\u901A\u7FA4\u6D88\u606F\u6743\u9650\u7684\u4E00\u6B21\u6027\u6388\u6743\u4E8C\u7EF4\u7801` : "\u7528\u4E8E\u65B0\u589E DeepSeek Harness \u98DE\u4E66\u673A\u5668\u4EBA\u7684\u4E00\u6B21\u6027\u6388\u6743\u4E8C\u7EF4\u7801",
+            onError: () => setImageFailed(true)
+          }) : h2(
+            "div",
+            { className: "bxf-qrFallback dim-qrFallback" },
+            h2("div", null, h2(QrIcon), h2("span", null, "\u4E8C\u7EF4\u7801\u672A\u5C31\u7EEA\uFF0C\u8BF7\u6253\u5F00\u6388\u6743\u94FE\u63A5"))
+          ),
+          expired ? h2(
+            "div",
+            { className: "bxf-expiredOverlay dim-qrExpired", role: "status" },
+            h2("div", null, "\u4E8C\u7EF4\u7801\u5DF2\u5931\u6548", h2("br"), "\u8BF7\u5237\u65B0\u540E\u91CD\u65B0\u626B\u7801")
+          ) : null
+        ),
+        h2(
+          "div",
+          {
+            className: "bxf-countdown dim-countdown",
+            "aria-label": expired ? "\u4E8C\u7EF4\u7801\u5DF2\u5931\u6548" : `\u4E8C\u7EF4\u7801\u5269\u4F59 ${formatRemaining2(remaining)}`
+          },
+          h2(
+            "div",
+            { className: "bxf-countdownTop dim-countdownTop", "aria-hidden": "true" },
+            h2("span", null, expired ? "\u7B49\u5F85\u5237\u65B0" : "\u4E8C\u7EF4\u7801\u6709\u6548\u65F6\u95F4"),
+            h2("strong", null, formatRemaining2(remaining))
+          ),
+          h2(
+            "div",
+            { className: "bxf-progress dim-progress", "aria-hidden": "true" },
+            h2("span", { style: { "--bxf-progress": `${Math.round(progress * 100)}%` } })
+          )
+        )
+      ),
+      h2(
+        "div",
+        { className: "bxf-qrCopy dim-qrCopy" },
+        h2(
+          "div",
+          { className: "bxf-stateLabel dim-stateLabel" },
+          h2("span", { className: "bxf-dot dim-stateDot", "data-tone": "warning" }),
+          h2("span", null, repairing ? `\u6B63\u5728\u4E3A\u300C${botName}\u300D\u8865\u5168\u6743\u9650\u4E0E\u56DE\u8C03` : grantingGroupMessages ? `\u6B63\u5728\u4E3A\u300C${botName}\u300D\u5F00\u901A\u7FA4\u6D88\u606F\u6743\u9650` : "\u6B63\u5728\u6DFB\u52A0\u65B0\u673A\u5668\u4EBA")
+        ),
+        h2("h3", null, expired ? "\u5237\u65B0\u4E8C\u7EF4\u7801\u540E\u7EE7\u7EED" : repairing ? "\u4F7F\u7528\u98DE\u4E66\u626B\u7801\u8865\u5168\u6743\u9650" : grantingGroupMessages ? "\u4F7F\u7528\u98DE\u4E66\u786E\u8BA4\u7FA4\u6D88\u606F\u6743\u9650" : "\u4F7F\u7528\u98DE\u4E66\u626B\u7801\u521B\u5EFA\u673A\u5668\u4EBA"),
+        h2("p", null, repairing ? "\u626B\u7801\u4F1A\u66F4\u65B0\u73B0\u6709\u98DE\u4E66\u5E94\u7528\uFF0C\u6700\u591A\u589E\u91CF\u8865\u5145\u5361\u7247\u6309\u94AE\u56DE\u8C03\u3001\u8BFB\u53D6\u7528\u6237\u6D88\u606F\u5185\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:message:readonly\uFF08\u98DE\u4E66\u663E\u793A\u4E3A\u201C\u83B7\u53D6\u5355\u804A\u3001\u7FA4\u7EC4\u6D88\u606F\u201D\uFF09\uFF0C\u4EE5\u53CA\u4E0A\u4F20\u673A\u5668\u4EBA\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:resource\uFF1B\u4E0D\u4F1A\u521B\u5EFA\u65B0\u5E94\u7528\u3002\u786E\u8BA4\u9875\u53EA\u663E\u793A\u5F53\u524D\u7F3A\u5C11\u9879\uFF0C\u5B8C\u6210\u540E\u6B64\u673A\u5668\u4EBA\u4F1A\u77ED\u6682\u91CD\u8FDE\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u53D7\u5F71\u54CD\u3002" : grantingGroupMessages ? "\u626B\u7801\u4F1A\u66F4\u65B0\u73B0\u6709\u98DE\u4E66\u5E94\u7528\uFF0C\u53EA\u589E\u91CF\u5F00\u901A\u201C\u83B7\u53D6\u7FA4\u7EC4\u4E2D\u6240\u6709\u6D88\u606F\u201D\u6743\u9650\uFF1B\u4E0D\u4F1A\u521B\u5EFA\u65B0\u5E94\u7528\u3002\u786E\u8BA4\u540E\u4F1A\u81EA\u52A8\u542F\u7528\u201C\u54CD\u5E94\u6240\u6709\u7FA4\u6D88\u606F\u201D\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u53D7\u5F71\u54CD\u3002" : "\u626B\u7801\u53EA\u4F1A\u65B0\u589E\u4E00\u4E2A\u673A\u5668\u4EBA\uFF0C\u5DF2\u63A5\u5165\u7684\u673A\u5668\u4EBA\u4F1A\u7EE7\u7EED\u6B63\u5E38\u6536\u53D1\u6D88\u606F\u3002"),
+        h2(
+          "ol",
+          { className: "bxf-steps dim-steps" },
+          h2("li", null, "\u6253\u5F00\u98DE\u4E66\u79FB\u52A8\u7AEF\uFF0C\u4F7F\u7528\u626B\u4E00\u626B\u8BFB\u53D6\u4E8C\u7EF4\u7801"),
+          h2("li", null, repairing ? "\u6838\u5BF9\u73B0\u6709\u5E94\u7528\u540D\u79F0\uFF0C\u5E76\u786E\u8BA4\u53EA\u65B0\u589E\u5F53\u524D\u7F3A\u5C11\u7684\u4E0A\u8FF0\u914D\u7F6E" : grantingGroupMessages ? "\u6838\u5BF9\u73B0\u6709\u5E94\u7528\uFF0C\u5E76\u786E\u8BA4\u201C\u83B7\u53D6\u7FA4\u7EC4\u4E2D\u6240\u6709\u6D88\u606F\u201D\u6743\u9650" : "\u6838\u5BF9\u5E94\u7528\u540D\u79F0\u4E0E\u6743\u9650\u8303\u56F4\uFF0C\u5E76\u786E\u8BA4\u521B\u5EFA"),
+          h2("li", null, repairing ? "\u4FDD\u6301\u672C\u9875\u6253\u5F00\uFF0C\u7B49\u5F85\u6743\u9650\u4E0E\u56DE\u8C03\u8865\u5168\u5B8C\u6210" : grantingGroupMessages ? "\u4FDD\u6301\u672C\u9875\u6253\u5F00\uFF0C\u7B49\u5F85\u6743\u9650\u751F\u6548\u5E76\u81EA\u52A8\u5207\u6362\u54CD\u5E94\u65B9\u5F0F" : "\u4FDD\u6301\u672C\u9875\u6253\u5F00\uFF0C\u7B49\u5F85\u65B0\u673A\u5668\u4EBA\u7684\u957F\u8FDE\u63A5\u5C31\u7EEA")
+        ),
+        h2(
+          "div",
+          { className: "bxf-actions dim-viewActions" },
+          expired ? h2(Button5, {
+            kind: "primary",
+            onClick: onRefresh,
+            disabled: busy
+          }, busy ? "\u5237\u65B0\u4E2D\u2026" : "\u5237\u65B0\u4E8C\u7EF4\u7801") : href ? h2("a", {
+            className: "bxf-button bxf-link",
+            "data-kind": "secondary",
+            href,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, h2("span", null, "\u5728\u98DE\u4E66\u4E2D\u6253\u5F00")) : null,
+          !expired ? h2(Button5, { onClick: onRefresh, disabled: busy }, "\u6362\u4E00\u4E2A\u4E8C\u7EF4\u7801") : null,
+          h2(Button5, { onClick: onCancel, disabled: busy }, repairing ? "\u53D6\u6D88\u8865\u5168" : grantingGroupMessages ? "\u53D6\u6D88\u6388\u6743" : "\u53D6\u6D88\u6DFB\u52A0")
+        )
+      )
+    )
+  );
 }
-
-.bxf-button {
-  appearance: none;
-  min-height: 36px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  border: 1px solid var(--dsw-alias-border-l2, #dee0e3);
-  border-radius: 8px;
-  padding: 7px 13px;
-  color: var(--dsw-alias-label-primary, #1f2329);
-  background: var(--dsw-alias-bg-layer-1, #fff);
-  font: inherit;
-  font-size: 13px;
-  font-weight: 550;
-  line-height: 20px;
-  text-decoration: none;
-  cursor: pointer;
-  transition: background .15s var(--ds-ease-in-out, ease), border-color .15s var(--ds-ease-in-out, ease), transform .15s var(--ds-ease-in-out, ease);
+function ProvisionProgress({ phase, provision, onCancel, busy }) {
+  const connecting = phase === "connecting";
+  const repairing = isCallbackRepair(provision);
+  const grantingGroupMessages = isGroupMessagePermission(provision);
+  return h2(
+    "div",
+    {
+      className: "bxf-card bxf-provisionCard dim-surfaceCard dim-loadingView",
+      "aria-busy": "true"
+    },
+    h2("div", { className: "dim-spinner", "aria-hidden": "true" }),
+    h2("h3", null, connecting ? repairing ? "\u5DF2\u786E\u8BA4\uFF0C\u6B63\u5728\u5B8C\u6210\u6743\u9650\u4E0E\u56DE\u8C03\u914D\u7F6E" : grantingGroupMessages ? "\u5DF2\u786E\u8BA4\uFF0C\u6B63\u5728\u542F\u7528\u5168\u90E8\u6D88\u606F\u6A21\u5F0F" : "\u5DF2\u786E\u8BA4\uFF0C\u6B63\u5728\u8FDE\u63A5\u65B0\u673A\u5668\u4EBA" : repairing ? "\u6B63\u5728\u51C6\u5907\u6743\u9650\u8865\u5168\u4E8C\u7EF4\u7801" : grantingGroupMessages ? "\u6B63\u5728\u51C6\u5907\u6743\u9650\u6388\u6743\u4E8C\u7EF4\u7801" : "\u6B63\u5728\u51C6\u5907\u6388\u6743\u4E8C\u7EF4\u7801"),
+    h2("p", null, connecting ? repairing ? "\u914D\u7F6E\u5DF2\u63D0\u4EA4\uFF0C\u6B63\u5728\u4FDD\u5B58\u6743\u9650\u3001\u9A8C\u8BC1\u5361\u7247\u56DE\u8C03\u5E76\u91CD\u8FDE\u6B64\u673A\u5668\u4EBA\uFF1B\u6B64\u9636\u6BB5\u65E0\u6CD5\u53D6\u6D88\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u4F1A\u4E2D\u65AD\u3002" : grantingGroupMessages ? "\u6743\u9650\u914D\u7F6E\u5DF2\u63D0\u4EA4\uFF0C\u6B63\u5728\u4FDD\u5B58\u8BBE\u7F6E\u5E76\u91CD\u8FDE\u6B64\u673A\u5668\u4EBA\uFF1B\u6B64\u9636\u6BB5\u65E0\u6CD5\u53D6\u6D88\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u4F1A\u4E2D\u65AD\u3002" : "\u6B63\u5728\u5B89\u5168\u4FDD\u5B58\u51ED\u636E\u5E76\u68C0\u67E5\u65B0\u673A\u5668\u4EBA\u7684\u6D88\u606F\u901A\u9053\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u4F1A\u4E2D\u65AD\u3002" : repairing ? "\u6B63\u5728\u4E3A\u73B0\u6709\u98DE\u4E66\u5E94\u7528\u7533\u8BF7\u4E00\u6B21\u6027\u66F4\u65B0\u4E8C\u7EF4\u7801\uFF0C\u8BF7\u7A0D\u5019\u3002" : grantingGroupMessages ? "\u6B63\u5728\u4E3A\u73B0\u6709\u98DE\u4E66\u5E94\u7528\u7533\u8BF7\u7FA4\u6D88\u606F\u6743\u9650\u4E8C\u7EF4\u7801\uFF0C\u8BF7\u7A0D\u5019\u3002" : "\u6B63\u5728\u5411\u98DE\u4E66\u7533\u8BF7\u4E00\u6B21\u6027\u6388\u6743\u4E8C\u7EF4\u7801\uFF0C\u8BF7\u7A0D\u5019\u3002"),
+    connecting && onCancel ? h2(
+      "div",
+      { className: "bxf-actions dim-viewActions", style: { justifyContent: "center" } },
+      h2(Button5, { onClick: onCancel, disabled: busy }, repairing ? "\u53D6\u6D88\u8865\u5168" : grantingGroupMessages ? "\u53D6\u6D88\u6388\u6743" : "\u53D6\u6D88\u6DFB\u52A0")
+    ) : null
+  );
 }
-
-.bxf-button:hover:not(:disabled) {
-  background: var(--dsw-alias-interactive-bg-hover, #f2f3f5);
-  border-color: var(--dsw-alias-border-l1, #c9cdd4);
+function ProvisionError2({ error, provision, onRetry, onCancel, busy }) {
+  const repairing = isCallbackRepair(provision);
+  const grantingGroupMessages = isGroupMessagePermission(provision);
+  return h2(
+    "div",
+    { className: "bxf-card bxf-provisionCard dim-surfaceCard" },
+    h2(
+      "div",
+      { className: "bxf-inlineError dim-inlineError", role: "alert" },
+      h2(
+        "div",
+        null,
+        h2("h3", null, repairing ? "\u6743\u9650\u4E0E\u56DE\u8C03\u6CA1\u6709\u8865\u5168\u5B8C\u6210" : grantingGroupMessages ? "\u7FA4\u6D88\u606F\u6743\u9650\u6CA1\u6709\u5F00\u901A\u5B8C\u6210" : "\u65B0\u673A\u5668\u4EBA\u6CA1\u6709\u6DFB\u52A0\u5B8C\u6210"),
+        h2("p", null, error.message),
+        error.code ? h2("span", { className: "bxf-errorCode" }, error.code) : null,
+        h2(
+          "div",
+          { className: "bxf-actions dim-viewActions" },
+          h2(
+            Button5,
+            { kind: "primary", onClick: onRetry, disabled: busy },
+            busy ? "\u91CD\u8BD5\u4E2D\u2026" : "\u91CD\u65B0\u751F\u6210\u4E8C\u7EF4\u7801"
+          ),
+          h2(Button5, { onClick: onCancel, disabled: busy }, "\u5173\u95ED")
+        )
+      )
+    )
+  );
 }
-
-.bxf-button:active:not(:disabled) { transform: translateY(1px); }
-
-.bxf-button:focus-visible, .bxf-link:focus-visible {
-  outline: 2px solid var(--bxf-accent);
-  outline-offset: 2px;
-}
-
-.bxf-button:disabled { cursor: not-allowed; opacity: .55; }
-
-.bxf-button[data-kind="primary"] {
-  border-color: var(--bxf-accent);
-  color: #fff;
-  background: var(--bxf-accent);
-  box-shadow: 0 4px 12px color-mix(in srgb, var(--bxf-accent) 24%, transparent);
-}
-
-.bxf-button[data-kind="primary"]:hover:not(:disabled) {
-  border-color: color-mix(in srgb, var(--bxf-accent) 86%, #000);
-  background: color-mix(in srgb, var(--bxf-accent) 90%, #000);
-}
-
-.bxf-button[data-kind="danger"] { color: var(--bxf-error); }
-.bxf-button[data-size="small"] { min-height: 32px; padding: 5px 10px; font-size: 12px; }
-.bxf-bindButton { flex: none; white-space: nowrap; }
-
-.bxf-provisionCard {
-  border-color: color-mix(in srgb, var(--bxf-accent) 32%, var(--dsw-alias-border-l2, #dee0e3));
-}
-
-.bxf-markStage {
-  position: relative;
-  width: 156px;
-  height: 156px;
-  display: grid;
-  place-items: center;
-  justify-self: end;
-}
-
-.bxf-markStage::before, .bxf-markStage::after {
-  content: "";
-  position: absolute;
-  border-radius: 50%;
-}
-
-.bxf-markStage::before {
-  inset: 12px;
-  border: 1px solid color-mix(in srgb, var(--bxf-accent) 18%, var(--dsw-alias-border-l2, #dee0e3));
-  background: color-mix(in srgb, var(--bxf-accent) 4%, var(--dsw-alias-bg-layer-1, #fff));
-}
-
-.bxf-markStage::after {
-  inset: 0;
-  border: 1px dashed color-mix(in srgb, var(--bxf-accent) 16%, transparent);
-  animation: bxf-rotate 18s linear infinite;
-}
-
-.bxf-brandMark {
-  position: relative;
-  z-index: 1;
-  width: 68px;
-  height: 68px;
-  display: grid;
-  place-items: center;
-  border-radius: 20px;
-  color: #fff;
-  background: var(--bxf-accent);
-  box-shadow: 0 12px 28px color-mix(in srgb, var(--bxf-accent) 28%, transparent);
+var HEALTH_LABELS = {
+  connected: "\u8FD0\u884C\u6B63\u5E38",
+  connecting: "\u6B63\u5728\u8FDE\u63A5",
+  offline: "\u8FDE\u63A5\u4E2D\u65AD",
+  error: "\u9700\u8981\u5904\u7406"
+};
+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(timestamp7));
+  } catch {
+    return "\u521A\u521A";
+  }
 }
-
-.bxf-qrLayout {
-  display: grid;
-  grid-template-columns: 236px minmax(0, 1fr);
-  align-items: center;
-  gap: 32px;
+function connectionTestNotice2(value) {
+  if (value?.testMessage?.sent === true) {
+    return "\u6D4B\u8BD5\u6D88\u606F\u5DF2\u53D1\u9001\uFF0C\u8BF7\u5230\u98DE\u4E66\u4F1A\u8BDD\u4E2D\u786E\u8BA4\u3002";
+  }
+  if (value?.testMessage?.code === "test-target-unavailable") {
+    return "\u8FDE\u63A5\u68C0\u67E5\u5B8C\u6210\u3002\u673A\u5668\u4EBA\u5C1A\u672A\u6536\u5230\u53EF\u7528\u4E8E\u6D4B\u8BD5\u7684\u79C1\u804A\u6D88\u606F\u3002";
+  }
+  return value?.testMessage ? "\u8FDE\u63A5\u68C0\u67E5\u5B8C\u6210\uFF0C\u4F46\u6D4B\u8BD5\u6D88\u606F\u53D1\u9001\u5931\u8D25\u3002" : null;
 }
-
-.bxf-qrColumn { min-width: 0; }
-
-.bxf-qrFrame {
-  position: relative;
-  width: 222px;
-  height: 222px;
-  display: grid;
-  place-items: center;
-  border: 1px solid var(--dsw-alias-border-l2, #dee0e3);
-  border-radius: 14px;
-  padding: 13px;
-  background: #fff;
-  box-shadow: 0 8px 24px rgba(31, 35, 41, .07);
+function RemoveConfirmation2({ bot, busy, onConfirm, onCancel }) {
+  const cancelRef = React12.useRef(null);
+  const idPart = bot.botId.replace(/[^a-zA-Z0-9_-]/g, "-");
+  const titleId = `bxf-remove-title-${idPart}`;
+  const descriptionId = `bxf-remove-description-${idPart}`;
+  React12.useEffect(() => cancelRef.current?.focus(), []);
+  return h2(
+    "div",
+    {
+      className: "bxf-confirm dim-confirm",
+      role: "alertdialog",
+      "aria-labelledby": titleId,
+      "aria-describedby": descriptionId,
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && !busy) {
+          event.preventDefault();
+          onCancel();
+        }
+      }
+    },
+    h2("h4", { id: titleId }, `\u4ECE DeepSeek Harness \u79FB\u9664\u201C${bot.bot.name}\u201D\uFF1F`),
+    h2(
+      "p",
+      { id: descriptionId },
+      "\u6B64\u64CD\u4F5C\u4F1A\u505C\u6B62\u8FD9\u4E2A\u673A\u5668\u4EBA\u7684\u8FDE\u63A5\uFF0C\u5E76\u5220\u9664\u4FDD\u5B58\u5728\u672C\u673A\u7684\u63A5\u5165\u914D\u7F6E\u548C\u51ED\u636E\u3002\u98DE\u4E66\u5F00\u653E\u5E73\u53F0\u4E2D\u7684\u5E94\u7528\u4E0D\u4F1A\u88AB\u81EA\u52A8\u5220\u9664\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E5F\u4E0D\u53D7\u5F71\u54CD\u3002"
+    ),
+    h2(
+      "div",
+      { className: "bxf-actions dim-viewActions" },
+      h2(Button5, { ref: cancelRef, onClick: onCancel, disabled: busy }, "\u4FDD\u7559\u673A\u5668\u4EBA"),
+      h2(
+        Button5,
+        { kind: "danger", onClick: onConfirm, disabled: busy },
+        busy ? "\u6B63\u5728\u79FB\u9664\u2026" : "\u786E\u8BA4\u79FB\u9664\u63A5\u5165"
+      )
+    )
+  );
 }
-
-.bxf-qrFrame::before, .bxf-qrFrame::after {
-  content: "";
-  position: absolute;
-  width: 24px;
-  height: 24px;
-  border-color: var(--bxf-accent);
-  border-style: solid;
+function GroupResponseModeEditor({
+  value,
+  permissionGranted = false,
+  disabled = false,
+  authorizationDisabled = false,
+  onSave,
+  onAuthorize
+}) {
+  const current = normalizeGroupResponseMode(value);
+  const [saving, setSaving] = React12.useState(false);
+  const [authorizing, setAuthorizing] = React12.useState(false);
+  const [error, setError] = React12.useState(null);
+  const change = async (event) => {
+    const next = normalizeGroupResponseMode(event.target.value);
+    if (next === current || saving || disabled) return;
+    setSaving(true);
+    setError(null);
+    try {
+      await onSave?.(next);
+    } catch (cause) {
+      setError(cause?.message ?? "\u7FA4\u804A\u54CD\u5E94\u65B9\u5F0F\u4FEE\u6539\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const authorize = async () => {
+    if (current !== "all" || saving || authorizing || disabled || authorizationDisabled) return;
+    setAuthorizing(true);
+    setError(null);
+    try {
+      await onAuthorize?.();
+    } catch (cause) {
+      setError(cause?.message ?? "\u7FA4\u6D88\u606F\u6743\u9650\u6388\u6743\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+    } finally {
+      setAuthorizing(false);
+    }
+  };
+  return h2(
+    "div",
+    { className: "bxf-responseMode dim-responseMode" },
+    h2(
+      "div",
+      { className: "bxf-responseModeHeader dim-responseModeHeader" },
+      h2("span", null, "\u7FA4\u804A\u54CD\u5E94\u65B9\u5F0F"),
+      saving || authorizing ? h2(
+        "span",
+        { className: "bxf-responseModeStatus dim-responseModeStatus" },
+        saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u6B63\u5728\u51C6\u5907\u6388\u6743\u2026"
+      ) : null
+    ),
+    h2(
+      "select",
+      {
+        className: "bxf-responseModeSelect dim-responseModeSelect",
+        value: current,
+        disabled: disabled || saving,
+        "aria-label": "\u7FA4\u804A\u54CD\u5E94\u65B9\u5F0F",
+        onChange: (event) => {
+          void change(event);
+        }
+      },
+      h2("option", { value: "mention" }, "\u4EC5\u5728 @\u673A\u5668\u4EBA\u65F6\u54CD\u5E94\uFF08\u63A8\u8350\uFF09"),
+      h2("option", { value: "all" }, "\u54CD\u5E94\u6240\u6709\u7FA4\u6D88\u606F")
+    ),
+    h2(
+      "small",
+      { className: "bxf-responseModeHelp dim-responseModeHelp" },
+      current === "mention" ? permissionGranted ? "\u79C1\u804A\u59CB\u7EC8\u54CD\u5E94\uFF1B\u7FA4\u804A\u4EC5\u5904\u7406\u660E\u786E @\u5F53\u524D\u673A\u5668\u4EBA\u7684\u6D88\u606F\u3002\u7FA4\u6D88\u606F\u6743\u9650\u5DF2\u5F00\u901A\uFF0C\u518D\u6B21\u5207\u6362\u65E0\u9700\u6388\u6743\u3002" : "\u79C1\u804A\u59CB\u7EC8\u54CD\u5E94\uFF1B\u7FA4\u804A\u4EC5\u5904\u7406\u660E\u786E @\u5F53\u524D\u673A\u5668\u4EBA\u7684\u6D88\u606F\u3002\u9009\u62E9\u5168\u90E8\u6D88\u606F\u540E\u4F1A\u6253\u5F00\u98DE\u4E66\u5B98\u65B9\u6388\u6743\u6D41\u7A0B\u3002" : permissionGranted ? "\u5DF2\u5F00\u901A\u201C\u83B7\u53D6\u7FA4\u7EC4\u4E2D\u6240\u6709\u6D88\u606F\u201D\u6743\u9650\uFF08im:message.group_msg\uFF09\uFF1B\u673A\u5668\u4EBA\u4F1A\u5904\u7406\u7FA4\u804A\u4E2D\u7684\u6240\u6709\u53EF\u89C1\u6D88\u606F\u3002" : "\u5C1A\u672A\u786E\u8BA4\u201C\u83B7\u53D6\u7FA4\u7EC4\u4E2D\u6240\u6709\u6D88\u606F\u201D\u6743\u9650\uFF0C\u8BF7\u5B8C\u6210\u98DE\u4E66\u6388\u6743\u3002"
+    ),
+    current === "all" ? h2(
+      "div",
+      { className: "bxf-responseModePermissionAction dim-responseModePermissionAction" },
+      h2(Button5, {
+        className: "bxf-responseModePermissionButton",
+        size: "small",
+        disabled: disabled || authorizationDisabled || saving || authorizing,
+        "aria-busy": authorizing ? "true" : void 0,
+        "aria-label": permissionGranted ? "\u91CD\u65B0\u6388\u6743\u7FA4\u6D88\u606F\u6743\u9650" : "\u6388\u6743\u7FA4\u6D88\u606F\u6743\u9650",
+        onClick: () => {
+          void authorize();
+        }
+      }, authorizing ? "\u6B63\u5728\u51C6\u5907\u2026" : permissionGranted ? "\u91CD\u65B0\u6388\u6743" : "\u53BB\u6388\u6743")
+    ) : null,
+    error ? h2("p", {
+      className: "bxf-responseModeError dim-responseModeError",
+      role: "alert"
+    }, error) : null
+  );
 }
-
-.bxf-qrFrame::before { inset: -3px auto auto -3px; border-width: 2px 0 0 2px; border-radius: 5px 0 0; }
-.bxf-qrFrame::after { inset: auto -3px -3px auto; border-width: 0 2px 2px 0; border-radius: 0 0 5px; }
-.bxf-qrFrame img { width: 100%; height: 100%; display: block; object-fit: contain; }
-
-.bxf-qrFallback {
-  width: 100%;
-  height: 100%;
-  display: grid;
-  place-items: center;
-  border-radius: 8px;
-  color: var(--bxf-accent);
-  background: #f7f9ff;
-  text-align: center;
-  padding: 20px;
+function BotCard({
+  connection,
+  busy,
+  repairDisabled,
+  provisionContent,
+  provisionRef,
+  actionError,
+  testNotice,
+  removing,
+  onReconnect,
+  onRepairCallback,
+  onWorkspaceSave,
+  onAgentPresetSave,
+  onGroupResponseModeSave,
+  onGroupMessagePermissionAuthorize,
+  onRequestRemove,
+  onConfirmRemove,
+  onCancelRemove,
+  cardRef,
+  removeButtonRef
+}) {
+  const { bot, health, state, connected } = connection;
+  const repairTooltipId = React12.useId();
+  const stateForDisplay = busy === "reconnect" ? "connecting" : state;
+  const tone = stateForDisplay === "connected" ? "success" : stateForDisplay === "connecting" ? "warning" : "error";
+  const summary = actionError?.message ?? connection.error?.message ?? (connected ? null : health.summary);
+  const titleId = `bxf-bot-${connection.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
+  return h2(
+    "article",
+    {
+      className: "bxf-card bxf-botCard dim-botCard",
+      "aria-labelledby": titleId,
+      "data-bot-id": connection.botId,
+      tabIndex: -1,
+      ref: cardRef
+    },
+    h2(
+      "div",
+      { className: "bxf-cardBody dim-botCardBody" },
+      h2(
+        "div",
+        { className: "bxf-connectedTop dim-botCardTop" },
+        h2(
+          "div",
+          { className: "bxf-botIdentity dim-botIdentity" },
+          h2(
+            "div",
+            { className: "bxf-avatar dim-botAvatar", "aria-hidden": "true" },
+            h2(FeishuLogoGlyph, { size: 34 })
+          ),
+          h2(
+            "div",
+            { className: "bxf-botName dim-botName" },
+            h2("h3", { id: titleId, title: bot.name }, bot.name),
+            h2("p", { title: bot.appIdMasked }, bot.appIdMasked ?? "\u5E94\u7528\u6807\u8BC6\u5DF2\u5B89\u5168\u4FDD\u5B58")
+          )
+        ),
+        h2(BotStatusMeta, {
+          className: "bxf-healthPill",
+          dotClassName: "bxf-dot",
+          tone,
+          stateLabel: HEALTH_LABELS[stateForDisplay] ?? "\u72B6\u6001\u672A\u77E5",
+          lastCheckedAt: health.lastCheckedAt,
+          formatCheckedTime,
+          healthState: stateForDisplay
+        })
+      ),
+      h2(WorkspaceEditor, {
+        workspace: connection.workspace,
+        disabled: Boolean(busy),
+        onSave: onWorkspaceSave
+      }),
+      h2(AgentPresetEditor, {
+        agentPreset: connection.agentPreset,
+        disabled: Boolean(busy),
+        onSave: onAgentPresetSave
+      }),
+      h2(GroupResponseModeEditor, {
+        value: connection.groupResponseMode,
+        permissionGranted: connection.groupMessagePermissionGranted,
+        disabled: Boolean(busy),
+        authorizationDisabled: repairDisabled,
+        onSave: onGroupResponseModeSave,
+        onAuthorize: onGroupMessagePermissionAuthorize
+      }),
+      provisionContent ? h2("section", {
+        className: "bxf-botProvision dim-botProvision",
+        "aria-label": `${bot.name}\u7684\u98DE\u4E66\u6388\u6743\u6D41\u7A0B`,
+        "data-provision-for": connection.botId,
+        ref: provisionRef,
+        tabIndex: -1
+      }, provisionContent) : null,
+      h2(
+        "div",
+        { className: "bxf-connectedFooter dim-cardFooter" },
+        h2(
+          "div",
+          { className: "dim-cardFooterLayout" },
+          h2(
+            "div",
+            { className: "bxf-actions bxf-botActions dim-cardActions" },
+            h2(Button5, {
+              className: "dim-cardAction",
+              onClick: onReconnect,
+              disabled: Boolean(busy),
+              "aria-busy": busy === "reconnect" ? "true" : void 0,
+              "aria-label": `${connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"}${bot.name}`
+            }, busy === "reconnect" ? connected ? "\u68C0\u67E5\u4E2D\u2026" : "\u6B63\u5728\u8FDE\u63A5\u2026" : connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
+            h2(
+              "span",
+              { className: "bxf-repairAction" },
+              h2(Button5, {
+                className: "bxf-repairButton dim-cardAction",
+                onClick: onRepairCallback,
+                disabled: Boolean(busy) || repairDisabled,
+                "aria-busy": busy === "callback-repair" ? "true" : void 0,
+                "aria-label": `\u4E3A${bot.name}\u8865\u5168\u6743\u9650\u4E0E\u56DE\u8C03`,
+                "aria-describedby": repairTooltipId
+              }, busy === "callback-repair" ? "\u7B49\u5F85\u626B\u7801\u2026" : "\u8865\u5168\u6743\u9650"),
+              h2(
+                "span",
+                {
+                  id: repairTooltipId,
+                  className: "bxf-repairTooltip",
+                  role: "tooltip"
+                },
+                h2("strong", null, "\u8865\u5168\u8303\u56F4"),
+                h2("span", null, "\u6700\u591A\u589E\u91CF\u6DFB\u52A0\u5361\u7247\u56DE\u8C03 card.action.trigger\u3001\u8BFB\u53D6\u6D88\u606F\u5185\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:message:readonly\uFF08\u98DE\u4E66\u663E\u793A\u4E3A\u201C\u83B7\u53D6\u5355\u804A\u3001\u7FA4\u7EC4\u6D88\u606F\u201D\uFF09\uFF0C\u4EE5\u53CA\u4E0A\u4F20\u673A\u5668\u4EBA\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:resource\uFF1B\u786E\u8BA4\u9875\u53EA\u663E\u793A\u5F53\u524D\u7F3A\u5C11\u9879\uFF0C\u4E0D\u4F1A\u521B\u5EFA\u65B0\u5E94\u7528\u3002")
+              )
+            ),
+            h2(Button5, {
+              className: "dim-cardAction",
+              kind: "danger",
+              onClick: onRequestRemove,
+              disabled: Boolean(busy),
+              ref: removeButtonRef,
+              "aria-label": `\u4ECE DeepSeek Harness \u79FB\u9664${bot.name}`
+            }, "\u79FB\u9664\u63A5\u5165")
+          ),
+          summary ? h2(
+            "div",
+            { className: "bxf-healthSummary dim-cardSummary", "data-error": actionError || connection.error ? "true" : void 0 },
+            summary
+          ) : null,
+          connection.lastMessageError ? h2(LastMessageErrorSummary, {
+            className: "bxf-healthSummary",
+            error: connection.lastMessageError
+          }) : null,
+          testNotice ? h2("div", {
+            className: "bxf-healthSummary dim-cardFeedback",
+            role: "status"
+          }, testNotice) : null
+        )
+      )
+    ),
+    removing ? h2(RemoveConfirmation2, {
+      bot: connection,
+      busy: busy === "delete",
+      onConfirm: onConfirmRemove,
+      onCancel: onCancelRemove
+    }) : null
+  );
 }
-
-.bxf-qrFallback span { display: block; color: #646a73; font-size: 12px; line-height: 18px; margin-top: 8px; }
-
-.bxf-expiredOverlay {
-  position: absolute;
-  inset: 10px;
-  display: grid;
-  place-items: center;
-  border-radius: 9px;
-  color: #1f2329;
-  background: rgba(255, 255, 255, .94);
-  backdrop-filter: blur(3px);
-  font-size: 13px;
-  font-weight: 600;
-  text-align: center;
+function BotList(props) {
+  return h2(
+    "section",
+    { className: "bxf-listSection dim-listSection", "aria-labelledby": "bxf-bot-list-title" },
+    h2(ChannelListHeading, {
+      className: "bxf-listHeading",
+      id: "bxf-bot-list-title",
+      title: "\u5DF2\u63A5\u5165\u7684\u673A\u5668\u4EBA",
+      connectionLabel: "\u957F\u8FDE\u63A5"
+    }),
+    h2(
+      "ul",
+      { className: "bxf-botList dim-botList", role: "list" },
+      props.bots.map((bot) => h2(
+        "li",
+        { key: bot.botId },
+        h2(BotCard, {
+          connection: bot,
+          busy: props.busyByBot[bot.botId] ?? (isTargetedAppUpdate2(props.provisioning) && props.provisioning.botId === bot.botId ? props.provisioning.operation : void 0),
+          repairDisabled: Boolean(props.provisioning),
+          provisionContent: isTargetedAppUpdate2(props.provisioning) && props.provisioning.botId === bot.botId ? props.provisionContent : null,
+          provisionRef: props.provisionRef,
+          actionError: props.errorsByBot[bot.botId],
+          testNotice: props.testNoticesByBot[bot.botId],
+          removing: props.removeTargetId === bot.botId,
+          onReconnect: () => props.onReconnect(bot),
+          onRepairCallback: () => props.onRepairCallback(bot),
+          onWorkspaceSave: (workspace) => props.onWorkspaceSave(bot, workspace),
+          onAgentPresetSave: (agentPreset) => props.onAgentPresetSave(bot, agentPreset),
+          onGroupResponseModeSave: (groupResponseMode) => props.onGroupResponseModeSave(bot, groupResponseMode),
+          onGroupMessagePermissionAuthorize: () => props.onGroupMessagePermissionAuthorize(bot),
+          onRequestRemove: () => props.onRequestRemove(bot),
+          onConfirmRemove: () => props.onConfirmRemove(bot),
+          onCancelRemove: props.onCancelRemove,
+          cardRef: (node) => props.setCardRef(bot.botId, node),
+          removeButtonRef: (node) => props.setRemoveButtonRef(bot.botId, node)
+        })
+      ))
+    )
+  );
 }
-
-.bxf-countdown {
-  width: 222px;
-  color: var(--dsw-alias-label-tertiary, #8f959e);
-  font-variant-numeric: tabular-nums;
-  font-size: 11px;
-  line-height: 17px;
-  margin-top: 11px;
+function PageError({ error, onRetry, busy }) {
+  return h2(
+    "div",
+    { className: "bxf-card dim-surfaceCard" },
+    h2(
+      "div",
+      { className: "bxf-error dim-inlineError", role: "alert" },
+      h2(
+        "div",
+        null,
+        h2("h3", null, "\u65E0\u6CD5\u8BFB\u53D6\u98DE\u4E66\u673A\u5668\u4EBA"),
+        h2("p", null, error.message),
+        error.code ? h2("span", { className: "bxf-errorCode" }, error.code) : null,
+        h2(
+          "div",
+          { className: "bxf-actions dim-viewActions" },
+          h2(
+            Button5,
+            { kind: "primary", onClick: onRetry, disabled: busy },
+            busy ? "\u91CD\u8BD5\u4E2D\u2026" : "\u91CD\u65B0\u8BFB\u53D6"
+          )
+        )
+      )
+    )
+  );
 }
-
-.bxf-countdownTop { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
-.bxf-progress { height: 3px; overflow: hidden; border-radius: 99px; background: var(--dsw-alias-bg-module-platform, #f2f3f5); margin-top: 6px; }
-.bxf-progress > span { display: block; width: var(--bxf-progress, 100%); height: 100%; border-radius: inherit; background: var(--bxf-accent); transition: width 1s linear; }
-
-.bxf-qrCopy h3 { font-size: 20px; line-height: 29px; font-weight: 650; }
-.bxf-qrCopy > p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 21px; margin-top: 7px; }
-
-.bxf-steps { counter-reset: bxf-step; display: flex; flex-direction: column; gap: 11px; margin: 20px 0 0; padding: 0; list-style: none; }
-.bxf-steps li { counter-increment: bxf-step; display: grid; grid-template-columns: 23px minmax(0, 1fr); align-items: start; gap: 9px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: 19px; }
-.bxf-steps li::before { content: counter(bxf-step); width: 21px; height: 21px; display: grid; place-items: center; border: 1px solid var(--dsw-alias-border-l2, #dee0e3); border-radius: 50%; color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-bg-layer-1, #fff); font-size: 10px; font-weight: 650; }
-
-.bxf-connecting { min-height: 292px; display: grid; place-items: center; text-align: center; padding: 36px 24px; }
-.bxf-connectingCopy { max-width: 430px; }
-.bxf-orbit { position: relative; width: 86px; height: 86px; display: grid; place-items: center; margin: 0 auto 22px; }
-.bxf-orbit::before, .bxf-orbit::after { content: ""; position: absolute; border-radius: 50%; }
-.bxf-orbit::before { inset: 3px; border: 1px solid color-mix(in srgb, var(--bxf-accent) 24%, transparent); animation: bxf-pulse 1.8s var(--ds-ease-in-out, ease) infinite; }
-.bxf-orbit::after { inset: 0; border: 2px solid transparent; border-top-color: var(--bxf-accent); animation: bxf-rotate 1.2s linear infinite; }
-.bxf-orbitCore { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 16px; color: var(--bxf-accent); background: color-mix(in srgb, var(--bxf-accent) 9%, var(--dsw-alias-bg-layer-1, #fff)); }
-.bxf-connecting h3 { font-size: 20px; line-height: 29px; }
-.bxf-connecting p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 21px; margin-top: 7px; }
-.bxf-connectingCompact { min-height: 248px; }
-
-.bxf-inlineError {
-  min-height: 190px;
-  display: grid;
-  grid-template-columns: 44px minmax(0, 1fr);
-  align-content: center;
-  gap: 15px;
-  padding: 28px;
-}
-
-.bxf-inlineError h3 { font-size: 17px; line-height: 25px; margin: 0; }
-.bxf-inlineError p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 21px; margin-top: 5px; overflow-wrap: anywhere; }
-
-.bxf-listSection { display: flex; flex-direction: column; gap: 10px; }
-.bxf-listHeading { min-height: 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 2px; }
-.bxf-listHeading h3 { font-size: 14px; line-height: 22px; font-weight: 650; margin: 0; }
-.bxf-botList { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
-.bxf-botList > li { min-width: 0; }
-.bxf-botCard:focus { outline: none; }
-.bxf-botCard:focus-visible { outline: 2px solid var(--bxf-accent); outline-offset: 2px; }
-
-.bxf-connectedTop { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
-.bxf-botIdentity { min-width: 0; display: flex; align-items: center; gap: 13px; }
-.bxf-avatar { flex: none; width: 48px; height: 48px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--dsw-alias-border-l2, #e5e6eb); border-radius: 14px; background: var(--dsw-alias-bg-layer-1, #fff); box-shadow: 0 1px 3px rgb(31 35 41 / 7%); }
-.bxf-botName { min-width: 0; }
-.bxf-botName h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; line-height: 24px; font-weight: 650; }
-.bxf-botName p { overflow: hidden; color: var(--dsw-alias-label-tertiary, #8f959e); font-family: var(--ds-font-family-code, monospace); font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; }
-
-.bxf-healthPill { flex: none; display: inline-flex; align-items: center; gap: 7px; min-height: 28px; border-radius: 999px; padding: 4px 10px; color: var(--bxf-success); background: color-mix(in srgb, var(--bxf-success) 10%, transparent); font-size: 12px; font-weight: 600; line-height: 18px; }
-.bxf-healthPill[data-health="degraded"], .bxf-healthPill[data-health="checking"], .bxf-healthPill[data-health="connecting"] { color: var(--bxf-warning); background: color-mix(in srgb, var(--bxf-warning) 10%, transparent); }
-.bxf-healthPill[data-health="offline"], .bxf-healthPill[data-health="error"] { color: var(--bxf-error); background: color-mix(in srgb, var(--bxf-error) 10%, transparent); }
-
-
-.bxf-responseMode { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) max-content; align-items: center; column-gap: 10px; row-gap: 5px; margin-top: 6px; padding: 8px 10px; border: 1px solid var(--dsw-alias-border-l1, #eef0f3); border-radius: 9px; background: var(--dsw-alias-bg-module-platform, #f7f8fa); }
-.bxf-responseModeHeader { display: contents; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: normal; }
-.bxf-responseModeHeader > span:first-child { grid-column: 1; grid-row: 1; white-space: nowrap; }
-.bxf-responseModeStatus { grid-column: 2; grid-row: 1; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; white-space: nowrap; }
-.bxf-responseModeSelect { min-width: 0; width: 100%; grid-column: 1 / -1; grid-row: 2; height: 32px; padding: 0 30px 0 9px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 7px; color: var(--dsw-alias-label-primary, #1f2329); background-color: var(--dsw-alias-bg-layer-1, #fff); font: inherit; font-size: 12px; cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; }
-.bxf-responseModeSelect:hover:not(:disabled) { border-color: color-mix(in srgb, var(--bxf-accent) 45%, var(--dsw-alias-border-l2, #dfe1e5)); }
-.bxf-responseModeSelect:focus-visible { outline: none; border-color: var(--bxf-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--bxf-accent) 16%, transparent); }
-.bxf-responseModeSelect:disabled { cursor: not-allowed; opacity: .55; }
-.bxf-responseModeHelp { grid-column: 1 / -1; grid-row: 3; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 11px; line-height: 1.45; }
-.bxf-responseModePermissionAction { grid-column: 1 / -1; grid-row: 4; display: flex; justify-content: flex-start; margin-top: 2px; }
-.bxf-responseModePermissionButton { min-height: 28px; padding: 3px 9px; color: var(--bxf-accent); border-color: color-mix(in srgb, var(--bxf-accent) 30%, var(--dsw-alias-border-l2, #dfe1e5)); background: var(--dsw-alias-bg-layer-1, #fff); }
-.bxf-responseModePermissionButton:hover:not(:disabled) { background: color-mix(in srgb, var(--bxf-accent) 7%, transparent); }
-.bxf-responseModeError { grid-column: 1 / -1; grid-row: 5; color: var(--bxf-error); font-size: 12px; line-height: 1.4; margin: 0; }
-
-.bxf-botProvision {
-  position: relative;
-  margin-top: 14px;
-  scroll-margin-block: 20px;
-  animation: bxf-revealProvision .2s var(--ds-ease-out, ease-out) both;
-}
-.bxf-botProvision:focus { outline: none; }
-.bxf-botProvision:focus-visible {
-  outline: 2px solid color-mix(in srgb, var(--bxf-accent) 75%, transparent);
-  outline-offset: 3px;
-  border-radius: 12px;
-}
-.bxf-botProvision > .bxf-provisionCard {
-  border-radius: 11px;
-  box-shadow: none;
-  background: color-mix(in srgb, var(--bxf-accent) 2.5%, var(--dsw-alias-bg-layer-3, #fff));
-}
-.bxf-botProvision .bxf-cardBody { padding: 18px; }
-.bxf-botProvision .bxf-qrLayout {
-  grid-template-columns: 184px minmax(0, 1fr);
-  align-items: start;
-  gap: 24px;
-}
-.bxf-botProvision .bxf-qrFrame { width: 176px; height: 176px; padding: 10px; border-radius: 11px; }
-.bxf-botProvision .bxf-countdown { width: 176px; }
-.bxf-botProvision .bxf-qrCopy h3 { font-size: 18px; line-height: 26px; }
-.bxf-botProvision .bxf-steps { gap: 8px; margin-top: 14px; }
-.bxf-botProvision .bxf-actions { margin-top: 16px; }
-.bxf-botProvision .bxf-inlineError { min-height: 160px; padding: 22px; }
-
-.bxf-connectedFooter { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--dsw-alias-border-l1, #eef0f3); }
-.bxf-healthSummary { min-width: 0; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: 18px; }
-.bxf-healthSummary[data-error="true"] { color: var(--bxf-error); }
-.bxf-botActions { position: relative; flex: none; width: 100%; flex-wrap: wrap; gap: 8px; margin-top: 0; justify-content: flex-end; }
-.bxf-botActions .bxf-button { flex: none; white-space: nowrap; }
-.bxf-botActions .bxf-repairButton { color: var(--bxf-accent); border-color: color-mix(in srgb, var(--bxf-accent) 35%, var(--dsw-alias-border-l2, #dee0e3)); }
-.bxf-botActions .bxf-repairButton:hover:not(:disabled) { background: color-mix(in srgb, var(--bxf-accent) 7%, transparent); }
-.bxf-repairAction { display: inline-flex; }
-.bxf-repairTooltip {
-  position: absolute;
-  right: 0;
-  bottom: calc(100% + 8px);
-  z-index: 40;
-  width: min(330px, 100%);
-  display: grid;
-  gap: 3px;
-  padding: 9px 10px;
-  border: 1px solid var(--dsw-alias-border-l2, #dfe1e5);
-  border-radius: 8px;
-  color: var(--dsw-alias-label-primary, #1f2329);
-  background: var(--dsw-alias-bg-layer-3, #fff);
-  box-shadow: 0 10px 28px rgb(31 35 41 / 16%);
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(3px);
-  pointer-events: none;
-  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
-}
-.bxf-repairTooltip strong { font-size: 12px; line-height: 17px; font-weight: 650; }
-.bxf-repairTooltip > span { color: var(--dsw-alias-label-secondary, #646a73); font-size: 11px; line-height: 17px; font-weight: 400; overflow-wrap: anywhere; }
-.bxf-repairAction:hover .bxf-repairTooltip,
-.bxf-repairAction:focus-within .bxf-repairTooltip { opacity: 1; visibility: visible; transform: translateY(0); }
-
-.bxf-confirm {
-  border-top: 1px solid var(--dsw-alias-border-l2, #dee0e3);
-  background: color-mix(in srgb, var(--bxf-error) 4%, var(--dsw-alias-bg-module-platform, #f7f8fa));
-  padding: 17px 24px 20px;
-}
-.bxf-confirm:focus { outline: none; }
-.bxf-confirm h4 { font-size: 13px; line-height: 20px; margin: 0; }
-.bxf-confirm p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: 19px; margin: 4px 0 0; }
-.bxf-confirm .bxf-actions { margin-top: 12px; }
-
-.bxf-error { min-height: 252px; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-content: center; gap: 15px; padding: 30px; }
-.bxf-errorIcon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: var(--bxf-error); background: color-mix(in srgb, var(--bxf-error) 9%, transparent); }
-.bxf-error h3 { font-size: 17px; line-height: 25px; }
-.bxf-error p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 21px; margin-top: 5px; overflow-wrap: anywhere; }
-.bxf-errorCode { display: inline-block; color: var(--dsw-alias-label-tertiary, #8f959e); font-family: var(--ds-font-family-code, monospace); font-size: 11px; margin-top: 7px; }
-
-.bxf-statusNotice {
-  display: flex;
-  align-items: center;
-  gap: 9px;
-  border: 1px solid color-mix(in srgb, var(--bxf-warning) 28%, var(--dsw-alias-border-l2, #dee0e3));
-  border-radius: 10px;
-  padding: 9px 11px;
-  color: var(--dsw-alias-label-secondary, #646a73);
-  background: color-mix(in srgb, var(--bxf-warning) 5%, var(--dsw-alias-bg-layer-1, #fff));
-  font-size: 12px;
-  line-height: 18px;
-}
-.bxf-statusNotice > svg { flex: none; color: var(--bxf-warning); }
-.bxf-statusNotice > span { min-width: 0; flex: 1; overflow-wrap: anywhere; }
-
-.bxf-skeleton { min-height: 260px; padding: 28px; }
-.bxf-skeletonLine { height: 12px; border-radius: 999px; background: linear-gradient(90deg, var(--dsw-alias-bg-module-platform, #f2f3f5), color-mix(in srgb, var(--dsw-alias-label-tertiary, #8f959e) 10%, transparent), var(--dsw-alias-bg-module-platform, #f2f3f5)); background-size: 220% 100%; animation: bxf-shimmer 1.5s linear infinite; }
-.bxf-skeletonLine:nth-child(1) { width: 92px; }
-.bxf-skeletonLine:nth-child(2) { width: 44%; height: 22px; margin-top: 23px; }
-.bxf-skeletonLine:nth-child(3) { width: 72%; margin-top: 14px; }
-.bxf-skeletonLine:nth-child(4) { width: 58%; margin-top: 9px; }
-.bxf-skeletonBox { width: 138px; height: 38px; border-radius: 8px; background: var(--dsw-alias-bg-module-platform, #f2f3f5); margin-top: 28px; }
-
-.bxf-visuallyHidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
-
-@keyframes bxf-rotate { to { transform: rotate(360deg); } }
-@keyframes bxf-pulse { 0%, 100% { transform: scale(.9); opacity: .45; } 50% { transform: scale(1.08); opacity: 1; } }
-@keyframes bxf-shimmer { to { background-position: -220% 0; } }
-@keyframes bxf-revealProvision { from { opacity: 0; transform: translateY(-5px); } }
-
-@container (max-width: 620px) {
-  .bxf-headingTools { gap: 6px; }
-  .bxf-headingTools .bxf-totalBadge { padding-inline: 8px; }
-  .bxf-headingTools .bxf-bindButton { padding-inline: 10px; }
-}
-
-@media (max-width: 680px) {
-  .bxf-intro { grid-template-columns: minmax(0, 1fr); }
-  .bxf-markStage { display: none; }
-  .bxf-qrLayout { grid-template-columns: minmax(0, 1fr); justify-items: center; }
-  .bxf-botProvision .bxf-qrLayout { grid-template-columns: minmax(0, 1fr); }
-  .bxf-qrCopy { width: 100%; }
-  .bxf-connectedTop { align-items: flex-start; flex-direction: column; }
-  .bxf-inlineError { grid-template-columns: minmax(0, 1fr); padding: 20px; }
-  .bxf-statusNotice { align-items: flex-start; flex-wrap: wrap; }
-  .bxf-cardBody { padding: 20px; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .bxf-page *, .bxf-page *::before, .bxf-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
-}
-`;
-function installFeishuStyles() {
-  if (typeof document === "undefined") {
-    return () => {
-    };
-  }
-  const existing = document.querySelector(
-    `style[data-plugin-css="${FEISHU_STYLE_ID}"]`
-  );
-  if (existing) {
-    return () => {
+var EMPTY_TOTALS2 = Object.freeze({ configured: 0, connected: 0 });
+function mergeFeishuSnapshotState(current, snapshot, { restoreProvisioning = false, now = Date.now() } = {}) {
+  if (snapshot.revision > 0 && current.revision > snapshot.revision) return current;
+  let provisioning = current.provisioning;
+  if (!provisioning && restoreProvisioning && snapshot.provisioning) {
+    const submitted = snapshot.provisioning.submitted === true;
+    provisioning = {
+      phase: submitted || snapshot.state === "connecting" ? "connecting" : "qr",
+      ...snapshot.provisioning,
+      durationMs: Math.max(1, snapshot.provisioning.expiresAt - now),
+      expired: !submitted && snapshot.provisioning.expiresAt <= now
     };
   }
-  const style = document.createElement("style");
-  style.dataset.plugin = "@xmanrui/dsh-feishu";
-  style.dataset.pluginCss = FEISHU_STYLE_ID;
-  style.textContent = CSS3;
-  document.head.appendChild(style);
-  return () => {
-    style.remove();
-  };
-}
-
-// plugin-src/client/channels/feishu/index.js
-var CALLBACK_REPAIR_OPERATION = FEISHU_REGISTRATION_OPERATIONS.CALLBACK_REPAIR;
-var GROUP_MESSAGE_PERMISSION_OPERATION = FEISHU_REGISTRATION_OPERATIONS.GROUP_MESSAGE_PERMISSION;
-function isCallbackRepair(value) {
-  return value?.operation === CALLBACK_REPAIR_OPERATION;
-}
-function isGroupMessagePermission(value) {
-  return value?.operation === GROUP_MESSAGE_PERMISSION_OPERATION;
-}
-function isTargetedAppUpdate2(value) {
-  return isCallbackRepair(value) || isGroupMessagePermission(value);
-}
-function SvgIcon({ children, size = 18, className, viewBox = "0 0 24 24" }) {
-  return h2("svg", {
-    width: size,
-    height: size,
-    viewBox,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false",
-    className
-  }, children);
-}
-function RobotIcon({ size = 26 }) {
-  return h2(
-    SvgIcon,
-    { size },
-    h2("rect", {
-      x: "5",
-      y: "7.5",
-      width: "14",
-      height: "11",
-      rx: "4",
-      stroke: "currentColor",
-      strokeWidth: "1.7"
-    }),
-    h2("path", {
-      d: "M12 4.5v3M8.7 12h.01M15.3 12h.01M9.2 15.3c1.67 1.08 3.93 1.08 5.6 0M3.5 11.5v3M20.5 11.5v3",
-      stroke: "currentColor",
-      strokeWidth: "1.7",
-      strokeLinecap: "round"
-    })
-  );
-}
-function AlertIcon({ size = 22 }) {
-  return h2(
-    SvgIcon,
-    { size },
-    h2("path", {
-      d: "M12 3.4 21 19H3L12 3.4Z",
-      stroke: "currentColor",
-      strokeWidth: "1.7",
-      strokeLinejoin: "round"
-    }),
-    h2("path", {
-      d: "M12 9v4.4M12 16.6v.01",
-      stroke: "currentColor",
-      strokeWidth: "1.9",
-      strokeLinecap: "round"
-    })
-  );
-}
-function QrIcon({ size = 58 }) {
-  return h2(SvgIcon, { size }, h2("path", {
-    d: "M4 4h6v6H4V4Zm10 0h6v6h-6V4ZM4 14h6v6H4v-6Zm10 0h2v2h-2v-2Zm4 0h2v4h-2v-4Zm-4 4h4v2h-4v-2Z",
-    fill: "currentColor"
-  }));
-}
-var Button5 = React12.forwardRef(function Button6({ children, kind = "secondary", size, icon, className = "", ...props }, ref) {
-  return h2("button", {
-    ...props,
-    ref,
-    type: "button",
-    className: `bxf-button ${className}`.trim(),
-    "data-kind": kind,
-    "data-size": size
-  }, icon, h2("span", null, children));
-});
-function BrandMark() {
-  return h2("div", { className: "bxf-brandMark" }, h2(RobotIcon, { size: 34 }));
-}
-function Heading2({ totals, onAdd, onCredential, credentialOpen, adding, busy, addButtonRef }) {
-  const hasBots = totals.configured > 0;
-  return h2(
-    "div",
-    { className: "bxf-heading" },
-    h2(
-      "div",
-      { className: "bxf-headingTools" },
-      h2(
-        "div",
-        { className: "dim-bindActions" },
-        h2(Button5, {
-          kind: "primary",
-          size: "small",
-          className: "bxf-bindButton dim-scanButton",
-          onClick: onAdd,
-          disabled: adding || busy,
-          ref: addButtonRef,
-          "aria-busy": busy ? "true" : void 0,
-          "aria-label": "\u626B\u7801\u63A5\u5165\u98DE\u4E66\u673A\u5668\u4EBA",
-          icon: h2(QrActionIcon)
-        }, adding ? "\u6B63\u5728\u63A5\u5165" : "\u626B\u7801\u63A5\u5165\u673A\u5668\u4EBA"),
-        h2(Button5, {
-          kind: "credential",
-          size: "small",
-          className: "dim-credentialButton",
-          onClick: onCredential,
-          disabled: adding || busy,
-          "aria-pressed": credentialOpen,
-          "aria-label": "\u4F7F\u7528 App ID \u548C App Secret \u7ED1\u5B9A\u98DE\u4E66\u673A\u5668\u4EBA",
-          icon: h2(CredentialActionIcon)
-        }, credentialOpen ? "\u6536\u8D77\u51ED\u636E" : "\u624B\u52A8\u63A5\u5165")
-      ),
-      hasBots ? h2("div", {
-        className: "bxf-totalBadge dim-onlineBadge",
-        "aria-label": `\u5DF2\u63A5\u5165 ${totals.configured} \u4E2A\u673A\u5668\u4EBA\uFF0C\u5176\u4E2D ${totals.connected} \u4E2A\u5728\u7EBF`
-      }, h2("span", null, `${totals.connected} / ${totals.configured} \u5728\u7EBF`)) : null
-    )
-  );
-}
-function LoadingView2() {
-  return h2(
-    "div",
-    {
-      className: "bxf-card dim-surfaceCard dim-loadingView",
-      "aria-busy": "true",
-      "aria-label": "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u673A\u5668\u4EBA\u5217\u8868"
-    },
-    h2("div", { className: "dim-spinner", "aria-hidden": "true" }),
-    h2("span", null, "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u8FDE\u63A5\u72B6\u6001\u2026")
-  );
-}
-function EmptyView2({ onStart, busy }) {
-  return h2(
-    "div",
-    { className: "bxf-card dim-surfaceCard" },
-    h2(
-      "div",
-      { className: "bxf-cardBody bxf-intro dim-surfaceBody dim-emptyView" },
-      h2(
-        "div",
-        { className: "bxf-introCopy dim-emptyCopy" },
-        h2(
-          "div",
-          { className: "bxf-stateLabel dim-stateLabel" },
-          h2("span", { className: "bxf-dot dim-stateDot" }),
-          h2("span", null, "\u5C1A\u672A\u63A5\u5165\u673A\u5668\u4EBA")
-        ),
-        h2("h3", null, "\u626B\u7801\uFF0C\u521B\u5EFA\u7B2C\u4E00\u4E2A\u98DE\u4E66\u5165\u53E3"),
-        h2("p", null, "\u65E0\u9700\u624B\u52A8\u586B\u5199 App ID\u3002\u4EE5\u540E\u8FD8\u53EF\u4EE5\u7EE7\u7EED\u6DFB\u52A0\u673A\u5668\u4EBA\uFF0C\u5206\u522B\u670D\u52A1\u4E0D\u540C\u56E2\u961F\u6216\u98DE\u4E66\u79DF\u6237\u3002"),
-        h2(
-          "div",
-          { className: "bxf-actions dim-viewActions" },
-          h2(Button5, {
-            kind: "primary",
-            onClick: onStart,
-            disabled: busy,
-            "aria-busy": busy ? "true" : void 0
-          }, busy ? "\u6B63\u5728\u751F\u6210\u4E8C\u7EF4\u7801\u2026" : "\u751F\u6210\u98DE\u4E66\u4E8C\u7EF4\u7801")
-        )
-      ),
-      h2("div", { className: "bxf-markStage dim-emptyBrand", "aria-hidden": "true" }, h2(BrandMark))
-    )
-  );
-}
-function safeVerificationHref(value) {
-  if (!value) return void 0;
-  try {
-    const url = new URL(value);
-    return url.protocol === "https:" && [
-      "accounts.feishu.cn",
-      "accounts.larksuite.com",
-      "open.feishu.cn",
-      "open.larksuite.com"
-    ].includes(url.hostname) && !url.port && !url.username && !url.password ? url.toString() : void 0;
-  } catch {
-    return void 0;
-  }
-}
-function safeQrSource2(value) {
-  if (!value) return void 0;
-  return /^data:image\/(?:png|webp|svg\+xml)(?:;charset=[^;,]+)?;base64,/i.test(value) ? value : void 0;
-}
-function QrPane({ provision, now, onRefresh, onCancel, busy }) {
-  const [imageFailed, setImageFailed] = React12.useState(false);
-  const qrSource = safeQrSource2(provision.qrCodeDataUrl);
-  const href = safeVerificationHref(provision.verificationUrl);
-  const remaining = Math.max(0, provision.expiresAt - now);
-  const expired = provision.expired === true || remaining === 0;
-  const progress = Math.min(1, remaining / Math.max(1, provision.durationMs ?? remaining));
-  const repairing = isCallbackRepair(provision);
-  const grantingGroupMessages = isGroupMessagePermission(provision);
-  const botName = provision.botName ?? "\u6B64\u673A\u5668\u4EBA";
-  React12.useEffect(() => setImageFailed(false), [qrSource]);
-  return h2(
-    "div",
-    { className: "bxf-card bxf-provisionCard dim-surfaceCard" },
-    h2(
-      "div",
-      { className: "bxf-cardBody bxf-qrLayout dim-surfaceBody dim-qrLayout" },
-      h2(
-        "div",
-        { className: "bxf-qrColumn dim-qrColumn" },
-        h2(
-          "div",
-          { className: "bxf-qrFrame dim-qrFrame" },
-          qrSource && !imageFailed ? h2("img", {
-            src: qrSource,
-            alt: repairing ? `\u7528\u4E8E\u4E3A${botName}\u8865\u5168\u6743\u9650\u4E0E\u56DE\u8C03\u7684\u4E00\u6B21\u6027\u6388\u6743\u4E8C\u7EF4\u7801` : grantingGroupMessages ? `\u7528\u4E8E\u4E3A${botName}\u5F00\u901A\u7FA4\u6D88\u606F\u6743\u9650\u7684\u4E00\u6B21\u6027\u6388\u6743\u4E8C\u7EF4\u7801` : "\u7528\u4E8E\u65B0\u589E DeepSeek Harness \u98DE\u4E66\u673A\u5668\u4EBA\u7684\u4E00\u6B21\u6027\u6388\u6743\u4E8C\u7EF4\u7801",
-            onError: () => setImageFailed(true)
-          }) : h2(
-            "div",
-            { className: "bxf-qrFallback dim-qrFallback" },
-            h2("div", null, h2(QrIcon), h2("span", null, "\u4E8C\u7EF4\u7801\u672A\u5C31\u7EEA\uFF0C\u8BF7\u6253\u5F00\u6388\u6743\u94FE\u63A5"))
-          ),
-          expired ? h2(
-            "div",
-            { className: "bxf-expiredOverlay dim-qrExpired", role: "status" },
-            h2("div", null, "\u4E8C\u7EF4\u7801\u5DF2\u5931\u6548", h2("br"), "\u8BF7\u5237\u65B0\u540E\u91CD\u65B0\u626B\u7801")
-          ) : null
-        ),
-        h2(
-          "div",
-          {
-            className: "bxf-countdown dim-countdown",
-            "aria-label": expired ? "\u4E8C\u7EF4\u7801\u5DF2\u5931\u6548" : `\u4E8C\u7EF4\u7801\u5269\u4F59 ${formatRemaining2(remaining)}`
-          },
-          h2(
-            "div",
-            { className: "bxf-countdownTop dim-countdownTop", "aria-hidden": "true" },
-            h2("span", null, expired ? "\u7B49\u5F85\u5237\u65B0" : "\u4E8C\u7EF4\u7801\u6709\u6548\u65F6\u95F4"),
-            h2("strong", null, formatRemaining2(remaining))
-          ),
-          h2(
-            "div",
-            { className: "bxf-progress dim-progress", "aria-hidden": "true" },
-            h2("span", { style: { "--bxf-progress": `${Math.round(progress * 100)}%` } })
-          )
-        )
-      ),
-      h2(
-        "div",
-        { className: "bxf-qrCopy dim-qrCopy" },
-        h2(
-          "div",
-          { className: "bxf-stateLabel dim-stateLabel" },
-          h2("span", { className: "bxf-dot dim-stateDot", "data-tone": "warning" }),
-          h2("span", null, repairing ? `\u6B63\u5728\u4E3A\u300C${botName}\u300D\u8865\u5168\u6743\u9650\u4E0E\u56DE\u8C03` : grantingGroupMessages ? `\u6B63\u5728\u4E3A\u300C${botName}\u300D\u5F00\u901A\u7FA4\u6D88\u606F\u6743\u9650` : "\u6B63\u5728\u6DFB\u52A0\u65B0\u673A\u5668\u4EBA")
-        ),
-        h2("h3", null, expired ? "\u5237\u65B0\u4E8C\u7EF4\u7801\u540E\u7EE7\u7EED" : repairing ? "\u4F7F\u7528\u98DE\u4E66\u626B\u7801\u8865\u5168\u6743\u9650" : grantingGroupMessages ? "\u4F7F\u7528\u98DE\u4E66\u786E\u8BA4\u7FA4\u6D88\u606F\u6743\u9650" : "\u4F7F\u7528\u98DE\u4E66\u626B\u7801\u521B\u5EFA\u673A\u5668\u4EBA"),
-        h2("p", null, repairing ? "\u626B\u7801\u4F1A\u66F4\u65B0\u73B0\u6709\u98DE\u4E66\u5E94\u7528\uFF0C\u6700\u591A\u589E\u91CF\u8865\u5145\u5361\u7247\u6309\u94AE\u56DE\u8C03\u3001\u8BFB\u53D6\u7528\u6237\u6D88\u606F\u5185\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:message:readonly\uFF08\u98DE\u4E66\u663E\u793A\u4E3A\u201C\u83B7\u53D6\u5355\u804A\u3001\u7FA4\u7EC4\u6D88\u606F\u201D\uFF09\uFF0C\u4EE5\u53CA\u4E0A\u4F20\u673A\u5668\u4EBA\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:resource\uFF1B\u4E0D\u4F1A\u521B\u5EFA\u65B0\u5E94\u7528\u3002\u786E\u8BA4\u9875\u53EA\u663E\u793A\u5F53\u524D\u7F3A\u5C11\u9879\uFF0C\u5B8C\u6210\u540E\u6B64\u673A\u5668\u4EBA\u4F1A\u77ED\u6682\u91CD\u8FDE\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u53D7\u5F71\u54CD\u3002" : grantingGroupMessages ? "\u626B\u7801\u4F1A\u66F4\u65B0\u73B0\u6709\u98DE\u4E66\u5E94\u7528\uFF0C\u53EA\u589E\u91CF\u5F00\u901A\u201C\u83B7\u53D6\u7FA4\u7EC4\u4E2D\u6240\u6709\u6D88\u606F\u201D\u6743\u9650\uFF1B\u4E0D\u4F1A\u521B\u5EFA\u65B0\u5E94\u7528\u3002\u786E\u8BA4\u540E\u4F1A\u81EA\u52A8\u542F\u7528\u201C\u54CD\u5E94\u6240\u6709\u7FA4\u6D88\u606F\u201D\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u53D7\u5F71\u54CD\u3002" : "\u626B\u7801\u53EA\u4F1A\u65B0\u589E\u4E00\u4E2A\u673A\u5668\u4EBA\uFF0C\u5DF2\u63A5\u5165\u7684\u673A\u5668\u4EBA\u4F1A\u7EE7\u7EED\u6B63\u5E38\u6536\u53D1\u6D88\u606F\u3002"),
-        h2(
-          "ol",
-          { className: "bxf-steps dim-steps" },
-          h2("li", null, "\u6253\u5F00\u98DE\u4E66\u79FB\u52A8\u7AEF\uFF0C\u4F7F\u7528\u626B\u4E00\u626B\u8BFB\u53D6\u4E8C\u7EF4\u7801"),
-          h2("li", null, repairing ? "\u6838\u5BF9\u73B0\u6709\u5E94\u7528\u540D\u79F0\uFF0C\u5E76\u786E\u8BA4\u53EA\u65B0\u589E\u5F53\u524D\u7F3A\u5C11\u7684\u4E0A\u8FF0\u914D\u7F6E" : grantingGroupMessages ? "\u6838\u5BF9\u73B0\u6709\u5E94\u7528\uFF0C\u5E76\u786E\u8BA4\u201C\u83B7\u53D6\u7FA4\u7EC4\u4E2D\u6240\u6709\u6D88\u606F\u201D\u6743\u9650" : "\u6838\u5BF9\u5E94\u7528\u540D\u79F0\u4E0E\u6743\u9650\u8303\u56F4\uFF0C\u5E76\u786E\u8BA4\u521B\u5EFA"),
-          h2("li", null, repairing ? "\u4FDD\u6301\u672C\u9875\u6253\u5F00\uFF0C\u7B49\u5F85\u6743\u9650\u4E0E\u56DE\u8C03\u8865\u5168\u5B8C\u6210" : grantingGroupMessages ? "\u4FDD\u6301\u672C\u9875\u6253\u5F00\uFF0C\u7B49\u5F85\u6743\u9650\u751F\u6548\u5E76\u81EA\u52A8\u5207\u6362\u54CD\u5E94\u65B9\u5F0F" : "\u4FDD\u6301\u672C\u9875\u6253\u5F00\uFF0C\u7B49\u5F85\u65B0\u673A\u5668\u4EBA\u7684\u957F\u8FDE\u63A5\u5C31\u7EEA")
-        ),
-        h2(
-          "div",
-          { className: "bxf-actions dim-viewActions" },
-          expired ? h2(Button5, {
-            kind: "primary",
-            onClick: onRefresh,
-            disabled: busy
-          }, busy ? "\u5237\u65B0\u4E2D\u2026" : "\u5237\u65B0\u4E8C\u7EF4\u7801") : href ? h2("a", {
-            className: "bxf-button bxf-link",
-            "data-kind": "secondary",
-            href,
-            target: "_blank",
-            rel: "noopener noreferrer"
-          }, h2("span", null, "\u5728\u98DE\u4E66\u4E2D\u6253\u5F00")) : null,
-          !expired ? h2(Button5, { onClick: onRefresh, disabled: busy }, "\u6362\u4E00\u4E2A\u4E8C\u7EF4\u7801") : null,
-          h2(Button5, { onClick: onCancel, disabled: busy }, repairing ? "\u53D6\u6D88\u8865\u5168" : grantingGroupMessages ? "\u53D6\u6D88\u6388\u6743" : "\u53D6\u6D88\u6DFB\u52A0")
-        )
-      )
-    )
-  );
-}
-function ProvisionProgress({ phase, provision, onCancel, busy }) {
-  const connecting = phase === "connecting";
-  const repairing = isCallbackRepair(provision);
-  const grantingGroupMessages = isGroupMessagePermission(provision);
-  return h2(
-    "div",
-    {
-      className: "bxf-card bxf-provisionCard dim-surfaceCard dim-loadingView",
-      "aria-busy": "true"
-    },
-    h2("div", { className: "dim-spinner", "aria-hidden": "true" }),
-    h2("h3", null, connecting ? repairing ? "\u5DF2\u786E\u8BA4\uFF0C\u6B63\u5728\u5B8C\u6210\u6743\u9650\u4E0E\u56DE\u8C03\u914D\u7F6E" : grantingGroupMessages ? "\u5DF2\u786E\u8BA4\uFF0C\u6B63\u5728\u542F\u7528\u5168\u90E8\u6D88\u606F\u6A21\u5F0F" : "\u5DF2\u786E\u8BA4\uFF0C\u6B63\u5728\u8FDE\u63A5\u65B0\u673A\u5668\u4EBA" : repairing ? "\u6B63\u5728\u51C6\u5907\u6743\u9650\u8865\u5168\u4E8C\u7EF4\u7801" : grantingGroupMessages ? "\u6B63\u5728\u51C6\u5907\u6743\u9650\u6388\u6743\u4E8C\u7EF4\u7801" : "\u6B63\u5728\u51C6\u5907\u6388\u6743\u4E8C\u7EF4\u7801"),
-    h2("p", null, connecting ? repairing ? "\u914D\u7F6E\u5DF2\u63D0\u4EA4\uFF0C\u6B63\u5728\u4FDD\u5B58\u6743\u9650\u3001\u9A8C\u8BC1\u5361\u7247\u56DE\u8C03\u5E76\u91CD\u8FDE\u6B64\u673A\u5668\u4EBA\uFF1B\u6B64\u9636\u6BB5\u65E0\u6CD5\u53D6\u6D88\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u4F1A\u4E2D\u65AD\u3002" : grantingGroupMessages ? "\u6743\u9650\u914D\u7F6E\u5DF2\u63D0\u4EA4\uFF0C\u6B63\u5728\u4FDD\u5B58\u8BBE\u7F6E\u5E76\u91CD\u8FDE\u6B64\u673A\u5668\u4EBA\uFF1B\u6B64\u9636\u6BB5\u65E0\u6CD5\u53D6\u6D88\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u4F1A\u4E2D\u65AD\u3002" : "\u6B63\u5728\u5B89\u5168\u4FDD\u5B58\u51ED\u636E\u5E76\u68C0\u67E5\u65B0\u673A\u5668\u4EBA\u7684\u6D88\u606F\u901A\u9053\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E0D\u4F1A\u4E2D\u65AD\u3002" : repairing ? "\u6B63\u5728\u4E3A\u73B0\u6709\u98DE\u4E66\u5E94\u7528\u7533\u8BF7\u4E00\u6B21\u6027\u66F4\u65B0\u4E8C\u7EF4\u7801\uFF0C\u8BF7\u7A0D\u5019\u3002" : grantingGroupMessages ? "\u6B63\u5728\u4E3A\u73B0\u6709\u98DE\u4E66\u5E94\u7528\u7533\u8BF7\u7FA4\u6D88\u606F\u6743\u9650\u4E8C\u7EF4\u7801\uFF0C\u8BF7\u7A0D\u5019\u3002" : "\u6B63\u5728\u5411\u98DE\u4E66\u7533\u8BF7\u4E00\u6B21\u6027\u6388\u6743\u4E8C\u7EF4\u7801\uFF0C\u8BF7\u7A0D\u5019\u3002"),
-    connecting && onCancel ? h2(
-      "div",
-      { className: "bxf-actions dim-viewActions", style: { justifyContent: "center" } },
-      h2(Button5, { onClick: onCancel, disabled: busy }, repairing ? "\u53D6\u6D88\u8865\u5168" : grantingGroupMessages ? "\u53D6\u6D88\u6388\u6743" : "\u53D6\u6D88\u6DFB\u52A0")
-    ) : null
-  );
-}
-function ProvisionError2({ error, provision, onRetry, onCancel, busy }) {
-  const repairing = isCallbackRepair(provision);
-  const grantingGroupMessages = isGroupMessagePermission(provision);
-  return h2(
-    "div",
-    { className: "bxf-card bxf-provisionCard dim-surfaceCard" },
-    h2(
-      "div",
-      { className: "bxf-inlineError dim-inlineError", role: "alert" },
-      h2(
-        "div",
-        null,
-        h2("h3", null, repairing ? "\u6743\u9650\u4E0E\u56DE\u8C03\u6CA1\u6709\u8865\u5168\u5B8C\u6210" : grantingGroupMessages ? "\u7FA4\u6D88\u606F\u6743\u9650\u6CA1\u6709\u5F00\u901A\u5B8C\u6210" : "\u65B0\u673A\u5668\u4EBA\u6CA1\u6709\u6DFB\u52A0\u5B8C\u6210"),
-        h2("p", null, error.message),
-        error.code ? h2("span", { className: "bxf-errorCode" }, error.code) : null,
-        h2(
-          "div",
-          { className: "bxf-actions dim-viewActions" },
-          h2(
-            Button5,
-            { kind: "primary", onClick: onRetry, disabled: busy },
-            busy ? "\u91CD\u8BD5\u4E2D\u2026" : "\u91CD\u65B0\u751F\u6210\u4E8C\u7EF4\u7801"
-          ),
-          h2(Button5, { onClick: onCancel, disabled: busy }, "\u5173\u95ED")
-        )
-      )
-    )
-  );
-}
-var HEALTH_LABELS = {
-  connected: "\u8FD0\u884C\u6B63\u5E38",
-  connecting: "\u6B63\u5728\u8FDE\u63A5",
-  offline: "\u8FDE\u63A5\u4E2D\u65AD",
-  error: "\u9700\u8981\u5904\u7406"
-};
-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(timestamp7));
-  } catch {
-    return "\u521A\u521A";
-  }
-}
-function connectionTestNotice2(value) {
-  if (value?.testMessage?.sent === true) {
-    return "\u6D4B\u8BD5\u6D88\u606F\u5DF2\u53D1\u9001\uFF0C\u8BF7\u5230\u98DE\u4E66\u4F1A\u8BDD\u4E2D\u786E\u8BA4\u3002";
-  }
-  if (value?.testMessage?.code === "test-target-unavailable") {
-    return "\u8FDE\u63A5\u68C0\u67E5\u5B8C\u6210\u3002\u673A\u5668\u4EBA\u5C1A\u672A\u6536\u5230\u53EF\u7528\u4E8E\u6D4B\u8BD5\u7684\u79C1\u804A\u6D88\u606F\u3002";
-  }
-  return value?.testMessage ? "\u8FDE\u63A5\u68C0\u67E5\u5B8C\u6210\uFF0C\u4F46\u6D4B\u8BD5\u6D88\u606F\u53D1\u9001\u5931\u8D25\u3002" : null;
-}
-function RemoveConfirmation2({ bot, busy, onConfirm, onCancel }) {
-  const cancelRef = React12.useRef(null);
-  const idPart = bot.botId.replace(/[^a-zA-Z0-9_-]/g, "-");
-  const titleId = `bxf-remove-title-${idPart}`;
-  const descriptionId = `bxf-remove-description-${idPart}`;
-  React12.useEffect(() => cancelRef.current?.focus(), []);
-  return h2(
-    "div",
-    {
-      className: "bxf-confirm dim-confirm",
-      role: "alertdialog",
-      "aria-labelledby": titleId,
-      "aria-describedby": descriptionId,
-      onKeyDown: (event) => {
-        if (event.key === "Escape" && !busy) {
-          event.preventDefault();
-          onCancel();
-        }
-      }
-    },
-    h2("h4", { id: titleId }, `\u4ECE DeepSeek Harness \u79FB\u9664\u201C${bot.bot.name}\u201D\uFF1F`),
-    h2(
-      "p",
-      { id: descriptionId },
-      "\u6B64\u64CD\u4F5C\u4F1A\u505C\u6B62\u8FD9\u4E2A\u673A\u5668\u4EBA\u7684\u8FDE\u63A5\uFF0C\u5E76\u5220\u9664\u4FDD\u5B58\u5728\u672C\u673A\u7684\u63A5\u5165\u914D\u7F6E\u548C\u51ED\u636E\u3002\u98DE\u4E66\u5F00\u653E\u5E73\u53F0\u4E2D\u7684\u5E94\u7528\u4E0D\u4F1A\u88AB\u81EA\u52A8\u5220\u9664\uFF0C\u5176\u4ED6\u673A\u5668\u4EBA\u4E5F\u4E0D\u53D7\u5F71\u54CD\u3002"
-    ),
-    h2(
-      "div",
-      { className: "bxf-actions dim-viewActions" },
-      h2(Button5, { ref: cancelRef, onClick: onCancel, disabled: busy }, "\u4FDD\u7559\u673A\u5668\u4EBA"),
-      h2(
-        Button5,
-        { kind: "danger", onClick: onConfirm, disabled: busy },
-        busy ? "\u6B63\u5728\u79FB\u9664\u2026" : "\u786E\u8BA4\u79FB\u9664\u63A5\u5165"
-      )
-    )
-  );
-}
-function GroupResponseModeEditor({
-  value,
-  permissionGranted = false,
-  disabled = false,
-  authorizationDisabled = false,
-  onSave,
-  onAuthorize
-}) {
-  const current = normalizeGroupResponseMode(value);
-  const [saving, setSaving] = React12.useState(false);
-  const [authorizing, setAuthorizing] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const change = async (event) => {
-    const next = normalizeGroupResponseMode(event.target.value);
-    if (next === current || saving || disabled) return;
-    setSaving(true);
-    setError(null);
-    try {
-      await onSave?.(next);
-    } catch (cause) {
-      setError(cause?.message ?? "\u7FA4\u804A\u54CD\u5E94\u65B9\u5F0F\u4FEE\u6539\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002");
-    } finally {
-      setSaving(false);
-    }
-  };
-  const authorize = async () => {
-    if (current !== "all" || saving || authorizing || disabled || authorizationDisabled) return;
-    setAuthorizing(true);
-    setError(null);
-    try {
-      await onAuthorize?.();
-    } catch (cause) {
-      setError(cause?.message ?? "\u7FA4\u6D88\u606F\u6743\u9650\u6388\u6743\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002");
-    } finally {
-      setAuthorizing(false);
-    }
-  };
-  return h2(
-    "div",
-    { className: "bxf-responseMode dim-responseMode" },
-    h2(
-      "div",
-      { className: "bxf-responseModeHeader dim-responseModeHeader" },
-      h2("span", null, "\u7FA4\u804A\u54CD\u5E94\u65B9\u5F0F"),
-      saving || authorizing ? h2(
-        "span",
-        { className: "bxf-responseModeStatus dim-responseModeStatus" },
-        saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u6B63\u5728\u51C6\u5907\u6388\u6743\u2026"
-      ) : null
-    ),
-    h2(
-      "select",
-      {
-        className: "bxf-responseModeSelect dim-responseModeSelect",
-        value: current,
-        disabled: disabled || saving,
-        "aria-label": "\u7FA4\u804A\u54CD\u5E94\u65B9\u5F0F",
-        onChange: (event) => {
-          void change(event);
-        }
-      },
-      h2("option", { value: "mention" }, "\u4EC5\u5728 @\u673A\u5668\u4EBA\u65F6\u54CD\u5E94\uFF08\u63A8\u8350\uFF09"),
-      h2("option", { value: "all" }, "\u54CD\u5E94\u6240\u6709\u7FA4\u6D88\u606F")
-    ),
-    h2(
-      "small",
-      { className: "bxf-responseModeHelp dim-responseModeHelp" },
-      current === "mention" ? permissionGranted ? "\u79C1\u804A\u59CB\u7EC8\u54CD\u5E94\uFF1B\u7FA4\u804A\u4EC5\u5904\u7406\u660E\u786E @\u5F53\u524D\u673A\u5668\u4EBA\u7684\u6D88\u606F\u3002\u7FA4\u6D88\u606F\u6743\u9650\u5DF2\u5F00\u901A\uFF0C\u518D\u6B21\u5207\u6362\u65E0\u9700\u6388\u6743\u3002" : "\u79C1\u804A\u59CB\u7EC8\u54CD\u5E94\uFF1B\u7FA4\u804A\u4EC5\u5904\u7406\u660E\u786E @\u5F53\u524D\u673A\u5668\u4EBA\u7684\u6D88\u606F\u3002\u9009\u62E9\u5168\u90E8\u6D88\u606F\u540E\u4F1A\u6253\u5F00\u98DE\u4E66\u5B98\u65B9\u6388\u6743\u6D41\u7A0B\u3002" : permissionGranted ? "\u5DF2\u5F00\u901A\u201C\u83B7\u53D6\u7FA4\u7EC4\u4E2D\u6240\u6709\u6D88\u606F\u201D\u6743\u9650\uFF08im:message.group_msg\uFF09\uFF1B\u673A\u5668\u4EBA\u4F1A\u5904\u7406\u7FA4\u804A\u4E2D\u7684\u6240\u6709\u53EF\u89C1\u6D88\u606F\u3002" : "\u5C1A\u672A\u786E\u8BA4\u201C\u83B7\u53D6\u7FA4\u7EC4\u4E2D\u6240\u6709\u6D88\u606F\u201D\u6743\u9650\uFF0C\u8BF7\u5B8C\u6210\u98DE\u4E66\u6388\u6743\u3002"
-    ),
-    current === "all" ? h2(
-      "div",
-      { className: "bxf-responseModePermissionAction dim-responseModePermissionAction" },
-      h2(Button5, {
-        className: "bxf-responseModePermissionButton",
-        size: "small",
-        disabled: disabled || authorizationDisabled || saving || authorizing,
-        "aria-busy": authorizing ? "true" : void 0,
-        "aria-label": permissionGranted ? "\u91CD\u65B0\u6388\u6743\u7FA4\u6D88\u606F\u6743\u9650" : "\u6388\u6743\u7FA4\u6D88\u606F\u6743\u9650",
-        onClick: () => {
-          void authorize();
-        }
-      }, authorizing ? "\u6B63\u5728\u51C6\u5907\u2026" : permissionGranted ? "\u91CD\u65B0\u6388\u6743" : "\u53BB\u6388\u6743")
-    ) : null,
-    error ? h2("p", {
-      className: "bxf-responseModeError dim-responseModeError",
-      role: "alert"
-    }, error) : null
-  );
-}
-function BotCard({
-  connection,
-  busy,
-  repairDisabled,
-  provisionContent,
-  provisionRef,
-  actionError,
-  testNotice,
-  removing,
-  onReconnect,
-  onRepairCallback,
-  onWorkspaceSave,
-  onAgentPresetSave,
-  onGroupResponseModeSave,
-  onGroupMessagePermissionAuthorize,
-  onRequestRemove,
-  onConfirmRemove,
-  onCancelRemove,
-  cardRef,
-  removeButtonRef
-}) {
-  const { bot, health, state, connected } = connection;
-  const repairTooltipId = React12.useId();
-  const stateForDisplay = busy === "reconnect" ? "connecting" : state;
-  const tone = stateForDisplay === "connected" ? "success" : stateForDisplay === "connecting" ? "warning" : "error";
-  const summary = actionError?.message ?? connection.error?.message ?? (connected ? null : health.summary);
-  const titleId = `bxf-bot-${connection.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
-  return h2(
-    "article",
-    {
-      className: "bxf-card bxf-botCard dim-botCard",
-      "aria-labelledby": titleId,
-      "data-bot-id": connection.botId,
-      tabIndex: -1,
-      ref: cardRef
-    },
-    h2(
-      "div",
-      { className: "bxf-cardBody dim-botCardBody" },
-      h2(
-        "div",
-        { className: "bxf-connectedTop dim-botCardTop" },
-        h2(
-          "div",
-          { className: "bxf-botIdentity dim-botIdentity" },
-          h2(
-            "div",
-            { className: "bxf-avatar dim-botAvatar", "aria-hidden": "true" },
-            h2(FeishuLogoGlyph, { size: 34 })
-          ),
-          h2(
-            "div",
-            { className: "bxf-botName dim-botName" },
-            h2("h3", { id: titleId, title: bot.name }, bot.name),
-            h2("p", { title: bot.appIdMasked }, bot.appIdMasked ?? "\u5E94\u7528\u6807\u8BC6\u5DF2\u5B89\u5168\u4FDD\u5B58")
-          )
-        ),
-        h2(BotStatusMeta, {
-          className: "bxf-healthPill",
-          dotClassName: "bxf-dot",
-          tone,
-          stateLabel: HEALTH_LABELS[stateForDisplay] ?? "\u72B6\u6001\u672A\u77E5",
-          lastCheckedAt: health.lastCheckedAt,
-          formatCheckedTime,
-          healthState: stateForDisplay
-        })
-      ),
-      h2(WorkspaceEditor, {
-        workspace: connection.workspace,
-        disabled: Boolean(busy),
-        onSave: onWorkspaceSave
-      }),
-      h2(AgentPresetEditor, {
-        agentPreset: connection.agentPreset,
-        disabled: Boolean(busy),
-        onSave: onAgentPresetSave
-      }),
-      h2(GroupResponseModeEditor, {
-        value: connection.groupResponseMode,
-        permissionGranted: connection.groupMessagePermissionGranted,
-        disabled: Boolean(busy),
-        authorizationDisabled: repairDisabled,
-        onSave: onGroupResponseModeSave,
-        onAuthorize: onGroupMessagePermissionAuthorize
-      }),
-      provisionContent ? h2("section", {
-        className: "bxf-botProvision dim-botProvision",
-        "aria-label": `${bot.name}\u7684\u98DE\u4E66\u6388\u6743\u6D41\u7A0B`,
-        "data-provision-for": connection.botId,
-        ref: provisionRef,
-        tabIndex: -1
-      }, provisionContent) : null,
-      h2(
-        "div",
-        { className: "bxf-connectedFooter dim-cardFooter" },
-        h2(
-          "div",
-          { className: "dim-cardFooterLayout" },
-          h2(
-            "div",
-            { className: "bxf-actions bxf-botActions dim-cardActions" },
-            h2(Button5, {
-              className: "dim-cardAction",
-              onClick: onReconnect,
-              disabled: Boolean(busy),
-              "aria-busy": busy === "reconnect" ? "true" : void 0,
-              "aria-label": `${connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"}${bot.name}`
-            }, busy === "reconnect" ? connected ? "\u68C0\u67E5\u4E2D\u2026" : "\u6B63\u5728\u8FDE\u63A5\u2026" : connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
-            h2(
-              "span",
-              { className: "bxf-repairAction" },
-              h2(Button5, {
-                className: "bxf-repairButton dim-cardAction",
-                onClick: onRepairCallback,
-                disabled: Boolean(busy) || repairDisabled,
-                "aria-busy": busy === "callback-repair" ? "true" : void 0,
-                "aria-label": `\u4E3A${bot.name}\u8865\u5168\u6743\u9650\u4E0E\u56DE\u8C03`,
-                "aria-describedby": repairTooltipId
-              }, busy === "callback-repair" ? "\u7B49\u5F85\u626B\u7801\u2026" : "\u8865\u5168\u6743\u9650"),
-              h2(
-                "span",
-                {
-                  id: repairTooltipId,
-                  className: "bxf-repairTooltip",
-                  role: "tooltip"
-                },
-                h2("strong", null, "\u8865\u5168\u8303\u56F4"),
-                h2("span", null, "\u6700\u591A\u589E\u91CF\u6DFB\u52A0\u5361\u7247\u56DE\u8C03 card.action.trigger\u3001\u8BFB\u53D6\u6D88\u606F\u5185\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:message:readonly\uFF08\u98DE\u4E66\u663E\u793A\u4E3A\u201C\u83B7\u53D6\u5355\u804A\u3001\u7FA4\u7EC4\u6D88\u606F\u201D\uFF09\uFF0C\u4EE5\u53CA\u4E0A\u4F20\u673A\u5668\u4EBA\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:resource\uFF1B\u786E\u8BA4\u9875\u53EA\u663E\u793A\u5F53\u524D\u7F3A\u5C11\u9879\uFF0C\u4E0D\u4F1A\u521B\u5EFA\u65B0\u5E94\u7528\u3002")
-              )
-            ),
-            h2(Button5, {
-              className: "dim-cardAction",
-              kind: "danger",
-              onClick: onRequestRemove,
-              disabled: Boolean(busy),
-              ref: removeButtonRef,
-              "aria-label": `\u4ECE DeepSeek Harness \u79FB\u9664${bot.name}`
-            }, "\u79FB\u9664\u63A5\u5165")
-          ),
-          summary ? h2(
-            "div",
-            { className: "bxf-healthSummary dim-cardSummary", "data-error": actionError || connection.error ? "true" : void 0 },
-            summary
-          ) : null,
-          connection.lastMessageError ? h2(LastMessageErrorSummary, {
-            className: "bxf-healthSummary",
-            error: connection.lastMessageError
-          }) : null,
-          testNotice ? h2("div", {
-            className: "bxf-healthSummary dim-cardFeedback",
-            role: "status"
-          }, testNotice) : null
-        )
-      )
-    ),
-    removing ? h2(RemoveConfirmation2, {
-      bot: connection,
-      busy: busy === "delete",
-      onConfirm: onConfirmRemove,
-      onCancel: onCancelRemove
-    }) : null
-  );
-}
-function BotList(props) {
-  return h2(
-    "section",
-    { className: "bxf-listSection dim-listSection", "aria-labelledby": "bxf-bot-list-title" },
-    h2(ChannelListHeading, {
-      className: "bxf-listHeading",
-      id: "bxf-bot-list-title",
-      title: "\u5DF2\u63A5\u5165\u7684\u673A\u5668\u4EBA",
-      connectionLabel: "\u957F\u8FDE\u63A5"
-    }),
-    h2(
-      "ul",
-      { className: "bxf-botList dim-botList", role: "list" },
-      props.bots.map((bot) => h2(
-        "li",
-        { key: bot.botId },
-        h2(BotCard, {
-          connection: bot,
-          busy: props.busyByBot[bot.botId] ?? (isTargetedAppUpdate2(props.provisioning) && props.provisioning.botId === bot.botId ? props.provisioning.operation : void 0),
-          repairDisabled: Boolean(props.provisioning),
-          provisionContent: isTargetedAppUpdate2(props.provisioning) && props.provisioning.botId === bot.botId ? props.provisionContent : null,
-          provisionRef: props.provisionRef,
-          actionError: props.errorsByBot[bot.botId],
-          testNotice: props.testNoticesByBot[bot.botId],
-          removing: props.removeTargetId === bot.botId,
-          onReconnect: () => props.onReconnect(bot),
-          onRepairCallback: () => props.onRepairCallback(bot),
-          onWorkspaceSave: (workspace) => props.onWorkspaceSave(bot, workspace),
-          onAgentPresetSave: (agentPreset) => props.onAgentPresetSave(bot, agentPreset),
-          onGroupResponseModeSave: (groupResponseMode) => props.onGroupResponseModeSave(bot, groupResponseMode),
-          onGroupMessagePermissionAuthorize: () => props.onGroupMessagePermissionAuthorize(bot),
-          onRequestRemove: () => props.onRequestRemove(bot),
-          onConfirmRemove: () => props.onConfirmRemove(bot),
-          onCancelRemove: props.onCancelRemove,
-          cardRef: (node) => props.setCardRef(bot.botId, node),
-          removeButtonRef: (node) => props.setRemoveButtonRef(bot.botId, node)
-        })
-      ))
-    )
-  );
-}
-function PageError({ error, onRetry, busy }) {
-  return h2(
-    "div",
-    { className: "bxf-card dim-surfaceCard" },
-    h2(
-      "div",
-      { className: "bxf-error dim-inlineError", role: "alert" },
-      h2(
-        "div",
-        null,
-        h2("h3", null, "\u65E0\u6CD5\u8BFB\u53D6\u98DE\u4E66\u673A\u5668\u4EBA"),
-        h2("p", null, error.message),
-        error.code ? h2("span", { className: "bxf-errorCode" }, error.code) : null,
-        h2(
-          "div",
-          { className: "bxf-actions dim-viewActions" },
-          h2(
-            Button5,
-            { kind: "primary", onClick: onRetry, disabled: busy },
-            busy ? "\u91CD\u8BD5\u4E2D\u2026" : "\u91CD\u65B0\u8BFB\u53D6"
-          )
-        )
-      )
-    )
-  );
-}
-var EMPTY_TOTALS2 = Object.freeze({ configured: 0, connected: 0 });
-function mergeFeishuSnapshotState(current, snapshot, { restoreProvisioning = false, now = Date.now() } = {}) {
-  if (snapshot.revision > 0 && current.revision > snapshot.revision) return current;
-  let provisioning = current.provisioning;
-  if (!provisioning && restoreProvisioning && snapshot.provisioning) {
-    const submitted = snapshot.provisioning.submitted === true;
-    provisioning = {
-      phase: submitted || snapshot.state === "connecting" ? "connecting" : "qr",
-      ...snapshot.provisioning,
-      durationMs: Math.max(1, snapshot.provisioning.expiresAt - now),
-      expired: !submitted && snapshot.provisioning.expiresAt <= now
-    };
-  }
-  return {
-    ...current,
-    phase: "ready",
-    revision: snapshot.revision,
-    bots: snapshot.bots,
-    totals: snapshot.totals,
-    provisioning,
-    pageError: null,
-    statusError: null,
-    agentPresetCatalog: snapshot.agentPresetCatalog ?? current.agentPresetCatalog
+  return {
+    ...current,
+    phase: "ready",
+    revision: snapshot.revision,
+    bots: snapshot.bots,
+    totals: snapshot.totals,
+    provisioning,
+    pageError: null,
+    statusError: null,
+    agentPresetCatalog: snapshot.agentPresetCatalog ?? current.agentPresetCatalog
   };
 }
 function FeishuSettingsTab({ rpcCall }) {
@@ -5923,6 +5351,578 @@ function FeishuSettingsTab({ rpcCall }) {
   ));
 }
 
+// plugin-src/client/channels/feishu/styles.js
+var FEISHU_STYLE_ID = "xmanrui-dsh-im-feishu-settings";
+var CSS3 = String.raw`
+.bxf-page {
+  --bxf-accent: var(--dsw-alias-state-business-primary, #3370ff);
+  --bxf-success: var(--dsw-alias-state-success-primary, #20a162);
+  --bxf-warning: var(--dsw-alias-state-warn-primary, #d97706);
+  --bxf-error: var(--dsw-alias-state-error-primary, #d54941);
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 860px;
+  color: var(--dsw-alias-label-primary, #1f2329);
+  display: flex;
+  flex-direction: column;
+  container-type: inline-size;
+  gap: 18px;
+  padding: 2px 0 24px;
+}
+
+.bxf-page *, .bxf-page *::before, .bxf-page *::after { box-sizing: border-box; }
+
+.bxf-heading {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20px;
+}
+
+.bxf-headingCopy { min-width: 0; }
+.bxf-heading h2, .bxf-heading p, .bxf-card h3, .bxf-card p { margin: 0; }
+
+.bxf-eyebrow {
+  color: var(--dsw-alias-label-tertiary, #8f959e);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+  letter-spacing: .08em;
+  text-transform: uppercase;
+  margin-bottom: 3px;
+}
+
+.bxf-heading h2 {
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 650;
+  letter-spacing: -.015em;
+}
+
+.bxf-heading p {
+  max-width: 540px;
+  color: var(--dsw-alias-label-secondary, #646a73);
+  font-size: 13px;
+  line-height: 20px;
+  margin-top: 5px;
+  white-space: nowrap;
+}
+
+.bxf-headingTools {
+  width: 100%;
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: nowrap;
+  gap: 8px;
+}
+
+.bxf-totalBadge {
+  min-height: 28px;
+  display: inline-flex;
+  align-items: baseline;
+  gap: 3px;
+  border-radius: 999px;
+  padding: 4px 10px;
+  color: var(--dsw-alias-label-secondary, #646a73);
+  background: var(--dsw-alias-bg-module-platform, #f2f3f5);
+  font-size: 11px;
+  line-height: 16px;
+  white-space: nowrap;
+}
+
+.bxf-totalBadge strong { color: var(--bxf-success); font-size: 13px; }
+
+.bxf-card {
+  position: relative;
+  overflow: hidden;
+  border: 1px solid var(--dsw-alias-border-l2, #dee0e3);
+  border-radius: 14px;
+  background: var(--dsw-alias-bg-layer-3, #fff);
+  box-shadow: var(--dsw-shadow-lv1, 0 3px 12px rgba(31, 35, 41, .05));
+}
+
+.bxf-card::before {
+  content: "";
+  pointer-events: none;
+  position: absolute;
+  inset: 0 0 auto;
+  height: 88px;
+  background:
+    radial-gradient(circle at 86% -35%, color-mix(in srgb, var(--bxf-accent) 18%, transparent), transparent 68%);
+  opacity: .85;
+}
+
+.bxf-cardBody { position: relative; padding: 24px; }
+
+.bxf-intro {
+  min-height: 250px;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 172px;
+  gap: 32px;
+  align-items: center;
+}
+
+.bxf-introCopy { max-width: 500px; }
+
+.bxf-stateLabel {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--dsw-alias-label-secondary, #646a73);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+  margin-bottom: 13px;
+}
+
+.bxf-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--dsw-alias-label-tertiary, #8f959e);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--dsw-alias-label-tertiary, #8f959e) 12%, transparent);
+}
+
+.bxf-dot[data-tone="success"] {
+  background: var(--bxf-success);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bxf-success) 13%, transparent);
+}
+
+.bxf-dot[data-tone="warning"] {
+  background: var(--bxf-warning);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bxf-warning) 13%, transparent);
+}
+
+.bxf-dot[data-tone="error"] {
+  background: var(--bxf-error);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bxf-error) 13%, transparent);
+}
+
+.bxf-intro h3 {
+  font-size: 24px;
+  line-height: 34px;
+  font-weight: 650;
+  letter-spacing: -.02em;
+}
+
+.bxf-introCopy > p {
+  max-width: 490px;
+  color: var(--dsw-alias-label-secondary, #646a73);
+  font-size: 14px;
+  line-height: 23px;
+  margin-top: 8px;
+}
+
+.bxf-note {
+  display: flex;
+  gap: 8px;
+  align-items: flex-start;
+  color: var(--dsw-alias-label-tertiary, #8f959e);
+  font-size: 12px;
+  line-height: 18px;
+  margin-top: 16px;
+}
+
+.bxf-note svg { flex: none; margin-top: 1px; }
+
+.bxf-actions {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-top: 22px;
+}
+
+.bxf-button {
+  appearance: none;
+  min-height: 36px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  border: 1px solid var(--dsw-alias-border-l2, #dee0e3);
+  border-radius: 8px;
+  padding: 7px 13px;
+  color: var(--dsw-alias-label-primary, #1f2329);
+  background: var(--dsw-alias-bg-layer-1, #fff);
+  font: inherit;
+  font-size: 13px;
+  font-weight: 550;
+  line-height: 20px;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background .15s var(--ds-ease-in-out, ease), border-color .15s var(--ds-ease-in-out, ease), transform .15s var(--ds-ease-in-out, ease);
+}
+
+.bxf-button:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover, #f2f3f5);
+  border-color: var(--dsw-alias-border-l1, #c9cdd4);
+}
+
+.bxf-button:active:not(:disabled) { transform: translateY(1px); }
+
+.bxf-button:focus-visible, .bxf-link:focus-visible {
+  outline: 2px solid var(--bxf-accent);
+  outline-offset: 2px;
+}
+
+.bxf-button:disabled { cursor: not-allowed; opacity: .55; }
+
+.bxf-button[data-kind="primary"] {
+  border-color: var(--bxf-accent);
+  color: #fff;
+  background: var(--bxf-accent);
+  box-shadow: 0 4px 12px color-mix(in srgb, var(--bxf-accent) 24%, transparent);
+}
+
+.bxf-button[data-kind="primary"]:hover:not(:disabled) {
+  border-color: color-mix(in srgb, var(--bxf-accent) 86%, #000);
+  background: color-mix(in srgb, var(--bxf-accent) 90%, #000);
+}
+
+.bxf-button[data-kind="danger"] { color: var(--bxf-error); }
+.bxf-button[data-size="small"] { min-height: 32px; padding: 5px 10px; font-size: 12px; }
+.bxf-bindButton { flex: none; white-space: nowrap; }
+
+.bxf-provisionCard {
+  border-color: color-mix(in srgb, var(--bxf-accent) 32%, var(--dsw-alias-border-l2, #dee0e3));
+}
+
+.bxf-markStage {
+  position: relative;
+  width: 156px;
+  height: 156px;
+  display: grid;
+  place-items: center;
+  justify-self: end;
+}
+
+.bxf-markStage::before, .bxf-markStage::after {
+  content: "";
+  position: absolute;
+  border-radius: 50%;
+}
+
+.bxf-markStage::before {
+  inset: 12px;
+  border: 1px solid color-mix(in srgb, var(--bxf-accent) 18%, var(--dsw-alias-border-l2, #dee0e3));
+  background: color-mix(in srgb, var(--bxf-accent) 4%, var(--dsw-alias-bg-layer-1, #fff));
+}
+
+.bxf-markStage::after {
+  inset: 0;
+  border: 1px dashed color-mix(in srgb, var(--bxf-accent) 16%, transparent);
+  animation: bxf-rotate 18s linear infinite;
+}
+
+.bxf-brandMark {
+  position: relative;
+  z-index: 1;
+  width: 68px;
+  height: 68px;
+  display: grid;
+  place-items: center;
+  border-radius: 20px;
+  color: #fff;
+  background: var(--bxf-accent);
+  box-shadow: 0 12px 28px color-mix(in srgb, var(--bxf-accent) 28%, transparent);
+}
+
+.bxf-qrLayout {
+  display: grid;
+  grid-template-columns: 236px minmax(0, 1fr);
+  align-items: center;
+  gap: 32px;
+}
+
+.bxf-qrColumn { min-width: 0; }
+
+.bxf-qrFrame {
+  position: relative;
+  width: 222px;
+  height: 222px;
+  display: grid;
+  place-items: center;
+  border: 1px solid var(--dsw-alias-border-l2, #dee0e3);
+  border-radius: 14px;
+  padding: 13px;
+  background: #fff;
+  box-shadow: 0 8px 24px rgba(31, 35, 41, .07);
+}
+
+.bxf-qrFrame::before, .bxf-qrFrame::after {
+  content: "";
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  border-color: var(--bxf-accent);
+  border-style: solid;
+}
+
+.bxf-qrFrame::before { inset: -3px auto auto -3px; border-width: 2px 0 0 2px; border-radius: 5px 0 0; }
+.bxf-qrFrame::after { inset: auto -3px -3px auto; border-width: 0 2px 2px 0; border-radius: 0 0 5px; }
+.bxf-qrFrame img { width: 100%; height: 100%; display: block; object-fit: contain; }
+
+.bxf-qrFallback {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-items: center;
+  border-radius: 8px;
+  color: var(--bxf-accent);
+  background: #f7f9ff;
+  text-align: center;
+  padding: 20px;
+}
+
+.bxf-qrFallback span { display: block; color: #646a73; font-size: 12px; line-height: 18px; margin-top: 8px; }
+
+.bxf-expiredOverlay {
+  position: absolute;
+  inset: 10px;
+  display: grid;
+  place-items: center;
+  border-radius: 9px;
+  color: #1f2329;
+  background: rgba(255, 255, 255, .94);
+  backdrop-filter: blur(3px);
+  font-size: 13px;
+  font-weight: 600;
+  text-align: center;
+}
+
+.bxf-countdown {
+  width: 222px;
+  color: var(--dsw-alias-label-tertiary, #8f959e);
+  font-variant-numeric: tabular-nums;
+  font-size: 11px;
+  line-height: 17px;
+  margin-top: 11px;
+}
+
+.bxf-countdownTop { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.bxf-progress { height: 3px; overflow: hidden; border-radius: 99px; background: var(--dsw-alias-bg-module-platform, #f2f3f5); margin-top: 6px; }
+.bxf-progress > span { display: block; width: var(--bxf-progress, 100%); height: 100%; border-radius: inherit; background: var(--bxf-accent); transition: width 1s linear; }
+
+.bxf-qrCopy h3 { font-size: 20px; line-height: 29px; font-weight: 650; }
+.bxf-qrCopy > p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 21px; margin-top: 7px; }
+
+.bxf-steps { counter-reset: bxf-step; display: flex; flex-direction: column; gap: 11px; margin: 20px 0 0; padding: 0; list-style: none; }
+.bxf-steps li { counter-increment: bxf-step; display: grid; grid-template-columns: 23px minmax(0, 1fr); align-items: start; gap: 9px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: 19px; }
+.bxf-steps li::before { content: counter(bxf-step); width: 21px; height: 21px; display: grid; place-items: center; border: 1px solid var(--dsw-alias-border-l2, #dee0e3); border-radius: 50%; color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-bg-layer-1, #fff); font-size: 10px; font-weight: 650; }
+
+.bxf-connecting { min-height: 292px; display: grid; place-items: center; text-align: center; padding: 36px 24px; }
+.bxf-connectingCopy { max-width: 430px; }
+.bxf-orbit { position: relative; width: 86px; height: 86px; display: grid; place-items: center; margin: 0 auto 22px; }
+.bxf-orbit::before, .bxf-orbit::after { content: ""; position: absolute; border-radius: 50%; }
+.bxf-orbit::before { inset: 3px; border: 1px solid color-mix(in srgb, var(--bxf-accent) 24%, transparent); animation: bxf-pulse 1.8s var(--ds-ease-in-out, ease) infinite; }
+.bxf-orbit::after { inset: 0; border: 2px solid transparent; border-top-color: var(--bxf-accent); animation: bxf-rotate 1.2s linear infinite; }
+.bxf-orbitCore { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 16px; color: var(--bxf-accent); background: color-mix(in srgb, var(--bxf-accent) 9%, var(--dsw-alias-bg-layer-1, #fff)); }
+.bxf-connecting h3 { font-size: 20px; line-height: 29px; }
+.bxf-connecting p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 21px; margin-top: 7px; }
+.bxf-connectingCompact { min-height: 248px; }
+
+.bxf-inlineError {
+  min-height: 190px;
+  display: grid;
+  grid-template-columns: 44px minmax(0, 1fr);
+  align-content: center;
+  gap: 15px;
+  padding: 28px;
+}
+
+.bxf-inlineError h3 { font-size: 17px; line-height: 25px; margin: 0; }
+.bxf-inlineError p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 21px; margin-top: 5px; overflow-wrap: anywhere; }
+
+.bxf-listSection { display: flex; flex-direction: column; gap: 10px; }
+.bxf-listHeading { min-height: 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 2px; }
+.bxf-listHeading h3 { font-size: 14px; line-height: 22px; font-weight: 650; margin: 0; }
+.bxf-botList { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
+.bxf-botList > li { min-width: 0; }
+.bxf-botCard:focus { outline: none; }
+.bxf-botCard:focus-visible { outline: 2px solid var(--bxf-accent); outline-offset: 2px; }
+
+.bxf-connectedTop { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
+.bxf-botIdentity { min-width: 0; display: flex; align-items: center; gap: 13px; }
+.bxf-avatar { flex: none; width: 48px; height: 48px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--dsw-alias-border-l2, #e5e6eb); border-radius: 14px; background: var(--dsw-alias-bg-layer-1, #fff); box-shadow: 0 1px 3px rgb(31 35 41 / 7%); }
+.bxf-botName { min-width: 0; }
+.bxf-botName h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; line-height: 24px; font-weight: 650; }
+.bxf-botName p { overflow: hidden; color: var(--dsw-alias-label-tertiary, #8f959e); font-family: var(--ds-font-family-code, monospace); font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; }
+
+.bxf-healthPill { flex: none; display: inline-flex; align-items: center; gap: 7px; min-height: 28px; border-radius: 999px; padding: 4px 10px; color: var(--bxf-success); background: color-mix(in srgb, var(--bxf-success) 10%, transparent); font-size: 12px; font-weight: 600; line-height: 18px; }
+.bxf-healthPill[data-health="degraded"], .bxf-healthPill[data-health="checking"], .bxf-healthPill[data-health="connecting"] { color: var(--bxf-warning); background: color-mix(in srgb, var(--bxf-warning) 10%, transparent); }
+.bxf-healthPill[data-health="offline"], .bxf-healthPill[data-health="error"] { color: var(--bxf-error); background: color-mix(in srgb, var(--bxf-error) 10%, transparent); }
+
+
+.bxf-responseMode { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) max-content; align-items: center; column-gap: 10px; row-gap: 5px; margin-top: 6px; padding: 8px 10px; border: 1px solid var(--dsw-alias-border-l1, #eef0f3); border-radius: 9px; background: var(--dsw-alias-bg-module-platform, #f7f8fa); }
+.bxf-responseModeHeader { display: contents; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: normal; }
+.bxf-responseModeHeader > span:first-child { grid-column: 1; grid-row: 1; white-space: nowrap; }
+.bxf-responseModeStatus { grid-column: 2; grid-row: 1; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; white-space: nowrap; }
+.bxf-responseModeSelect { min-width: 0; width: 100%; grid-column: 1 / -1; grid-row: 2; height: 32px; padding: 0 30px 0 9px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 7px; color: var(--dsw-alias-label-primary, #1f2329); background-color: var(--dsw-alias-bg-layer-1, #fff); font: inherit; font-size: 12px; cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; }
+.bxf-responseModeSelect:hover:not(:disabled) { border-color: color-mix(in srgb, var(--bxf-accent) 45%, var(--dsw-alias-border-l2, #dfe1e5)); }
+.bxf-responseModeSelect:focus-visible { outline: none; border-color: var(--bxf-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--bxf-accent) 16%, transparent); }
+.bxf-responseModeSelect:disabled { cursor: not-allowed; opacity: .55; }
+.bxf-responseModeHelp { grid-column: 1 / -1; grid-row: 3; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 11px; line-height: 1.45; }
+.bxf-responseModePermissionAction { grid-column: 1 / -1; grid-row: 4; display: flex; justify-content: flex-start; margin-top: 2px; }
+.bxf-responseModePermissionButton { min-height: 28px; padding: 3px 9px; color: var(--bxf-accent); border-color: color-mix(in srgb, var(--bxf-accent) 30%, var(--dsw-alias-border-l2, #dfe1e5)); background: var(--dsw-alias-bg-layer-1, #fff); }
+.bxf-responseModePermissionButton:hover:not(:disabled) { background: color-mix(in srgb, var(--bxf-accent) 7%, transparent); }
+.bxf-responseModeError { grid-column: 1 / -1; grid-row: 5; color: var(--bxf-error); font-size: 12px; line-height: 1.4; margin: 0; }
+
+.bxf-botProvision {
+  position: relative;
+  margin-top: 14px;
+  scroll-margin-block: 20px;
+  animation: bxf-revealProvision .2s var(--ds-ease-out, ease-out) both;
+}
+.bxf-botProvision:focus { outline: none; }
+.bxf-botProvision:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--bxf-accent) 75%, transparent);
+  outline-offset: 3px;
+  border-radius: 12px;
+}
+.bxf-botProvision > .bxf-provisionCard {
+  border-radius: 11px;
+  box-shadow: none;
+  background: color-mix(in srgb, var(--bxf-accent) 2.5%, var(--dsw-alias-bg-layer-3, #fff));
+}
+.bxf-botProvision .bxf-cardBody { padding: 18px; }
+.bxf-botProvision .bxf-qrLayout {
+  grid-template-columns: 184px minmax(0, 1fr);
+  align-items: start;
+  gap: 24px;
+}
+.bxf-botProvision .bxf-qrFrame { width: 176px; height: 176px; padding: 10px; border-radius: 11px; }
+.bxf-botProvision .bxf-countdown { width: 176px; }
+.bxf-botProvision .bxf-qrCopy h3 { font-size: 18px; line-height: 26px; }
+.bxf-botProvision .bxf-steps { gap: 8px; margin-top: 14px; }
+.bxf-botProvision .bxf-actions { margin-top: 16px; }
+.bxf-botProvision .bxf-inlineError { min-height: 160px; padding: 22px; }
+
+.bxf-connectedFooter { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--dsw-alias-border-l1, #eef0f3); }
+.bxf-healthSummary { min-width: 0; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: 18px; }
+.bxf-healthSummary[data-error="true"] { color: var(--bxf-error); }
+.bxf-botActions { position: relative; flex: none; width: 100%; flex-wrap: wrap; gap: 8px; margin-top: 0; justify-content: flex-end; }
+.bxf-botActions .bxf-button { flex: none; white-space: nowrap; }
+.bxf-botActions .bxf-repairButton { color: var(--bxf-accent); border-color: color-mix(in srgb, var(--bxf-accent) 35%, var(--dsw-alias-border-l2, #dee0e3)); }
+.bxf-botActions .bxf-repairButton:hover:not(:disabled) { background: color-mix(in srgb, var(--bxf-accent) 7%, transparent); }
+.bxf-repairAction { display: inline-flex; }
+.bxf-repairTooltip {
+  position: absolute;
+  right: 0;
+  bottom: calc(100% + 8px);
+  z-index: 40;
+  width: min(330px, 100%);
+  display: grid;
+  gap: 3px;
+  padding: 9px 10px;
+  border: 1px solid var(--dsw-alias-border-l2, #dfe1e5);
+  border-radius: 8px;
+  color: var(--dsw-alias-label-primary, #1f2329);
+  background: var(--dsw-alias-bg-layer-3, #fff);
+  box-shadow: 0 10px 28px rgb(31 35 41 / 16%);
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(3px);
+  pointer-events: none;
+  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
+}
+.bxf-repairTooltip strong { font-size: 12px; line-height: 17px; font-weight: 650; }
+.bxf-repairTooltip > span { color: var(--dsw-alias-label-secondary, #646a73); font-size: 11px; line-height: 17px; font-weight: 400; overflow-wrap: anywhere; }
+.bxf-repairAction:hover .bxf-repairTooltip,
+.bxf-repairAction:focus-within .bxf-repairTooltip { opacity: 1; visibility: visible; transform: translateY(0); }
+
+.bxf-confirm {
+  border-top: 1px solid var(--dsw-alias-border-l2, #dee0e3);
+  background: color-mix(in srgb, var(--bxf-error) 4%, var(--dsw-alias-bg-module-platform, #f7f8fa));
+  padding: 17px 24px 20px;
+}
+.bxf-confirm:focus { outline: none; }
+.bxf-confirm h4 { font-size: 13px; line-height: 20px; margin: 0; }
+.bxf-confirm p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: 19px; margin: 4px 0 0; }
+.bxf-confirm .bxf-actions { margin-top: 12px; }
+
+.bxf-error { min-height: 252px; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-content: center; gap: 15px; padding: 30px; }
+.bxf-errorIcon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: var(--bxf-error); background: color-mix(in srgb, var(--bxf-error) 9%, transparent); }
+.bxf-error h3 { font-size: 17px; line-height: 25px; }
+.bxf-error p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 21px; margin-top: 5px; overflow-wrap: anywhere; }
+.bxf-errorCode { display: inline-block; color: var(--dsw-alias-label-tertiary, #8f959e); font-family: var(--ds-font-family-code, monospace); font-size: 11px; margin-top: 7px; }
+
+.bxf-statusNotice {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  border: 1px solid color-mix(in srgb, var(--bxf-warning) 28%, var(--dsw-alias-border-l2, #dee0e3));
+  border-radius: 10px;
+  padding: 9px 11px;
+  color: var(--dsw-alias-label-secondary, #646a73);
+  background: color-mix(in srgb, var(--bxf-warning) 5%, var(--dsw-alias-bg-layer-1, #fff));
+  font-size: 12px;
+  line-height: 18px;
+}
+.bxf-statusNotice > svg { flex: none; color: var(--bxf-warning); }
+.bxf-statusNotice > span { min-width: 0; flex: 1; overflow-wrap: anywhere; }
+
+.bxf-skeleton { min-height: 260px; padding: 28px; }
+.bxf-skeletonLine { height: 12px; border-radius: 999px; background: linear-gradient(90deg, var(--dsw-alias-bg-module-platform, #f2f3f5), color-mix(in srgb, var(--dsw-alias-label-tertiary, #8f959e) 10%, transparent), var(--dsw-alias-bg-module-platform, #f2f3f5)); background-size: 220% 100%; animation: bxf-shimmer 1.5s linear infinite; }
+.bxf-skeletonLine:nth-child(1) { width: 92px; }
+.bxf-skeletonLine:nth-child(2) { width: 44%; height: 22px; margin-top: 23px; }
+.bxf-skeletonLine:nth-child(3) { width: 72%; margin-top: 14px; }
+.bxf-skeletonLine:nth-child(4) { width: 58%; margin-top: 9px; }
+.bxf-skeletonBox { width: 138px; height: 38px; border-radius: 8px; background: var(--dsw-alias-bg-module-platform, #f2f3f5); margin-top: 28px; }
+
+.bxf-visuallyHidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
+
+@keyframes bxf-rotate { to { transform: rotate(360deg); } }
+@keyframes bxf-pulse { 0%, 100% { transform: scale(.9); opacity: .45; } 50% { transform: scale(1.08); opacity: 1; } }
+@keyframes bxf-shimmer { to { background-position: -220% 0; } }
+@keyframes bxf-revealProvision { from { opacity: 0; transform: translateY(-5px); } }
+
+@container (max-width: 620px) {
+  .bxf-headingTools { gap: 6px; }
+  .bxf-headingTools .bxf-totalBadge { padding-inline: 8px; }
+  .bxf-headingTools .bxf-bindButton { padding-inline: 10px; }
+}
+
+@media (max-width: 680px) {
+  .bxf-intro { grid-template-columns: minmax(0, 1fr); }
+  .bxf-markStage { display: none; }
+  .bxf-qrLayout { grid-template-columns: minmax(0, 1fr); justify-items: center; }
+  .bxf-botProvision .bxf-qrLayout { grid-template-columns: minmax(0, 1fr); }
+  .bxf-qrCopy { width: 100%; }
+  .bxf-connectedTop { align-items: flex-start; flex-direction: column; }
+  .bxf-inlineError { grid-template-columns: minmax(0, 1fr); padding: 20px; }
+  .bxf-statusNotice { align-items: flex-start; flex-wrap: wrap; }
+  .bxf-cardBody { padding: 20px; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .bxf-page *, .bxf-page *::before, .bxf-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
+}
+`;
+function installFeishuStyles() {
+  if (typeof document === "undefined") {
+    return () => {
+    };
+  }
+  const existing = document.querySelector(
+    `style[data-plugin-css="${FEISHU_STYLE_ID}"]`
+  );
+  if (existing) {
+    return () => {
+    };
+  }
+  const style = document.createElement("style");
+  style.dataset.plugin = "@xmanrui/dsh-im";
+  style.dataset.pluginCss = FEISHU_STYLE_ID;
+  style.textContent = CSS3;
+  document.head.appendChild(style);
+  return () => {
+    style.remove();
+  };
+}
+
 // plugin-src/client/channels/qq/api.js
 var QQ_RPC_CHANNEL = "/qq";
 var QQ_ENDPOINTS = Object.freeze({
@@ -7062,6 +7062,7 @@ oauth_config:
       - files:read
       - files:write
       - im:history
+      - reactions:write
 settings:
   event_subscriptions:
     bot_events:
@@ -8416,123 +8417,6 @@ function formatRemaining5(milliseconds) {
   return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, "0")}`;
 }
 
-// plugin-src/client/channels/weixin/styles.js
-var WEIXIN_STYLE_ID = "xmanrui-dsh-weixin-settings";
-var CSS9 = String.raw`
-.dxw-page {
-  --dxw-accent: #07c160;
-  --dxw-accent-dark: #05994c;
-  --dxw-success: var(--dsw-alias-state-success-primary, #20a162);
-  --dxw-warning: var(--dsw-alias-state-warn-primary, #d97706);
-  --dxw-error: var(--dsw-alias-state-error-primary, #d54941);
-  width: 100%;
-  max-width: 880px;
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
-  padding: 2px 0 28px;
-  color: var(--dsw-alias-label-primary, #1f2329);
-  box-sizing: border-box;
-}
-.dxw-page *, .dxw-page *::before, .dxw-page *::after { box-sizing: border-box; }
-.dxw-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
-.dxw-heading h2, .dxw-heading p, .dxw-card h3, .dxw-card p { margin: 0; }
-.dxw-eyebrow { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 3px; }
-.dxw-heading h2 { font-size: 20px; line-height: 28px; font-weight: 680; }
-.dxw-heading p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 20px; margin-top: 5px; white-space: nowrap; }
-.dxw-tools, .dxw-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
-.dxw-tools { width: 100%; justify-content: space-between; flex-wrap: nowrap; }
-.dxw-badge { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 11px; border-radius: 999px; color: var(--dsw-alias-label-secondary, #646a73); background: var(--dsw-alias-bg-module-platform, #f2f3f5); font-size: 12px; white-space: nowrap; }
-.dxw-dot { width: 8px; height: 8px; border-radius: 50%; background: #aeb3bb; flex: none; }
-.dxw-dot[data-tone="success"] { background: var(--dxw-success); box-shadow: 0 0 0 3px color-mix(in srgb, var(--dxw-success) 14%, transparent); }
-.dxw-dot[data-tone="warning"] { background: var(--dxw-warning); }
-.dxw-dot[data-tone="error"] { background: var(--dxw-error); }
-.dxw-button { min-height: 34px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 8px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-bg-layer-1, #fff); font: inherit; font-size: 13px; font-weight: 560; cursor: pointer; text-decoration: none; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
-.dxw-button:hover:not(:disabled) { border-color: #aeb3bb; background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
-.dxw-button:active:not(:disabled) { transform: translateY(1px); }
-.dxw-button:focus-visible, .dxw-input:focus-visible { outline: 2px solid color-mix(in srgb, var(--dxw-accent) 70%, white); outline-offset: 2px; }
-.dxw-button:disabled { cursor: not-allowed; opacity: .55; }
-.dxw-button[data-kind="primary"] { color: white; border-color: var(--dxw-accent); background: var(--dxw-accent); }
-.dxw-button[data-kind="primary"]:hover:not(:disabled) { border-color: var(--dxw-accent-dark); background: var(--dxw-accent-dark); }
-.dxw-button[data-kind="danger"] { color: var(--dxw-error); }
-.dxw-card { overflow: hidden; border: 1px solid var(--dsw-alias-border-l2, #e5e6eb); border-radius: 14px; background: var(--dsw-alias-bg-layer-1, #fff); box-shadow: 0 1px 2px rgb(31 35 41 / 3%); }
-.dxw-cardBody { padding: 24px; }
-.dxw-empty { min-height: 230px; display: grid; grid-template-columns: minmax(0, 1fr) 180px; align-items: center; gap: 30px; }
-.dxw-empty h3 { font-size: 18px; margin-bottom: 8px; }
-.dxw-empty p { max-width: 560px; color: var(--dsw-alias-label-secondary, #646a73); line-height: 1.65; }
-.dxw-empty .dxw-actions { margin-top: 20px; }
-.dxw-logo { width: 110px; height: 110px; display: grid; place-items: center; justify-self: center; border-radius: 28px; color: white; background: var(--dxw-accent); box-shadow: 0 18px 45px rgb(7 193 96 / 22%); }
-.dxw-logo svg { width: 62px; height: 62px; }
-.dxw-qrLayout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 34px; align-items: center; }
-.dxw-qrColumn { display: flex; flex-direction: column; align-items: center; gap: 12px; }
-.dxw-qrFrame { position: relative; width: 270px; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; padding: 10px; border: 1px solid var(--dsw-alias-border-l2, #e5e6eb); border-radius: 16px; background: white; }
-.dxw-qrFrame img { display: block; width: 100%; height: 100%; object-fit: contain; }
-.dxw-qrFallback { padding: 24px; text-align: center; color: #646a73; }
-.dxw-expired { position: absolute; inset: 0; display: grid; place-items: center; padding: 30px; color: white; text-align: center; font-weight: 650; background: rgb(31 35 41 / 76%); backdrop-filter: blur(3px); }
-.dxw-countdown { width: 270px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; }
-.dxw-countdown div { display: flex; justify-content: space-between; margin-bottom: 6px; }
-.dxw-progress { height: 4px; overflow: hidden; border-radius: 99px; background: #eef0f3; }
-.dxw-progress span { display: block; width: var(--dxw-progress); height: 100%; background: var(--dxw-accent); transition: width .2s linear; }
-.dxw-qrCopy h3 { margin: 9px 0 8px; font-size: 18px; }
-.dxw-qrCopy > p { color: var(--dsw-alias-label-secondary, #646a73); line-height: 1.65; }
-.dxw-steps { margin: 18px 0 22px; padding-left: 22px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 1.9; }
-.dxw-stateLabel { display: inline-flex; align-items: center; gap: 8px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; font-weight: 600; }
-.dxw-verify { max-width: 560px; margin: 0 auto; padding: 32px; text-align: center; }
-.dxw-verify h3 { margin: 8px 0; font-size: 19px; }
-.dxw-verify p { color: var(--dsw-alias-label-secondary, #646a73); line-height: 1.6; }
-.dxw-codeRow { display: flex; justify-content: center; gap: 10px; margin: 24px 0 10px; }
-.dxw-input { width: 190px; height: 42px; padding: 0 14px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 9px; background: var(--dsw-alias-bg-layer-1, white); color: inherit; font: inherit; font-size: 18px; letter-spacing: .16em; text-align: center; }
-.dxw-statusNotice, .dxw-error { display: flex; align-items: center; gap: 10px; padding: 13px 15px; border: 1px solid color-mix(in srgb, var(--dxw-error) 28%, transparent); border-radius: 10px; color: var(--dxw-error); background: color-mix(in srgb, var(--dxw-error) 7%, transparent); font-size: 13px; }
-.dxw-error { align-items: flex-start; flex-direction: column; padding: 22px; }
-.dxw-error h3 { font-size: 17px; }
-.dxw-errorCode { font-family: ui-monospace, SFMono-Regular, monospace; font-size: 11px; opacity: .8; }
-.dxw-listHeading { display: flex; justify-content: space-between; align-items: center; margin: 2px 0 9px; }
-.dxw-listHeading h3 { margin: 0; font-size: 14px; }
-.dxw-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
-.dxw-accountTop { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
-.dxw-accountIdentity { display: flex; align-items: center; gap: 12px; min-width: 0; }
-.dxw-avatar { width: 42px; height: 42px; display: grid; place-items: center; flex: none; border-radius: 12px; color: white; background: var(--dxw-accent); }
-.dxw-accountIdentity h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
-.dxw-accountIdentity p { color: var(--dsw-alias-label-secondary, #646a73); font: 12px ui-monospace, SFMono-Regular, monospace; margin-top: 4px; }
-.dxw-health { display: inline-flex; align-items: center; gap: 7px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; white-space: nowrap; }
-.dxw-accountFooter { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 16px; border-top: 1px solid var(--dsw-alias-border-l1, #eef0f3); }
-.dxw-accountFooter .dxw-actions { flex: none; flex-wrap: nowrap; gap: 8px; margin-top: 0; }
-.dxw-accountFooter .dxw-button { flex: none; white-space: nowrap; }
-.dxw-summary { color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; }
-.dxw-confirm { padding: 18px 24px; border-top: 1px solid color-mix(in srgb, var(--dxw-error) 25%, transparent); background: color-mix(in srgb, var(--dxw-error) 5%, transparent); }
-.dxw-confirm strong { display: block; font-size: 14px; margin-bottom: 6px; }
-.dxw-confirm p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: 1.55; }
-.dxw-confirm .dxw-actions { margin-top: 13px; }
-.dxw-loading { padding: 36px; color: var(--dsw-alias-label-secondary, #646a73); text-align: center; }
-.dxw-spinner { width: 24px; height: 24px; margin: 0 auto 12px; border: 3px solid #e6e8eb; border-top-color: var(--dxw-accent); border-radius: 50%; animation: dxw-spin .8s linear infinite; }
-.dxw-visuallyHidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
-@keyframes dxw-spin { to { transform: rotate(360deg); } }
-@media (max-width: 720px) {
-  .dxw-heading, .dxw-accountTop { flex-direction: column; align-items: stretch; }
-  .dxw-empty { grid-template-columns: minmax(0, 1fr); }
-  .dxw-logo { display: none; }
-  .dxw-qrLayout { grid-template-columns: minmax(0, 1fr); justify-items: center; }
-  .dxw-qrCopy { width: 100%; }
-  .dxw-cardBody { padding: 20px; }
-}
-@media (prefers-reduced-motion: reduce) {
-  .dxw-page *, .dxw-page *::before, .dxw-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
-}
-`;
-function installWeixinStyles() {
-  if (typeof document === "undefined") return () => {
-  };
-  const existing = document.querySelector(`style[data-plugin-css="${WEIXIN_STYLE_ID}"]`);
-  if (existing) return () => {
-  };
-  const style = document.createElement("style");
-  style.dataset.plugin = "@xmanrui/dsh-weixin";
-  style.dataset.pluginCss = WEIXIN_STYLE_ID;
-  style.textContent = CSS9;
-  document.head.appendChild(style);
-  return () => style.remove();
-}
-
 // plugin-src/client/channels/weixin/index.js
 var Button12 = React18.forwardRef(function Button13({ children, kind = "secondary", className = "", ...props }, ref) {
   return h2("button", {
@@ -9319,6 +9203,123 @@ function WeixinSettingsTab({ rpcCall }) {
   ));
 }
 
+// plugin-src/client/channels/weixin/styles.js
+var WEIXIN_STYLE_ID = "xmanrui-dsh-im-weixin-settings";
+var CSS9 = String.raw`
+.dxw-page {
+  --dxw-accent: #07c160;
+  --dxw-accent-dark: #05994c;
+  --dxw-success: var(--dsw-alias-state-success-primary, #20a162);
+  --dxw-warning: var(--dsw-alias-state-warn-primary, #d97706);
+  --dxw-error: var(--dsw-alias-state-error-primary, #d54941);
+  width: 100%;
+  max-width: 880px;
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  padding: 2px 0 28px;
+  color: var(--dsw-alias-label-primary, #1f2329);
+  box-sizing: border-box;
+}
+.dxw-page *, .dxw-page *::before, .dxw-page *::after { box-sizing: border-box; }
+.dxw-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
+.dxw-heading h2, .dxw-heading p, .dxw-card h3, .dxw-card p { margin: 0; }
+.dxw-eyebrow { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 3px; }
+.dxw-heading h2 { font-size: 20px; line-height: 28px; font-weight: 680; }
+.dxw-heading p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 20px; margin-top: 5px; white-space: nowrap; }
+.dxw-tools, .dxw-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
+.dxw-tools { width: 100%; justify-content: space-between; flex-wrap: nowrap; }
+.dxw-badge { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 11px; border-radius: 999px; color: var(--dsw-alias-label-secondary, #646a73); background: var(--dsw-alias-bg-module-platform, #f2f3f5); font-size: 12px; white-space: nowrap; }
+.dxw-dot { width: 8px; height: 8px; border-radius: 50%; background: #aeb3bb; flex: none; }
+.dxw-dot[data-tone="success"] { background: var(--dxw-success); box-shadow: 0 0 0 3px color-mix(in srgb, var(--dxw-success) 14%, transparent); }
+.dxw-dot[data-tone="warning"] { background: var(--dxw-warning); }
+.dxw-dot[data-tone="error"] { background: var(--dxw-error); }
+.dxw-button { min-height: 34px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 8px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-bg-layer-1, #fff); font: inherit; font-size: 13px; font-weight: 560; cursor: pointer; text-decoration: none; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
+.dxw-button:hover:not(:disabled) { border-color: #aeb3bb; background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
+.dxw-button:active:not(:disabled) { transform: translateY(1px); }
+.dxw-button:focus-visible, .dxw-input:focus-visible { outline: 2px solid color-mix(in srgb, var(--dxw-accent) 70%, white); outline-offset: 2px; }
+.dxw-button:disabled { cursor: not-allowed; opacity: .55; }
+.dxw-button[data-kind="primary"] { color: white; border-color: var(--dxw-accent); background: var(--dxw-accent); }
+.dxw-button[data-kind="primary"]:hover:not(:disabled) { border-color: var(--dxw-accent-dark); background: var(--dxw-accent-dark); }
+.dxw-button[data-kind="danger"] { color: var(--dxw-error); }
+.dxw-card { overflow: hidden; border: 1px solid var(--dsw-alias-border-l2, #e5e6eb); border-radius: 14px; background: var(--dsw-alias-bg-layer-1, #fff); box-shadow: 0 1px 2px rgb(31 35 41 / 3%); }
+.dxw-cardBody { padding: 24px; }
+.dxw-empty { min-height: 230px; display: grid; grid-template-columns: minmax(0, 1fr) 180px; align-items: center; gap: 30px; }
+.dxw-empty h3 { font-size: 18px; margin-bottom: 8px; }
+.dxw-empty p { max-width: 560px; color: var(--dsw-alias-label-secondary, #646a73); line-height: 1.65; }
+.dxw-empty .dxw-actions { margin-top: 20px; }
+.dxw-logo { width: 110px; height: 110px; display: grid; place-items: center; justify-self: center; border-radius: 28px; color: white; background: var(--dxw-accent); box-shadow: 0 18px 45px rgb(7 193 96 / 22%); }
+.dxw-logo svg { width: 62px; height: 62px; }
+.dxw-qrLayout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 34px; align-items: center; }
+.dxw-qrColumn { display: flex; flex-direction: column; align-items: center; gap: 12px; }
+.dxw-qrFrame { position: relative; width: 270px; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; padding: 10px; border: 1px solid var(--dsw-alias-border-l2, #e5e6eb); border-radius: 16px; background: white; }
+.dxw-qrFrame img { display: block; width: 100%; height: 100%; object-fit: contain; }
+.dxw-qrFallback { padding: 24px; text-align: center; color: #646a73; }
+.dxw-expired { position: absolute; inset: 0; display: grid; place-items: center; padding: 30px; color: white; text-align: center; font-weight: 650; background: rgb(31 35 41 / 76%); backdrop-filter: blur(3px); }
+.dxw-countdown { width: 270px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; }
+.dxw-countdown div { display: flex; justify-content: space-between; margin-bottom: 6px; }
+.dxw-progress { height: 4px; overflow: hidden; border-radius: 99px; background: #eef0f3; }
+.dxw-progress span { display: block; width: var(--dxw-progress); height: 100%; background: var(--dxw-accent); transition: width .2s linear; }
+.dxw-qrCopy h3 { margin: 9px 0 8px; font-size: 18px; }
+.dxw-qrCopy > p { color: var(--dsw-alias-label-secondary, #646a73); line-height: 1.65; }
+.dxw-steps { margin: 18px 0 22px; padding-left: 22px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 13px; line-height: 1.9; }
+.dxw-stateLabel { display: inline-flex; align-items: center; gap: 8px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; font-weight: 600; }
+.dxw-verify { max-width: 560px; margin: 0 auto; padding: 32px; text-align: center; }
+.dxw-verify h3 { margin: 8px 0; font-size: 19px; }
+.dxw-verify p { color: var(--dsw-alias-label-secondary, #646a73); line-height: 1.6; }
+.dxw-codeRow { display: flex; justify-content: center; gap: 10px; margin: 24px 0 10px; }
+.dxw-input { width: 190px; height: 42px; padding: 0 14px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 9px; background: var(--dsw-alias-bg-layer-1, white); color: inherit; font: inherit; font-size: 18px; letter-spacing: .16em; text-align: center; }
+.dxw-statusNotice, .dxw-error { display: flex; align-items: center; gap: 10px; padding: 13px 15px; border: 1px solid color-mix(in srgb, var(--dxw-error) 28%, transparent); border-radius: 10px; color: var(--dxw-error); background: color-mix(in srgb, var(--dxw-error) 7%, transparent); font-size: 13px; }
+.dxw-error { align-items: flex-start; flex-direction: column; padding: 22px; }
+.dxw-error h3 { font-size: 17px; }
+.dxw-errorCode { font-family: ui-monospace, SFMono-Regular, monospace; font-size: 11px; opacity: .8; }
+.dxw-listHeading { display: flex; justify-content: space-between; align-items: center; margin: 2px 0 9px; }
+.dxw-listHeading h3 { margin: 0; font-size: 14px; }
+.dxw-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
+.dxw-accountTop { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
+.dxw-accountIdentity { display: flex; align-items: center; gap: 12px; min-width: 0; }
+.dxw-avatar { width: 42px; height: 42px; display: grid; place-items: center; flex: none; border-radius: 12px; color: white; background: var(--dxw-accent); }
+.dxw-accountIdentity h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
+.dxw-accountIdentity p { color: var(--dsw-alias-label-secondary, #646a73); font: 12px ui-monospace, SFMono-Regular, monospace; margin-top: 4px; }
+.dxw-health { display: inline-flex; align-items: center; gap: 7px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; white-space: nowrap; }
+.dxw-accountFooter { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 16px; border-top: 1px solid var(--dsw-alias-border-l1, #eef0f3); }
+.dxw-accountFooter .dxw-actions { flex: none; flex-wrap: nowrap; gap: 8px; margin-top: 0; }
+.dxw-accountFooter .dxw-button { flex: none; white-space: nowrap; }
+.dxw-summary { color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; }
+.dxw-confirm { padding: 18px 24px; border-top: 1px solid color-mix(in srgb, var(--dxw-error) 25%, transparent); background: color-mix(in srgb, var(--dxw-error) 5%, transparent); }
+.dxw-confirm strong { display: block; font-size: 14px; margin-bottom: 6px; }
+.dxw-confirm p { color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: 1.55; }
+.dxw-confirm .dxw-actions { margin-top: 13px; }
+.dxw-loading { padding: 36px; color: var(--dsw-alias-label-secondary, #646a73); text-align: center; }
+.dxw-spinner { width: 24px; height: 24px; margin: 0 auto 12px; border: 3px solid #e6e8eb; border-top-color: var(--dxw-accent); border-radius: 50%; animation: dxw-spin .8s linear infinite; }
+.dxw-visuallyHidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
+@keyframes dxw-spin { to { transform: rotate(360deg); } }
+@media (max-width: 720px) {
+  .dxw-heading, .dxw-accountTop { flex-direction: column; align-items: stretch; }
+  .dxw-empty { grid-template-columns: minmax(0, 1fr); }
+  .dxw-logo { display: none; }
+  .dxw-qrLayout { grid-template-columns: minmax(0, 1fr); justify-items: center; }
+  .dxw-qrCopy { width: 100%; }
+  .dxw-cardBody { padding: 20px; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .dxw-page *, .dxw-page *::before, .dxw-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
+}
+`;
+function installWeixinStyles() {
+  if (typeof document === "undefined") return () => {
+  };
+  const existing = document.querySelector(`style[data-plugin-css="${WEIXIN_STYLE_ID}"]`);
+  if (existing) return () => {
+  };
+  const style = document.createElement("style");
+  style.dataset.plugin = "@xmanrui/dsh-im";
+  style.dataset.pluginCss = WEIXIN_STYLE_ID;
+  style.textContent = CSS9;
+  document.head.appendChild(style);
+  return () => style.remove();
+}
+
 // plugin-src/client/channels/whatsapp/api.js
 var WHATSAPP_RPC_CHANNEL = "/whatsapp";
 var WHATSAPP_ENDPOINTS = Object.freeze({
@@ -10916,10 +10917,10 @@ function apply(ctx) {
     listDirectory: (path, signal) => ctx.workspaces.listDirectory(path, signal),
     pickDirectory: () => ctx.workspaces.pickDirectory()
   });
-  ctx.slots.inject("settings.plugins.tab", () => ctx.slots.register({
-    name: "settings.plugins.tab",
-    id: "im",
-    order: 20,
+  ctx.slots.inject("settings.section", () => ctx.slots.register({
+    name: "settings.section",
+    id: "xmanrui-dsh-im",
+    order: 21,
     label: () => t("IM\u673A\u5668\u4EBA"),
     locale: IM_LOCALE_NAMESPACE,
     inject: () => ({