@xmanrui/dsh-im 4.23.0 → 4.24.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmanrui/dsh-im",
-  "version": "4.23.0",
+  "version": "4.24.1",
   "description": "把十一种 IM 渠道和公网 AI Office 接入本机 DeepSeek Harness。 Connect eleven IM channels and a public AI Office to a local DeepSeek Harness.",
   "keywords": [
     "deepseek-harness",
@@ -80,6 +80,10 @@
     {
       "name": "wings1848",
       "url": "https://github.com/wings1848"
+    },
+    {
+      "name": "Zhe (Phil) Yang",
+      "url": "https://github.com/yangzhe1991"
     }
   ],
   "license": "MIT",
@@ -110,7 +114,12 @@
     "cordis.patch.yml",
     "lib",
     "plugin-src",
-    "scripts",
+    "scripts/verify-interface-language.mjs",
+    "scripts/verify-lan-management.mjs",
+    "scripts/verify-model-setting.mjs",
+    "scripts/verify-package.mjs",
+    "scripts/verify-session-channel-logos.mjs",
+    "scripts/verify-session-title-prefix.mjs",
     "src",
     "PROACTIVE_DELIVERY.md",
     "PROACTIVE_DELIVERY.en.md",

package/plugin-src/client/channel-card-meta.js

@@ -7,7 +7,7 @@ export const BotSettingsContext = React.createContext(Object.freeze({
   openBotSettings() {},
 }));
 
