@xmanrui/dsh-im 4.10.0 → 4.12.0

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

@@ -2,13 +2,13 @@ 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 { h } from "../../i18n.js";
 import {
   FEISHU_ENDPOINTS,
   FEISHU_REGISTRATION_OPERATIONS,
   formatRemaining,
   normalizeBotsSnapshot,
-  normalizeGroupResponseMode,
   normalizePollResult,
   normalizeProvisioning,
   presentError,
@@ -22,6 +22,11 @@ import {
   AgentPresetEditor,
   EMPTY_AGENT_PRESET_CATALOG,
 } from "../../agent-preset.js";
+import {
+  EMPTY_MODEL_CATALOG,
+  ModelCatalogContext,
+  ModelEditor,
+} from "../../model-setting.js";
 import { useWorkspaceSnapshotFence } from "../../workspace-snapshot-fence.js";
 import {
   BotSettingsButton,
@@ -459,133 +464,6 @@ function RemoveConfirmation({ bot, busy, onConfirm, onCancel }) {
   );
 }
 
-function GroupResponseModeEditor({
-  value,
-  permissionGranted = false,
-  disabled = false,
-  authorizationDisabled = false,
-  onSave,
-  onAuthorize,
-}) {
-  const current = normalizeGroupResponseMode(value);
-  const [saving, setSaving] = React.useState(false);
-  const [authorizing, setAuthorizing] = React.useState(false);
-  const [error, setError] = React.useState(null);
-
-  const change = async (event) => {
-    const next = normalizeGroupResponseMode(event.target.value);
-    if (next === current || saving || disabled) return;
-    setSaving(true);
-    setError(null);
-    try {
-      await onSave?.(next);
-    } catch (cause) {
-      setError(cause?.message ?? "群聊响应方式修改失败，请重试。");
-    } finally {
-      setSaving(false);
-    }
-  };
-
-  const authorize = async () => {
-    if (current !== "all" || saving || authorizing || disabled || authorizationDisabled) return;
-    setAuthorizing(true);
-    setError(null);
-    try {
-      await onAuthorize?.();
-    } catch (cause) {
-      setError(cause?.message ?? "群消息权限授权失败，请重试。");
-    } finally {
-      setAuthorizing(false);
-    }
-  };
-
-  return h("div", { className: "bxf-responseMode dim-responseMode" },
-    h("div", { className: "bxf-responseModeHeader dim-responseModeHeader" },
-      h("span", null, "群聊响应方式"),
-      saving || authorizing
-        ? h("span", { className: "bxf-responseModeStatus dim-responseModeStatus" },
-            saving ? "保存中…" : "正在准备授权…")
-        : null),
-    h("select", {
-      className: "bxf-responseModeSelect dim-responseModeSelect",
-      value: current,
-      disabled: disabled || saving,
-      "aria-label": "群聊响应方式",
-      onChange: (event) => { void change(event); },
-    },
-      h("option", { value: "mention" }, "仅在 @机器人时响应（推荐）"),
-      h("option", { value: "all" }, "响应所有群消息"),
-    ),
-    h("small", { className: "bxf-responseModeHelp dim-responseModeHelp" },
-      current === "mention"
-        ? permissionGranted
-          ? "私聊始终响应；群聊仅处理明确 @当前机器人的消息。群消息权限已开通，再次切换无需授权。"
-          : "私聊始终响应；群聊仅处理明确 @当前机器人的消息。选择全部消息后会打开飞书官方授权流程。"
-        : permissionGranted
-          ? "已开通“获取群组中所有消息”权限（im:message.group_msg）；机器人会处理群聊中的所有可见消息。"
-          : "尚未确认“获取群组中所有消息”权限，请完成飞书授权。"),
-    current === "all"
-      ? h("div", { className: "bxf-responseModePermissionAction dim-responseModePermissionAction" },
-          h(Button, {
-            className: "bxf-responseModePermissionButton",
-            size: "small",
-            disabled: disabled || authorizationDisabled || saving || authorizing,
-            "aria-busy": authorizing ? "true" : undefined,
-            "aria-label": permissionGranted ? "重新授权群消息权限" : "授权群消息权限",
-            onClick: () => { void authorize(); },
-          }, authorizing ? "正在准备…" : permissionGranted ? "重新授权" : "去授权"))
-      : null,
-    error ? h("p", {
-      className: "bxf-responseModeError dim-responseModeError",
-      role: "alert",
-    }, error) : null,
-  );
-}
-
-function GroupTopicReplyEditor({ value = false, disabled = false, onSave }) {
-  const current = value === true ? "on" : "off";
-  const [saving, setSaving] = React.useState(false);
-  const [error, setError] = React.useState(null);
-
-  const change = async (event) => {
-    const next = event.target.value === "on";
-    if ((next ? "on" : "off") === current || saving || disabled) return;
-    setSaving(true);
-    setError(null);
-    try {
-      await onSave?.(next);
-    } catch (cause) {
-      setError(cause?.message ?? "群聊以话题方式回复设置保存失败，请重试。");
-    } finally {
-      setSaving(false);
-    }
-  };
-
-  return h("div", { className: "bxf-responseMode dim-responseMode" },
-    h("div", { className: "bxf-responseModeHeader dim-responseModeHeader" },
-      h("span", null, "群聊以话题方式回复"),
-      saving
-        ? h("span", { className: "bxf-responseModeStatus dim-responseModeStatus" }, "保存中…")
-        : null),
-    h("select", {
-      className: "bxf-responseModeSelect dim-responseModeSelect",
-      value: current,
-      disabled: disabled || saving,
-      "aria-label": "群聊以话题方式回复",
-      onChange: (event) => { void change(event); },
-    },
-      h("option", { value: "off" }, "关闭（群内直接回复）"),
-      h("option", { value: "on" }, "开启（自动开启独立飞书话题）"),
-    ),
-    h("small", { className: "bxf-responseModeHelp dim-responseModeHelp" },
-      "开启后，群聊中向机器人提问会自动开启独立飞书话题，回复落在话题内；每个话题是 dsh 会话列表里一条独立会话，上下文互不串。私聊不受影响。"),
-    error ? h("p", {
-      className: "bxf-responseModeError dim-responseModeError",
-      role: "alert",
-    }, error) : null,
-  );
-}
-
 export function BotCard({
   connection,
   busy,
@@ -598,11 +476,9 @@ export function BotCard({
   onReconnect,
   onRepairCallback,
   onWorkspaceSave,
+  onModelSave,
   onAgentPresetSave,
   onContextEnhancementSave,
-  onGroupResponseModeSave,
-  onGroupTopicReplySave,
-  onGroupMessagePermissionAuthorize,
   onRequestRemove,
   onConfirmRemove,
   onCancelRemove,
@@ -631,36 +507,53 @@ export function BotCard({
     ref: cardRef,
   },
     h("div", { className: "bxf-cardBody dim-botCardBody" },
-      h("div", { className: "bxf-connectedTop dim-botCardTop" },
-        h("div", { className: "bxf-botIdentity dim-botIdentity" },
-          h("div", { className: "bxf-avatar dim-botAvatar", "aria-hidden": "true" },
-            h(FeishuLogoGlyph, { size: 34 })),
-          h("div", { className: "bxf-botName dim-botName" },
-            h("h3", { id: titleId, title: bot.name }, bot.name),
-            h("p", { title: bot.appIdMasked }, bot.appIdMasked ?? "应用标识已安全保存")),
-        ),
-        h("div", { className: "dim-botCardTools" },
-          h(BotStatusMeta, {
-            className: "bxf-healthPill",
-            dotClassName: "bxf-dot",
-            tone,
-            stateLabel: HEALTH_LABELS[stateForDisplay] ?? "状态未知",
-            lastCheckedAt: health.lastCheckedAt,
-            formatCheckedTime,
-            healthState: stateForDisplay,
-          }),
-          h(BotSettingsButton, {
-            channel: "feishu",
-            botId: connection.botId,
-            botName: bot.name,
-            connected,
-            accessPolicy: connection.accessPolicy,
-          })),
-      ),
-      h(WorkspaceEditor, {
-        workspace: connection.workspace,
+      h(CollapsibleAccountSection, {
+        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" },
+            h("div", { className: "bxf-avatar dim-botAvatar", "aria-hidden": "true" },
+              h(FeishuLogoGlyph, { size: 34 })),
+            h("div", { className: "bxf-botName dim-botName" },
+              h("h3", { id: titleId, title: bot.name }, bot.name),
+              h("p", { title: bot.appIdMasked }, bot.appIdMasked ?? "应用标识已安全保存")),
+          ),
+          h("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(); },
+          },
+            h(BotStatusMeta, {
+              className: "bxf-healthPill",
+              dotClassName: "bxf-dot",
+              tone,
+              stateLabel: HEALTH_LABELS[stateForDisplay] ?? "状态未知",
+              lastCheckedAt: health.lastCheckedAt,
+              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(WorkspaceEditor, {
+          workspace: connection.workspace,
+          disabled: Boolean(busy),
+          onSave: onWorkspaceSave,
+        }),
+      h(ModelEditor, {
+        model: connection.model,
         disabled: Boolean(busy),
-        onSave: onWorkspaceSave,
+        onSave: onModelSave,
       }),
       h(AgentPresetEditor, {
         agentPreset: connection.agentPreset,
@@ -672,19 +565,6 @@ export function BotCard({
         disabled: Boolean(busy),
         onSave: onContextEnhancementSave,
       }),
-      h(GroupResponseModeEditor, {
-        value: connection.groupResponseMode,
-        permissionGranted: connection.groupMessagePermissionGranted,
-        disabled: Boolean(busy),
-        authorizationDisabled: repairDisabled,
-        onSave: onGroupResponseModeSave,
-        onAuthorize: onGroupMessagePermissionAuthorize,
-      }),
-      h(GroupTopicReplyEditor, {
-        value: connection.groupTopicReply,
-        disabled: Boolean(busy),
-        onSave: onGroupTopicReplySave,
-      }),
       provisionContent
         ? h("section", {
             className: "bxf-botProvision dim-botProvision",
@@ -733,6 +613,7 @@ export function BotCard({
             className: "bxf-healthSummary dim-cardFeedback",
             role: "status",
           }, testNotice) : null),
+        ),
       ),
     ),
     removing
@@ -773,11 +654,9 @@ function BotList(props) {
           onReconnect: () => props.onReconnect(bot),
           onRepairCallback: () => props.onRepairCallback(bot),
           onWorkspaceSave: (workspace) => props.onWorkspaceSave(bot, workspace),
+          onModelSave: (model) => props.onModelSave(bot, model),
           onAgentPresetSave: (agentPreset) => props.onAgentPresetSave(bot, agentPreset),
           onContextEnhancementSave: (config) => props.onContextEnhancementSave(bot, config),
-          onGroupResponseModeSave: (groupResponseMode) => props.onGroupResponseModeSave(bot, groupResponseMode),
-          onGroupTopicReplySave: (groupTopicReply) => props.onGroupTopicReplySave(bot, groupTopicReply),
-          onGroupMessagePermissionAuthorize: () => props.onGroupMessagePermissionAuthorize(bot),
           onRequestRemove: () => props.onRequestRemove(bot),
           onConfirmRemove: () => props.onConfirmRemove(bot),
           onCancelRemove: props.onCancelRemove,
@@ -830,6 +709,7 @@ export function mergeFeishuSnapshotState(
     pageError: null,
     statusError: null,
     agentPresetCatalog: snapshot.agentPresetCatalog ?? current.agentPresetCatalog,
+    modelCatalog: snapshot.modelCatalog ?? current.modelCatalog,
   };
 }
 
@@ -843,6 +723,7 @@ export function FeishuSettingsTab({ rpcCall }) {
     pageError: null,
     statusError: null,
     agentPresetCatalog: EMPTY_AGENT_PRESET_CATALOG,
+    modelCatalog: EMPTY_MODEL_CATALOG,
   });
   const [pageBusy, setPageBusy] = React.useState(false);
   const [provisionBusy, setProvisionBusy] = React.useState(false);
@@ -1384,56 +1265,6 @@ export function FeishuSettingsTab({ rpcCall }) {
     }
   }, [invoke, loadStatus, mergeSnapshot, setBotBusy, setBotError, workspaceFence]);
 
-  const authorizeGroupMessages = React.useCallback(async (connection) => {
-    const { botId } = connection;
-    if (model.provisioning) {
-      throw new Error("请先完成当前飞书授权操作，再开通群消息权限。");
-    }
-    setRemoveTargetId(null);
-    setBotError(botId, null);
-    setTestNoticesByBot((current) => {
-      const next = { ...current };
-      delete next[botId];
-      return next;
-    });
-    await startProvisioning({
-      operation: GROUP_MESSAGE_PERMISSION_OPERATION,
-      bot: connection,
-    });
-  }, [model.provisioning, setBotError, startProvisioning]);
-
-  const saveGroupResponseMode = React.useCallback(async (connection, groupResponseMode) => {
-    const { botId } = connection;
-    if (groupResponseMode === "all" && connection.groupMessagePermissionGranted !== true) {
-      await authorizeGroupMessages(connection);
-      return;
-    }
-    const snapshotVersion = workspaceFence.beginMutation();
-    setBotBusy(botId, "group-response-mode");
-    setBotError(botId, null);
-    try {
-      const snapshot = normalizeBotsSnapshot(await invoke(
-        FEISHU_ENDPOINTS.setGroupResponseMode,
-        { botId, groupResponseMode },
-      ));
-      if (mountedRef.current && workspaceFence.canCommitMutation(snapshotVersion)) {
-        mergeSnapshot(snapshot);
-      }
-    } finally {
-      const shouldRefresh = workspaceFence.endMutation();
-      if (shouldRefresh && mountedRef.current) void loadStatus({ silent: true });
-      if (mountedRef.current) setBotBusy(botId, null);
-    }
-  }, [
-    invoke,
-    authorizeGroupMessages,
-    loadStatus,
-    mergeSnapshot,
-    setBotBusy,
-    setBotError,
-    workspaceFence,
-  ]);
-
   const requestRemove = React.useCallback((connection) => {
     setRemoveTargetId(connection.botId);
   }, []);
@@ -1541,7 +1372,9 @@ export function FeishuSettingsTab({ rpcCall }) {
     else removeButtonRefs.current.delete(botId);
   }, []);
 
-  return h(AgentPresetCatalogContext.Provider, {
+  return h(ModelCatalogContext.Provider, {
+    value: model.modelCatalog ?? EMPTY_MODEL_CATALOG,
+  }, h(AgentPresetCatalogContext.Provider, {
     value: model.agentPresetCatalog ?? EMPTY_AGENT_PRESET_CATALOG,
   }, h("section", { className: "bxf-page dim-channelPage", "aria-label": "飞书机器人设置" },
     h(Heading, {
@@ -1589,17 +1422,15 @@ export function FeishuSettingsTab({ rpcCall }) {
                   onReconnect: (bot) => void reconnectOneBot(bot),
                   onRepairCallback: repairCallback,
                   onWorkspaceSave: saveWorkspace,
+                  onModelSave: (connection, selectedModel) => saveBotSetting(
+                    connection, "model", FEISHU_ENDPOINTS.setModel, { model: selectedModel },
+                  ),
                   onAgentPresetSave: (connection, agentPreset) => saveBotSetting(
                     connection, "preset", FEISHU_ENDPOINTS.setAgentPreset, { agentPreset },
                   ),
                   onContextEnhancementSave: (connection, config) => saveBotSetting(
                     connection, "context-enhancement", FEISHU_ENDPOINTS.setContextEnhancement, { config },
                   ),
-                  onGroupResponseModeSave: saveGroupResponseMode,
-                  onGroupTopicReplySave: (connection, groupTopicReply) => saveBotSetting(
-                    connection, "group-topic-reply", FEISHU_ENDPOINTS.setGroupTopicReply, { groupTopicReply },
-                  ),
-                  onGroupMessagePermissionAuthorize: authorizeGroupMessages,
                   onRequestRemove: requestRemove,
                   onConfirmRemove: (bot) => void confirmRemove(bot),
                   onCancelRemove: cancelRemove,
@@ -1608,5 +1439,5 @@ export function FeishuSettingsTab({ rpcCall }) {
                 })
               : null,
           ),
-  ));
+  )));
 }

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

@@ -1,4 +1,5 @@
 import { normalizeAgentPresetCatalog, normalizeAgentPresetId, SET_AGENT_PRESET_ENDPOINT } from '../../agent-preset.js';
+import { normalizeModelCatalog, normalizeModelSelection, SET_MODEL_ENDPOINT } from '../../model-setting.js';
 import { normalizeLastMessageError } from '../../last-message-error.js';
 import { normalizeAccessPolicy } from '../../../../src/channels/shared/access-policy.mjs';
 import { normalizeContextEnhancementConfig } from '../../../../src/channels/shared/context-enhancement.mjs';
@@ -14,6 +15,7 @@ export const QQ_ENDPOINTS = Object.freeze({
   reconnectBot: 'bot.reconnect',
   deleteBot: 'bot.delete',
   setWorkspace: 'bot.workspace.set',
+  setModel: SET_MODEL_ENDPOINT,
   setAgentPreset: SET_AGENT_PRESET_ENDPOINT,
   setContextEnhancement: 'bot.context-enhancement.set',
   setAccessPolicy: 'bot.access-policy.set',
@@ -90,6 +92,7 @@ function normalizeBot(value) {
     connected,
     state: connected ? 'connected' : state,
     workspace: text(value.workspace, '', 4_096),
+    model: normalizeModelSelection(value.model),
     agentPreset: normalizeAgentPresetId(value.agentPreset),
     contextEnhancement: normalizeContextEnhancementConfig(value.contextEnhancement),
     ...(Object.hasOwn(value, 'accessPolicy')
@@ -132,6 +135,7 @@ export function normalizeSnapshot(value) {
     totals: { configured: bots.length, connected: bots.filter((bot) => bot.connected).length },
     provisioning: source.provisioning ? normalizeProvisioning(source.provisioning) : null,
     agentPresetCatalog: normalizeAgentPresetCatalog(source.agentPresetCatalog),
+    modelCatalog: normalizeModelCatalog(source.modelCatalog),
     ...(testMessage ? { testMessage } : {}),
   };
 }

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

@@ -2,6 +2,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 { h } from '../../i18n.js';
 import { WorkspaceEditor } from '../../workspace-editor.js';
 import { ContextEnhancementEditor } from '../../context-enhancement.js';
@@ -10,6 +11,11 @@ import {
   AgentPresetEditor,
   EMPTY_AGENT_PRESET_CATALOG,
 } from '../../agent-preset.js';
+import {
+  EMPTY_MODEL_CATALOG,
+  ModelCatalogContext,
+  ModelEditor,
+} from '../../model-setting.js';
 import { useWorkspaceSnapshotFence } from '../../workspace-snapshot-fence.js';
 import {
   BotSettingsButton,
@@ -167,6 +173,7 @@ export function AccountCard({
   removing,
   onReconnect,
   onWorkspaceSave,
+  onModelSave,
   onAgentPresetSave,
   onContextEnhancementSave,
   onRequestRemove,
@@ -178,12 +185,19 @@ export function AccountCard({
   const summary = account.error?.message ?? (account.connected ? null : account.health.summary);
   return h('article', { className: 'ddt-card dim-botCard', 'data-bot-id': account.botId },
     h('div', { className: 'ddt-cardBody dim-botCardBody' },
-      h('div', { className: 'ddt-accountTop dim-botCardTop' },
+      h(CollapsibleAccountSection, {
+        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' },
           h('div', { className: 'ddt-avatar dim-botAvatar dqq-avatar', 'aria-hidden': 'true' }, h(QqLogoGlyph, { size: 29 })),
           h('div', { className: 'dim-botName' },
             h('h3', null, account.bot.name), h('p', null, account.bot.appIdMasked))),
-        h('div', { className: 'dim-botCardTools' },
+        h('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(); },
+          },
           h(BotStatusMeta, {
             className: 'ddt-health',
             dotClassName: 'ddt-dot',
@@ -198,12 +212,18 @@ export function AccountCard({
             botName: account.bot.name,
             connected: account.connected,
             accessPolicy: account.accessPolicy,
-          }))),
-      h(WorkspaceEditor, {
+          })))
+      },
+        h(WorkspaceEditor, {
         workspace: account.workspace,
         disabled: Boolean(busy),
         onSave: onWorkspaceSave,
       }),
+      h(ModelEditor, {
+        model: account.model,
+        disabled: Boolean(busy),
+        onSave: onModelSave,
+      }),
       h(AgentPresetEditor, {
         agentPreset: account.agentPreset,
         disabled: Boolean(busy),
@@ -228,7 +248,9 @@ export function AccountCard({
             className: 'ddt-summary dim-cardFeedback',
             role: 'status',
             'aria-live': 'polite',
-          }, feedback) : null))),
+          }, feedback) : null)),
+      ),
+    ),
     removing ? h(RemoveConfirmation, {
       account, busy: busy === 'delete', onConfirm: onConfirmRemove, onCancel: onCancelRemove,
     }) : null);
@@ -238,6 +260,7 @@ export function QqSettingsTab({ rpcCall }) {
   const [model, setModel] = React.useState({
     phase: 'loading', bots: [], totals: { configured: 0, connected: 0 }, error: null,
     agentPresetCatalog: EMPTY_AGENT_PRESET_CATALOG,
+    modelCatalog: EMPTY_MODEL_CATALOG,
   });
   const [provision, setProvision] = React.useState(null);
   const [busy, setBusy] = React.useState(false);
@@ -278,6 +301,7 @@ export function QqSettingsTab({ rpcCall }) {
       setModel({
         phase: 'ready', bots: snapshot.bots, totals: snapshot.totals, error: null,
         agentPresetCatalog: snapshot.agentPresetCatalog ?? EMPTY_AGENT_PRESET_CATALOG,
+        modelCatalog: snapshot.modelCatalog ?? EMPTY_MODEL_CATALOG,
       });
       if (restore && snapshot.provisioning) setProvision({
         ...snapshot.provisioning,
@@ -345,6 +369,7 @@ export function QqSettingsTab({ rpcCall }) {
         setModel({
           phase: 'ready', bots: snapshot.bots, totals: snapshot.totals, error: null,
           agentPresetCatalog: snapshot.agentPresetCatalog ?? EMPTY_AGENT_PRESET_CATALOG,
+          modelCatalog: snapshot.modelCatalog ?? EMPTY_MODEL_CATALOG,
         });
       }
       setCredentialOpen(false);
@@ -408,6 +433,7 @@ export function QqSettingsTab({ rpcCall }) {
         setModel({
           phase: 'ready', bots: snapshot.bots, totals: snapshot.totals, error: null,
           agentPresetCatalog: snapshot.agentPresetCatalog ?? EMPTY_AGENT_PRESET_CATALOG,
+          modelCatalog: snapshot.modelCatalog ?? EMPTY_MODEL_CATALOG,
         });
       }
       return snapshot;
@@ -478,6 +504,12 @@ export function QqSettingsTab({ rpcCall }) {
               QQ_ENDPOINTS.setWorkspace,
               { botId: account.botId, workspace },
             ),
+            onModelSave: (selectedModel) => botAction(
+              account,
+              'model',
+              QQ_ENDPOINTS.setModel,
+              { botId: account.botId, model: selectedModel },
+            ),
             onAgentPresetSave: (agentPreset) => botAction(
               account,
               'preset',
@@ -513,7 +545,9 @@ export function QqSettingsTab({ rpcCall }) {
       })
     : null;
 
-  return h(AgentPresetCatalogContext.Provider, {
+  return h(ModelCatalogContext.Provider, {
+    value: model.modelCatalog ?? EMPTY_MODEL_CATALOG,
+  }, h(AgentPresetCatalogContext.Provider, {
     value: model.agentPresetCatalog ?? EMPTY_AGENT_PRESET_CATALOG,
   }, h('section', { className: 'ddt-page dqq-page dim-channelPage', 'aria-label': 'QQ 设置' },
     h(Heading, {
@@ -533,5 +567,5 @@ export function QqSettingsTab({ rpcCall }) {
             provisionView,
             model.bots.length === 0 && !provision && !credentialOpen
               ? h(EmptyView, { busy, onStart: () => void startProvisioning() }) : null,
-            botList)));
+            botList))));
 }

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

@@ -0,0 +1,80 @@
+/**
+ * Collapsible per-account card, shared by every IM channel.
+ *
+ * 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.
+ *
+ * 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.
+ * - 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.
+ * - 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';
+
+/**
+ * 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).
+ * `children` is the collapsed details region.
+ */
+export function CollapsibleAccountSection({
+  header,
+  defaultOpen = false,
+  open: controlledOpen,
+  onToggle,
+  id,
+  className = '',
+  children,
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const contentId = id ? `${id}-content` : undefined;
+
+  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', {
+    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),
+    ),
+  );
+}