@xmanrui/dsh-im 4.11.0 → 4.12.0

package/lib/client.js

@@ -566,12 +566,12 @@ __export(index_exports, {
   name: () => name
 });
 module.exports = __toCommonJS(index_exports);
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 
 // package.json
 var package_default = {
   name: "@xmanrui/dsh-im",
-  version: "4.11.0",
+  version: "4.12.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",
@@ -1081,6 +1081,8 @@ var EN = Object.freeze({
   "\u624B\u52A8\u63A5\u5165": "Manual setup",
   "\u6536\u8D77\u51ED\u636E": "Hide credentials",
   "\u6536\u8D77\u63A5\u5165": "Hide setup",
+  "\u5C55\u5F00\u8BE5\u8D26\u53F7\u7684\u8BBE\u7F6E": "Expand this account's settings",
+  "\u6536\u8D77\u8BE5\u8D26\u53F7\u7684\u8BBE\u7F6E": "Collapse this account's settings",
   "\u63A5\u5165\u673A\u5668\u4EBA": "Connect bot",
   "\u5F00\u59CB\u63A5\u5165": "Start setup",
   "\u5728\u7EBF": "online",
@@ -2656,7 +2658,7 @@ function formatRemaining(milliseconds) {
 }
 
 // plugin-src/client/channels/dingtalk/index.js
-var React11 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 
 // plugin-src/client/credential-binding.js
 var React5 = __toESM(require("react"), 1);
@@ -2799,11 +2801,68 @@ function CredentialBindingPanel({
   );
 }
 
+// plugin-src/client/channels/shared/collapsible-account.js
+var React6 = __toESM(require("react"), 1);
+function CollapsibleAccountSection({
+  header,
+  defaultOpen = false,
+  open: controlledOpen,
+  onToggle,
+  id: id5,
+  className = "",
+  children
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React6.useState(defaultOpen);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const contentId = id5 ? `${id5}-content` : void 0;
+  const toggle = () => {
+    if (controlledOpen === void 0) setUncontrolledOpen((value) => !value);
+    onToggle?.(!open);
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " " || event.key === "Spacebar") {
+      event.preventDefault();
+      toggle();
+    }
+  };
+  return h2(
+    "div",
+    {
+      className: `dim-collapsibleAccount ${open ? "is-open" : ""} ${className}`.trim(),
+      "data-open": open ? "true" : "false"
+    },
+    h2(
+      "div",
+      {
+        className: "dim-collapsibleHead",
+        role: "button",
+        tabIndex: 0,
+        onClick: toggle,
+        onKeyDown,
+        "aria-expanded": open ? "true" : "false",
+        "aria-controls": contentId,
+        "aria-label": open ? "\u6536\u8D77\u8BE5\u8D26\u53F7\u7684\u8BBE\u7F6E" : "\u5C55\u5F00\u8BE5\u8D26\u53F7\u7684\u8BBE\u7F6E"
+      },
+      h2("div", { className: "dim-collapsibleHeaderContent" }, header),
+      h2("span", { className: "dim-collapsibleChevron", "aria-hidden": "true" })
+    ),
+    h2(
+      "div",
+      {
+        id: contentId,
+        className: "dim-collapsibleBody",
+        role: "region"
+      },
+      h2("div", { className: "dim-collapsibleBodyInner" }, children)
+    )
+  );
+}
+
 // plugin-src/client/workspace-editor.js
-var React7 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 
 // plugin-src/client/workspace-directory-picker.js
-var React6 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var import_react_dom = require("react-dom");
 function pickerErrorCode(error) {
   return error?.rpcError?.code ?? error?.code;
@@ -2824,7 +2883,7 @@ function pickerErrorMessage(error) {
   return error?.rpcError?.message ?? error?.message ?? "\u65E0\u6CD5\u8BFB\u53D6\u76EE\u5F55\uFF0C\u8BF7\u91CD\u8BD5\u3002";
 }
 function FolderIcon() {
-  return React6.createElement(
+  return React7.createElement(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -2835,11 +2894,11 @@ function FolderIcon() {
       strokeLinejoin: "round",
       "aria-hidden": "true"
     },
-    React6.createElement("path", { d: "M3.5 7.25A2.25 2.25 0 0 1 5.75 5h4.1l1.8 2h6.6a2.25 2.25 0 0 1 2.25 2.25v7A2.75 2.75 0 0 1 17.75 19h-12A2.25 2.25 0 0 1 3.5 16.75v-9.5Z" })
+    React7.createElement("path", { d: "M3.5 7.25A2.25 2.25 0 0 1 5.75 5h4.1l1.8 2h6.6a2.25 2.25 0 0 1 2.25 2.25v7A2.75 2.75 0 0 1 17.75 19h-12A2.25 2.25 0 0 1 3.5 16.75v-9.5Z" })
   );
 }
 function ChevronIcon() {
-  return React6.createElement("svg", {
+  return React7.createElement("svg", {
     viewBox: "0 0 20 20",
     fill: "none",
     stroke: "currentColor",
@@ -2847,7 +2906,7 @@ function ChevronIcon() {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true"
-  }, React6.createElement("path", { d: "m7.5 4.5 5 5.5-5 5.5" }));
+  }, React7.createElement("path", { d: "m7.5 4.5 5 5.5-5 5.5" }));
 }
 function displayCrumbs(listing) {
   const homeIndex = listing.crumbs.findIndex((crumb) => crumb.path === listing.home);
@@ -2863,28 +2922,28 @@ function WorkspaceDirectoryPicker({
   onPicked,
   onCancel
 }) {
-  const [listing, setListing] = React6.useState(null);
-  const [loading, setLoading] = React6.useState(false);
-  const [error, setError] = React6.useState(null);
-  const [pathDraft, setPathDraft] = React6.useState(startPath ?? "");
-  const [showHidden, setShowHidden] = React6.useState(false);
-  const [retryKey, setRetryKey] = React6.useState(0);
-  const requestRef = React6.useRef(0);
-  const controllerRef = React6.useRef(null);
-  const dialogRef = React6.useRef(null);
-  const bodyRef = React6.useRef(null);
-  const titleId = React6.useId();
-  const noticeId = React6.useId();
-  const pathInputId = React6.useId();
-  const errorId = React6.useId();
-  const initialPathRef = React6.useRef(startPath);
-  const onPickedRef = React6.useRef(onPicked);
-  const onCancelRef = React6.useRef(onCancel);
-  const busyRef = React6.useRef(busy);
+  const [listing, setListing] = React7.useState(null);
+  const [loading, setLoading] = React7.useState(false);
+  const [error, setError] = React7.useState(null);
+  const [pathDraft, setPathDraft] = React7.useState(startPath ?? "");
+  const [showHidden, setShowHidden] = React7.useState(false);
+  const [retryKey, setRetryKey] = React7.useState(0);
+  const requestRef = React7.useRef(0);
+  const controllerRef = React7.useRef(null);
+  const dialogRef = React7.useRef(null);
+  const bodyRef = React7.useRef(null);
+  const titleId = React7.useId();
+  const noticeId = React7.useId();
+  const pathInputId = React7.useId();
+  const errorId = React7.useId();
+  const initialPathRef = React7.useRef(startPath);
+  const onPickedRef = React7.useRef(onPicked);
+  const onCancelRef = React7.useRef(onCancel);
+  const busyRef = React7.useRef(busy);
   onPickedRef.current = onPicked;
   onCancelRef.current = onCancel;
   busyRef.current = busy;
-  const loadDirectory = React6.useCallback(async (path, { reportError = true } = {}) => {
+  const loadDirectory = React7.useCallback(async (path, { reportError = true } = {}) => {
     const request = requestRef.current + 1;
     requestRef.current = request;
     controllerRef.current?.abort();
@@ -2908,7 +2967,7 @@ function WorkspaceDirectoryPicker({
       if (request === requestRef.current) setLoading(false);
     }
   }, [picker]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!open) return void 0;
     let active = true;
     setListing(null);
@@ -2988,10 +3047,10 @@ function WorkspaceDirectoryPicker({
           "nav",
           { className: "dim-directoryCrumbs", "aria-label": "\u5F53\u524D\u76EE\u5F55" },
           crumbs.map((crumb, index) => h2(
-            React6.Fragment,
+            React7.Fragment,
             { key: crumb.path },
             index > 0 ? h2("span", { className: "dim-directoryCrumbSeparator", "aria-hidden": "true" }, "\u203A") : null,
-            React6.createElement("button", {
+            React7.createElement("button", {
               type: "button",
               title: crumb.path,
               disabled: loading || busy,
@@ -3054,7 +3113,7 @@ function WorkspaceDirectoryPicker({
         ) : listing ? entries.length > 0 ? h2("ul", { className: "dim-directoryList" }, entries.map((entry) => h2(
           "li",
           { key: entry.path },
-          React6.createElement(
+          React7.createElement(
             "button",
             {
               type: "button",
@@ -3063,7 +3122,7 @@ function WorkspaceDirectoryPicker({
               onClick: () => void loadDirectory(entry.path)
             },
             h2("span", { className: "dim-directoryFolder" }, h2(FolderIcon)),
-            React6.createElement("span", { className: "dim-directoryName" }, entry.name),
+            React7.createElement("span", { className: "dim-directoryName" }, entry.name),
             h2("span", { className: "dim-directoryChevron" }, h2(ChevronIcon))
           )
         ))) : h2(
@@ -3116,21 +3175,21 @@ function WorkspaceDirectoryPicker({
 }
 
 // plugin-src/client/workspace-editor.js
-var WorkspaceDirectoryPickerContext = React7.createContext(null);
+var WorkspaceDirectoryPickerContext = React8.createContext(null);
 function WorkspaceEditor({ workspace, directoryPicker, disabled = false, onSave }) {
-  const sharedDirectoryPicker = React7.useContext(WorkspaceDirectoryPickerContext);
+  const sharedDirectoryPicker = React8.useContext(WorkspaceDirectoryPickerContext);
   const activeDirectoryPicker = directoryPicker ?? sharedDirectoryPicker;
-  const [open, setOpen] = React7.useState(false);
-  const [saving, setSaving] = React7.useState(false);
-  const [error, setError] = React7.useState(null);
-  const editButtonRef = React7.useRef(null);
-  const savingRef = React7.useRef(false);
-  const close = React7.useCallback(() => {
+  const [open, setOpen] = React8.useState(false);
+  const [saving, setSaving] = React8.useState(false);
+  const [error, setError] = React8.useState(null);
+  const editButtonRef = React8.useRef(null);
+  const savingRef = React8.useRef(false);
+  const close = React8.useCallback(() => {
     setOpen(false);
     setError(null);
     queueMicrotask(() => editButtonRef.current?.focus?.());
   }, []);
-  const pick = React7.useCallback(async (value) => {
+  const pick = React8.useCallback(async (value) => {
     if (!value || savingRef.current || disabled) return;
     if (value === workspace) {
       close();
@@ -3167,7 +3226,7 @@ function WorkspaceEditor({ workspace, directoryPicker, disabled = false, onSave
         disabled: disabled || !activeDirectoryPicker
       }, "\u9009\u62E9\u76EE\u5F55")
     ),
-    workspace ? React7.createElement("code", {
+    workspace ? React8.createElement("code", {
       className: "dim-workspacePath",
       title: workspace
     }, workspace) : h2("code", { className: "dim-workspacePath" }, "\u672A\u8BBE\u7F6E"),
@@ -3184,7 +3243,7 @@ function WorkspaceEditor({ workspace, directoryPicker, disabled = false, onSave
 }
 
 // plugin-src/client/context-enhancement.js
-var React8 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var import_react_dom2 = require("react-dom");
 var FIELD_LABELS = Object.freeze({
   channel: "\u6E20\u9053",
@@ -3429,7 +3488,7 @@ function ContextEnhancementScopeEditor({
   );
 }
 function ContextEnhancementDialog({ config, groupSupported, disabled, onSave, onClose, returnFocusRef, id: id5 }) {
-  const [draft, setDraft] = React8.useState(() => {
+  const [draft, setDraft] = React9.useState(() => {
     const normalized = normalizeContextEnhancementConfig(config);
     return {
       ...normalized,
@@ -3438,23 +3497,23 @@ function ContextEnhancementDialog({ config, groupSupported, disabled, onSave, on
       } : {}
     };
   });
-  const [saving, setSaving] = React8.useState(false);
-  const [error, setError] = React8.useState(null);
-  const [activeScope, setActiveScope] = React8.useState("direct");
-  const savingRef = React8.useRef(false);
-  const dialogRef = React8.useRef(null);
-  const mountedRef = React8.useRef(true);
-  const groupTabRef = React8.useRef(null);
-  const directTabRef = React8.useRef(null);
-  const titleId = React8.useId();
-  const descriptionId = React8.useId();
-  const scopeIdPrefix = React8.useId();
+  const [saving, setSaving] = React9.useState(false);
+  const [error, setError] = React9.useState(null);
+  const [activeScope, setActiveScope] = React9.useState("direct");
+  const savingRef = React9.useRef(false);
+  const dialogRef = React9.useRef(null);
+  const mountedRef = React9.useRef(true);
+  const groupTabRef = React9.useRef(null);
+  const directTabRef = React9.useRef(null);
+  const titleId = React9.useId();
+  const descriptionId = React9.useId();
+  const scopeIdPrefix = React9.useId();
   const groupGuidanceExample = localizeText(CONTEXT_GROUP_GUIDANCE_EXAMPLE);
   const directGuidanceExample = localizeText(CONTEXT_DIRECT_GUIDANCE_EXAMPLE);
   const busy = disabled || saving;
   const scopeKinds = ["direct", "group"];
   const tabRefs = { group: groupTabRef, direct: directTabRef };
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     mountedRef.current = true;
     dialogRef.current?.focus?.();
     const keepFocus = (event) => {
@@ -3645,17 +3704,17 @@ function ContextEnhancementDialog({ config, groupSupported, disabled, onSave, on
   return globalThis.document?.body ? (0, import_react_dom2.createPortal)(content, document.body) : content;
 }
 function ContextEnhancementEditor({ config, groupSupported = true, disabled = false, onSave }) {
-  const [open, setOpen] = React8.useState(false);
-  const entryRef = React8.useRef(null);
-  const dialogId = React8.useId();
-  const statusId = React8.useId();
+  const [open, setOpen] = React9.useState(false);
+  const entryRef = React9.useRef(null);
+  const dialogId = React9.useId();
+  const statusId = React9.useId();
   const saved = normalizeContextEnhancementConfig(config);
   const label = contextEnhancementLabel(groupSupported ? saved : {
     ...saved,
     group: { ...saved.group, enabled: false }
   });
   return h2(
-    React8.Fragment,
+    React9.Fragment,
     null,
     h2(
       "button",
@@ -3689,10 +3748,10 @@ function ContextEnhancementEditor({ config, groupSupported = true, disabled = fa
 }
 
 // plugin-src/client/workspace-snapshot-fence.js
-var React9 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 function useWorkspaceSnapshotFence() {
-  const state = React9.useRef({ version: 0, pendingMutations: 0 });
-  return React9.useMemo(() => Object.freeze({
+  const state = React10.useRef({ version: 0, pendingMutations: 0 });
+  return React10.useMemo(() => Object.freeze({
     beginStatus() {
       return state.current.pendingMutations === 0 ? state.current.version : null;
     },
@@ -3715,8 +3774,8 @@ function useWorkspaceSnapshotFence() {
 }
 
 // plugin-src/client/channel-card-meta.js
-var React10 = __toESM(require("react"), 1);
-var BotSettingsContext = React10.createContext(Object.freeze({
+var React11 = __toESM(require("react"), 1);
+var BotSettingsContext = React11.createContext(Object.freeze({
   openBotSettings() {
   }
 }));
@@ -3746,8 +3805,8 @@ function BotSettingsButton({
   accessPolicy,
   channelSettings
 }) {
-  const { openBotSettings } = React10.useContext(BotSettingsContext);
-  const tooltipId = React10.useId();
+  const { openBotSettings } = React11.useContext(BotSettingsContext);
+  const tooltipId = React11.useId();
   return h2(
     "span",
     { className: "dim-botSettingsAction" },
@@ -3787,7 +3846,7 @@ function messageErrorTime(value) {
   }
 }
 function ChannelListHeading({ className = "", id: id5, title, connectionLabel }) {
-  const helpId = React10.useId();
+  const helpId = React11.useId();
   return h2(
     "div",
     { className: `${className} dim-listHeading`.trim() },
@@ -3868,7 +3927,7 @@ function LastMessageErrorSummary({ className = "", error }) {
     h2("span", null, "\u53C2\u8003\u53F7"),
     ` ${error.referenceId}`,
     occurredAt ? h2(
-      React10.Fragment,
+      React11.Fragment,
       null,
       " \xB7 ",
       h2("time", { dateTime: new Date(error.at).toISOString() }, occurredAt)
@@ -4031,7 +4090,7 @@ function DingtalkIcon({ size = 28 }) {
     d: "M37.05 22.783c-6.758-5.216-14.378-12.128-22.73-19.538-.655-.585-1.242-.354-1.536.42-1.88 4.973-.058 9.386 2.889 11.932s7.368 4.912 10.058 6.155c.105.049.013.203-.093.163-4.953-2.182-8.397-3.765-13.07-7.368-.497-.388-1.01-.242-1.07.521-.384 4.748 2.657 8.483 6.058 9.745 2.1.781 4.398 1.212 6.53 1.474.109.015.084.178-.027.178-2.747.01-6.058-.654-8.935-1.751-.606-.233-.818.25-.722.633.491 2.008 2.974 5.076 6.926 5.73a12 12 0 0 0 2.228.115c.164 0 .208.089.154.217q-2.685 4.6-2.803 4.797c-.091.152-.036.275.156.275h3.543c.164 0 .264.106.18.246l-4.958 8.196c-.191.328.035.565.395.301s15.212-11.133 15.636-11.448c.195-.142.148-.327-.124-.327h-3.18c-.206 0-.252-.14-.111-.28.14-.141 3.602-3.594 4.837-4.888 1.283-1.35 1.938-3.825-.231-5.498"
   }));
 }
-var Button = React11.forwardRef(function Button2({ children, kind = "secondary", className = "", ...props }, ref) {
+var Button = React12.forwardRef(function Button2({ children, kind = "secondary", className = "", ...props }, ref) {
   return h2("button", {
     ...props,
     ref,
@@ -4127,13 +4186,13 @@ function EmptyView({ busy, onStart }) {
   );
 }
 function QrPanel({ provision, now, busy, onRefresh, onCancel }) {
-  const [imageFailed, setImageFailed] = React11.useState(false);
+  const [imageFailed, setImageFailed] = React12.useState(false);
   const source = safeQrSource(provision.qrCodeDataUrl);
   const remaining = Math.max(0, provision.expiresAt - now);
   const expired = remaining === 0 || provision.status === "expired";
   const duration = Math.max(1, provision.durationMs ?? 10 * 6e4);
   const progress = Math.round(Math.min(1, remaining / duration) * 100);
-  React11.useEffect(() => setImageFailed(false), [source]);
+  React12.useEffect(() => setImageFailed(false), [source]);
   return h2(
     "div",
     { className: "ddt-card dim-surfaceCard" },
@@ -4225,7 +4284,7 @@ function ConnectionErrorDiagnostic({ error }) {
       { className: "ddt-errorCode" },
       h2("span", null, "\u9519\u8BEF\u7801"),
       `: ${error.code}`,
-      error.referenceId ? h2(React11.Fragment, null, " \xB7 ", h2("span", null, "\u53C2\u8003\u53F7"), `: ${error.referenceId}`) : null
+      error.referenceId ? h2(React12.Fragment, null, " \xB7 ", h2("span", null, "\u53C2\u8003\u53F7"), `: ${error.referenceId}`) : null
     )
   );
 }
@@ -4248,7 +4307,7 @@ function ProvisionError({ provision, busy, onRetry, onClose }) {
         "div",
         { className: "ddt-actions dim-viewActions" },
         connectionFailed ? h2(Button, { kind: "primary", onClick: onClose, disabled: busy }, "\u67E5\u770B\u5DF2\u4FDD\u5B58\u7684\u673A\u5668\u4EBA") : h2(
-          React11.Fragment,
+          React12.Fragment,
           null,
           h2(Button, { kind: "primary", onClick: onRetry, disabled: busy }, "\u91CD\u65B0\u751F\u6210\u4E8C\u7EF4\u7801"),
           h2(Button, { onClick: onClose, disabled: busy }, "\u5173\u95ED")
@@ -4270,8 +4329,8 @@ function checkedTime(value) {
   }
 }
 function RemoveConfirmation({ account, busy, onConfirm, onCancel }) {
-  const cancelRef = React11.useRef(null);
-  React11.useEffect(() => cancelRef.current?.focus(), []);
+  const cancelRef = React12.useRef(null);
+  React12.useEffect(() => cancelRef.current?.focus(), []);
   return h2(
     "div",
     {
@@ -4321,89 +4380,104 @@ function AccountCard({
       "div",
       { className: "ddt-cardBody dim-botCardBody" },
       h2(
-        "div",
-        { className: "ddt-accountTop dim-botCardTop" },
-        h2(
-          "div",
-          { className: "ddt-accountIdentity dim-botIdentity" },
-          h2("div", { className: "ddt-avatar dim-botAvatar", "aria-hidden": "true" }, h2(DingtalkIcon, { size: 29 })),
-          h2(
+        CollapsibleAccountSection,
+        {
+          id: `ddt-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
+          header: h2(
             "div",
-            { className: "dim-botName" },
-            h2("h3", { title: account.bot.name }, account.bot.name),
-            h2("p", { title: account.bot.clientIdMasked }, account.bot.clientIdMasked)
+            { className: "ddt-accountTop dim-botCardTop" },
+            h2(
+              "div",
+              { className: "ddt-accountIdentity dim-botIdentity" },
+              h2("div", { className: "ddt-avatar dim-botAvatar", "aria-hidden": "true" }, h2(DingtalkIcon, { size: 29 })),
+              h2(
+                "div",
+                { className: "dim-botName" },
+                h2("h3", { title: account.bot.name }, account.bot.name),
+                h2("p", { title: account.bot.clientIdMasked }, account.bot.clientIdMasked)
+              )
+            ),
+            h2(
+              "div",
+              {
+                className: "dim-botCardTools",
+                // The header is the collapse toggle; keep inner controls clickable.
+                onClick: (event) => {
+                  event.stopPropagation();
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+                }
+              },
+              h2(BotStatusMeta, {
+                className: "ddt-health",
+                dotClassName: "ddt-dot",
+                tone,
+                stateLabel: stateLabel2,
+                lastCheckedAt: account.health.lastCheckedAt,
+                formatCheckedTime: checkedTime
+              }),
+              h2(BotSettingsButton, {
+                channel: "dingtalk",
+                botId: account.botId,
+                botName: account.bot.name,
+                connected: account.connected,
+                accessPolicy: account.accessPolicy
+              })
+            )
           )
-        ),
-        h2(
-          "div",
-          { className: "dim-botCardTools" },
-          h2(BotStatusMeta, {
-            className: "ddt-health",
-            dotClassName: "ddt-dot",
-            tone,
-            stateLabel: stateLabel2,
-            lastCheckedAt: account.health.lastCheckedAt,
-            formatCheckedTime: checkedTime
-          }),
-          h2(BotSettingsButton, {
-            channel: "dingtalk",
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy
-          })
-        )
-      ),
-      h2(WorkspaceEditor, {
-        workspace: account.workspace,
-        disabled: Boolean(busy),
-        onSave: onWorkspaceSave
-      }),
-      h2(ModelEditor, {
-        model: account.model,
-        disabled: Boolean(busy),
-        onSave: onModelSave
-      }),
-      h2(AgentPresetEditor, {
-        agentPreset: account.agentPreset,
-        disabled: Boolean(busy),
-        onSave: onAgentPresetSave
-      }),
-      h2(ContextEnhancementEditor, {
-        config: account.contextEnhancement,
-        disabled: Boolean(busy),
-        onSave: onContextEnhancementSave
-      }),
-      h2(
-        "div",
-        { className: "ddt-accountFooter dim-cardFooter" },
+        },
+        h2(WorkspaceEditor, {
+          workspace: account.workspace,
+          disabled: Boolean(busy),
+          onSave: onWorkspaceSave
+        }),
+        h2(ModelEditor, {
+          model: account.model,
+          disabled: Boolean(busy),
+          onSave: onModelSave
+        }),
+        h2(AgentPresetEditor, {
+          agentPreset: account.agentPreset,
+          disabled: Boolean(busy),
+          onSave: onAgentPresetSave
+        }),
+        h2(ContextEnhancementEditor, {
+          config: account.contextEnhancement,
+          disabled: Boolean(busy),
+          onSave: onContextEnhancementSave
+        }),
         h2(
           "div",
-          { className: "dim-cardFooterLayout" },
+          { className: "ddt-accountFooter dim-cardFooter" },
           h2(
             "div",
-            { className: "ddt-actions dim-cardActions" },
+            { className: "dim-cardFooterLayout" },
             h2(
-              Button,
-              { className: "dim-cardAction", onClick: onReconnect, disabled: Boolean(busy) },
-              busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"
+              "div",
+              { className: "ddt-actions dim-cardActions" },
+              h2(
+                Button,
+                { className: "dim-cardAction", onClick: onReconnect, disabled: Boolean(busy) },
+                busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"
+              ),
+              h2(
+                Button,
+                { className: "dim-cardAction", kind: "danger", onClick: onRequestRemove, disabled: Boolean(busy) },
+                "\u79FB\u9664\u63A5\u5165"
+              )
             ),
-            h2(
-              Button,
-              { className: "dim-cardAction", kind: "danger", onClick: onRequestRemove, disabled: Boolean(busy) },
-              "\u79FB\u9664\u63A5\u5165"
-            )
-          ),
-          summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
-          account.error ? h2(ConnectionErrorDiagnostic, { error: account.error }) : null,
-          account.lastMessageError ? h2(LastMessageErrorSummary, {
-            className: "ddt-summary",
-            error: account.lastMessageError
-          }) : null,
-          feedback ? h2("div", {
-            className: "ddt-summary dim-cardFeedback",
-            role: "status"
-          }, feedback) : null
+            summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
+            account.error ? h2(ConnectionErrorDiagnostic, { error: account.error }) : null,
+            account.lastMessageError ? h2(LastMessageErrorSummary, {
+              className: "ddt-summary",
+              error: account.lastMessageError
+            }) : null,
+            feedback ? h2("div", {
+              className: "ddt-summary dim-cardFeedback",
+              role: "status"
+            }, feedback) : null
+          )
         )
       )
     ),
@@ -4446,7 +4520,7 @@ function AccountList(props) {
 }
 var EMPTY_TOTALS = Object.freeze({ configured: 0, connected: 0 });
 function DingtalkSettingsTab({ rpcCall }) {
-  const [model, setModel] = React11.useState({
+  const [model, setModel] = React12.useState({
     phase: "loading",
     bots: [],
     totals: EMPTY_TOTALS,
@@ -4455,22 +4529,22 @@ function DingtalkSettingsTab({ rpcCall }) {
     agentPresetCatalog: EMPTY_AGENT_PRESET_CATALOG,
     modelCatalog: EMPTY_MODEL_CATALOG
   });
-  const [provision, setProvision] = React11.useState(null);
-  const [busy, setBusy] = React11.useState(false);
-  const [busyByBot, setBusyByBot] = React11.useState({});
-  const [feedbackByBot, setFeedbackByBot] = React11.useState({});
-  const [removeTarget, setRemoveTarget] = React11.useState(null);
-  const [credentialOpen, setCredentialOpen] = React11.useState(false);
-  const [credentialError, setCredentialError] = React11.useState(null);
-  const [notice, setNotice] = React11.useState("");
-  const [now, setNow] = React11.useState(() => Date.now());
-  const addButtonRef = React11.useRef(null);
-  const mountedRef = React11.useRef(true);
-  const statusRequestRef = React11.useRef(0);
+  const [provision, setProvision] = React12.useState(null);
+  const [busy, setBusy] = React12.useState(false);
+  const [busyByBot, setBusyByBot] = React12.useState({});
+  const [feedbackByBot, setFeedbackByBot] = React12.useState({});
+  const [removeTarget, setRemoveTarget] = React12.useState(null);
+  const [credentialOpen, setCredentialOpen] = React12.useState(false);
+  const [credentialError, setCredentialError] = React12.useState(null);
+  const [notice, setNotice] = React12.useState("");
+  const [now, setNow] = React12.useState(() => Date.now());
+  const addButtonRef = React12.useRef(null);
+  const mountedRef = React12.useRef(true);
+  const statusRequestRef = React12.useRef(0);
   const workspaceFence = useWorkspaceSnapshotFence();
-  const noticeFrameRef = React11.useRef(null);
-  const focusFrameRef = React11.useRef(null);
-  React11.useEffect(() => {
+  const noticeFrameRef = React12.useRef(null);
+  const focusFrameRef = React12.useRef(null);
+  React12.useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -4485,8 +4559,8 @@ function DingtalkSettingsTab({ rpcCall }) {
       }
     };
   }, []);
-  React11.useEffect(() => installDingtalkStyles(), []);
-  const announce = React11.useCallback((message) => {
+  React12.useEffect(() => installDingtalkStyles(), []);
+  const announce = React12.useCallback((message) => {
     if (!mountedRef.current) return;
     if (noticeFrameRef.current !== null) {
       window.cancelAnimationFrame(noticeFrameRef.current);
@@ -4500,7 +4574,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       });
     }
   }, []);
-  const discardStaleFeedback = React11.useCallback((snapshot) => {
+  const discardStaleFeedback = React12.useCallback((snapshot) => {
     const botsById = new Map(snapshot.bots.map((bot) => [bot.botId, bot]));
     setFeedbackByBot((current) => {
       let changed = false;
@@ -4515,7 +4589,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       return changed ? next : current;
     });
   }, []);
-  const focusAddButton = React11.useCallback(() => {
+  const focusAddButton = React12.useCallback(() => {
     if (!mountedRef.current) return;
     if (focusFrameRef.current !== null) window.cancelAnimationFrame(focusFrameRef.current);
     focusFrameRef.current = window.requestAnimationFrame(() => {
@@ -4523,11 +4597,11 @@ function DingtalkSettingsTab({ rpcCall }) {
       if (mountedRef.current) addButtonRef.current?.focus();
     });
   }, []);
-  const invoke = React11.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React12.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new TypeError("\u9489\u9489\u8BBE\u7F6E\u9875\u7F3A\u5C11 RPC \u8FDE\u63A5");
     return unwrapRpcResult(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const loadStatus = React11.useCallback(async ({
+  const loadStatus = React12.useCallback(async ({
     signal,
     silent = false,
     restoreProvisioning = false
@@ -4572,12 +4646,12 @@ function DingtalkSettingsTab({ rpcCall }) {
       return void 0;
     }
   }, [discardStaleFeedback, invoke, workspaceFence]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     const controller = new AbortController();
     void loadStatus({ signal: controller.signal, restoreProvisioning: true });
     return () => controller.abort();
   }, [loadStatus]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (model.phase !== "ready") return void 0;
     const controller = new AbortController();
     let running = false;
@@ -4596,14 +4670,14 @@ function DingtalkSettingsTab({ rpcCall }) {
       window.clearInterval(timer);
     };
   }, [loadStatus, model.phase]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!provision || !ACTIVE_PROVISION_STATES.has(provision.status)) return void 0;
     const timer = window.setInterval(() => {
       if (mountedRef.current) setNow(Date.now());
     }, 1e3);
     return () => window.clearInterval(timer);
   }, [provision?.attemptId, provision?.status]);
-  const startProvisioning = React11.useCallback(async ({ replace = false } = {}) => {
+  const startProvisioning = React12.useCallback(async ({ replace = false } = {}) => {
     if (!mountedRef.current) return;
     setCredentialOpen(false);
     setCredentialError(null);
@@ -4641,7 +4715,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBusy(false);
     }
   }, [announce, invoke, provision?.attemptId]);
-  const bindCredentials = React11.useCallback(async ({ identity, secret }) => {
+  const bindCredentials = React12.useCallback(async ({ identity, secret }) => {
     if (!mountedRef.current) return;
     const snapshotVersion = workspaceFence.beginMutation();
     setBusy(true);
@@ -4674,7 +4748,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBusy(false);
     }
   }, [announce, discardStaleFeedback, invoke, loadStatus, workspaceFence]);
-  const cancelProvisioning = React11.useCallback(async () => {
+  const cancelProvisioning = React12.useCallback(async () => {
     if (!mountedRef.current) return;
     setBusy(true);
     try {
@@ -4692,7 +4766,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBusy(false);
     }
   }, [announce, focusAddButton, invoke, provision?.attemptId, provision?.status]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     const attemptId = provision?.attemptId;
     if (!attemptId || !ACTIVE_PROVISION_STATES.has(provision.status)) return void 0;
     const controller = new AbortController();
@@ -4755,7 +4829,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       timer = null;
     };
   }, [announce, invoke, loadStatus, provision?.attemptId, provision?.pollIntervalMs, provision?.status]);
-  const setBotBusy = React11.useCallback((botId, operation) => {
+  const setBotBusy = React12.useCallback((botId, operation) => {
     if (!mountedRef.current) return;
     setBusyByBot((current) => {
       const next = { ...current };
@@ -4764,7 +4838,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       return next;
     });
   }, []);
-  const runBotAction = React11.useCallback(async ({ account, operation, endpoint, payload, success }) => {
+  const runBotAction = React12.useCallback(async ({ account, operation, endpoint, payload, success }) => {
     if (!mountedRef.current) return void 0;
     const snapshotVersion = workspaceFence.beginMutation();
     setBotBusy(account.botId, operation);
@@ -4820,7 +4894,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBotBusy(account.botId, null);
     }
   }, [announce, discardStaleFeedback, invoke, loadStatus, setBotBusy, workspaceFence]);
-  const reconnect = React11.useCallback((account) => runBotAction({
+  const reconnect = React12.useCallback((account) => runBotAction({
     account,
     operation: "reconnect",
     endpoint: DINGTALK_ENDPOINTS.reconnectBot,
@@ -4831,7 +4905,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       return connectionTestFeedback(snapshot.testMessage) ?? "\u9489\u9489\u8FDE\u63A5\u68C0\u67E5\u5B8C\u6210\u3002";
     }
   }), [runBotAction]);
-  const saveWorkspace = React11.useCallback(async (account, workspace) => {
+  const saveWorkspace = React12.useCallback(async (account, workspace) => {
     const workspaceVersion = workspaceFence.beginMutation();
     setBotBusy(account.botId, "workspace");
     try {
@@ -4857,7 +4931,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBotBusy(account.botId, null);
     }
   }, [discardStaleFeedback, invoke, loadStatus, setBotBusy, workspaceFence]);
-  const saveBotSetting = React11.useCallback(async (account, operation, endpoint, payload) => {
+  const saveBotSetting = React12.useCallback(async (account, operation, endpoint, payload) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setBotBusy(account.botId, operation);
     try {
@@ -4883,7 +4957,7 @@ function DingtalkSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBotBusy(account.botId, null);
     }
   }, [discardStaleFeedback, invoke, loadStatus, setBotBusy, workspaceFence]);
-  const remove = React11.useCallback(async (account) => {
+  const remove = React12.useCallback(async (account) => {
     const snapshot = await runBotAction({
       account,
       operation: "delete",
@@ -4969,7 +5043,7 @@ function DingtalkSettingsTab({ rpcCall }) {
         h2(Button, { onClick: () => void loadStatus() }, "\u91CD\u65B0\u8BFB\u53D6")
       )
     ) : h2(
-      React11.Fragment,
+      React12.Fragment,
       null,
       credentialView,
       provisionView,
@@ -5113,8 +5187,8 @@ var normalizeSnapshot2 = api.normalizeSnapshot;
 var presentError2 = api.presentError;
 
 // plugin-src/client/channels/shared/token-channel.js
-var React12 = __toESM(require("react"), 1);
-var Button3 = React12.forwardRef(function Button4({ children, kind = "secondary", className = "", ...props }, ref) {
+var React13 = __toESM(require("react"), 1);
+var Button3 = React13.forwardRef(function Button4({ children, kind = "secondary", className = "", ...props }, ref) {
   return h2("button", {
     ...props,
     ref,
@@ -5179,98 +5253,113 @@ function createTokenChannelSettings(definition) {
         "div",
         { className: "ddt-cardBody dim-botCardBody" },
         h2(
-          "div",
-          { className: "ddt-accountTop dim-botCardTop" },
-          h2(
-            "div",
-            { className: "ddt-accountIdentity dim-botIdentity" },
-            h2(
-              "div",
-              { className: `ddt-avatar dim-botAvatar ${avatarClass}`, "aria-hidden": "true" },
-              h2(LogoGlyph, { size: 29 })
-            ),
-            h2(
+          CollapsibleAccountSection,
+          {
+            id: `tok-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
+            header: h2(
               "div",
-              { className: "dim-botName" },
-              h2("h3", null, account.bot.name),
-              h2("p", null, identity)
+              { className: "ddt-accountTop dim-botCardTop" },
+              h2(
+                "div",
+                { className: "ddt-accountIdentity dim-botIdentity" },
+                h2(
+                  "div",
+                  { className: `ddt-avatar dim-botAvatar ${avatarClass}`, "aria-hidden": "true" },
+                  h2(LogoGlyph, { size: 29 })
+                ),
+                h2(
+                  "div",
+                  { className: "dim-botName" },
+                  h2("h3", null, account.bot.name),
+                  h2("p", null, identity)
+                )
+              ),
+              h2(
+                "div",
+                {
+                  className: "dim-botCardTools",
+                  // The header is the collapse toggle; keep inner controls clickable.
+                  onClick: (event) => {
+                    event.stopPropagation();
+                  },
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+                  }
+                },
+                h2(BotStatusMeta, {
+                  className: "ddt-health",
+                  dotClassName: "ddt-dot",
+                  tone,
+                  stateLabel: stateLabel2,
+                  lastCheckedAt: account.health.lastCheckedAt,
+                  formatCheckedTime: checkedTime2
+                }),
+                h2(BotSettingsButton, {
+                  channel: channel4.toLowerCase(),
+                  botId: account.botId,
+                  botName: account.bot.name,
+                  connected: account.connected,
+                  accessPolicy: account.accessPolicy
+                })
+              )
             )
-          ),
-          h2(
-            "div",
-            { className: "dim-botCardTools" },
-            h2(BotStatusMeta, {
-              className: "ddt-health",
-              dotClassName: "ddt-dot",
-              tone,
-              stateLabel: stateLabel2,
-              lastCheckedAt: account.health.lastCheckedAt,
-              formatCheckedTime: checkedTime2
-            }),
-            h2(BotSettingsButton, {
-              channel: channel4.toLowerCase(),
-              botId: account.botId,
-              botName: account.bot.name,
-              connected: account.connected,
-              accessPolicy: account.accessPolicy
-            })
-          )
-        ),
-        h2(WorkspaceEditor, {
-          workspace: account.workspace,
-          disabled: Boolean(busy),
-          onSave: onWorkspaceSave
-        }),
-        h2(ModelEditor, {
-          model: account.model,
-          disabled: Boolean(busy),
-          onSave: onModelSave
-        }),
-        h2(AgentPresetEditor, {
-          agentPreset: account.agentPreset,
-          disabled: Boolean(busy),
-          onSave: onAgentPresetSave
-        }),
-        h2(ContextEnhancementEditor, {
-          config: account.contextEnhancement,
-          disabled: Boolean(busy),
-          onSave: onContextEnhancementSave
-        }),
-        AccountSettings ? h2(AccountSettings, {
-          account,
-          busy: Boolean(busy),
-          onSave: onAccountSettingsSave
-        }) : null,
-        h2(
-          "div",
-          { className: "ddt-accountFooter dim-cardFooter" },
+          },
+          h2(WorkspaceEditor, {
+            workspace: account.workspace,
+            disabled: Boolean(busy),
+            onSave: onWorkspaceSave
+          }),
+          h2(ModelEditor, {
+            model: account.model,
+            disabled: Boolean(busy),
+            onSave: onModelSave
+          }),
+          h2(AgentPresetEditor, {
+            agentPreset: account.agentPreset,
+            disabled: Boolean(busy),
+            onSave: onAgentPresetSave
+          }),
+          h2(ContextEnhancementEditor, {
+            config: account.contextEnhancement,
+            disabled: Boolean(busy),
+            onSave: onContextEnhancementSave
+          }),
+          AccountSettings ? h2(AccountSettings, {
+            account,
+            busy: Boolean(busy),
+            onSave: onAccountSettingsSave
+          }) : null,
           h2(
             "div",
-            { className: "dim-cardFooterLayout" },
+            { className: "ddt-accountFooter dim-cardFooter" },
             h2(
               "div",
-              { className: "ddt-actions dim-cardActions" },
-              h2(Button3, {
-                className: "dim-cardAction",
-                onClick: onReconnect,
-                disabled: Boolean(busy)
-              }, busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
-              h2(Button3, {
-                className: "dim-cardAction",
-                kind: "danger",
-                onClick: onRequestRemove,
-                disabled: Boolean(busy)
-              }, "\u79FB\u9664\u63A5\u5165")
-            ),
-            summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
-            account.lastMessageError ? h2(LastMessageErrorSummary, {
-              className: "ddt-summary",
-              error: account.lastMessageError
-            }) : null,
-            testNotice ? h2("div", {
-              className: "ddt-summary dim-cardFeedback",
-              role: "status"
-            }, testNotice) : null
+              { className: "dim-cardFooterLayout" },
+              h2(
+                "div",
+                { className: "ddt-actions dim-cardActions" },
+                h2(Button3, {
+                  className: "dim-cardAction",
+                  onClick: onReconnect,
+                  disabled: Boolean(busy)
+                }, busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
+                h2(Button3, {
+                  className: "dim-cardAction",
+                  kind: "danger",
+                  onClick: onRequestRemove,
+                  disabled: Boolean(busy)
+                }, "\u79FB\u9664\u63A5\u5165")
+              ),
+              summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
+              account.lastMessageError ? h2(LastMessageErrorSummary, {
+                className: "ddt-summary",
+                error: account.lastMessageError
+              }) : null,
+              testNotice ? h2("div", {
+                className: "ddt-summary dim-cardFeedback",
+                role: "status"
+              }, testNotice) : null
+            )
           )
         )
       ),
@@ -5293,7 +5382,7 @@ function createTokenChannelSettings(definition) {
     );
   }
   function SettingsTab({ rpcCall }) {
-    const [model, setModel] = React12.useState({
+    const [model, setModel] = React13.useState({
       phase: "loading",
       bots: [],
       totals: { configured: 0, connected: 0 },
@@ -5301,15 +5390,15 @@ function createTokenChannelSettings(definition) {
       agentPresetCatalog: EMPTY_AGENT_PRESET_CATALOG,
       modelCatalog: EMPTY_MODEL_CATALOG
     });
-    const [credentialOpen, setCredentialOpen] = React12.useState(false);
-    const [credentialError, setCredentialError] = React12.useState(null);
-    const [busy, setBusy] = React12.useState(false);
-    const [busyByBot, setBusyByBot] = React12.useState({});
-    const [testNoticeByBot, setTestNoticeByBot] = React12.useState({});
-    const [removeTarget, setRemoveTarget] = React12.useState(null);
-    const mounted = React12.useRef(true);
+    const [credentialOpen, setCredentialOpen] = React13.useState(false);
+    const [credentialError, setCredentialError] = React13.useState(null);
+    const [busy, setBusy] = React13.useState(false);
+    const [busyByBot, setBusyByBot] = React13.useState({});
+    const [testNoticeByBot, setTestNoticeByBot] = React13.useState({});
+    const [removeTarget, setRemoveTarget] = React13.useState(null);
+    const mounted = React13.useRef(true);
     const workspaceFence = useWorkspaceSnapshotFence();
-    React12.useEffect(() => {
+    React13.useEffect(() => {
       const disposeDingtalk = installDingtalkStyles();
       const disposeChannel = installStyles();
       mounted.current = true;
@@ -5319,11 +5408,11 @@ function createTokenChannelSettings(definition) {
         disposeDingtalk();
       };
     }, []);
-    const invoke = React12.useCallback(async (endpoint, payload = {}, signal) => {
+    const invoke = React13.useCallback(async (endpoint, payload = {}, signal) => {
       if (typeof rpcCall !== "function") throw new TypeError(`${channel4} \u8BBE\u7F6E\u9875\u7F3A\u5C11 RPC \u8FDE\u63A5`);
       return api4.unwrapRpcResult(await rpcCall(endpoint, payload, signal));
     }, [rpcCall]);
-    const loadStatus = React12.useCallback(async ({ signal, silent = false } = {}) => {
+    const loadStatus = React13.useCallback(async ({ signal, silent = false } = {}) => {
       const workspaceVersion = workspaceFence.beginStatus();
       if (workspaceVersion === null) return;
       if (!silent && mounted.current) setModel((current) => ({ ...current, phase: "loading", error: null }));
@@ -5348,12 +5437,12 @@ function createTokenChannelSettings(definition) {
         }
       }
     }, [invoke, workspaceFence]);
-    React12.useEffect(() => {
+    React13.useEffect(() => {
       const controller = new AbortController();
       void loadStatus({ signal: controller.signal });
       return () => controller.abort();
     }, [loadStatus]);
-    React12.useEffect(() => {
+    React13.useEffect(() => {
       if (model.phase !== "ready") return void 0;
       const controller = new AbortController();
       const timer = window.setInterval(
@@ -5365,7 +5454,7 @@ function createTokenChannelSettings(definition) {
         window.clearInterval(timer);
       };
     }, [loadStatus, model.phase]);
-    const bindCredentials = React12.useCallback(async (values) => {
+    const bindCredentials = React13.useCallback(async (values) => {
       const snapshotVersion = workspaceFence.beginMutation();
       setBusy(true);
       setCredentialError(null);
@@ -5394,7 +5483,7 @@ function createTokenChannelSettings(definition) {
         if (mounted.current) setBusy(false);
       }
     }, [invoke, loadStatus, workspaceFence]);
-    const botAction = React12.useCallback(async (account, operation, endpoint, payload) => {
+    const botAction = React13.useCallback(async (account, operation, endpoint, payload) => {
       const snapshotVersion = workspaceFence.beginMutation();
       setBusyByBot((current) => ({ ...current, [account.botId]: operation }));
       try {
@@ -5546,7 +5635,7 @@ function createTokenChannelSettings(definition) {
           h2(Button3, { onClick: () => void loadStatus() }, "\u91CD\u65B0\u8BFB\u53D6")
         )
       ) : h2(
-        React12.Fragment,
+        React13.Fragment,
         null,
         credentialOpen ? CredentialPanel ? h2(CredentialPanel, {
           busy,
@@ -5647,7 +5736,7 @@ var DiscordSettingsTab = channel.SettingsTab;
 var DiscordAccountCard = channel.AccountCard;
 
 // plugin-src/client/channels/feishu/index.js
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 
 // plugin-src/client/channels/feishu/api.js
 var FEISHU_RPC_CHANNEL = "/feishu";
@@ -5916,7 +6005,7 @@ function formatRemaining2(milliseconds) {
 }
 
 // plugin-src/client/lifecycle.js
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 function createPollScheduler({ setTimeoutFn, clearTimeoutFn }) {
   let disposed = false;
   let timer;
@@ -5978,8 +6067,8 @@ function createAnimationFrameScheduler({ requestFrame, cancelFrame }) {
   };
 }
 function useAnimationFrameScheduler() {
-  const schedulerRef = React13.useRef(null);
-  React13.useEffect(() => {
+  const schedulerRef = React14.useRef(null);
+  React14.useEffect(() => {
     const scheduler = createAnimationFrameScheduler({
       requestFrame: (callback) => window.requestAnimationFrame(callback),
       cancelFrame: (frame) => window.cancelAnimationFrame(frame)
@@ -5990,7 +6079,7 @@ function useAnimationFrameScheduler() {
       if (schedulerRef.current === scheduler) schedulerRef.current = null;
     };
   }, []);
-  return React13.useCallback(
+  return React14.useCallback(
     (callback, key) => schedulerRef.current?.schedule(callback, key) ?? false,
     []
   );
@@ -6065,7 +6154,7 @@ function QrIcon({ size = 58 }) {
     fill: "currentColor"
   }));
 }
-var Button5 = React14.forwardRef(function Button6({ children, kind = "secondary", size, icon, className = "", ...props }, ref) {
+var Button5 = React15.forwardRef(function Button6({ children, kind = "secondary", size, icon, className = "", ...props }, ref) {
   return h2("button", {
     ...props,
     ref,
@@ -6182,7 +6271,7 @@ function safeQrSource2(value) {
   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] = React14.useState(false);
+  const [imageFailed, setImageFailed] = React15.useState(false);
   const qrSource = safeQrSource2(provision.qrCodeDataUrl);
   const href = safeVerificationHref(provision.verificationUrl);
   const remaining = Math.max(0, provision.expiresAt - now);
@@ -6191,7 +6280,7 @@ function QrPane({ provision, now, onRefresh, onCancel, busy }) {
   const repairing = isCallbackRepair(provision);
   const grantingGroupMessages = isGroupMessagePermission(provision);
   const botName = provision.botName ?? "\u6B64\u673A\u5668\u4EBA";
-  React14.useEffect(() => setImageFailed(false), [qrSource]);
+  React15.useEffect(() => setImageFailed(false), [qrSource]);
   return h2(
     "div",
     { className: "bxf-card bxf-provisionCard dim-surfaceCard" },
@@ -6354,11 +6443,11 @@ function connectionTestNotice2(value) {
   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 = React14.useRef(null);
+  const cancelRef = React15.useRef(null);
   const idPart = bot.botId.replace(/[^a-zA-Z0-9_-]/g, "-");
   const titleId = `bxf-remove-title-${idPart}`;
   const descriptionId = `bxf-remove-description-${idPart}`;
-  React14.useEffect(() => cancelRef.current?.focus(), []);
+  React15.useEffect(() => cancelRef.current?.focus(), []);
   return h2(
     "div",
     {
@@ -6413,7 +6502,7 @@ function BotCard({
   removeButtonRef
 }) {
   const { bot, health, state, connected } = connection;
-  const repairTooltipId = React14.useId();
+  const repairTooltipId = React15.useId();
   const stateForDisplay = busy === "reconnect" ? "connecting" : state;
   const tone = stateForDisplay === "connected" ? "success" : stateForDisplay === "connecting" ? "warning" : "error";
   const summary2 = actionError?.message ?? connection.error?.message ?? (connected ? null : health.summary);
@@ -6431,136 +6520,151 @@ function BotCard({
       "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(
-          "div",
-          { className: "dim-botCardTools" },
-          h2(BotStatusMeta, {
-            className: "bxf-healthPill",
-            dotClassName: "bxf-dot",
-            tone,
-            stateLabel: HEALTH_LABELS[stateForDisplay] ?? "\u72B6\u6001\u672A\u77E5",
-            lastCheckedAt: health.lastCheckedAt,
-            formatCheckedTime,
-            healthState: stateForDisplay
-          }),
-          h2(BotSettingsButton, {
-            channel: "feishu",
-            botId: connection.botId,
-            botName: bot.name,
-            connected,
-            accessPolicy: connection.accessPolicy,
-            channelSettings: {
-              groupResponseMode: connection.groupResponseMode,
-              groupTopicReply: connection.groupTopicReply,
-              groupMessagePermissionGranted: connection.groupMessagePermissionGranted
-            }
-          })
-        )
-      ),
-      h2(WorkspaceEditor, {
-        workspace: connection.workspace,
-        disabled: Boolean(busy),
-        onSave: onWorkspaceSave
-      }),
-      h2(ModelEditor, {
-        model: connection.model,
-        disabled: Boolean(busy),
-        onSave: onModelSave
-      }),
-      h2(AgentPresetEditor, {
-        agentPreset: connection.agentPreset,
-        disabled: Boolean(busy),
-        onSave: onAgentPresetSave
-      }),
-      h2(ContextEnhancementEditor, {
-        config: connection.contextEnhancement,
-        disabled: Boolean(busy),
-        onSave: onContextEnhancementSave
-      }),
-      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(
+        CollapsibleAccountSection,
+        {
+          id: `bxf-settings-${connection.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
+          header: 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"),
+            { className: "bxf-connectedTop dim-botCardTop" },
             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"),
+              "div",
+              { className: "bxf-botIdentity dim-botIdentity" },
               h2(
-                "span",
-                {
-                  id: repairTooltipId,
-                  className: "bxf-repairTooltip",
-                  role: "tooltip"
-                },
-                h2("strong", null, "\u8865\u5168\u8303\u56F4"),
-                h2("span", null, "\u589E\u91CF\u6DFB\u52A0\u5F53\u524D\u7F3A\u5C11\u7684\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\u3001\u4E0A\u4F20\u673A\u5668\u4EBA\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:resource\uFF0C\u4EE5\u53CA\u539F\u751F\u547D\u4EE4\u9762\u677F\u6240\u9700\u7684 application:app_slash_command:read / write\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")
-          ),
-          summary2 ? 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(
+              "div",
+              {
+                className: "dim-botCardTools",
+                // The header is the collapse toggle; keep inner controls clickable.
+                onClick: (event) => {
+                  event.stopPropagation();
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+                }
+              },
+              h2(BotStatusMeta, {
+                className: "bxf-healthPill",
+                dotClassName: "bxf-dot",
+                tone,
+                stateLabel: HEALTH_LABELS[stateForDisplay] ?? "\u72B6\u6001\u672A\u77E5",
+                lastCheckedAt: health.lastCheckedAt,
+                formatCheckedTime,
+                healthState: stateForDisplay
+              }),
+              h2(BotSettingsButton, {
+                channel: "feishu",
+                botId: connection.botId,
+                botName: bot.name,
+                connected,
+                accessPolicy: connection.accessPolicy,
+                channelSettings: {
+                  groupResponseMode: connection.groupResponseMode,
+                  groupTopicReply: connection.groupTopicReply,
+                  groupMessagePermissionGranted: connection.groupMessagePermissionGranted
+                }
+              })
+            )
+          )
+        },
+        h2(WorkspaceEditor, {
+          workspace: connection.workspace,
+          disabled: Boolean(busy),
+          onSave: onWorkspaceSave
+        }),
+        h2(ModelEditor, {
+          model: connection.model,
+          disabled: Boolean(busy),
+          onSave: onModelSave
+        }),
+        h2(AgentPresetEditor, {
+          agentPreset: connection.agentPreset,
+          disabled: Boolean(busy),
+          onSave: onAgentPresetSave
+        }),
+        h2(ContextEnhancementEditor, {
+          config: connection.contextEnhancement,
+          disabled: Boolean(busy),
+          onSave: onContextEnhancementSave
+        }),
+        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: "bxf-healthSummary dim-cardSummary", "data-error": actionError || connection.error ? "true" : void 0 },
-            summary2
-          ) : null,
-          connection.lastMessageError ? h2(LastMessageErrorSummary, {
-            className: "bxf-healthSummary",
-            error: connection.lastMessageError
-          }) : null,
-          testNotice ? h2("div", {
-            className: "bxf-healthSummary dim-cardFeedback",
-            role: "status"
-          }, testNotice) : null
+            { 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, "\u589E\u91CF\u6DFB\u52A0\u5F53\u524D\u7F3A\u5C11\u7684\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\u3001\u4E0A\u4F20\u673A\u5668\u4EBA\u56FE\u7247\u6216\u6587\u4EF6\u6240\u9700\u7684 im:resource\uFF0C\u4EE5\u53CA\u539F\u751F\u547D\u4EE4\u9762\u677F\u6240\u9700\u7684 application:app_slash_command:read / write\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")
+            ),
+            summary2 ? h2(
+              "div",
+              { className: "bxf-healthSummary dim-cardSummary", "data-error": actionError || connection.error ? "true" : void 0 },
+              summary2
+            ) : null,
+            connection.lastMessageError ? h2(LastMessageErrorSummary, {
+              className: "bxf-healthSummary",
+              error: connection.lastMessageError
+            }) : null,
+            testNotice ? h2("div", {
+              className: "bxf-healthSummary dim-cardFeedback",
+              role: "status"
+            }, testNotice) : null
+          )
         )
       )
     ),
@@ -6666,7 +6770,7 @@ function mergeFeishuSnapshotState(current, snapshot, { restoreProvisioning = fal
   };
 }
 function FeishuSettingsTab({ rpcCall }) {
-  const [model, setModel] = React14.useState({
+  const [model, setModel] = React15.useState({
     phase: "loading",
     revision: 0,
     bots: [],
@@ -6677,41 +6781,41 @@ function FeishuSettingsTab({ rpcCall }) {
     agentPresetCatalog: EMPTY_AGENT_PRESET_CATALOG,
     modelCatalog: EMPTY_MODEL_CATALOG
   });
-  const [pageBusy, setPageBusy] = React14.useState(false);
-  const [provisionBusy, setProvisionBusy] = React14.useState(false);
-  const [credentialOpen, setCredentialOpen] = React14.useState(false);
-  const [credentialBusy, setCredentialBusy] = React14.useState(false);
-  const [credentialError, setCredentialError] = React14.useState(null);
-  const [busyByBot, setBusyByBot] = React14.useState({});
-  const [errorsByBot, setErrorsByBot] = React14.useState({});
-  const [testNoticesByBot, setTestNoticesByBot] = React14.useState({});
-  const [removeTargetId, setRemoveTargetId] = React14.useState(null);
-  const [announcement, setAnnouncement] = React14.useState("");
-  const [now, setNow] = React14.useState(() => Date.now());
-  const [focusBotId, setFocusBotId] = React14.useState(null);
-  const cardRefs = React14.useRef(/* @__PURE__ */ new Map());
-  const removeButtonRefs = React14.useRef(/* @__PURE__ */ new Map());
-  const targetedProvisionRef = React14.useRef(null);
-  const addButtonRef = React14.useRef(null);
-  const mountedRef = React14.useRef(true);
+  const [pageBusy, setPageBusy] = React15.useState(false);
+  const [provisionBusy, setProvisionBusy] = React15.useState(false);
+  const [credentialOpen, setCredentialOpen] = React15.useState(false);
+  const [credentialBusy, setCredentialBusy] = React15.useState(false);
+  const [credentialError, setCredentialError] = React15.useState(null);
+  const [busyByBot, setBusyByBot] = React15.useState({});
+  const [errorsByBot, setErrorsByBot] = React15.useState({});
+  const [testNoticesByBot, setTestNoticesByBot] = React15.useState({});
+  const [removeTargetId, setRemoveTargetId] = React15.useState(null);
+  const [announcement, setAnnouncement] = React15.useState("");
+  const [now, setNow] = React15.useState(() => Date.now());
+  const [focusBotId, setFocusBotId] = React15.useState(null);
+  const cardRefs = React15.useRef(/* @__PURE__ */ new Map());
+  const removeButtonRefs = React15.useRef(/* @__PURE__ */ new Map());
+  const targetedProvisionRef = React15.useRef(null);
+  const addButtonRef = React15.useRef(null);
+  const mountedRef = React15.useRef(true);
   const workspaceFence = useWorkspaceSnapshotFence();
   const scheduleAnimationFrame = useAnimationFrameScheduler();
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const announce = React14.useCallback((message) => {
+  const announce = React15.useCallback((message) => {
     setAnnouncement("");
     scheduleAnimationFrame(() => {
       if (message) setAnnouncement(message);
     }, "announcement");
   }, [scheduleAnimationFrame]);
-  const invoke = React14.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React15.useCallback(async (endpoint, payload = {}, signal) => {
     return unwrapRpcResult3(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const mergeSnapshot = React14.useCallback((snapshot, { restoreProvisioning = false } = {}) => {
+  const mergeSnapshot = React15.useCallback((snapshot, { restoreProvisioning = false } = {}) => {
     const now2 = Date.now();
     setModel((current) => mergeFeishuSnapshotState(
       current,
@@ -6719,7 +6823,7 @@ function FeishuSettingsTab({ rpcCall }) {
       { restoreProvisioning, now: now2 }
     ));
   }, []);
-  const loadStatus = React14.useCallback(async ({ signal, silent = false, restoreProvisioning = false } = {}) => {
+  const loadStatus = React15.useCallback(async ({ signal, silent = false, restoreProvisioning = false } = {}) => {
     const workspaceVersion = workspaceFence.beginStatus();
     if (workspaceVersion === null || !mountedRef.current) return void 0;
     if (!silent) setPageBusy(true);
@@ -6737,12 +6841,12 @@ function FeishuSettingsTab({ rpcCall }) {
       if (!silent && !signal?.aborted && mountedRef.current) setPageBusy(false);
     }
   }, [invoke, mergeSnapshot, workspaceFence]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const controller = new AbortController();
     void loadStatus({ signal: controller.signal, restoreProvisioning: true });
     return () => controller.abort();
   }, [loadStatus]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (model.phase !== "ready") return void 0;
     const controller = new AbortController();
     let inFlight = false;
@@ -6761,7 +6865,7 @@ function FeishuSettingsTab({ rpcCall }) {
       window.clearInterval(timer);
     };
   }, [loadStatus, model.phase]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!focusBotId) return;
     const node = cardRefs.current.get(focusBotId);
     if (!node) return;
@@ -6770,7 +6874,7 @@ function FeishuSettingsTab({ rpcCall }) {
     setFocusBotId(null);
   }, [focusBotId, model.bots]);
   const targetedProvisionFocusKey = isTargetedAppUpdate2(model.provisioning) ? `${model.provisioning.botId}:${model.provisioning.attemptId ?? "preparing"}:${model.provisioning.phase}` : null;
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!targetedProvisionFocusKey) return;
     scheduleAnimationFrame(() => {
       const node = targetedProvisionRef.current;
@@ -6779,7 +6883,7 @@ function FeishuSettingsTab({ rpcCall }) {
       node.focus?.({ preventScroll: true });
     }, "targeted-provision-focus");
   }, [scheduleAnimationFrame, targetedProvisionFocusKey]);
-  const startProvisioning = React14.useCallback(async ({
+  const startProvisioning = React15.useCallback(async ({
     replace = false,
     operation = FEISHU_REGISTRATION_OPERATIONS.PROVISION,
     bot
@@ -6855,7 +6959,7 @@ function FeishuSettingsTab({ rpcCall }) {
     model.provisioning?.botId,
     model.provisioning?.botName
   ]);
-  const bindCredentials = React14.useCallback(async ({ identity, secret }) => {
+  const bindCredentials = React15.useCallback(async ({ identity, secret }) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setCredentialBusy(true);
     setCredentialError(null);
@@ -6877,7 +6981,7 @@ function FeishuSettingsTab({ rpcCall }) {
       setCredentialBusy(false);
     }
   }, [announce, invoke, loadStatus, mergeSnapshot, workspaceFence]);
-  const cancelProvisioning = React14.useCallback(async () => {
+  const cancelProvisioning = React15.useCallback(async () => {
     const activeProvision = model.provisioning;
     const attemptId = activeProvision?.attemptId;
     const repairing = isCallbackRepair(activeProvision);
@@ -6942,7 +7046,7 @@ function FeishuSettingsTab({ rpcCall }) {
   const countdownPhase = model.provisioning?.phase;
   const countdownExpiresAt = model.provisioning?.expiresAt;
   const countdownExpired = model.provisioning?.expired;
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!countdownAttemptId || countdownPhase !== "qr" || countdownExpired) return void 0;
     const tick = () => {
       const timestamp7 = Date.now();
@@ -6955,7 +7059,7 @@ function FeishuSettingsTab({ rpcCall }) {
     const timer = window.setInterval(tick, 1e3);
     return () => window.clearInterval(timer);
   }, [countdownAttemptId, countdownPhase, countdownExpiresAt, countdownExpired]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const provision2 = model.provisioning;
     if (!provision2 || !["qr", "connecting"].includes(provision2.phase) || !provision2.attemptId || provision2.expired) return void 0;
     const controller = new AbortController();
@@ -7023,7 +7127,7 @@ function FeishuSettingsTab({ rpcCall }) {
       window.clearTimeout(timer);
     };
   }, [announce, invoke, loadStatus, model.provisioning]);
-  const setBotBusy = React14.useCallback((botId, value) => {
+  const setBotBusy = React15.useCallback((botId, value) => {
     setBusyByBot((current) => {
       const next = { ...current };
       if (value) next[botId] = value;
@@ -7031,7 +7135,7 @@ function FeishuSettingsTab({ rpcCall }) {
       return next;
     });
   }, []);
-  const setBotError = React14.useCallback((botId, error) => {
+  const setBotError = React15.useCallback((botId, error) => {
     setErrorsByBot((current) => {
       const next = { ...current };
       if (error) next[botId] = presentError3(error);
@@ -7039,7 +7143,7 @@ function FeishuSettingsTab({ rpcCall }) {
       return next;
     });
   }, []);
-  const repairCallback = React14.useCallback((connection) => {
+  const repairCallback = React15.useCallback((connection) => {
     if (model.provisioning) return;
     setRemoveTargetId(null);
     setBotError(connection.botId, null);
@@ -7053,7 +7157,7 @@ function FeishuSettingsTab({ rpcCall }) {
       bot: connection
     });
   }, [model.provisioning, setBotError, startProvisioning]);
-  const reconnectOneBot = React14.useCallback(async (connection) => {
+  const reconnectOneBot = React15.useCallback(async (connection) => {
     const { botId, bot } = connection;
     const snapshotVersion = workspaceFence.beginMutation();
     setBotBusy(botId, "reconnect");
@@ -7093,7 +7197,7 @@ function FeishuSettingsTab({ rpcCall }) {
       setBotBusy(botId, null);
     }
   }, [announce, invoke, loadStatus, mergeSnapshot, setBotBusy, setBotError, workspaceFence]);
-  const saveWorkspace = React14.useCallback(async (connection, workspace) => {
+  const saveWorkspace = React15.useCallback(async (connection, workspace) => {
     const { botId } = connection;
     const workspaceVersion = workspaceFence.beginMutation();
     setBotBusy(botId, "workspace");
@@ -7112,7 +7216,7 @@ function FeishuSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBotBusy(botId, null);
     }
   }, [invoke, loadStatus, mergeSnapshot, setBotBusy, setBotError, workspaceFence]);
-  const saveBotSetting = React14.useCallback(async (connection, operation, endpoint, payload) => {
+  const saveBotSetting = React15.useCallback(async (connection, operation, endpoint, payload) => {
     const { botId } = connection;
     const snapshotVersion = workspaceFence.beginMutation();
     setBotBusy(botId, operation);
@@ -7131,15 +7235,15 @@ function FeishuSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBotBusy(botId, null);
     }
   }, [invoke, loadStatus, mergeSnapshot, setBotBusy, setBotError, workspaceFence]);
-  const requestRemove = React14.useCallback((connection) => {
+  const requestRemove = React15.useCallback((connection) => {
     setRemoveTargetId(connection.botId);
   }, []);
-  const cancelRemove = React14.useCallback(() => {
+  const cancelRemove = React15.useCallback(() => {
     const botId = removeTargetId;
     setRemoveTargetId(null);
     scheduleAnimationFrame(() => removeButtonRefs.current.get(botId)?.focus(), "focus");
   }, [removeTargetId, scheduleAnimationFrame]);
-  const confirmRemove = React14.useCallback(async (connection) => {
+  const confirmRemove = React15.useCallback(async (connection) => {
     const { botId, bot } = connection;
     const snapshotVersion = workspaceFence.beginMutation();
     setBotBusy(botId, "delete");
@@ -7225,11 +7329,11 @@ function FeishuSettingsTab({ rpcCall }) {
       setCredentialError(null);
     }
   }) : null;
-  const setCardRef = React14.useCallback((botId, node) => {
+  const setCardRef = React15.useCallback((botId, node) => {
     if (node) cardRefs.current.set(botId, node);
     else cardRefs.current.delete(botId);
   }, []);
-  const setRemoveButtonRef = React14.useCallback((botId, node) => {
+  const setRemoveButtonRef = React15.useCallback((botId, node) => {
     if (node) removeButtonRefs.current.set(botId, node);
     else removeButtonRefs.current.delete(botId);
   }, []);
@@ -7270,7 +7374,7 @@ function FeishuSettingsTab({ rpcCall }) {
       onRetry: () => void loadStatus(),
       busy: pageBusy
     }) : h2(
-      React14.Fragment,
+      React15.Fragment,
       null,
       credentialContent,
       targetedProvisioning ? null : provisionContent,
@@ -8027,7 +8131,7 @@ function formatRemaining3(milliseconds) {
 }
 
 // plugin-src/client/channels/qq/index.js
-var React15 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 
 // plugin-src/client/channels/qq/styles.js
 var QQ_STYLE_ID = "xmanrui-dsh-im-qq-settings";
@@ -8052,7 +8156,7 @@ function installQqStyles() {
 
 // plugin-src/client/channels/qq/index.js
 var ACTIVE_STATES = /* @__PURE__ */ new Set(["pending", "refreshing", "connecting"]);
-var Button7 = React15.forwardRef(function Button8({ children, kind = "secondary", className = "", ...props }, ref) {
+var Button7 = React16.forwardRef(function Button8({ children, kind = "secondary", className = "", ...props }, ref) {
   return h2("button", {
     ...props,
     ref,
@@ -8283,81 +8387,96 @@ function AccountCard2({
       "div",
       { className: "ddt-cardBody dim-botCardBody" },
       h2(
-        "div",
-        { className: "ddt-accountTop dim-botCardTop" },
-        h2(
-          "div",
-          { className: "ddt-accountIdentity dim-botIdentity" },
-          h2("div", { className: "ddt-avatar dim-botAvatar dqq-avatar", "aria-hidden": "true" }, h2(QqLogoGlyph, { size: 29 })),
-          h2(
+        CollapsibleAccountSection,
+        {
+          id: `qq-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
+          header: h2(
             "div",
-            { className: "dim-botName" },
-            h2("h3", null, account.bot.name),
-            h2("p", null, account.bot.appIdMasked)
+            { className: "ddt-accountTop dim-botCardTop" },
+            h2(
+              "div",
+              { className: "ddt-accountIdentity dim-botIdentity" },
+              h2("div", { className: "ddt-avatar dim-botAvatar dqq-avatar", "aria-hidden": "true" }, h2(QqLogoGlyph, { size: 29 })),
+              h2(
+                "div",
+                { className: "dim-botName" },
+                h2("h3", null, account.bot.name),
+                h2("p", null, account.bot.appIdMasked)
+              )
+            ),
+            h2(
+              "div",
+              {
+                className: "dim-botCardTools",
+                // The header is the collapse toggle; keep inner controls clickable.
+                onClick: (event) => {
+                  event.stopPropagation();
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+                }
+              },
+              h2(BotStatusMeta, {
+                className: "ddt-health",
+                dotClassName: "ddt-dot",
+                tone,
+                stateLabel: stateLabel2,
+                lastCheckedAt: account.health.lastCheckedAt,
+                formatCheckedTime: checkedTime3
+              }),
+              h2(BotSettingsButton, {
+                channel: "qq",
+                botId: account.botId,
+                botName: account.bot.name,
+                connected: account.connected,
+                accessPolicy: account.accessPolicy
+              })
+            )
           )
-        ),
-        h2(
-          "div",
-          { className: "dim-botCardTools" },
-          h2(BotStatusMeta, {
-            className: "ddt-health",
-            dotClassName: "ddt-dot",
-            tone,
-            stateLabel: stateLabel2,
-            lastCheckedAt: account.health.lastCheckedAt,
-            formatCheckedTime: checkedTime3
-          }),
-          h2(BotSettingsButton, {
-            channel: "qq",
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy
-          })
-        )
-      ),
-      h2(WorkspaceEditor, {
-        workspace: account.workspace,
-        disabled: Boolean(busy),
-        onSave: onWorkspaceSave
-      }),
-      h2(ModelEditor, {
-        model: account.model,
-        disabled: Boolean(busy),
-        onSave: onModelSave
-      }),
-      h2(AgentPresetEditor, {
-        agentPreset: account.agentPreset,
-        disabled: Boolean(busy),
-        onSave: onAgentPresetSave
-      }),
-      h2(ContextEnhancementEditor, {
-        config: account.contextEnhancement,
-        disabled: Boolean(busy),
-        onSave: onContextEnhancementSave
-      }),
-      h2(
-        "div",
-        { className: "ddt-accountFooter dim-cardFooter" },
+        },
+        h2(WorkspaceEditor, {
+          workspace: account.workspace,
+          disabled: Boolean(busy),
+          onSave: onWorkspaceSave
+        }),
+        h2(ModelEditor, {
+          model: account.model,
+          disabled: Boolean(busy),
+          onSave: onModelSave
+        }),
+        h2(AgentPresetEditor, {
+          agentPreset: account.agentPreset,
+          disabled: Boolean(busy),
+          onSave: onAgentPresetSave
+        }),
+        h2(ContextEnhancementEditor, {
+          config: account.contextEnhancement,
+          disabled: Boolean(busy),
+          onSave: onContextEnhancementSave
+        }),
         h2(
           "div",
-          { className: "dim-cardFooterLayout" },
+          { className: "ddt-accountFooter dim-cardFooter" },
           h2(
             "div",
-            { className: "ddt-actions dim-cardActions" },
-            h2(Button7, { className: "dim-cardAction", onClick: onReconnect, disabled: Boolean(busy) }, busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
-            h2(Button7, { className: "dim-cardAction", kind: "danger", onClick: onRequestRemove, disabled: Boolean(busy) }, "\u79FB\u9664\u63A5\u5165")
-          ),
-          summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
-          account.lastMessageError ? h2(LastMessageErrorSummary, {
-            className: "ddt-summary",
-            error: account.lastMessageError
-          }) : null,
-          feedback ? h2("div", {
-            className: "ddt-summary dim-cardFeedback",
-            role: "status",
-            "aria-live": "polite"
-          }, feedback) : null
+            { className: "dim-cardFooterLayout" },
+            h2(
+              "div",
+              { className: "ddt-actions dim-cardActions" },
+              h2(Button7, { className: "dim-cardAction", onClick: onReconnect, disabled: Boolean(busy) }, busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
+              h2(Button7, { className: "dim-cardAction", kind: "danger", onClick: onRequestRemove, disabled: Boolean(busy) }, "\u79FB\u9664\u63A5\u5165")
+            ),
+            summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
+            account.lastMessageError ? h2(LastMessageErrorSummary, {
+              className: "ddt-summary",
+              error: account.lastMessageError
+            }) : null,
+            feedback ? h2("div", {
+              className: "ddt-summary dim-cardFeedback",
+              role: "status",
+              "aria-live": "polite"
+            }, feedback) : null
+          )
         )
       )
     ),
@@ -8370,7 +8489,7 @@ function AccountCard2({
   );
 }
 function QqSettingsTab({ rpcCall }) {
-  const [model, setModel] = React15.useState({
+  const [model, setModel] = React16.useState({
     phase: "loading",
     bots: [],
     totals: { configured: 0, connected: 0 },
@@ -8378,18 +8497,18 @@ function QqSettingsTab({ rpcCall }) {
     agentPresetCatalog: EMPTY_AGENT_PRESET_CATALOG,
     modelCatalog: EMPTY_MODEL_CATALOG
   });
-  const [provision, setProvision] = React15.useState(null);
-  const [busy, setBusy] = React15.useState(false);
-  const [busyByBot, setBusyByBot] = React15.useState({});
-  const [feedbackByBot, setFeedbackByBot] = React15.useState({});
-  const [removeTarget, setRemoveTarget] = React15.useState(null);
-  const [credentialOpen, setCredentialOpen] = React15.useState(false);
-  const [credentialError, setCredentialError] = React15.useState(null);
-  const [now, setNow] = React15.useState(Date.now());
-  const mounted = React15.useRef(true);
+  const [provision, setProvision] = React16.useState(null);
+  const [busy, setBusy] = React16.useState(false);
+  const [busyByBot, setBusyByBot] = React16.useState({});
+  const [feedbackByBot, setFeedbackByBot] = React16.useState({});
+  const [removeTarget, setRemoveTarget] = React16.useState(null);
+  const [credentialOpen, setCredentialOpen] = React16.useState(false);
+  const [credentialError, setCredentialError] = React16.useState(null);
+  const [now, setNow] = React16.useState(Date.now());
+  const mounted = React16.useRef(true);
   const workspaceFence = useWorkspaceSnapshotFence();
-  const addButtonRef = React15.useRef(null);
-  React15.useEffect(() => {
+  const addButtonRef = React16.useRef(null);
+  React16.useEffect(() => {
     const disposeDingtalk = installDingtalkStyles();
     const disposeQq = installQqStyles();
     mounted.current = true;
@@ -8399,11 +8518,11 @@ function QqSettingsTab({ rpcCall }) {
       disposeDingtalk();
     };
   }, []);
-  const invoke = React15.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React16.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new TypeError("QQ \u8BBE\u7F6E\u9875\u7F3A\u5C11 RPC \u8FDE\u63A5");
     return unwrapRpcResult4(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const loadStatus = React15.useCallback(async ({ signal, silent = false, restore = false } = {}) => {
+  const loadStatus = React16.useCallback(async ({ signal, silent = false, restore = false } = {}) => {
     const workspaceVersion = workspaceFence.beginStatus();
     if (workspaceVersion === null) return void 0;
     if (!silent && mounted.current) setModel((current) => ({ ...current, phase: "loading", error: null }));
@@ -8430,12 +8549,12 @@ function QqSettingsTab({ rpcCall }) {
       return void 0;
     }
   }, [invoke, workspaceFence]);
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     const controller = new AbortController();
     void loadStatus({ signal: controller.signal, restore: true });
     return () => controller.abort();
   }, [loadStatus]);
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     if (model.phase !== "ready") return void 0;
     const controller = new AbortController();
     const timer = window.setInterval(() => void loadStatus({ signal: controller.signal, silent: true }), 15e3);
@@ -8444,12 +8563,12 @@ function QqSettingsTab({ rpcCall }) {
       window.clearInterval(timer);
     };
   }, [loadStatus, model.phase]);
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     if (!provision || !ACTIVE_STATES.has(provision.status)) return void 0;
     const timer = window.setInterval(() => mounted.current && setNow(Date.now()), 1e3);
     return () => window.clearInterval(timer);
   }, [provision?.attemptId, provision?.status]);
-  const startProvisioning = React15.useCallback(async (replace = false) => {
+  const startProvisioning = React16.useCallback(async (replace = false) => {
     setCredentialOpen(false);
     setCredentialError(null);
     setBusy(true);
@@ -8467,7 +8586,7 @@ function QqSettingsTab({ rpcCall }) {
       if (mounted.current) setBusy(false);
     }
   }, [invoke, provision?.attemptId]);
-  const bindCredentials = React15.useCallback(async ({ identity, secret }) => {
+  const bindCredentials = React16.useCallback(async ({ identity, secret }) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setBusy(true);
     setCredentialError(null);
@@ -8496,7 +8615,7 @@ function QqSettingsTab({ rpcCall }) {
       if (mounted.current) setBusy(false);
     }
   }, [invoke, loadStatus, workspaceFence]);
-  const closeProvision = React15.useCallback(async () => {
+  const closeProvision = React16.useCallback(async () => {
     setBusy(true);
     try {
       if (provision?.attemptId && ACTIVE_STATES.has(provision.status)) {
@@ -8507,7 +8626,7 @@ function QqSettingsTab({ rpcCall }) {
       if (mounted.current) setBusy(false);
     }
   }, [invoke, provision?.attemptId, provision?.status]);
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     const attemptId = provision?.attemptId;
     if (!attemptId || !ACTIVE_STATES.has(provision.status)) return void 0;
     const controller = new AbortController();
@@ -8537,7 +8656,7 @@ function QqSettingsTab({ rpcCall }) {
       window.clearTimeout(timer);
     };
   }, [invoke, loadStatus, provision?.attemptId, provision?.pollIntervalMs, provision?.status]);
-  const botAction = React15.useCallback(async (account, operation, endpoint, payload) => {
+  const botAction = React16.useCallback(async (account, operation, endpoint, payload) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setBusyByBot((current) => ({ ...current, [account.botId]: operation }));
     try {
@@ -8563,7 +8682,7 @@ function QqSettingsTab({ rpcCall }) {
       });
     }
   }, [invoke, loadStatus, workspaceFence]);
-  const reconnect = React15.useCallback(async (account) => {
+  const reconnect = React16.useCallback(async (account) => {
     setFeedbackByBot((current) => {
       const next = { ...current };
       delete next[account.botId];
@@ -8686,7 +8805,7 @@ function QqSettingsTab({ rpcCall }) {
       addButtonRef
     }),
     model.phase === "loading" ? h2(LoadingView3) : model.phase === "error" ? h2("div", { className: "ddt-card dim-surfaceCard" }, h2("div", { className: "ddt-inlineError dim-inlineError" }, h2("h3", null, "\u65E0\u6CD5\u8BFB\u53D6 QQ \u673A\u5668\u4EBA\u72B6\u6001"), h2("p", null, model.error?.message), h2(Button7, { onClick: () => void loadStatus() }, "\u91CD\u65B0\u8BFB\u53D6"))) : h2(
-      React15.Fragment,
+      React16.Fragment,
       null,
       credentialView,
       provisionView,
@@ -8775,7 +8894,7 @@ function normalizeOfficeStatus(value) {
 }
 
 // plugin-src/client/channels/office/index.js
-var React16 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 function Button9({ children, kind = "secondary", ...props }) {
   return h2("button", { ...props, type: "button", className: "ddt-button", "data-kind": kind }, children);
 }
@@ -8804,12 +8923,12 @@ function stateLabel(model) {
   return "\u5DF2\u914D\u7F6E";
 }
 function OfficeSettingsTab({ rpcCall, initialStatus }) {
-  const [model, setModel] = React16.useState(normalizeOfficeStatus(initialStatus));
-  const [phase, setPhase] = React16.useState(initialStatus === void 0 ? "loading" : "ready");
-  const [busy, setBusy] = React16.useState("");
-  const [error, setError] = React16.useState("");
-  const [notice, setNotice] = React16.useState("");
-  const [form, setForm] = React16.useState({
+  const [model, setModel] = React17.useState(normalizeOfficeStatus(initialStatus));
+  const [phase, setPhase] = React17.useState(initialStatus === void 0 ? "loading" : "ready");
+  const [busy, setBusy] = React17.useState("");
+  const [error, setError] = React17.useState("");
+  const [notice, setNotice] = React17.useState("");
+  const [form, setForm] = React17.useState({
     baseUrl: "",
     deviceId: "local-harness",
     deviceToken: "",
@@ -8818,11 +8937,11 @@ function OfficeSettingsTab({ rpcCall, initialStatus }) {
     workspaces: "",
     instructionPresets: ""
   });
-  const invoke = React16.useCallback(async (endpoint, payload = {}) => {
+  const invoke = React17.useCallback(async (endpoint, payload = {}) => {
     if (typeof rpcCall !== "function") throw new Error("AI Office \u8BBE\u7F6E\u9875\u7F3A\u5C11 RPC \u8FDE\u63A5");
     return unwrapOfficeRpc(await rpcCall(endpoint, payload));
   }, [rpcCall]);
-  const adopt = React16.useCallback((value) => {
+  const adopt = React17.useCallback((value) => {
     const next = normalizeOfficeStatus(value?.snapshot ?? value);
     setModel(next);
     if (next.config) setForm((current) => ({
@@ -8837,7 +8956,7 @@ function OfficeSettingsTab({ rpcCall, initialStatus }) {
     }));
     return next;
   }, []);
-  const load = React16.useCallback(async () => {
+  const load = React17.useCallback(async () => {
     try {
       adopt(await invoke(OFFICE_RPC_ENDPOINTS.status));
       setPhase("ready");
@@ -8847,7 +8966,7 @@ function OfficeSettingsTab({ rpcCall, initialStatus }) {
       setError(caught.message);
     }
   }, [adopt, invoke]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     void load();
   }, [load]);
   const run = async (name2, operation) => {
@@ -8864,7 +8983,7 @@ function OfficeSettingsTab({ rpcCall, initialStatus }) {
       setBusy("");
     }
   };
-  const hooks = React16.useMemo(() => {
+  const hooks = React17.useMemo(() => {
     try {
       return officeHookUrls(form.baseUrl);
     } catch {
@@ -9049,7 +9168,7 @@ var normalizeSnapshot4 = api2.normalizeSnapshot;
 var presentError5 = api2.presentError;
 
 // plugin-src/client/channels/slack/index.js
-var React17 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 
 // src/channels/slack/manifest.mjs
 var SLACK_APP_MANIFEST_YAML = `_metadata:
@@ -9127,10 +9246,10 @@ function installSlackStyles() {
 
 // plugin-src/client/channels/slack/index.js
 function SlackCredentialPanel({ busy, error, onSubmit, onCancel }) {
-  const [botToken, setBotToken] = React17.useState("");
-  const [appToken, setAppToken] = React17.useState("");
-  const [copied, setCopied] = React17.useState(false);
-  const headingId = React17.useId();
+  const [botToken, setBotToken] = React18.useState("");
+  const [appToken, setAppToken] = React18.useState("");
+  const [copied, setCopied] = React18.useState(false);
+  const headingId = React18.useId();
   const copyManifest = async () => {
     try {
       await navigator.clipboard.writeText(SLACK_APP_MANIFEST_YAML);
@@ -9443,7 +9562,7 @@ function formatRemaining4(milliseconds) {
 }
 
 // plugin-src/client/channels/wecom/index.js
-var React18 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 
 // plugin-src/client/channels/wecom/styles.js
 var WECOM_STYLE_ID = "xmanrui-dsh-im-wecom-settings";
@@ -9468,7 +9587,7 @@ function installWecomStyles() {
 
 // plugin-src/client/channels/wecom/index.js
 var ACTIVE_STATES2 = /* @__PURE__ */ new Set(["pending", "refreshing", "connecting"]);
-var Button10 = React18.forwardRef(function Button11({ children, kind = "secondary", className = "", ...props }, ref) {
+var Button10 = React19.forwardRef(function Button11({ children, kind = "secondary", className = "", ...props }, ref) {
   return h2("button", {
     ...props,
     ref,
@@ -9699,81 +9818,96 @@ function AccountCard3({
       "div",
       { className: "ddt-cardBody dim-botCardBody" },
       h2(
-        "div",
-        { className: "ddt-accountTop dim-botCardTop" },
-        h2(
-          "div",
-          { className: "ddt-accountIdentity dim-botIdentity" },
-          h2("div", { className: "ddt-avatar dim-botAvatar dwecom-avatar", "aria-hidden": "true" }, h2(WecomLogoGlyph, { size: 29 })),
-          h2(
+        CollapsibleAccountSection,
+        {
+          id: `wec-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
+          header: h2(
             "div",
-            { className: "dim-botName" },
-            h2("h3", null, account.bot.name),
-            h2("p", null, account.bot.appIdMasked)
+            { className: "ddt-accountTop dim-botCardTop" },
+            h2(
+              "div",
+              { className: "ddt-accountIdentity dim-botIdentity" },
+              h2("div", { className: "ddt-avatar dim-botAvatar dwecom-avatar", "aria-hidden": "true" }, h2(WecomLogoGlyph, { size: 29 })),
+              h2(
+                "div",
+                { className: "dim-botName" },
+                h2("h3", null, account.bot.name),
+                h2("p", null, account.bot.appIdMasked)
+              )
+            ),
+            h2(
+              "div",
+              {
+                className: "dim-botCardTools",
+                // The header is the collapse toggle; keep inner controls clickable.
+                onClick: (event) => {
+                  event.stopPropagation();
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+                }
+              },
+              h2(BotStatusMeta, {
+                className: "ddt-health",
+                dotClassName: "ddt-dot",
+                tone,
+                stateLabel: stateLabel2,
+                lastCheckedAt: account.health.lastCheckedAt,
+                formatCheckedTime: checkedTime4
+              }),
+              h2(BotSettingsButton, {
+                channel: "wecom",
+                botId: account.botId,
+                botName: account.bot.name,
+                connected: account.connected,
+                accessPolicy: account.accessPolicy
+              })
+            )
           )
-        ),
-        h2(
-          "div",
-          { className: "dim-botCardTools" },
-          h2(BotStatusMeta, {
-            className: "ddt-health",
-            dotClassName: "ddt-dot",
-            tone,
-            stateLabel: stateLabel2,
-            lastCheckedAt: account.health.lastCheckedAt,
-            formatCheckedTime: checkedTime4
-          }),
-          h2(BotSettingsButton, {
-            channel: "wecom",
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy
-          })
-        )
-      ),
-      h2(WorkspaceEditor, {
-        workspace: account.workspace,
-        disabled: Boolean(busy),
-        onSave: onWorkspaceSave
-      }),
-      h2(ModelEditor, {
-        model: account.model,
-        disabled: Boolean(busy),
-        onSave: onModelSave
-      }),
-      h2(AgentPresetEditor, {
-        agentPreset: account.agentPreset,
-        disabled: Boolean(busy),
-        onSave: onAgentPresetSave
-      }),
-      h2(ContextEnhancementEditor, {
-        config: account.contextEnhancement,
-        disabled: Boolean(busy),
-        onSave: onContextEnhancementSave
-      }),
-      h2(
-        "div",
-        { className: "ddt-accountFooter dim-cardFooter" },
+        },
+        h2(WorkspaceEditor, {
+          workspace: account.workspace,
+          disabled: Boolean(busy),
+          onSave: onWorkspaceSave
+        }),
+        h2(ModelEditor, {
+          model: account.model,
+          disabled: Boolean(busy),
+          onSave: onModelSave
+        }),
+        h2(AgentPresetEditor, {
+          agentPreset: account.agentPreset,
+          disabled: Boolean(busy),
+          onSave: onAgentPresetSave
+        }),
+        h2(ContextEnhancementEditor, {
+          config: account.contextEnhancement,
+          disabled: Boolean(busy),
+          onSave: onContextEnhancementSave
+        }),
         h2(
           "div",
-          { className: "dim-cardFooterLayout" },
+          { className: "ddt-accountFooter dim-cardFooter" },
           h2(
             "div",
-            { className: "ddt-actions dim-cardActions" },
-            h2(Button10, { className: "dim-cardAction", onClick: onReconnect, disabled: Boolean(busy) }, busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
-            h2(Button10, { className: "dim-cardAction", kind: "danger", onClick: onRequestRemove, disabled: Boolean(busy) }, "\u79FB\u9664\u63A5\u5165")
-          ),
-          summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
-          account.lastMessageError ? h2(LastMessageErrorSummary, {
-            className: "ddt-summary",
-            error: account.lastMessageError
-          }) : null,
-          feedback ? h2("div", {
-            className: "ddt-summary dim-cardFeedback",
-            role: "status",
-            "aria-live": "polite"
-          }, feedback) : null
+            { className: "dim-cardFooterLayout" },
+            h2(
+              "div",
+              { className: "ddt-actions dim-cardActions" },
+              h2(Button10, { className: "dim-cardAction", onClick: onReconnect, disabled: Boolean(busy) }, busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
+              h2(Button10, { className: "dim-cardAction", kind: "danger", onClick: onRequestRemove, disabled: Boolean(busy) }, "\u79FB\u9664\u63A5\u5165")
+            ),
+            summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
+            account.lastMessageError ? h2(LastMessageErrorSummary, {
+              className: "ddt-summary",
+              error: account.lastMessageError
+            }) : null,
+            feedback ? h2("div", {
+              className: "ddt-summary dim-cardFeedback",
+              role: "status",
+              "aria-live": "polite"
+            }, feedback) : null
+          )
         )
       )
     ),
@@ -9786,7 +9920,7 @@ function AccountCard3({
   );
 }
 function WecomSettingsTab({ rpcCall }) {
-  const [model, setModel] = React18.useState({
+  const [model, setModel] = React19.useState({
     phase: "loading",
     bots: [],
     totals: { configured: 0, connected: 0 },
@@ -9794,20 +9928,20 @@ function WecomSettingsTab({ rpcCall }) {
     agentPresetCatalog: EMPTY_AGENT_PRESET_CATALOG,
     modelCatalog: EMPTY_MODEL_CATALOG
   });
-  const [provision, setProvision] = React18.useState(null);
-  const [busy, setBusy] = React18.useState(false);
-  const [busyByBot, setBusyByBot] = React18.useState({});
-  const [feedbackByBot, setFeedbackByBot] = React18.useState({});
-  const [removeTarget, setRemoveTarget] = React18.useState(null);
-  const [credentialOpen, setCredentialOpen] = React18.useState(false);
-  const [credentialError, setCredentialError] = React18.useState(null);
-  const [notice, setNotice] = React18.useState("");
-  const [now, setNow] = React18.useState(Date.now());
-  const mounted = React18.useRef(true);
+  const [provision, setProvision] = React19.useState(null);
+  const [busy, setBusy] = React19.useState(false);
+  const [busyByBot, setBusyByBot] = React19.useState({});
+  const [feedbackByBot, setFeedbackByBot] = React19.useState({});
+  const [removeTarget, setRemoveTarget] = React19.useState(null);
+  const [credentialOpen, setCredentialOpen] = React19.useState(false);
+  const [credentialError, setCredentialError] = React19.useState(null);
+  const [notice, setNotice] = React19.useState("");
+  const [now, setNow] = React19.useState(Date.now());
+  const mounted = React19.useRef(true);
   const workspaceFence = useWorkspaceSnapshotFence();
-  const addButtonRef = React18.useRef(null);
-  const noticeFrameRef = React18.useRef(null);
-  const announce = React18.useCallback((message) => {
+  const addButtonRef = React19.useRef(null);
+  const noticeFrameRef = React19.useRef(null);
+  const announce = React19.useCallback((message) => {
     if (!mounted.current) return;
     if (noticeFrameRef.current !== null) {
       window.cancelAnimationFrame(noticeFrameRef.current);
@@ -9821,7 +9955,7 @@ function WecomSettingsTab({ rpcCall }) {
       });
     }
   }, []);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     const disposeDingtalk = installDingtalkStyles();
     const disposeWecom = installWecomStyles();
     mounted.current = true;
@@ -9835,11 +9969,11 @@ function WecomSettingsTab({ rpcCall }) {
       disposeDingtalk();
     };
   }, []);
-  const invoke = React18.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React19.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new TypeError("\u4F01\u4E1A\u5FAE\u4FE1\u8BBE\u7F6E\u9875\u7F3A\u5C11 RPC \u8FDE\u63A5");
     return unwrapRpcResult7(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const loadStatus = React18.useCallback(async ({ signal, silent = false, restore = false } = {}) => {
+  const loadStatus = React19.useCallback(async ({ signal, silent = false, restore = false } = {}) => {
     const workspaceVersion = workspaceFence.beginStatus();
     if (workspaceVersion === null) return void 0;
     if (!silent && mounted.current) setModel((current) => ({ ...current, phase: "loading", error: null }));
@@ -9866,12 +10000,12 @@ function WecomSettingsTab({ rpcCall }) {
       return void 0;
     }
   }, [invoke, workspaceFence]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     const controller = new AbortController();
     void loadStatus({ signal: controller.signal, restore: true });
     return () => controller.abort();
   }, [loadStatus]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     if (model.phase !== "ready") return void 0;
     const controller = new AbortController();
     const timer = window.setInterval(() => void loadStatus({ signal: controller.signal, silent: true }), 15e3);
@@ -9880,12 +10014,12 @@ function WecomSettingsTab({ rpcCall }) {
       window.clearInterval(timer);
     };
   }, [loadStatus, model.phase]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     if (!provision || !ACTIVE_STATES2.has(provision.status)) return void 0;
     const timer = window.setInterval(() => mounted.current && setNow(Date.now()), 1e3);
     return () => window.clearInterval(timer);
   }, [provision?.attemptId, provision?.status]);
-  const startProvisioning = React18.useCallback(async (replace = false) => {
+  const startProvisioning = React19.useCallback(async (replace = false) => {
     setCredentialOpen(false);
     setCredentialError(null);
     setBusy(true);
@@ -9903,7 +10037,7 @@ function WecomSettingsTab({ rpcCall }) {
       if (mounted.current) setBusy(false);
     }
   }, [invoke, provision?.attemptId]);
-  const bindCredentials = React18.useCallback(async ({ identity, secret }) => {
+  const bindCredentials = React19.useCallback(async ({ identity, secret }) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setBusy(true);
     setCredentialError(null);
@@ -9932,7 +10066,7 @@ function WecomSettingsTab({ rpcCall }) {
       if (mounted.current) setBusy(false);
     }
   }, [invoke, loadStatus, workspaceFence]);
-  const closeProvision = React18.useCallback(async () => {
+  const closeProvision = React19.useCallback(async () => {
     setBusy(true);
     try {
       if (provision?.attemptId && ACTIVE_STATES2.has(provision.status)) {
@@ -9943,7 +10077,7 @@ function WecomSettingsTab({ rpcCall }) {
       if (mounted.current) setBusy(false);
     }
   }, [invoke, provision?.attemptId, provision?.status]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     const attemptId = provision?.attemptId;
     if (!attemptId || !ACTIVE_STATES2.has(provision.status)) return void 0;
     const controller = new AbortController();
@@ -9973,7 +10107,7 @@ function WecomSettingsTab({ rpcCall }) {
       window.clearTimeout(timer);
     };
   }, [invoke, loadStatus, provision?.attemptId, provision?.pollIntervalMs, provision?.status]);
-  const botAction = React18.useCallback(async (account, operation, endpoint, payload) => {
+  const botAction = React19.useCallback(async (account, operation, endpoint, payload) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setBusyByBot((current) => ({ ...current, [account.botId]: operation }));
     try {
@@ -9999,7 +10133,7 @@ function WecomSettingsTab({ rpcCall }) {
       });
     }
   }, [invoke, loadStatus, workspaceFence]);
-  const reconnect = React18.useCallback(async (account) => {
+  const reconnect = React19.useCallback(async (account) => {
     setFeedbackByBot((current) => {
       const next = { ...current };
       delete next[account.botId];
@@ -10134,7 +10268,7 @@ function WecomSettingsTab({ rpcCall }) {
     }),
     h2("div", { className: "ddt-visuallyHidden", role: "status", "aria-live": "polite" }, notice),
     model.phase === "loading" ? h2(LoadingView4) : model.phase === "error" ? h2("div", { className: "ddt-card dim-surfaceCard" }, h2("div", { className: "ddt-inlineError dim-inlineError" }, h2("h3", null, "\u65E0\u6CD5\u8BFB\u53D6\u4F01\u4E1A\u5FAE\u4FE1\u673A\u5668\u4EBA\u72B6\u6001"), h2("p", null, model.error?.message), h2(Button10, { onClick: () => void loadStatus() }, "\u91CD\u65B0\u8BFB\u53D6"))) : h2(
-      React18.Fragment,
+      React19.Fragment,
       null,
       credentialView,
       provisionView,
@@ -10145,7 +10279,7 @@ function WecomSettingsTab({ rpcCall }) {
 }
 
 // plugin-src/client/channels/weixin/index.js
-var React19 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 
 // plugin-src/client/channels/weixin/api.js
 var WEIXIN_RPC_CHANNEL = "/weixin";
@@ -10307,7 +10441,7 @@ function formatRemaining5(milliseconds) {
 }
 
 // plugin-src/client/channels/weixin/index.js
-var Button12 = React19.forwardRef(function Button13({ children, kind = "secondary", className = "", ...props }, ref) {
+var Button12 = React20.forwardRef(function Button13({ children, kind = "secondary", className = "", ...props }, ref) {
   return h2("button", {
     ...props,
     ref,
@@ -10380,14 +10514,14 @@ function EmptyView5({ onStart, busy }) {
   );
 }
 function QrPanel4({ provision, now, busy, onRefresh, onCancel }) {
-  const [imageFailed, setImageFailed] = React19.useState(false);
+  const [imageFailed, setImageFailed] = React20.useState(false);
   const source = safeQrSource5(provision.qrCodeDataUrl);
   const href = safeVerificationUrl(provision.verificationUrl);
   const remaining = Math.max(0, provision.expiresAt - now);
   const expired = remaining === 0 || provision.status === "expired";
   const duration = Math.max(1, provision.durationMs ?? 5 * 6e4);
   const progress = Math.round(Math.min(1, remaining / duration) * 100);
-  React19.useEffect(() => setImageFailed(false), [source]);
+  React20.useEffect(() => setImageFailed(false), [source]);
   return h2(
     "div",
     { className: "dxw-card dim-surfaceCard" },
@@ -10454,9 +10588,9 @@ function QrPanel4({ provision, now, busy, onRefresh, onCancel }) {
   );
 }
 function VerificationPanel({ provision, busy, onSubmit, onCancel }) {
-  const [code, setCode] = React19.useState("");
+  const [code, setCode] = React20.useState("");
   const valid = /^\d{4,8}$/.test(code);
-  React19.useEffect(() => setCode(""), [provision.attemptId]);
+  React20.useEffect(() => setCode(""), [provision.attemptId]);
   return h2(
     "div",
     { className: "dxw-card dim-surfaceCard" },
@@ -10555,97 +10689,112 @@ function AccountCard4({
   onReconnect,
   onWorkspaceSave,
   onModelSave,
-  onAgentPresetSave,
-  onContextEnhancementSave,
-  onRequestRemove,
-  onConfirmRemove,
-  onCancelRemove
-}) {
-  const state = busy === "reconnect" ? "connecting" : account.state;
-  const tone = account.connected ? "success" : state === "error" ? "error" : "warning";
-  const summary2 = account.error?.message ?? (account.connected ? null : account.health.summary);
-  return h2(
-    "article",
-    { className: "dxw-card dim-botCard", tabIndex: -1, "data-bot-id": account.botId },
-    h2(
-      "div",
-      { className: "dxw-cardBody dim-botCardBody" },
-      h2(
-        "div",
-        { className: "dxw-accountTop dim-botCardTop" },
-        h2(
-          "div",
-          { className: "dxw-accountIdentity dim-botIdentity" },
-          h2("div", { className: "dxw-avatar dim-botAvatar", "aria-hidden": "true" }, h2(WeixinLogoGlyph, { size: 27 })),
-          h2("div", { className: "dim-botName" }, h2("h3", null, account.bot.name), h2("p", null, account.bot.accountIdMasked))
-        ),
-        h2(
-          "div",
-          { className: "dim-botCardTools" },
-          h2(BotStatusMeta, {
-            className: "dxw-health",
-            dotClassName: "dxw-dot",
-            tone,
-            stateLabel: account.connected ? "\u8FD0\u884C\u6B63\u5E38" : state === "connecting" ? "\u6B63\u5728\u8FDE\u63A5" : "\u8FDE\u63A5\u672A\u5C31\u7EEA",
-            lastCheckedAt: account.health.lastCheckedAt,
-            formatCheckedTime: checkedTime5
-          }),
-          h2(BotSettingsButton, {
-            channel: "weixin",
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy
-          })
-        )
-      ),
-      h2(WorkspaceEditor, {
-        workspace: account.workspace,
-        disabled: Boolean(busy),
-        onSave: onWorkspaceSave
-      }),
-      h2(ModelEditor, {
-        model: account.model,
-        disabled: Boolean(busy),
-        onSave: onModelSave
-      }),
-      h2(AgentPresetEditor, {
-        agentPreset: account.agentPreset,
-        disabled: Boolean(busy),
-        onSave: onAgentPresetSave
-      }),
-      h2(ContextEnhancementEditor, {
-        config: account.contextEnhancement,
-        groupSupported: false,
-        disabled: Boolean(busy),
-        onSave: onContextEnhancementSave
-      }),
+  onAgentPresetSave,
+  onContextEnhancementSave,
+  onRequestRemove,
+  onConfirmRemove,
+  onCancelRemove
+}) {
+  const state = busy === "reconnect" ? "connecting" : account.state;
+  const tone = account.connected ? "success" : state === "error" ? "error" : "warning";
+  const summary2 = account.error?.message ?? (account.connected ? null : account.health.summary);
+  return h2(
+    "article",
+    { className: "dxw-card dim-botCard", tabIndex: -1, "data-bot-id": account.botId },
+    h2(
+      "div",
+      { className: "dxw-cardBody dim-botCardBody" },
       h2(
-        "div",
-        { className: "dxw-accountFooter dim-cardFooter" },
+        CollapsibleAccountSection,
+        {
+          id: `dxw-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
+          header: h2(
+            "div",
+            { className: "dxw-accountTop dim-botCardTop" },
+            h2(
+              "div",
+              { className: "dxw-accountIdentity dim-botIdentity" },
+              h2("div", { className: "dxw-avatar dim-botAvatar", "aria-hidden": "true" }, h2(WeixinLogoGlyph, { size: 27 })),
+              h2("div", { className: "dim-botName" }, h2("h3", null, account.bot.name), h2("p", null, account.bot.accountIdMasked))
+            ),
+            h2(
+              "div",
+              {
+                className: "dim-botCardTools",
+                // The header is the collapse toggle; keep inner controls clickable.
+                onClick: (event) => {
+                  event.stopPropagation();
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+                }
+              },
+              h2(BotStatusMeta, {
+                className: "dxw-health",
+                dotClassName: "dxw-dot",
+                tone,
+                stateLabel: account.connected ? "\u8FD0\u884C\u6B63\u5E38" : state === "connecting" ? "\u6B63\u5728\u8FDE\u63A5" : "\u8FDE\u63A5\u672A\u5C31\u7EEA",
+                lastCheckedAt: account.health.lastCheckedAt,
+                formatCheckedTime: checkedTime5
+              }),
+              h2(BotSettingsButton, {
+                channel: "weixin",
+                botId: account.botId,
+                botName: account.bot.name,
+                connected: account.connected,
+                accessPolicy: account.accessPolicy
+              })
+            )
+          )
+        },
+        h2(WorkspaceEditor, {
+          workspace: account.workspace,
+          disabled: Boolean(busy),
+          onSave: onWorkspaceSave
+        }),
+        h2(ModelEditor, {
+          model: account.model,
+          disabled: Boolean(busy),
+          onSave: onModelSave
+        }),
+        h2(AgentPresetEditor, {
+          agentPreset: account.agentPreset,
+          disabled: Boolean(busy),
+          onSave: onAgentPresetSave
+        }),
+        h2(ContextEnhancementEditor, {
+          config: account.contextEnhancement,
+          groupSupported: false,
+          disabled: Boolean(busy),
+          onSave: onContextEnhancementSave
+        }),
         h2(
           "div",
-          { className: "dim-cardFooterLayout" },
+          { className: "dxw-accountFooter dim-cardFooter" },
           h2(
             "div",
-            { className: "dxw-actions dim-cardActions" },
+            { className: "dim-cardFooterLayout" },
             h2(
-              Button12,
-              { className: "dim-cardAction", onClick: onReconnect, disabled: Boolean(busy) },
-              busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"
+              "div",
+              { className: "dxw-actions dim-cardActions" },
+              h2(
+                Button12,
+                { className: "dim-cardAction", onClick: onReconnect, disabled: Boolean(busy) },
+                busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"
+              ),
+              h2(Button12, { className: "dim-cardAction", kind: "danger", onClick: onRequestRemove, disabled: Boolean(busy) }, "\u79FB\u9664\u63A5\u5165")
             ),
-            h2(Button12, { className: "dim-cardAction", kind: "danger", onClick: onRequestRemove, disabled: Boolean(busy) }, "\u79FB\u9664\u63A5\u5165")
-          ),
-          summary2 ? h2("div", { className: "dxw-summary dim-cardSummary" }, summary2) : null,
-          account.lastMessageError ? h2(LastMessageErrorSummary, {
-            className: "dxw-summary",
-            error: account.lastMessageError
-          }) : null,
-          feedback ? h2("div", {
-            className: "dxw-summary dim-cardFeedback",
-            role: "status",
-            "aria-live": "polite"
-          }, feedback) : null
+            summary2 ? h2("div", { className: "dxw-summary dim-cardSummary" }, summary2) : null,
+            account.lastMessageError ? h2(LastMessageErrorSummary, {
+              className: "dxw-summary",
+              error: account.lastMessageError
+            }) : null,
+            feedback ? h2("div", {
+              className: "dxw-summary dim-cardFeedback",
+              role: "status",
+              "aria-live": "polite"
+            }, feedback) : null
+          )
         )
       )
     ),
@@ -10707,7 +10856,7 @@ function mergeWeixinProvisioningSnapshot(current, incoming, { restoreProvisionin
   };
 }
 function WeixinSettingsTab({ rpcCall }) {
-  const [model, setModel] = React19.useState({
+  const [model, setModel] = React20.useState({
     phase: "loading",
     bots: [],
     totals: EMPTY_TOTALS3,
@@ -10716,33 +10865,33 @@ function WeixinSettingsTab({ rpcCall }) {
     agentPresetCatalog: EMPTY_AGENT_PRESET_CATALOG,
     modelCatalog: EMPTY_MODEL_CATALOG
   });
-  const [provision, setProvision] = React19.useState(null);
-  const [busy, setBusy] = React19.useState(false);
-  const [busyByBot, setBusyByBot] = React19.useState({});
-  const [feedbackByBot, setFeedbackByBot] = React19.useState({});
-  const [removeTarget, setRemoveTarget] = React19.useState(null);
-  const [notice, setNotice] = React19.useState("");
-  const [now, setNow] = React19.useState(() => Date.now());
-  const addButtonRef = React19.useRef(null);
-  const mountedRef = React19.useRef(true);
+  const [provision, setProvision] = React20.useState(null);
+  const [busy, setBusy] = React20.useState(false);
+  const [busyByBot, setBusyByBot] = React20.useState({});
+  const [feedbackByBot, setFeedbackByBot] = React20.useState({});
+  const [removeTarget, setRemoveTarget] = React20.useState(null);
+  const [notice, setNotice] = React20.useState("");
+  const [now, setNow] = React20.useState(() => Date.now());
+  const addButtonRef = React20.useRef(null);
+  const mountedRef = React20.useRef(true);
   const workspaceFence = useWorkspaceSnapshotFence();
   const scheduleAnimationFrame = useAnimationFrameScheduler();
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const announce = React19.useCallback((value) => {
+  const announce = React20.useCallback((value) => {
     setNotice("");
     scheduleAnimationFrame(() => {
       if (value) setNotice(value);
     }, "announcement");
   }, [scheduleAnimationFrame]);
-  const invoke = React19.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React20.useCallback(async (endpoint, payload = {}, signal) => {
     return unwrapRpcResult8(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const loadStatus = React19.useCallback(async ({
+  const loadStatus = React20.useCallback(async ({
     signal,
     silent = false,
     restoreProvisioning = false
@@ -10780,12 +10929,12 @@ function WeixinSettingsTab({ rpcCall }) {
       return void 0;
     }
   }, [invoke, workspaceFence]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const controller = new AbortController();
     void loadStatus({ signal: controller.signal, restoreProvisioning: true });
     return () => controller.abort();
   }, [loadStatus]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (model.phase !== "ready") return void 0;
     const controller = new AbortController();
     let running = false;
@@ -10804,12 +10953,12 @@ function WeixinSettingsTab({ rpcCall }) {
       window.clearInterval(timer);
     };
   }, [loadStatus, model.phase]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!provision || !["pending", "scanned"].includes(provision.status)) return void 0;
     const timer = window.setInterval(() => setNow(Date.now()), 1e3);
     return () => window.clearInterval(timer);
   }, [provision?.attemptId, provision?.status]);
-  const startProvisioning = React19.useCallback(async ({ replace = false } = {}) => {
+  const startProvisioning = React20.useCallback(async ({ replace = false } = {}) => {
     setBusy(true);
     try {
       if (replace && provision?.attemptId) {
@@ -10830,7 +10979,7 @@ function WeixinSettingsTab({ rpcCall }) {
       setBusy(false);
     }
   }, [announce, invoke, provision?.attemptId]);
-  const cancelProvisioning = React19.useCallback(async () => {
+  const cancelProvisioning = React20.useCallback(async () => {
     setBusy(true);
     try {
       if (provision?.attemptId && !["failed", "expired", "cancelled"].includes(provision.status)) {
@@ -10845,7 +10994,7 @@ function WeixinSettingsTab({ rpcCall }) {
       setBusy(false);
     }
   }, [announce, invoke, provision?.attemptId, provision?.status, scheduleAnimationFrame]);
-  const submitVerification = React19.useCallback(async (verifyCode) => {
+  const submitVerification = React20.useCallback(async (verifyCode) => {
     if (!provision?.attemptId) return;
     setBusy(true);
     try {
@@ -10861,7 +11010,7 @@ function WeixinSettingsTab({ rpcCall }) {
       setBusy(false);
     }
   }, [announce, invoke, provision?.attemptId]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const attemptId = provision?.attemptId;
     if (!attemptId || !["pending", "scanned", "connecting"].includes(provision.status)) return void 0;
     const controller = new AbortController();
@@ -10909,7 +11058,7 @@ function WeixinSettingsTab({ rpcCall }) {
       controller.abort();
     };
   }, [announce, invoke, loadStatus, provision?.attemptId, provision?.status, provision?.pollIntervalMs]);
-  const setBotBusy = React19.useCallback((botId, value) => {
+  const setBotBusy = React20.useCallback((botId, value) => {
     setBusyByBot((current) => {
       const next = { ...current };
       if (value) next[botId] = value;
@@ -10917,7 +11066,7 @@ function WeixinSettingsTab({ rpcCall }) {
       return next;
     });
   }, []);
-  const reconnect = React19.useCallback(async (account) => {
+  const reconnect = React20.useCallback(async (account) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setBotBusy(account.botId, "reconnect");
     setFeedbackByBot((current) => {
@@ -10969,7 +11118,7 @@ function WeixinSettingsTab({ rpcCall }) {
       setBotBusy(account.botId, null);
     }
   }, [announce, invoke, loadStatus, setBotBusy, workspaceFence]);
-  const saveWorkspace = React19.useCallback(async (account, workspace) => {
+  const saveWorkspace = React20.useCallback(async (account, workspace) => {
     const workspaceVersion = workspaceFence.beginMutation();
     setBotBusy(account.botId, "workspace");
     try {
@@ -10994,7 +11143,7 @@ function WeixinSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBotBusy(account.botId, null);
     }
   }, [invoke, loadStatus, setBotBusy, workspaceFence]);
-  const saveBotSetting = React19.useCallback(async (account, operation, endpoint, payload) => {
+  const saveBotSetting = React20.useCallback(async (account, operation, endpoint, payload) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setBotBusy(account.botId, operation);
     try {
@@ -11019,7 +11168,7 @@ function WeixinSettingsTab({ rpcCall }) {
       if (mountedRef.current) setBotBusy(account.botId, null);
     }
   }, [invoke, loadStatus, setBotBusy, workspaceFence]);
-  const remove = React19.useCallback(async (account) => {
+  const remove = React20.useCallback(async (account) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setBotBusy(account.botId, "delete");
     try {
@@ -11106,7 +11255,7 @@ function WeixinSettingsTab({ rpcCall }) {
         h2(Button12, { onClick: () => void loadStatus() }, "\u91CD\u65B0\u8BFB\u53D6")
       )
     ) : h2(
-      React19.Fragment,
+      React20.Fragment,
       null,
       provisionView,
       model.bots.length === 0 && !provision ? h2(EmptyView5, { onStart: () => void startProvisioning(), busy }) : null,
@@ -11384,7 +11533,7 @@ function formatRemaining6(milliseconds) {
 }
 
 // plugin-src/client/channels/whatsapp/index.js
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 
 // plugin-src/client/channels/whatsapp/styles.js
 var WHATSAPP_STYLE_ID = "xmanrui-dsh-im-whatsapp-settings";
@@ -11409,7 +11558,7 @@ function installWhatsappStyles() {
 
 // plugin-src/client/channels/whatsapp/index.js
 var ACTIVE_STATES3 = /* @__PURE__ */ new Set(["pending", "connecting"]);
-var Button14 = React20.forwardRef(function Button15({ children, kind = "secondary", className = "", ...props }, ref) {
+var Button14 = React21.forwardRef(function Button15({ children, kind = "secondary", className = "", ...props }, ref) {
   return h2("button", {
     ...props,
     ref,
@@ -11649,92 +11798,107 @@ function WhatsappAccountCard({
       "div",
       { className: "ddt-cardBody dim-botCardBody" },
       h2(
-        "div",
-        { className: "ddt-accountTop dim-botCardTop" },
-        h2(
-          "div",
-          { className: "ddt-accountIdentity dim-botIdentity" },
-          h2("div", {
-            className: "ddt-avatar dim-botAvatar dwa-avatar",
-            "aria-hidden": "true"
-          }, h2(WhatsappLogoGlyph, { size: 29 })),
-          h2(
+        CollapsibleAccountSection,
+        {
+          id: `wsp-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
+          header: h2(
             "div",
-            { className: "dim-botName" },
-            h2("h3", null, account.bot.name),
-            h2("p", null, account.bot.idMasked)
+            { className: "ddt-accountTop dim-botCardTop" },
+            h2(
+              "div",
+              { className: "ddt-accountIdentity dim-botIdentity" },
+              h2("div", {
+                className: "ddt-avatar dim-botAvatar dwa-avatar",
+                "aria-hidden": "true"
+              }, h2(WhatsappLogoGlyph, { size: 29 })),
+              h2(
+                "div",
+                { className: "dim-botName" },
+                h2("h3", null, account.bot.name),
+                h2("p", null, account.bot.idMasked)
+              )
+            ),
+            h2(
+              "div",
+              {
+                className: "dim-botCardTools",
+                // The header is the collapse toggle; keep inner controls clickable.
+                onClick: (event) => {
+                  event.stopPropagation();
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+                }
+              },
+              h2(BotStatusMeta, {
+                className: "ddt-health",
+                dotClassName: "ddt-dot",
+                tone,
+                stateLabel: stateLabel2,
+                lastCheckedAt: account.health.lastCheckedAt,
+                formatCheckedTime: checkedTime6
+              }),
+              h2(BotSettingsButton, {
+                channel: "whatsapp",
+                botId: account.botId,
+                botName: account.bot.name,
+                connected: account.connected,
+                accessPolicy: account.accessPolicy
+              })
+            )
           )
-        ),
-        h2(
-          "div",
-          { className: "dim-botCardTools" },
-          h2(BotStatusMeta, {
-            className: "ddt-health",
-            dotClassName: "ddt-dot",
-            tone,
-            stateLabel: stateLabel2,
-            lastCheckedAt: account.health.lastCheckedAt,
-            formatCheckedTime: checkedTime6
-          }),
-          h2(BotSettingsButton, {
-            channel: "whatsapp",
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy
-          })
-        )
-      ),
-      h2(WorkspaceEditor, {
-        workspace: account.workspace,
-        disabled: Boolean(busy),
-        onSave: onWorkspaceSave
-      }),
-      h2(ModelEditor, {
-        model: account.model,
-        disabled: Boolean(busy),
-        onSave: onModelSave
-      }),
-      h2(AgentPresetEditor, {
-        agentPreset: account.agentPreset,
-        disabled: Boolean(busy),
-        onSave: onAgentPresetSave
-      }),
-      h2(ContextEnhancementEditor, {
-        config: account.contextEnhancement,
-        disabled: Boolean(busy),
-        onSave: onContextEnhancementSave
-      }),
-      h2(
-        "div",
-        { className: "ddt-accountFooter dim-cardFooter" },
+        },
+        h2(WorkspaceEditor, {
+          workspace: account.workspace,
+          disabled: Boolean(busy),
+          onSave: onWorkspaceSave
+        }),
+        h2(ModelEditor, {
+          model: account.model,
+          disabled: Boolean(busy),
+          onSave: onModelSave
+        }),
+        h2(AgentPresetEditor, {
+          agentPreset: account.agentPreset,
+          disabled: Boolean(busy),
+          onSave: onAgentPresetSave
+        }),
+        h2(ContextEnhancementEditor, {
+          config: account.contextEnhancement,
+          disabled: Boolean(busy),
+          onSave: onContextEnhancementSave
+        }),
         h2(
           "div",
-          { className: "dim-cardFooterLayout" },
+          { className: "ddt-accountFooter dim-cardFooter" },
           h2(
             "div",
-            { className: "ddt-actions dim-cardActions" },
-            h2(Button14, {
-              className: "dim-cardAction",
-              onClick: onReconnect,
-              disabled: Boolean(busy)
-            }, busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
-            h2(Button14, {
-              className: "dim-cardAction",
-              kind: "danger",
-              onClick: onRequestRemove,
-              disabled: Boolean(busy)
-            }, "\u79FB\u9664\u63A5\u5165")
-          ),
-          summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
-          account.lastMessageError ? h2(LastMessageErrorSummary, {
-            className: "ddt-summary",
-            error: account.lastMessageError
-          }) : null,
-          testNotice ? h2("div", {
-            className: "ddt-summary dim-cardFeedback",
-            role: "status"
-          }, testNotice) : null
+            { className: "dim-cardFooterLayout" },
+            h2(
+              "div",
+              { className: "ddt-actions dim-cardActions" },
+              h2(Button14, {
+                className: "dim-cardAction",
+                onClick: onReconnect,
+                disabled: Boolean(busy)
+              }, busy === "reconnect" ? "\u68C0\u67E5\u4E2D\u2026" : account.connected ? "\u68C0\u67E5\u8FDE\u63A5" : "\u91CD\u8BD5\u8FDE\u63A5"),
+              h2(Button14, {
+                className: "dim-cardAction",
+                kind: "danger",
+                onClick: onRequestRemove,
+                disabled: Boolean(busy)
+              }, "\u79FB\u9664\u63A5\u5165")
+            ),
+            summary2 ? h2("div", { className: "ddt-summary dim-cardSummary" }, summary2) : null,
+            account.lastMessageError ? h2(LastMessageErrorSummary, {
+              className: "ddt-summary",
+              error: account.lastMessageError
+            }) : null,
+            testNotice ? h2("div", {
+              className: "ddt-summary dim-cardFeedback",
+              role: "status"
+            }, testNotice) : null
+          )
         )
       )
     ),
@@ -11747,7 +11911,7 @@ function WhatsappAccountCard({
   );
 }
 function WhatsappSettingsTab({ rpcCall }) {
-  const [model, setModel] = React20.useState({
+  const [model, setModel] = React21.useState({
     phase: "loading",
     bots: [],
     totals: { configured: 0, connected: 0 },
@@ -11755,16 +11919,16 @@ function WhatsappSettingsTab({ rpcCall }) {
     agentPresetCatalog: EMPTY_AGENT_PRESET_CATALOG,
     modelCatalog: EMPTY_MODEL_CATALOG
   });
-  const [provision, setProvision] = React20.useState(null);
-  const [busy, setBusy] = React20.useState(false);
-  const [busyByBot, setBusyByBot] = React20.useState({});
-  const [testNoticeByBot, setTestNoticeByBot] = React20.useState({});
-  const [removeTarget, setRemoveTarget] = React20.useState(null);
-  const [now, setNow] = React20.useState(Date.now());
-  const mounted = React20.useRef(true);
+  const [provision, setProvision] = React21.useState(null);
+  const [busy, setBusy] = React21.useState(false);
+  const [busyByBot, setBusyByBot] = React21.useState({});
+  const [testNoticeByBot, setTestNoticeByBot] = React21.useState({});
+  const [removeTarget, setRemoveTarget] = React21.useState(null);
+  const [now, setNow] = React21.useState(Date.now());
+  const mounted = React21.useRef(true);
   const workspaceFence = useWorkspaceSnapshotFence();
-  const addButtonRef = React20.useRef(null);
-  React20.useEffect(() => {
+  const addButtonRef = React21.useRef(null);
+  React21.useEffect(() => {
     const disposeDingtalk = installDingtalkStyles();
     const disposeWhatsapp = installWhatsappStyles();
     mounted.current = true;
@@ -11774,11 +11938,11 @@ function WhatsappSettingsTab({ rpcCall }) {
       disposeDingtalk();
     };
   }, []);
-  const invoke = React20.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React21.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new TypeError("WhatsApp \u8BBE\u7F6E\u9875\u7F3A\u5C11 RPC \u8FDE\u63A5");
     return unwrapRpcResult9(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const loadStatus = React20.useCallback(async ({ signal, silent = false, restore = false } = {}) => {
+  const loadStatus = React21.useCallback(async ({ signal, silent = false, restore = false } = {}) => {
     const workspaceVersion = workspaceFence.beginStatus();
     if (workspaceVersion === null) return void 0;
     if (!silent && mounted.current) setModel((current) => ({ ...current, phase: "loading", error: null }));
@@ -11809,12 +11973,12 @@ function WhatsappSettingsTab({ rpcCall }) {
       return void 0;
     }
   }, [invoke, workspaceFence]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     const controller = new AbortController();
     void loadStatus({ signal: controller.signal, restore: true });
     return () => controller.abort();
   }, [loadStatus]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (model.phase !== "ready") return void 0;
     const controller = new AbortController();
     const timer = window.setInterval(
@@ -11826,12 +11990,12 @@ function WhatsappSettingsTab({ rpcCall }) {
       window.clearInterval(timer);
     };
   }, [loadStatus, model.phase]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!provision || !ACTIVE_STATES3.has(provision.status)) return void 0;
     const timer = window.setInterval(() => mounted.current && setNow(Date.now()), 1e3);
     return () => window.clearInterval(timer);
   }, [provision?.attemptId, provision?.status]);
-  const startProvisioning = React20.useCallback(async (replace = false) => {
+  const startProvisioning = React21.useCallback(async (replace = false) => {
     setBusy(true);
     try {
       if (replace && provision?.attemptId) {
@@ -11849,7 +12013,7 @@ function WhatsappSettingsTab({ rpcCall }) {
       if (mounted.current) setBusy(false);
     }
   }, [invoke, provision?.attemptId]);
-  const closeProvision = React20.useCallback(async () => {
+  const closeProvision = React21.useCallback(async () => {
     setBusy(true);
     try {
       if (provision?.attemptId && ACTIVE_STATES3.has(provision.status)) {
@@ -11860,7 +12024,7 @@ function WhatsappSettingsTab({ rpcCall }) {
       if (mounted.current) setBusy(false);
     }
   }, [invoke, provision?.attemptId, provision?.status]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     const attemptId = provision?.attemptId;
     if (!attemptId || !ACTIVE_STATES3.has(provision.status)) return void 0;
     const controller = new AbortController();
@@ -11901,7 +12065,7 @@ function WhatsappSettingsTab({ rpcCall }) {
       if (timer) window.clearTimeout(timer);
     };
   }, [invoke, loadStatus, provision?.attemptId, provision?.status]);
-  const botAction = React20.useCallback(async (account, operation, endpoint, payload) => {
+  const botAction = React21.useCallback(async (account, operation, endpoint, payload) => {
     const snapshotVersion = workspaceFence.beginMutation();
     setBusyByBot((current) => ({ ...current, [account.botId]: operation }));
     if (operation === "reconnect") {
@@ -12029,7 +12193,7 @@ function WhatsappSettingsTab({ rpcCall }) {
         h2(Button14, { onClick: () => void loadStatus() }, "\u91CD\u65B0\u8BFB\u53D6")
       )
     ) : h2(
-      React20.Fragment,
+      React21.Fragment,
       null,
       provision?.status === "pending" ? h2(QrPanel5, {
         provision,
@@ -12049,10 +12213,10 @@ function WhatsappSettingsTab({ rpcCall }) {
 }
 
 // plugin-src/client/delivery-settings.js
-var React23 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 
 // plugin-src/client/access-policy-settings.js
-var React21 = __toESM(require("react"), 1);
+var React22 = __toESM(require("react"), 1);
 var ACCESS_POLICY_ENDPOINT = "bot.access-policy.set";
 var ACCESS_CHANNEL_DEFINITIONS = Object.freeze({
   weixin: Object.freeze({
@@ -12154,8 +12318,8 @@ function ScenePolicyEditor({
   unsupported = false,
   onChange
 }) {
-  const ownerHelpId = React21.useId();
-  const emptyAllowlistHelpId = React21.useId();
+  const ownerHelpId = React22.useId();
+  const emptyAllowlistHelpId = React22.useId();
   const allowlist = policy.mode === "allowlist";
   const collectionKey = allowlist ? "users" : "commandPermissionOverrides";
   const branchKey = allowlist ? "allowlist" : "open";
@@ -12207,7 +12371,7 @@ function ScenePolicyEditor({
       h2("strong", null, "\u5F53\u524D\u6E20\u9053\u4E0D\u652F\u6301\u7FA4\u804A"),
       h2("p", null, "\u6B64\u533A\u57DF\u65E0\u9700\u914D\u7F6E\uFF0C\u4FDD\u5B58\u79C1\u804A\u8BBE\u7F6E\u65F6\u4F1A\u4FDD\u7559\u73B0\u6709\u7FA4\u804A\u7B56\u7565\u3002")
     ) : h2(
-      React21.Fragment,
+      React22.Fragment,
       null,
       h2(
         "div",
@@ -12348,16 +12512,16 @@ function AccessPolicySettingsPage({ channel: channel4, account, rpcCall, onSaved
   const definition = ACCESS_CHANNEL_DEFINITIONS[channel4];
   const initialPolicy = normalizeAccessPolicy(account?.accessPolicy);
   const initialKey = JSON.stringify(initialPolicy);
-  const [draft, setDraft] = React21.useState(() => clonePolicy(
+  const [draft, setDraft] = React22.useState(() => clonePolicy(
     initialPolicy ?? DEFAULT_ACCESS_POLICY
   ));
-  const [saving, setSaving] = React21.useState(false);
-  const [feedback, setFeedback] = React21.useState(null);
-  React21.useEffect(() => {
+  const [saving, setSaving] = React22.useState(false);
+  const [feedback, setFeedback] = React22.useState(null);
+  React22.useEffect(() => {
     const next = normalizeAccessPolicy(account?.accessPolicy);
     setDraft(clonePolicy(next ?? DEFAULT_ACCESS_POLICY));
   }, [account?.botId, initialKey]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     setFeedback(null);
   }, [account?.botId]);
   if (!definition) {
@@ -12448,7 +12612,7 @@ function AccessPolicySettingsPage({ channel: channel4, account, rpcCall, onSaved
 }
 
 // plugin-src/client/channels/feishu/group-settings.js
-var React22 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var GROUP_MESSAGE_PERMISSION_OPERATION2 = FEISHU_REGISTRATION_OPERATIONS.GROUP_MESSAGE_PERMISSION;
 function SettingsButton({ children, kind = "secondary", className = "", ...props }) {
   return h2("button", {
@@ -12509,9 +12673,9 @@ function GroupResponseModeEditor({
   onAuthorize
 }) {
   const current = normalizeGroupResponseMode(value);
-  const [saving, setSaving] = React22.useState(false);
-  const [authorizing, setAuthorizing] = React22.useState(false);
-  const [error, setError] = React22.useState(null);
+  const [saving, setSaving] = React23.useState(false);
+  const [authorizing, setAuthorizing] = React23.useState(false);
+  const [error, setError] = React23.useState(null);
   const change = async (event) => {
     const next = normalizeGroupResponseMode(event.target.value);
     if (next === current || saving || disabled) return;
@@ -12592,8 +12756,8 @@ function GroupResponseModeEditor({
 }
 function GroupTopicReplyEditor({ value = false, disabled = false, onSave }) {
   const current = value === true ? "on" : "off";
-  const [saving, setSaving] = React22.useState(false);
-  const [error, setError] = React22.useState(null);
+  const [saving, setSaving] = React23.useState(false);
+  const [error, setError] = React23.useState(null);
   const change = async (event) => {
     const next = event.target.value === "on";
     if ((next ? "on" : "off") === current || saving || disabled) return;
@@ -12780,14 +12944,14 @@ function PermissionFlow({ provision, now, busy, botName, onRetry, onCancel, onCl
   );
 }
 function FeishuGroupSettingsPage({ account, rpcCall }) {
-  const [settings, setSettings] = React22.useState(() => groupSettingsFrom(account));
-  const [refreshing, setRefreshing] = React22.useState(false);
-  const [refreshError, setRefreshError] = React22.useState(null);
-  const [provision, setProvision] = React22.useState(null);
-  const [provisionBusy, setProvisionBusy] = React22.useState(false);
-  const [now, setNow] = React22.useState(() => Date.now());
-  const mounted = React22.useRef(true);
-  React22.useEffect(() => {
+  const [settings, setSettings] = React23.useState(() => groupSettingsFrom(account));
+  const [refreshing, setRefreshing] = React23.useState(false);
+  const [refreshError, setRefreshError] = React23.useState(null);
+  const [provision, setProvision] = React23.useState(null);
+  const [provisionBusy, setProvisionBusy] = React23.useState(false);
+  const [now, setNow] = React23.useState(() => Date.now());
+  const mounted = React23.useRef(true);
+  React23.useEffect(() => {
     setSettings(groupSettingsFrom(account));
   }, [
     account.botId,
@@ -12795,22 +12959,22 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
     account.groupTopicReply,
     account.groupMessagePermissionGranted
   ]);
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  const invoke = React22.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React23.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new Error("\u98DE\u4E66\u7FA4\u804A\u8BBE\u7F6E\u6682\u4E0D\u53EF\u7528\u3002");
     return unwrapRpcResult3(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const applySnapshot = React22.useCallback((value) => {
+  const applySnapshot = React23.useCallback((value) => {
     const result = targetBotFromSnapshot(value, account.botId);
     if (mounted.current) setSettings(groupSettingsFrom(result.bot));
     return result;
   }, [account.botId]);
-  const loadSettings = React22.useCallback(async ({ signal, restoreProvisioning = false } = {}) => {
+  const loadSettings = React23.useCallback(async ({ signal, restoreProvisioning = false } = {}) => {
     setRefreshing(true);
     setRefreshError(null);
     try {
@@ -12839,16 +13003,16 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
       if (!signal?.aborted && mounted.current) setRefreshing(false);
     }
   }, [account.botId, applySnapshot, invoke]);
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     const controller = new AbortController();
     void loadSettings({ signal: controller.signal, restoreProvisioning: true });
     return () => controller.abort();
   }, [loadSettings]);
-  const saveSetting = React22.useCallback(async (endpoint, payload) => {
+  const saveSetting = React23.useCallback(async (endpoint, payload) => {
     const value = await invoke(endpoint, { botId: account.botId, ...payload });
     applySnapshot(value);
   }, [account.botId, applySnapshot, invoke]);
-  const startAuthorization = React22.useCallback(async ({ replace = false } = {}) => {
+  const startAuthorization = React23.useCallback(async ({ replace = false } = {}) => {
     if (provisionBusy) return;
     const previousAttemptId = provision?.attemptId;
     setProvisionBusy(true);
@@ -12889,13 +13053,13 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
       if (mounted.current) setProvisionBusy(false);
     }
   }, [account.botId, invoke, provision?.attemptId, provisionBusy]);
-  const finishAuthorization = React22.useCallback(async (signal) => {
+  const finishAuthorization = React23.useCallback(async (signal) => {
     const bot = await loadSettings({ signal, restoreProvisioning: false });
     if (signal?.aborted || !mounted.current) return;
     if (!bot) throw new Error("\u7FA4\u6D88\u606F\u6743\u9650\u5DF2\u66F4\u65B0\uFF0C\u4F46\u6682\u65F6\u65E0\u6CD5\u786E\u8BA4\u673A\u5668\u4EBA\u8FDE\u63A5\u72B6\u6001");
     setProvision(null);
   }, [loadSettings]);
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     if (!provision?.attemptId || !["qr", "connecting"].includes(provision.phase) || provision.expired) return void 0;
     const timerHost = globalThis.window ?? globalThis;
     const controller = new AbortController();
@@ -12939,7 +13103,7 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
       timerHost.clearTimeout(timer);
     };
   }, [account.botId, finishAuthorization, invoke, provision]);
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     if (!provision?.attemptId || provision.phase !== "qr" || provision.expired) return void 0;
     const timerHost = globalThis.window ?? globalThis;
     const tick = () => {
@@ -12953,7 +13117,7 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
     const timer = timerHost.setInterval(tick, 1e3);
     return () => timerHost.clearInterval(timer);
   }, [provision?.attemptId, provision?.expired, provision?.expiresAt, provision?.phase]);
-  const cancelAuthorization = React22.useCallback(async () => {
+  const cancelAuthorization = React23.useCallback(async () => {
     if (!provision?.attemptId || provisionBusy) {
       setProvision(null);
       return;
@@ -13262,13 +13426,13 @@ function TargetForm({
 }) {
   const editing = mode === "edit";
   const initialKind = initialValue?.kind && definition.fields[initialValue.kind] ? initialValue.kind : definition.kinds[0].value;
-  const [targetId, setTargetId] = React23.useState(initialValue?.targetId ?? "");
-  const [name2, setName] = React23.useState(initialValue?.name ?? "");
-  const [kind, setKind] = React23.useState(initialKind);
-  const [route, setRoute] = React23.useState(initialValue?.route ?? {});
-  const [error, setError] = React23.useState(null);
-  const [testing, setTesting] = React23.useState(false);
-  const [testState, setTestState] = React23.useState(null);
+  const [targetId, setTargetId] = React24.useState(initialValue?.targetId ?? "");
+  const [name2, setName] = React24.useState(initialValue?.name ?? "");
+  const [kind, setKind] = React24.useState(initialKind);
+  const [route, setRoute] = React24.useState(initialValue?.route ?? {});
+  const [error, setError] = React24.useState(null);
+  const [testing, setTesting] = React24.useState(false);
+  const [testState, setTestState] = React24.useState(null);
   const currentTarget = () => {
     const normalizedRoute = Object.fromEntries(fieldsFor(definition, kind).map((field) => {
       const raw = String(route[field.key] ?? "").trim();
@@ -13485,7 +13649,7 @@ function TargetSuggestionPicker({
         suggestions.map((suggestion, index) => {
           const identity = routeIdentity(definition, suggestion);
           const added = configured.has(identity);
-          return React23.createElement("option", {
+          return React24.createElement("option", {
             key: suggestion.id ?? suggestion.suggestionId ?? `${identity}:${index}`,
             value: String(index),
             disabled: added
@@ -13502,11 +13666,11 @@ function TargetSuggestionPicker({
   );
 }
 function TargetRow({ definition, target, botId, connected, rpcCall, onChanged, onEdit }) {
-  const [action, setAction] = React23.useState(null);
-  const [testState, setTestState] = React23.useState(null);
-  const [syncFeedback, setSyncFeedback] = React23.useState(null);
-  const [copyState, setCopyState] = React23.useState(null);
-  const [confirmDelete, setConfirmDelete] = React23.useState(false);
+  const [action, setAction] = React24.useState(null);
+  const [testState, setTestState] = React24.useState(null);
+  const [syncFeedback, setSyncFeedback] = React24.useState(null);
+  const [copyState, setCopyState] = React24.useState(null);
+  const [confirmDelete, setConfirmDelete] = React24.useState(false);
   const sessionSync = target.sessionSync ?? { enabled: false, state: "unavailable" };
   const syncDescription = sessionSync.state === "active" ? "\u81EA\u52A8\u8DDF\u968F\u8BE5\u79C1\u804A\u7684\u5F53\u524D\u4F1A\u8BDD" : sessionSync.state === "waiting" ? "\u7B49\u5F85\u8BE5\u79C1\u804A\u5EFA\u7ACB\u65B0\u4F1A\u8BDD" : sessionSync.state === "unavailable" ? "\u4EC5\u652F\u6301\u5DF2\u7ECF\u804A\u8FC7\u3001\u5DF2\u5EFA\u7ACB\u5F53\u524D\u4F1A\u8BDD\u4E14\u4F7F\u7528\u5F53\u524D Host Harness \u7684\u79C1\u804A\u76EE\u6807" : "\u5173\u95ED\u65F6\u4E0D\u53D1\u9001 DSH \u4F1A\u8BDD\u6D88\u606F";
   const testTarget = async () => {
@@ -13569,7 +13733,7 @@ function TargetRow({ definition, target, botId, connected, rpcCall, onChanged, o
       h2(
         "div",
         { className: "dim-targetTitle" },
-        React23.createElement("strong", null, target.name || target.targetId),
+        React24.createElement("strong", null, target.name || target.targetId),
         h2("span", null, kindLabel(definition, target.kind))
       ),
       h2("code", null, `targetId: ${target.targetId}`)
@@ -13655,26 +13819,26 @@ function DeliveryTargetSettingsPage({
   onBack
 }) {
   const definition = CHANNEL_DEFINITIONS[channel4];
-  const [activeTabId, setActiveTabId] = React23.useState(BOT_SETTINGS_TABS[0].id);
-  const [phase, setPhase] = React23.useState("loading");
-  const [targets, setTargets] = React23.useState([]);
-  const [suggestionPhase, setSuggestionPhase] = React23.useState("idle");
-  const [suggestions, setSuggestions] = React23.useState([]);
-  const [suggestionError, setSuggestionError] = React23.useState(null);
-  const [error, setError] = React23.useState(null);
-  const [editor, setEditor] = React23.useState(null);
-  const [saving, setSaving] = React23.useState(false);
-  const [botCopyState, setBotCopyState] = React23.useState(null);
-  const [accessPolicy, setAccessPolicy] = React23.useState(account.accessPolicy);
-  const mounted = React23.useRef(true);
-  React23.useEffect(() => {
+  const [activeTabId, setActiveTabId] = React24.useState(BOT_SETTINGS_TABS[0].id);
+  const [phase, setPhase] = React24.useState("loading");
+  const [targets, setTargets] = React24.useState([]);
+  const [suggestionPhase, setSuggestionPhase] = React24.useState("idle");
+  const [suggestions, setSuggestions] = React24.useState([]);
+  const [suggestionError, setSuggestionError] = React24.useState(null);
+  const [error, setError] = React24.useState(null);
+  const [editor, setEditor] = React24.useState(null);
+  const [saving, setSaving] = React24.useState(false);
+  const [botCopyState, setBotCopyState] = React24.useState(null);
+  const [accessPolicy, setAccessPolicy] = React24.useState(account.accessPolicy);
+  const mounted = React24.useRef(true);
+  React24.useEffect(() => {
     setAccessPolicy(account.accessPolicy);
   }, [account.botId, account.accessPolicy]);
-  const invoke = React23.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React24.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new Error("\u6295\u9012\u76EE\u6807\u8BBE\u7F6E\u6682\u4E0D\u53EF\u7528\u3002");
     return unwrapRpcResult11(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const loadTargets = React23.useCallback(async ({ signal, silent = false } = {}) => {
+  const loadTargets = React24.useCallback(async ({ signal, silent = false } = {}) => {
     if (!silent) setPhase("loading");
     setError(null);
     try {
@@ -13688,7 +13852,7 @@ function DeliveryTargetSettingsPage({
       setPhase("error");
     }
   }, [account.botId, invoke]);
-  const loadSuggestions = React23.useCallback(async () => {
+  const loadSuggestions = React24.useCallback(async () => {
     setSuggestionPhase("loading");
     setSuggestionError(null);
     try {
@@ -13702,7 +13866,7 @@ function DeliveryTargetSettingsPage({
       setSuggestionPhase("error");
     }
   }, [account.botId, definition, invoke]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     mounted.current = true;
     const controller = new AbortController();
     void loadTargets({ signal: controller.signal });
@@ -13824,7 +13988,7 @@ function DeliveryTargetSettingsPage({
         account,
         rpcCall: accessRpcCall
       }) : h2(
-        React23.Fragment,
+        React24.Fragment,
         null,
         h2(
           "section",
@@ -13935,7 +14099,7 @@ function DeliveryTargetSettingsPage({
 }
 
 // plugin-src/client/global-settings.js
-var React24 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 
 // src/channels/shared/inbound-ttl.mjs
 var DEFAULT_INBOUND_TTL_HOURS = 168;
@@ -13997,29 +14161,29 @@ function GlobalButton({ children, kind = "secondary", className = "", ...props }
   }, children);
 }
 function GlobalSettingsPanel({ rpcCall }) {
-  const [phase, setPhase] = React24.useState("loading");
-  const [loadError, setLoadError] = React24.useState(null);
-  const [ttlInput, setTtlInput] = React24.useState("");
-  const [savedTtl, setSavedTtl] = React24.useState(null);
-  const [ttlError, setTtlError] = React24.useState(false);
-  const [saveError, setSaveError] = React24.useState(null);
-  const [saveSucceeded, setSaveSucceeded] = React24.useState(false);
-  const [isSaving, setIsSaving] = React24.useState(false);
-  const [sweepConfirming, setSweepConfirming] = React24.useState(false);
-  const [sweeping, setSweeping] = React24.useState(false);
-  const ttlErrorId = React24.useId();
-  const ttlHintsId = React24.useId();
-  const sweepTriggerId = React24.useId();
-  const sweepConfirmId = React24.useId();
-  const sweepConfirmTextId = React24.useId();
-  const sweepConfirmButtonId = React24.useId();
-  const mounted = React24.useRef(true);
-  const saving = React24.useRef(false);
-  const invoke = React24.useCallback(async (endpoint, payload = {}, signal) => {
+  const [phase, setPhase] = React25.useState("loading");
+  const [loadError, setLoadError] = React25.useState(null);
+  const [ttlInput, setTtlInput] = React25.useState("");
+  const [savedTtl, setSavedTtl] = React25.useState(null);
+  const [ttlError, setTtlError] = React25.useState(false);
+  const [saveError, setSaveError] = React25.useState(null);
+  const [saveSucceeded, setSaveSucceeded] = React25.useState(false);
+  const [isSaving, setIsSaving] = React25.useState(false);
+  const [sweepConfirming, setSweepConfirming] = React25.useState(false);
+  const [sweeping, setSweeping] = React25.useState(false);
+  const ttlErrorId = React25.useId();
+  const ttlHintsId = React25.useId();
+  const sweepTriggerId = React25.useId();
+  const sweepConfirmId = React25.useId();
+  const sweepConfirmTextId = React25.useId();
+  const sweepConfirmButtonId = React25.useId();
+  const mounted = React25.useRef(true);
+  const saving = React25.useRef(false);
+  const invoke = React25.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new Error("\u901A\u7528\u8BBE\u7F6E\u6682\u4E0D\u53EF\u7528\u3002");
     return unwrapRpcResult12(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const loadSettings = React24.useCallback(async ({ signal } = {}) => {
+  const loadSettings = React25.useCallback(async ({ signal } = {}) => {
     setPhase("loading");
     setLoadError(null);
     try {
@@ -14043,7 +14207,7 @@ function GlobalSettingsPanel({ rpcCall }) {
       setPhase("error");
     }
   }, [invoke]);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     mounted.current = true;
     const controller = new AbortController();
     void loadSettings({ signal: controller.signal });
@@ -14052,7 +14216,7 @@ function GlobalSettingsPanel({ rpcCall }) {
       controller.abort();
     };
   }, [loadSettings]);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (!sweepConfirming) return;
     globalThis.document?.getElementById(sweepConfirmButtonId)?.focus();
   }, [sweepConfirmButtonId, sweepConfirming]);
@@ -14717,6 +14881,17 @@ var CSS11 = String.raw`
 .dim-panel .dim-botCard { position: relative; min-width: 0; width: 100%; max-width: 100%; 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%); }
 .dim-panel .dim-botCard::before { display: none; }
 .dim-panel .dim-botCardBody { position: relative; min-width: 0; width: 100%; max-width: 100%; padding: 12px; }
+.dim-collapsibleAccount { min-width: 0; display: flex; flex-direction: column; }
+.dim-collapsibleHead { min-width: 0; display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; -webkit-user-select: none; }
+.dim-collapsibleHead:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary, #3370ff); outline-offset: 2px; border-radius: 8px; }
+.dim-collapsibleHeaderContent { min-width: 0; flex: 1 1 auto; display: flex; align-items: center; }
+.dim-collapsibleChevron { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 9px; height: 9px; border-right: 1.6px solid var(--dsw-alias-label-tertiary, #8f959e); border-bottom: 1.6px solid var(--dsw-alias-label-tertiary, #8f959e); transform: rotate(-45deg); transition: transform .22s cubic-bezier(.4, 0, .2, 1); transform-origin: 50% 50%; }
+.dim-collapsibleAccount.is-open .dim-collapsibleChevron { transform: rotate(45deg); }
+/* Animate height without measuring content; hide collapsed controls from focus and accessibility. */
+.dim-collapsibleBody { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .22s cubic-bezier(.4, 0, .2, 1); }
+.dim-collapsibleAccount.is-open > .dim-collapsibleBody { grid-template-rows: 1fr; }
+.dim-collapsibleBodyInner { min-height: 0; overflow: hidden; }
+.dim-collapsibleAccount:not(.is-open) .dim-collapsibleBodyInner { visibility: hidden; }
 .dim-panel .dim-botCardTop { min-width: 0; max-width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
 .dim-panel .dim-botIdentity { min-width: 0; flex: 1 1 0; display: flex; align-items: center; gap: 10px; }
 .dim-panel .dim-botAvatar { flex: none; width: 38px; height: 38px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; box-shadow: none; }
@@ -14993,6 +15168,7 @@ var CSS11 = String.raw`
 @media (prefers-reduced-motion: reduce) {
   .dim-page * { transition-duration: .01ms !important; }
   .dim-directoryPickerSpinner { animation-duration: 1.8s; }
+  .dim-collapsibleBody, .dim-collapsibleChevron { transition: none !important; }
 }
 `;
 function installImStyles() {
@@ -15010,7 +15186,7 @@ function installImStyles() {
 }
 
 // plugin-src/client/update-panel.js
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_react_dom3 = require("react-dom");
 var import_valid = __toESM(require_valid(), 1);
 var import_rcompare = __toESM(require_rcompare(), 1);
@@ -15100,11 +15276,11 @@ function manualUpdateCommand(snapshot) {
   return `dsh plugin --profile ${profileArgument} add -w @xmanrui/dsh-im@${version}`;
 }
 function ManualUpdateCommand({ command, disabled, sourceInstall, desktop }) {
-  const [copyState, setCopyState] = React25.useState("idle");
-  const commandRef = React25.useRef(null);
-  const mounted = React25.useRef(false);
-  const copying = React25.useRef(false);
-  React25.useEffect(() => {
+  const [copyState, setCopyState] = React26.useState("idle");
+  const commandRef = React26.useRef(null);
+  const mounted = React26.useRef(false);
+  const copying = React26.useRef(false);
+  React26.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -15136,7 +15312,7 @@ function ManualUpdateCommand({ command, disabled, sourceInstall, desktop }) {
     { className: "dim-updateManual", "aria-label": "\u624B\u5DE5\u66F4\u65B0" },
     h2("h4", { className: "dim-updateManualHeading" }, "\u624B\u5DE5\u66F4\u65B0"),
     command ? h2(
-      React25.Fragment,
+      React26.Fragment,
       null,
       h2("p", { className: "dim-updateManualHint" }, "\u81EA\u52A8\u66F4\u65B0\u5931\u8D25\u53EF\u4EE5\u4F7F\u7528\u547D\u4EE4\u66F4\u65B0\uFF1A"),
       h2(
@@ -15172,7 +15348,7 @@ function ManualUpdateCommand({ command, disabled, sourceInstall, desktop }) {
           "aria-hidden": "true",
           focusable: "false"
         }, copyState === "copied" ? h2("path", { d: "m4 10 4 4 8-8" }) : h2(
-          React25.Fragment,
+          React26.Fragment,
           null,
           h2("rect", { x: 7, y: 7, width: 10, height: 11, rx: 1.5 }),
           h2("path", { d: "M5 13H3.5A1.5 1.5 0 0 1 2 11.5v-8A1.5 1.5 0 0 1 3.5 2h8A1.5 1.5 0 0 1 13 3.5V5" })
@@ -15197,10 +15373,10 @@ function ManualUpdateCommand({ command, disabled, sourceInstall, desktop }) {
   );
 }
 function UpdateDialog({ children, onClose }) {
-  const dialogRef = React25.useRef(null);
-  const titleId = React25.useId();
-  const descriptionId = React25.useId();
-  React25.useEffect(() => {
+  const dialogRef = React26.useRef(null);
+  const titleId = React26.useId();
+  const descriptionId = React26.useId();
+  React26.useEffect(() => {
     const previous = globalThis.document?.activeElement;
     dialogRef.current?.focus?.();
     return () => {
@@ -15258,19 +15434,19 @@ function UpdateDialog({ children, onClose }) {
   return typeof document !== "undefined" && document.body ? (0, import_react_dom3.createPortal)(content, document.body) : content;
 }
 function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
-  const [snapshot, setSnapshot] = React25.useState(null);
-  const [action, setAction] = React25.useState("status");
-  const [error, setError] = React25.useState(null);
-  const [open, setOpen] = React25.useState(false);
-  const [uncertainInstall, setUncertainInstall] = React25.useState(false);
-  const mounted = React25.useRef(false);
-  const busy = React25.useRef(false);
-  const readController = React25.useRef(null);
-  const pollReadController = React25.useRef(null);
-  const installRequest = React25.useRef(null);
-  const onStatusRef = React25.useRef(onStatus);
+  const [snapshot, setSnapshot] = React26.useState(null);
+  const [action, setAction] = React26.useState("status");
+  const [error, setError] = React26.useState(null);
+  const [open, setOpen] = React26.useState(false);
+  const [uncertainInstall, setUncertainInstall] = React26.useState(false);
+  const mounted = React26.useRef(false);
+  const busy = React26.useRef(false);
+  const readController = React26.useRef(null);
+  const pollReadController = React26.useRef(null);
+  const installRequest = React26.useRef(null);
+  const onStatusRef = React26.useRef(onStatus);
   onStatusRef.current = onStatus;
-  const accept = React25.useCallback((next) => {
+  const accept = React26.useCallback((next) => {
     setSnapshot(next);
     onStatusRef.current?.(next);
   }, []);
@@ -15279,7 +15455,7 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
     setUncertainInstall(false);
     accept(next);
   };
-  const invoke = React25.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React26.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") {
       const unavailable = new Error("\u5F53\u524D Host \u4E0D\u652F\u6301\u66F4\u65B0\u63A5\u53E3\uFF0C\u8BF7\u5148\u624B\u52A8\u66F4\u65B0\u63D2\u4EF6\u5E76\u91CD\u542F\u3002");
       unavailable.code = "update-unavailable";
@@ -15287,7 +15463,7 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
     }
     return unwrapSnapshot(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     mounted.current = true;
     busy.current = true;
     const controller = new AbortController();
@@ -15310,7 +15486,7 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
   const activeJob = ACTIVE_STATES4.has(snapshot?.job?.state);
   const restartRequired = snapshot?.job?.state === "restart-required" || snapshot?.blockedReason === "pending-restart";
   const shouldPoll = activeJob || uncertainInstall;
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!shouldPoll) return void 0;
     let controller;
     const scheduler = createPollScheduler({
@@ -15408,7 +15584,7 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
   const manualCommand = manualUpdateCommand(snapshot);
   const buttonLabel = action === "checking" ? "\u68C0\u67E5\u4E2D\u2026" : action === "starting" || activeJob ? "\u6B63\u5728\u66F4\u65B0\u2026" : restartRequired ? "\u5F85\u624B\u52A8\u91CD\u542F" : snapshot?.canInstall ? "\u66F4\u65B0\u81F3" : "\u68C0\u67E5\u66F4\u65B0";
   return h2(
-    React25.Fragment,
+    React26.Fragment,
     null,
     h2("button", {
       type: "button",
@@ -15433,13 +15609,13 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
           h2("dt", null, "\u8FD0\u884C\u7248\u672C"),
           h2("dd", null, `v${snapshot?.runningVersion ?? clientVersion}`),
           snapshot?.installedVersion && snapshot.installedVersion !== snapshot.runningVersion ? h2(
-            React25.Fragment,
+            React26.Fragment,
             null,
             h2("dt", null, "\u5DF2\u5B89\u88C5\u7248\u672C"),
             h2("dd", null, `v${snapshot.installedVersion}`)
           ) : null,
           targetVersion ? h2(
-            React25.Fragment,
+            React26.Fragment,
             null,
             h2("dt", null, "\u76EE\u6807\u7248\u672C"),
             h2("dd", null, `v${targetVersion}`)
@@ -15644,23 +15820,23 @@ function IMSettingsTab({
   browserLocation = globalThis.location,
   navigateToRecoveryUrl = replacePageLocation
 }) {
-  const [selected, setSelected] = React26.useState("weixin");
-  const [loopbackRecovery, setLoopbackRecovery] = React26.useState(null);
-  const [runningVersion, setRunningVersion] = React26.useState(IM_PLUGIN_VERSION);
-  const [deliverySettings, setDeliverySettings] = React26.useState(null);
-  const githubTooltipId = React26.useId();
-  const generalSettingsTooltipId = React26.useId();
+  const [selected, setSelected] = React27.useState("weixin");
+  const [loopbackRecovery, setLoopbackRecovery] = React27.useState(null);
+  const [runningVersion, setRunningVersion] = React27.useState(IM_PLUGIN_VERSION);
+  const [deliverySettings, setDeliverySettings] = React27.useState(null);
+  const githubTooltipId = React27.useId();
+  const generalSettingsTooltipId = React27.useId();
   const globalSettingsSelected = selected === GLOBAL_SETTINGS_TAB_ID;
   const active = CHANNELS.find((channel4) => channel4.id === selected) ?? CHANNELS[0];
   const activeTabId = globalSettingsSelected ? "dim-general-settings-trigger" : `dim-tab-${active.id}`;
   const activePanelId = globalSettingsSelected ? `dim-panel-${GLOBAL_SETTINGS_TAB_ID}` : `dim-panel-${active.id}`;
-  const reportLoopbackRecovery = React26.useCallback((recovery) => {
+  const reportLoopbackRecovery = React27.useCallback((recovery) => {
     setLoopbackRecovery((current) => current?.url === recovery.url ? current : recovery);
   }, []);
-  const reportUpdateStatus = React26.useCallback((snapshot) => {
+  const reportUpdateStatus = React27.useCallback((snapshot) => {
     setRunningVersion(snapshot.runningVersion);
   }, []);
-  const rpcCalls = React26.useMemo(() => createLoopbackAwareRpcCalls({
+  const rpcCalls = React27.useMemo(() => createLoopbackAwareRpcCalls({
     dingtalkRpcCall,
     discordRpcCall,
     feishuRpcCall,
@@ -15694,7 +15870,7 @@ function IMSettingsTab({
     weixinRpcCall,
     whatsappRpcCall
   ]);
-  const botSettingsContext = React26.useMemo(() => Object.freeze({
+  const botSettingsContext = React27.useMemo(() => Object.freeze({
     openBotSettings: setDeliverySettings
   }), []);
   return h2(