-function SettingsGlyph() {
+export function SettingsGlyph() {
   return h('svg', {
     viewBox: '0 0 24 24',
     width: 16,
@@ -32,14 +32,12 @@ export function BotSettingsButton({
   channelSettings,
 }) {
   const { openBotSettings } = React.useContext(BotSettingsContext);
-  const tooltipId = React.useId();
   return h('span', { className: 'dim-botSettingsAction' },
     h('button', {
       type: 'button',
       className: 'dim-botSettingsButton',
       'data-delivery-channel': channel,
       'aria-label': '更多机器人设置',
-      'aria-describedby': tooltipId,
       onClick: () => openBotSettings?.({
         ...(channelSettings && typeof channelSettings === 'object' ? channelSettings : {}),
         channel,
@@ -48,12 +46,8 @@ export function BotSettingsButton({
         connected: Boolean(connected),
         accessPolicy,
       }),
-    }, h(SettingsGlyph)),
-    h('span', {
-      id: tooltipId,
-      className: 'dim-botSettingsTooltip',
-      role: 'tooltip',
-    }, '更多机器人设置'));
+    }, h(SettingsGlyph), h('span', null, '更多设置'),
+    h('span', { className: 'dim-moreSettingsChevron', 'aria-hidden': 'true' })));
 }
 
 function messageErrorTime(value) {

package/plugin-src/client/channels/dingtalk/index.js

@@ -3,7 +3,7 @@ import { BotName } from '../../bot-alias.js';
 import * as React from 'react';
 
 import { CredentialActionIcon, CredentialBindingPanel, QrActionIcon } from '../../credential-binding.js';
-import { CollapsibleAccountSection } from '../shared/collapsible-account.js';
+import { AccountSettingsToggle, CollapsibleAccountSection } from '../shared/collapsible-account.js';
 import { h } from '../../i18n.js';
 import { WorkspaceEditor } from '../../workspace-editor.js';
 import { ContextEnhancementEditor } from '../../context-enhancement.js';
@@ -251,6 +251,13 @@ export function AccountCard({
   return h('article', { className: 'ddt-card dim-botCard', tabIndex: -1, 'data-bot-id': account.botId },
     h('div', { className: 'ddt-cardBody dim-botCardBody' },
       h(CollapsibleAccountSection, {
+        settings: h(BotSettingsButton, {
+          channel: 'dingtalk',
+          botId: account.botId,
+          botName: account.bot.name,
+          connected: account.connected,
+          accessPolicy: account.accessPolicy,
+        }),
         id: `ddt-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, '-')}`,
         header: h('div', { className: 'ddt-accountTop dim-botCardTop' },
         h('div', { className: 'ddt-accountIdentity dim-botIdentity' },
@@ -272,13 +279,7 @@ export function AccountCard({
             lastCheckedAt: account.health.lastCheckedAt,
             formatCheckedTime: checkedTime,
           }),
-          h(BotSettingsButton, {
-            channel: 'dingtalk',
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy,
-          })))
+          h(AccountSettingsToggle)))
       },
         h(WorkspaceEditor, {
         workspace: account.workspace,

package/plugin-src/client/channels/feishu/index.js

@@ -4,7 +4,7 @@ import * as React from "react";
 
 import { FeishuLogoGlyph } from "../../channel-logos.js";
 import { CredentialActionIcon, CredentialBindingPanel, QrActionIcon } from "../../credential-binding.js";
-import { CollapsibleAccountSection } from "../shared/collapsible-account.js";
+import { AccountSettingsToggle, CollapsibleAccountSection } from "../shared/collapsible-account.js";
 import { h } from "../../i18n.js";
 import {
   FEISHU_ENDPOINTS,
@@ -466,7 +466,7 @@ function RemoveConfirmation({ bot, busy, onConfirm, onCancel }) {
   );
 }
 
-/** One select for the step-push presentation: off / per-step posts / process card. */
+/** One select for the step-push presentation. */
 function StepPushEditor({ value = false, mode = "post", disabled = false, onSave, onModeSave }) {
   const titleId = React.useId();
   const helpId = `${titleId}-help`;
@@ -496,7 +496,7 @@ function StepPushEditor({ value = false, mode = "post", disabled = false, onSave
         if (value === true) await onSave?.(false);
         return;
       }
-      const nextMode = next === "streaming_card" ? "streaming_card" : "post";
+      const nextMode = ["streaming_card", "live_cot"].includes(next) ? next : "post";
       // Enabling (or switching presentation) may need both writes; the flag
       // must land before the mode so the runtime never sees a mode without
       // step push enabled.
@@ -507,7 +507,9 @@ function StepPushEditor({ value = false, mode = "post", disabled = false, onSave
 
   const helpText = current === "off"
     ? "适合日常问答：执行过程中不显示工具调用等中间步骤，只回复最终结果"
-    : current === "streaming_card"
+    : current === "live_cot"
+      ? "使用飞书原生思考过程展示推理、工具调用与结果，最终答案单独发送"
+      : current === "streaming_card"
       ? "推荐长任务使用：过程与最终答案都在同一张卡片里实时更新，不刷屏"
       : "每一步都单独发一条消息（含工具调用和过程说明）；注意长任务会连续发送较多消息";
 
@@ -529,7 +531,7 @@ function StepPushEditor({ value = false, mode = "post", disabled = false, onSave
           id: helpId,
           className: "dim-presetTooltip",
           role: "tooltip",
-        }, "设置任务执行过程的呈现方式：不显示、实时卡片或逐步消息"))),
+        }, "设置任务执行过程的呈现方式：不显示、原生直播、实时卡片或逐步消息"))),
     saving
       ? h("span", { className: "dim-feishuGroupControlStatus", role: "status" }, "保存中…")
       : null),
@@ -541,6 +543,7 @@ function StepPushEditor({ value = false, mode = "post", disabled = false, onSave
     onChange: change,
   },
   h("option", { value: "off" }, "不显示过程（只发送最终答案）"),
+  h("option", { value: "live_cot" }, "实时直播（飞书原生思考过程）"),
   h("option", { value: "streaming_card" }, "实时过程卡（全程一张卡片动态更新）"),
   h("option", { value: "post" }, "逐步直播（每一步单独发一条消息）")),
   h("p", { className: "dim-feishuGroupHelp" }, helpText),
@@ -597,6 +600,18 @@ export function BotCard({
   },
     h("div", { className: "bxf-cardBody dim-botCardBody" },
       h(CollapsibleAccountSection, {
+        settings: h(BotSettingsButton, {
+          channel: "feishu",
+          botId: connection.botId,
+          botName: bot.name,
+          connected,
+          accessPolicy: connection.accessPolicy,
+          channelSettings: {
+            groupResponseMode: connection.groupResponseMode,
+            groupTopicReply: connection.groupTopicReply,
+            groupMessagePermissionGranted: connection.groupMessagePermissionGranted,
+          },
+        }),
         id: `bxf-settings-${connection.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
         header: h("div", { className: "bxf-connectedTop dim-botCardTop" },
           h("div", { className: "bxf-botIdentity dim-botIdentity" },
@@ -621,18 +636,7 @@ export function BotCard({
               formatCheckedTime,
               healthState: stateForDisplay,
             }),
-            h(BotSettingsButton, {
-              channel: "feishu",
-              botId: connection.botId,
-              botName: bot.name,
-              connected,
-              accessPolicy: connection.accessPolicy,
-              channelSettings: {
-                groupResponseMode: connection.groupResponseMode,
-                groupTopicReply: connection.groupTopicReply,
-                groupMessagePermissionGranted: connection.groupMessagePermissionGranted,
-              },
-            }))),
+            h(AccountSettingsToggle))),
       },
         h(WorkspaceEditor, {
           workspace: connection.workspace,

package/plugin-src/client/channels/qq/index.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 
 import { QqLogoGlyph } from '../../channel-logos.js';
 import { CredentialActionIcon, CredentialBindingPanel, QrActionIcon } from '../../credential-binding.js';
-import { CollapsibleAccountSection } from '../shared/collapsible-account.js';
+import { AccountSettingsToggle, CollapsibleAccountSection } from '../shared/collapsible-account.js';
 import { h } from '../../i18n.js';
 import { WorkspaceEditor } from '../../workspace-editor.js';
 import { ContextEnhancementEditor } from '../../context-enhancement.js';
@@ -189,6 +189,13 @@ export function AccountCard({
   return h('article', { className: 'ddt-card dim-botCard', 'data-bot-id': account.botId },
     h('div', { className: 'ddt-cardBody dim-botCardBody' },
       h(CollapsibleAccountSection, {
+        settings: h(BotSettingsButton, {
+          channel: 'qq',
+          botId: account.botId,
+          botName: account.bot.name,
+          connected: account.connected,
+          accessPolicy: account.accessPolicy,
+        }),
         id: `qq-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, '-')}`,
         header: h('div', { className: 'ddt-accountTop dim-botCardTop' },
         h('div', { className: 'ddt-accountIdentity dim-botIdentity' },
@@ -209,13 +216,7 @@ export function AccountCard({
             lastCheckedAt: account.health.lastCheckedAt,
             formatCheckedTime: checkedTime,
           }),
-          h(BotSettingsButton, {
-            channel: 'qq',
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy,
-          })))
+          h(AccountSettingsToggle)))
       },
         h(WorkspaceEditor, {
         workspace: account.workspace,

package/plugin-src/client/channels/shared/collapsible-account.js

@@ -3,32 +3,64 @@
  *
  * When several accounts are connected, each account's workspace / preset /
  * context-enhancement editors make the list extremely long. This component
- * renders the account header as the toggle itself: collapsed, the card shows
- * only the header line; clicking the header expands the settings details.
+ * keeps one settings toggle in the existing header tools slot. Clicking the
+ * header also expands the settings details; more settings live in the body.
  *
  * Design notes:
- * - The whole header is the toggle (click + keyboard). Buttons rendered inside
- *   the header must call stopPropagation so they keep their own behaviour.
- * - A chevron sits at the end of the header line as the affordance.
+ * - The native toggle owns keyboard interaction. Header controls stop click
+ *   propagation so editing a name cannot accidentally toggle the card.
  * - Height animation uses grid-template-rows: 0fr -> 1fr (pure CSS).
- * - Full a11y: the header is a button-like region with aria-expanded /
- *   aria-controls; the details region keeps native semantics.
+ * - The toggle exposes aria-expanded / aria-controls; the body keeps native
+ *   semantics and hides collapsed controls from focus and accessibility.
  * - Honors prefers-reduced-motion.
  * - Styles are managed by the IM settings plugin, not individual accounts.
  */
 import * as React from 'react';
 import { h } from '../../i18n.js';
+import { SettingsGlyph } from '../../channel-card-meta.js';
+
+const AccountSectionContext = React.createContext(null);
+
+/** Renders in the original settings-button slot, beside the status metadata. */
+export function AccountSettingsToggle() {
+  const { open, toggle, contentId } = React.useContext(AccountSectionContext);
+  return h('button', {
+    type: 'button',
+    className: 'dim-accountSettingsToggle',
+    'aria-label': open ? '收起该账号的设置' : '展开该账号的设置',
+    'aria-expanded': open ? 'true' : 'false',
+    'aria-controls': contentId,
+    onClick: (event) => {
+      event.stopPropagation();
+      toggle();
+    },
+  }, h(SettingsGlyph),
+  h('svg', {
+    className: 'dim-collapsibleChevron',
+    viewBox: '0 0 12 16',
+    width: 12,
+    height: 16,
+    fill: 'none',
+    stroke: 'currentColor',
+    strokeWidth: 1.8,
+    strokeLinecap: 'round',
+    strokeLinejoin: 'round',
+    'aria-hidden': 'true',
+  }, h('path', { d: 'M2 6 6 10 10 6' })));
+}
 
 /**
  * Collapsible account card.
  *
  * `header` renders the always-visible header line; clicking it toggles.
  * Any interactive control inside the header should stop the click event so it
- * does not toggle the section (e.g. the bot settings button).
+ * does not toggle the section (e.g. the alias editor).
+ * `settings` is the original more-settings action, shown above the editors.
  * `children` is the collapsed details region.
  */
 export function CollapsibleAccountSection({
   header,
+  settings,
   defaultOpen = false,
   open: controlledOpen,
   onToggle,
@@ -37,44 +69,35 @@ export function CollapsibleAccountSection({
   children,
 }) {
   const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const generatedId = React.useId();
   const open = controlledOpen ?? uncontrolledOpen;
-  const contentId = id ? `${id}-content` : undefined;
+  const contentId = `${id ?? generatedId}-content`;
 
   const toggle = () => {
     if (controlledOpen === undefined) setUncontrolledOpen((value) => !value);
     onToggle?.(!open);
   };
 
-  const onKeyDown = (event) => {
-    if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {
-      event.preventDefault();
-      toggle();
-    }
-  };
-
-  return h('div', {
+  return h(AccountSectionContext.Provider, { value: { open, toggle, contentId } },
+  h('div', {
     className: `dim-collapsibleAccount ${open ? 'is-open' : ''} ${className}`.trim(),
     'data-open': open ? 'true' : 'false',
   },
     h('div', {
       className: 'dim-collapsibleHead',
-      role: 'button',
-      tabIndex: 0,
       onClick: toggle,
-      onKeyDown,
-      'aria-expanded': open ? 'true' : 'false',
-      'aria-controls': contentId,
-      'aria-label': open ? '收起该账号的设置' : '展开该账号的设置',
     },
       h('div', { className: 'dim-collapsibleHeaderContent' }, header),
-      h('span', { className: 'dim-collapsibleChevron', 'aria-hidden': 'true' }),
     ),
     h('div', {
       id: contentId,
       className: 'dim-collapsibleBody',
       role: 'region',
     },
-      h('div', { className: 'dim-collapsibleBodyInner' }, children),
+      h('div', { className: 'dim-collapsibleBodyInner' },
+        settings ? h('div', { className: 'dim-accountSettingsHeader' },
+          h('span', null, '常用配置'), settings) : null,
+        children),
     ),
-  );
+  ));
 }

package/plugin-src/client/channels/shared/token-api.js

@@ -38,6 +38,7 @@ export const TOKEN_BOT_ENDPOINTS = Object.freeze({
   setContextEnhancement: 'bot.context-enhancement.set',
   setAccessPolicy: 'bot.access-policy.set',
   setAlias: 'bot.alias.set',
+  setThinkingTraces: 'bot.thinking-traces.set',
 });
 
 export function createTokenChannelApi(channel, connectionSummary, {
@@ -69,6 +70,8 @@ export function createTokenChannelApi(channel, connectionSummary, {
       model: normalizeModelSelection(value.model),
       agentPreset: normalizeAgentPresetId(value.agentPreset),
       contextEnhancement: normalizeContextEnhancementConfig(value.contextEnhancement),
+      // Absent from the backend means ON; only an explicit false opts out.
+      thinkingTraces: value.thinkingTraces !== false,
       ...(Object.hasOwn(value, 'accessPolicy')
         ? { accessPolicy: normalizeAccessPolicy(value.accessPolicy) }
         : {}),

package/plugin-src/client/channels/shared/token-channel.js

@@ -3,7 +3,7 @@ import { BotName } from '../../bot-alias.js';
 import * as React from 'react';
 
 import { CredentialActionIcon, CredentialBindingPanel } from '../../credential-binding.js';
-import { CollapsibleAccountSection } from './collapsible-account.js';
+import { AccountSettingsToggle, CollapsibleAccountSection } from './collapsible-account.js';
 import { h } from '../../i18n.js';
 import { installDingtalkStyles } from '../dingtalk/styles.js';
 import { WorkspaceEditor } from '../../workspace-editor.js';
@@ -92,6 +92,13 @@ export function createTokenChannelSettings(definition) {
     return h('article', { className: 'ddt-card dim-botCard', 'data-bot-id': account.botId },
       h('div', { className: 'ddt-cardBody dim-botCardBody' },
         h(CollapsibleAccountSection, {
+          settings: h(BotSettingsButton, {
+            channel: channel.toLowerCase(),
+            botId: account.botId,
+            botName: account.bot.name,
+            connected: account.connected,
+            accessPolicy: account.accessPolicy,
+          }),
           id: `tok-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, '-')}`,
           header: h('div', { className: 'ddt-accountTop dim-botCardTop' },
             h('div', { className: 'ddt-accountIdentity dim-botIdentity' },
@@ -113,13 +120,7 @@ export function createTokenChannelSettings(definition) {
                 lastCheckedAt: account.health.lastCheckedAt,
                 formatCheckedTime: checkedTime,
               }),
-              h(BotSettingsButton, {
-                channel: channel.toLowerCase(),
-                botId: account.botId,
-                botName: account.bot.name,
-                connected: account.connected,
-                accessPolicy: account.accessPolicy,
-              }))),
+              h(AccountSettingsToggle))),
         },
           h(WorkspaceEditor, {
             workspace: account.workspace,

package/plugin-src/client/channels/telegram/index.js

@@ -4,6 +4,7 @@ import {
   TELEGRAM_ENDPOINTS,
   telegramClientApi,
 } from './api.js';
+import { ThinkingTracesSettings } from './thinking-traces.js';
 import { installTelegramStyles } from './styles.js';
 
 const channel = createTokenChannelSettings({
@@ -19,6 +20,8 @@ const channel = createTokenChannelSettings({
   emptyTitle: '接入 Telegram 机器人',
   emptyDescription: '先通过 @BotFather 获取 Bot Token，再在这里完成接入。',
   platformLabel: 'Telegram',
+  AccountSettings: ThinkingTracesSettings,
+  accountSettingsEndpoint: 'bot.thinking-traces.set',
 });
 
 export const TelegramSettingsTab = channel.SettingsTab;

package/plugin-src/client/channels/telegram/styles.js

@@ -4,6 +4,18 @@ const CSS = String.raw`
 .dtg-page { --ddt-accent: #229ed9; --ddt-accent-deep: #1687bd; --ddt-accent-wash: #eaf7fd; }
 .dtg-avatar { color: #fff; background: #229ed9; }
 .dtg-avatar svg { display: block; }
+.dim-accountSettings { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--dsw-alias-border-l2, #eceef1); }
+.dim-accountSettingsTitle { margin: 0 0 8px; font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-secondary, #646a73); letter-spacing: 0.02em; }
+.dim-accountSettingsRow { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; cursor: pointer; }
+.dim-accountSettingsText { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
+.dim-accountSettingsLabel { font-size: 13px; font-weight: 500; color: var(--dsw-alias-label, #1f2329); }
+.dim-accountSettingsHelp { font-size: 12px; color: var(--dsw-alias-label-tertiary, #8a919f); }
+.dim-accountSettingsSwitch { appearance: none; flex: none; width: 32px; height: 19px; margin: 0; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 12px; background: var(--dsw-alias-interactive-bg-hover, #eef0f3); cursor: pointer; position: relative; }
+.dim-accountSettingsSwitch::before { content: ""; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%; background: var(--dsw-alias-label-secondary, #646a73); transition: transform 120ms ease, background 120ms ease; }
+.dim-accountSettingsSwitch:checked { border-color: #229ed9; background: #229ed9; }
+.dim-accountSettingsSwitch:checked::before { transform: translateX(13px); background: #fff; }
+.dim-accountSettingsSwitch:disabled { opacity: 0.5; cursor: not-allowed; }
+@media (prefers-reduced-motion: reduce) { .dim-accountSettingsSwitch::before { transition: none; } }
 `;
 
 export function installTelegramStyles() {

package/plugin-src/client/channels/telegram/thinking-traces.js

@@ -0,0 +1,25 @@
+/**
+ * 会话行为设置块：思考过程留痕开关（Telegram 专属）。
+ *
+ * 开启后，机器人把 agent 的推理与工具调用作为独立的 💭/🔧 消息实时发出来，
+ * 最终答案单独成条；关闭则回到「占位符被最终答案覆盖」的原有单消息行为。
+ */
+import { h } from '../../i18n.js';
+
+export function ThinkingTracesSettings({ account, busy, onSave }) {
+  const checked = account.thinkingTraces !== false;
+  return h('div', { className: 'dim-accountSettings' },
+    h('h4', { className: 'dim-accountSettingsTitle' }, '会话行为'),
+    h('label', { className: 'dim-accountSettingsRow' },
+      h('span', { className: 'dim-accountSettingsText' },
+        h('span', { className: 'dim-accountSettingsLabel' }, '思考过程留痕'),
+        h('span', { className: 'dim-accountSettingsHelp' },
+          '实时显示思考步骤与工具调用，最终答案单独成条')),
+      h('input', {
+        type: 'checkbox',
+        className: 'dim-accountSettingsSwitch',
+        checked,
+        disabled: Boolean(busy),
+        onChange: (event) => { onSave?.({ thinkingTraces: event.target.checked }); },
+      })));
+}

package/plugin-src/client/channels/wecom/index.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 
 import { WecomLogoGlyph } from '../../channel-logos.js';
 import { CredentialActionIcon, CredentialBindingPanel, QrActionIcon } from '../../credential-binding.js';
-import { CollapsibleAccountSection } from '../shared/collapsible-account.js';
+import { AccountSettingsToggle, CollapsibleAccountSection } from '../shared/collapsible-account.js';
 import { h } from '../../i18n.js';
 import { WorkspaceEditor } from '../../workspace-editor.js';
 import { ContextEnhancementEditor } from '../../context-enhancement.js';
@@ -188,6 +188,13 @@ export function AccountCard({
   return h('article', { className: 'ddt-card dim-botCard', 'data-bot-id': account.botId },
     h('div', { className: 'ddt-cardBody dim-botCardBody' },
       h(CollapsibleAccountSection, {
+        settings: h(BotSettingsButton, {
+          channel: 'wecom',
+          botId: account.botId,
+          botName: account.bot.name,
+          connected: account.connected,
+          accessPolicy: account.accessPolicy,
+        }),
         id: `wec-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, '-')}`,
         header: h('div', { className: 'ddt-accountTop dim-botCardTop' },
         h('div', { className: 'ddt-accountIdentity dim-botIdentity' },
@@ -208,13 +215,7 @@ export function AccountCard({
             lastCheckedAt: account.health.lastCheckedAt,
             formatCheckedTime: checkedTime,
           }),
-          h(BotSettingsButton, {
-            channel: 'wecom',
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy,
-          })))
+          h(AccountSettingsToggle)))
       },
         h(WorkspaceEditor, {
         workspace: account.workspace,

package/plugin-src/client/channels/wecom-app/index.js

@@ -3,7 +3,7 @@ import { BotName } from '../../bot-alias.js';
 import * as React from 'react';
 
 import { WecomLogoGlyph } from '../../channel-logos.js';
-import { CollapsibleAccountSection } from '../shared/collapsible-account.js';
+import { AccountSettingsToggle, CollapsibleAccountSection } from '../shared/collapsible-account.js';
 import { h } from '../../i18n.js';
 import { WorkspaceEditor } from '../../workspace-editor.js';
 import { ContextEnhancementEditor } from '../../context-enhancement.js';
@@ -263,6 +263,13 @@ export function AccountCard({
   return h('article', { className: 'ddt-card dim-botCard', 'data-bot-id': account.botId },
     h('div', { className: 'ddt-cardBody dim-botCardBody' },
       h(CollapsibleAccountSection, {
+        settings: h(BotSettingsButton, {
+          channel: 'wecomApp',
+          botId: account.botId,
+          botName: account.bot.name,
+          connected: account.connected,
+          accessPolicy: account.accessPolicy,
+        }),
         id: elementId,
         header: h('div', { className: 'ddt-accountTop dim-botCardTop' },
         h('div', { className: 'ddt-accountIdentity dim-botIdentity' },
@@ -283,13 +290,7 @@ export function AccountCard({
             lastCheckedAt: account.health.lastCheckedAt,
             formatCheckedTime: checkedTime,
           }),
-          h(BotSettingsButton, {
-            channel: 'wecomApp',
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy,
-          })))
+          h(AccountSettingsToggle)))
       },
         h(CallbackUrlBox, {
           url: account.bot.callbackUrl,

package/plugin-src/client/channels/weixin/index.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 
 import { WeixinLogoGlyph } from '../../channel-logos.js';
 import { QrActionIcon } from '../../credential-binding.js';
-import { CollapsibleAccountSection } from '../shared/collapsible-account.js';
+import { AccountSettingsToggle, CollapsibleAccountSection } from '../shared/collapsible-account.js';
 import { h } from '../../i18n.js';
 import {
   WEIXIN_ENDPOINTS,
@@ -230,6 +230,13 @@ export function AccountCard({
   return h('article', { className: 'dxw-card dim-botCard', tabIndex: -1, 'data-bot-id': account.botId },
     h('div', { className: 'dxw-cardBody dim-botCardBody' },
       h(CollapsibleAccountSection, {
+        settings: h(BotSettingsButton, {
+          channel: 'weixin',
+          botId: account.botId,
+          botName: account.bot.name,
+          connected: account.connected,
+          accessPolicy: account.accessPolicy,
+        }),
         id: `dxw-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, '-')}`,
         header: h('div', { className: 'dxw-accountTop dim-botCardTop' },
         h('div', { className: 'dxw-accountIdentity dim-botIdentity' },
@@ -249,13 +256,7 @@ export function AccountCard({
             lastCheckedAt: account.health.lastCheckedAt,
             formatCheckedTime: checkedTime,
           }),
-          h(BotSettingsButton, {
-            channel: 'weixin',
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy,
-          })))
+          h(AccountSettingsToggle)))
       },
         h(WorkspaceEditor, {
         workspace: account.workspace,

package/plugin-src/client/channels/whatsapp/index.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 
 import { WhatsappLogoGlyph } from '../../channel-logos.js';
 import { QrActionIcon } from '../../credential-binding.js';
-import { CollapsibleAccountSection } from '../shared/collapsible-account.js';
+import { AccountSettingsToggle, CollapsibleAccountSection } from '../shared/collapsible-account.js';
 import { h } from '../../i18n.js';
 import { WorkspaceEditor } from '../../workspace-editor.js';
 import { ContextEnhancementEditor } from '../../context-enhancement.js';
@@ -208,6 +208,13 @@ export function WhatsappAccountCard({
   return h('article', { className: 'ddt-card dim-botCard', 'data-bot-id': account.botId },
     h('div', { className: 'ddt-cardBody dim-botCardBody' },
       h(CollapsibleAccountSection, {
+        settings: h(BotSettingsButton, {
+          channel: 'whatsapp',
+          botId: account.botId,
+          botName: account.bot.name,
+          connected: account.connected,
+          accessPolicy: account.accessPolicy,
+        }),
         id: `wsp-settings-${account.botId.replace(/[^a-zA-Z0-9_-]/g, '-')}`,
         header: h('div', { className: 'ddt-accountTop dim-botCardTop' },
         h('div', { className: 'ddt-accountIdentity dim-botIdentity' },
@@ -231,13 +238,7 @@ export function WhatsappAccountCard({
             lastCheckedAt: account.health.lastCheckedAt,
             formatCheckedTime: checkedTime,
           }),
-          h(BotSettingsButton, {
-            channel: 'whatsapp',
-            botId: account.botId,
-            botName: account.bot.name,
-            connected: account.connected,
-            accessPolicy: account.accessPolicy,
-          })))
+          h(AccountSettingsToggle)))
       },
         h(WorkspaceEditor, {
         workspace: account.workspace,