@xmanrui/dsh-im 4.14.0 → 4.16.0

package/plugin-src/client/i18n.js

@@ -221,6 +221,7 @@ const EN = Object.freeze({
   '开启（自动开启独立飞书话题）': 'On (auto-open a dedicated Feishu topic)',
   '开启后，群聊中向机器人提问会自动开启独立飞书话题，回复落在话题内；每个话题是 dsh 会话列表里一条独立会话，上下文互不串。私聊不受影响。': 'When enabled, questions to the bot in a group auto-open a dedicated Feishu topic and replies stay inside it. Each topic is an independent conversation in dsh with its own context. Private chats are unaffected.',
   '分步直推': 'Step push',
+  '查看分步直推说明': 'View step push help',
   '开启后逐步推送工具调用与过程说明': 'Push tool calls and process notes step by step',
   '关闭（保持流式卡模式）': 'Off (keep the streaming card)',
   '开启（逐步推送工具调用与过程说明）': 'On (push tool calls and process notes step by step)',
@@ -359,6 +360,14 @@ const EN = Object.freeze({
   'Agent Preset 无效。': 'The Agent Preset is invalid.',
   'Agent Preset 不存在或不可用。': 'The Agent Preset does not exist or is unavailable.',
   '模型': 'Model',
+  '模型与思考强度': 'Model and reasoning effort',
+  '思考强度': 'Reasoning effort',
+  '跟随模型默认': 'Model default',
+  '先选择模型，再设置思考强度。': 'Select a model to configure its reasoning effort.',
+  '该模型未提供可调节的思考强度。': 'This model does not provide adjustable reasoning effort.',
+  '已保存的思考强度已不可用，请选择其他强度或恢复默认。': 'The saved reasoning effort is unavailable. Choose another effort or restore the default.',
+  '使用模型或服务提供方的默认思考强度。': 'Use the default reasoning effort from the model or provider.',
+  '当前模型不支持所选思考强度，请重新选择。': 'This model does not support the selected reasoning effort. Choose another effort.',
   '查看模型设置说明': 'View model setting help',
   '跟随默认模型': 'Follow the default model',
   '模型修改失败，请重试。': 'Could not update the model. Try again.',
@@ -459,7 +468,7 @@ const EN = Object.freeze({
   '权限配置已提交，正在启用全部消息模式并重连此机器人；此阶段无法取消，其他机器人不会中断。': 'The permission update was submitted. Enabling all-message mode and reconnecting this bot. This stage cannot be cancelled; other bots will not be interrupted.',
   '正在为现有飞书应用申请群消息权限二维码，请稍候。': 'Requesting a group-message permission QR code for the existing Feishu app…',
   '群消息权限没有开通完成': 'Group-message permission was not granted',
-  '扫码会更新现有飞书应用，增量补充当前缺少的卡片按钮回调、读取用户消息内图片或文件所需的 im:message:readonly（飞书显示为“获取单聊、群组消息”）、上传机器人图片或文件所需的 im:resource，以及原生命令面板所需的 application:app_slash_command:read / write；不会创建新应用。确认页只显示当前缺少项，完成后此机器人会短暂重连，其他机器人不受影响。': 'Scanning updates the existing Feishu app with the missing card-button callback, im:message:readonly for reading images or files in user messages (shown by Feishu as “Read direct and group messages”), im:resource for uploading images or files sent by the bot, and application:app_slash_command:read / write for the native command panel. It does not create a new app. The confirmation page shows only missing items; this bot reconnects briefly afterward, while other bots are unaffected.',
+  '扫码会更新现有飞书应用，增量补充当前缺少的卡片按钮回调、读取用户消息内图片或文件所需的 im:message:readonly（飞书显示为“获取单聊、群组消息”）、上传机器人图片或文件所需的 im:resource、接收群内其他机器人 @ 当前机器人所需的 im:message.group_at_msg.include_bot:readonly，以及原生命令面板所需的 application:app_slash_command:read / write；不会创建新应用。确认页只显示当前缺少项，完成后此机器人会短暂重连，其他机器人不受影响。': 'Scanning updates the existing Feishu app with the missing card-button callback, im:message:readonly for reading images or files in user messages (shown by Feishu as “Read direct and group messages”), im:resource for uploading images or files sent by the bot, im:message.group_at_msg.include_bot:readonly for receiving group messages from other bots that mention this bot, and application:app_slash_command:read / write for the native command panel. It does not create a new app. The confirmation page shows only missing items; this bot reconnects briefly afterward, while other bots are unaffected.',
   '核对现有应用名称，并确认只新增当前缺少的上述配置': 'Review the existing app name and confirm that only the missing items described above are added',
   '保持本页打开，等待权限与回调补全完成': 'Keep this page open until permissions and the callback are complete',
   '取消补全': 'Cancel setup',
@@ -891,6 +900,60 @@ const EN = Object.freeze({
   '确认清理当前已过期的附件？': 'Clean up the attachments that are currently expired?',
   '确认清理': 'Confirm cleanup',
   '正在清理…': 'Cleaning up…',
+  '正在读取企业微信应用状态…': 'Loading WeCom app status…',
+  '添加企业微信应用': 'Add WeCom app',
+  '收起表单': 'Collapse form',
+  '添加企业微信自建应用': 'Add a WeCom self-built app',
+  '正在填写': 'Filling in details',
+  '尚未绑定企业微信应用': 'No WeCom app connected yet',
+  '在企业微信中创建自建应用，即可在微信里使用': 'Create a self-built app in WeCom to use it inside WeChat',
+  '在应用管理后台创建自建应用，开启「接收消息」并填入下面的参数。成员的微信关注该企业的微信插件后，就能在微信中与本应用双向对话。': 'Create the self-built app in the WeCom admin console, enable receive-messages, and fill in the parameters below. Once members follow the enterprise WeChat plugin, they can chat with this app directly inside WeChat.',
+  '填写应用参数': 'Fill in app parameters',
+  '企业 ID（CorpID）': 'Corp ID',
+  '例如 ww1234567890abcdef': 'for example ww1234567890abcdef',
+  '应用 AgentId': 'AgentId',
+  '例如 1000002': 'for example 1000002',
+  '应用 Secret': 'App Secret',
+  '应用详情页的 Secret': 'The Secret from the app details page',
+  '回调 Token': 'Callback Token',
+  '接收消息 → API 接收中的 Token': 'The Token from Receive messages → API receive',
+  '43 位字母或数字': '43 alphanumeric characters',
+  '代理地址（可选）': 'API proxy (optional)',
+  '留空直连 qyapi.weixin.qq.com': 'leave empty to reach qyapi.weixin.qq.com directly',
+  '公网回调基址（可选）': 'Public callback base URL (optional)',
+  '例如 https://im.example.com': 'for example https://im.example.com',
+  '流式回复：开': 'Streaming replies: on',
+  '流式回复：关': 'Streaming replies: off',
+  '企业微信客户端实时出字；微信端不支持时自动改为整段发送': 'Streams replies in the WeCom client; falls back to segmented text messages when the WeChat side does not support it',
+  '绑定企业微信自建应用': 'Bind a WeCom self-built app',
+  '回调 URL（填入企业微信后台「接收消息 → 设置API接收」）': 'Callback URL (paste into the WeCom console under Receive messages → API receive)',
+  '未配置公网回调基址：请在本页「设置」中填写回调基址，或手动拼接 回调基址 + 路径': 'No public callback base URL configured: fill it in under Settings on this page, or manually combine the base URL and the path',
+  '重置密钥': 'Reset secret',
+  '重置中…': 'Resetting…',
+  '重置密钥后回调 URL 会变化，需要同步更新企业微信后台。若公网反代未就绪，可临时使用 http://服务器IP:端口 形式的回调地址。': 'Resetting the secret changes the callback URL; update the WeCom console accordingly. If the public reverse proxy is not ready yet, a http://server-ip:port callback address works temporarily.',
+  '保存设置': 'Save settings',
+  '这会删除本机保存的应用凭据、回调配置及会话映射。企业微信后台的应用不会被删除。': 'This removes the locally stored app credentials, callback configuration, and session mappings. The app in the WeCom console is not deleted.',
+  '保留应用': 'Keep app',
+  '已绑定的企业微信应用': 'Connected WeCom apps',
+  'HTTP 回调通道': 'HTTP callback channel',
+  '企业微信应用': 'WeCom app',
+  '企业 ID 已保存': 'Corp ID saved securely',
+  '企业微信应用回调通道就绪': 'WeCom app callback channel is ready',
+  '企业微信应用连接尚未就绪': 'WeCom app connection is not ready',
+  '企业微信应用仍未就绪，插件会继续自动重试。': 'The WeCom app is still not ready; the plugin keeps retrying automatically.',
+  '连接检查完成。': 'Connection check finished.',
+  '连接检查完成，测试消息已发送。': 'Connection check finished; the test message was sent.',
+  '连接检查完成。应用尚未收到可用于测试的私聊消息。': 'Connection check finished. The app has not received a private chat usable for testing yet.',
+  '企业微信应用已绑定。请把回调 URL 填入企业微信后台并保存。': 'The WeCom app is bound. Paste the callback URL into the WeCom console and save.',
+  '回调密钥已重置，请把新的回调 URL 更新到企业微信后台。': 'The callback secret was reset; update the new callback URL in the WeCom console.',
+  '回调密钥重置失败，请稍后重试。': 'The callback secret reset failed; try again later.',
+  '无法读取企业微信应用状态': 'Could not load WeCom app status',
+  '企业微信应用设置': 'WeCom app settings',
+  '企业微信应用设置页缺少 RPC 连接': 'The WeCom app settings page is missing the RPC connection',
+  '企业微信应用操作失败': 'The WeCom app operation failed',
+  '企业微信应用操作失败，请稍后重试': 'The WeCom app operation failed; try again later',
+  '企业微信应用服务返回了无法识别的响应': 'The WeCom app service returned an unrecognized response',
+  '企业微信应用服务没有返回有效的机器人列表': 'The WeCom app service did not return a valid bot list',
 });
 
 export const en = EN;

package/plugin-src/client/index.js

@@ -36,6 +36,9 @@ import { installTelegramStyles } from './channels/telegram/styles.js';
 import { WECOM_RPC_CHANNEL } from './channels/wecom/api.js';
 import { WecomSettingsTab } from './channels/wecom/index.js';
 import { installWecomStyles } from './channels/wecom/styles.js';
+import { WECOM_APP_RPC_CHANNEL } from './channels/wecom-app/api.js';
+import { WecomAppSettingsTab } from './channels/wecom-app/index.js';
+import { installWecomAppStyles } from './channels/wecom-app/styles.js';
 import { WeixinSettingsTab } from './channels/weixin/index.js';
 import { WEIXIN_RPC_CHANNEL } from './channels/weixin/api.js';
 import { installWeixinStyles } from './channels/weixin/styles.js';
@@ -59,6 +62,7 @@ import {
   replacePageLocation,
 } from './loopback-recovery.js';
 import { installImStyles } from './styles.js';
+import { installSessionChannelLogos } from './session-channel-logos.js';
 import { UpdatePanel, UPDATE_RPC_CHANNEL } from './update-panel.js';
 import { WorkspaceDirectoryPickerContext } from './workspace-editor.js';
 
@@ -86,6 +90,7 @@ const CHANNELS = Object.freeze([
   { id: 'telegram', label: 'Telegram' },
   { id: 'discord', label: 'Discord' },
   { id: 'whatsapp', label: 'WhatsApp' },
+  { id: 'wecomApp', label: '企业微信应用', note: '（实验功能）' },
   { id: 'office', label: 'AI Office', note: '（实验功能）' },
 ]);
 
@@ -112,6 +117,10 @@ function WecomLogo() {
   return h('span', { className: 'dim-logo dim-logoWecom', 'aria-hidden': 'true' }, h(WecomLogoGlyph));
 }
 
+function WecomAppLogo() {
+  return h('span', { className: 'dim-logo dim-logoWecomApp', 'aria-hidden': 'true' }, h(WecomLogoGlyph));
+}
+
 function TelegramLogo() {
   return h('span', { className: 'dim-logo dim-logoTelegram', 'aria-hidden': 'true' },
     h(TelegramLogoGlyph));
@@ -142,6 +151,7 @@ function ChannelLogo({ channel }) {
   if (channel === 'feishu') return h(FeishuLogo);
   if (channel === 'dingtalk') return h(DingtalkLogo);
   if (channel === 'wecom') return h(WecomLogo);
+  if (channel === 'wecomApp') return h(WecomAppLogo);
   if (channel === 'qq') return h(QqLogo);
   if (channel === 'slack') return h(SlackLogo);
   if (channel === 'telegram') return h(TelegramLogo);
@@ -174,6 +184,7 @@ export function IMSettingsTab({
   slackRpcCall,
   telegramRpcCall,
   wecomRpcCall,
+  wecomAppRpcCall,
   weixinRpcCall,
   whatsappRpcCall,
   officeRpcCall,
@@ -212,6 +223,7 @@ export function IMSettingsTab({
     slackRpcCall,
     telegramRpcCall,
     wecomRpcCall,
+    wecomAppRpcCall,
     weixinRpcCall,
     whatsappRpcCall,
     officeRpcCall,
@@ -235,6 +247,7 @@ export function IMSettingsTab({
     telegramRpcCall,
     updateRpcCall,
     wecomRpcCall,
+    wecomAppRpcCall,
     weixinRpcCall,
     whatsappRpcCall,
   ]);
@@ -343,6 +356,8 @@ export function IMSettingsTab({
                 ? h(DingtalkSettingsTab, { rpcCall: rpcCalls.dingtalkRpcCall })
                 : active.id === 'wecom'
                   ? h(WecomSettingsTab, { rpcCall: rpcCalls.wecomRpcCall })
+                : active.id === 'wecomApp'
+                  ? h(WecomAppSettingsTab, { rpcCall: rpcCalls.wecomAppRpcCall })
                   : active.id === 'qq'
                     ? h(QqSettingsTab, { rpcCall: rpcCalls.qqRpcCall })
                     : active.id === 'slack'
@@ -366,11 +381,14 @@ export function apply(ctx) {
   const t = ctx.locale.bind(IM_LOCALE_NAMESPACE);
   setImTranslator(t);
 
+  ctx.effect(() => installSessionChannelLogos(), 'im-settings: Session channel logos');
+
   ctx.effect(() => {
     const disposers = [
       installFeishuStyles(),
       installWeixinStyles(),
       installWecomStyles(),
+      installWecomAppStyles(),
       installQqStyles(),
       installSlackStyles(),
       installTelegramStyles(),
@@ -394,6 +412,8 @@ export function apply(ctx) {
     ctx.connection.rpc.call(QQ_RPC_CHANNEL, endpoint, payload, signal);
   const wecomRpcCall = (endpoint, payload, signal) =>
     ctx.connection.rpc.call(WECOM_RPC_CHANNEL, endpoint, payload, signal);
+  const wecomAppRpcCall = (endpoint, payload, signal) =>
+    ctx.connection.rpc.call(WECOM_APP_RPC_CHANNEL, endpoint, payload, signal);
   const telegramRpcCall = (endpoint, payload, signal) =>
     ctx.connection.rpc.call(TELEGRAM_RPC_CHANNEL, endpoint, payload, signal);
   const discordRpcCall = (endpoint, payload, signal) =>
@@ -430,6 +450,7 @@ export function apply(ctx) {
       slackRpcCall,
       telegramRpcCall,
       wecomRpcCall,
+      wecomAppRpcCall,
       weixinRpcCall,
       whatsappRpcCall,
       officeRpcCall,

package/plugin-src/client/model-setting.js

@@ -2,103 +2,169 @@ import * as React from 'react';
 
 import {
   EMPTY_MODEL_CATALOG,
+  modelCatalogEntry,
   modelSelectionId,
   normalizeModelCatalog,
   normalizeModelSelection,
+  sameModelSelection,
 } from '../../src/channels/shared/model-setting.mjs';
-import { h } from './i18n.js';
+import { h, localizeText } from './i18n.js';
 
 export const SET_MODEL_ENDPOINT = 'bot.model.set';
 export { EMPTY_MODEL_CATALOG, normalizeModelCatalog, normalizeModelSelection };
 
 export const ModelCatalogContext = React.createContext(EMPTY_MODEL_CATALOG);
 
-function optionValue(selection) {
-  return JSON.stringify([selection.provider, selection.model]);
+function chevron(open = false) {
+  return h('svg', { width: 14, height: 14, viewBox: '0 0 16 16', 'aria-hidden': true,
+    className: 'dim-modelChevron', style: open ? { transform: 'rotate(90deg)' } : undefined },
+  h('path', { d: 'm6 4 4 4-4 4', fill: 'none', stroke: 'currentColor', strokeWidth: 1.5 }));
 }
 
 export function ModelEditor({ model = null, disabled = false, onSave }) {
-  const catalog = normalizeModelCatalog(
-    React.useContext(ModelCatalogContext) ?? EMPTY_MODEL_CATALOG,
-  );
-  const helpId = React.useId();
-  const current = normalizeModelSelection(model);
+  const catalog = normalizeModelCatalog(React.useContext(ModelCatalogContext));
+  const id = React.useId();
+  const rootRef = React.useRef(null);
+  const menuRef = React.useRef(null);
+  const triggerRef = React.useRef(null);
+  const restoreFocusRef = React.useRef(false);
+  const savingRef = React.useRef(false);
+  const [pane, setPane] = React.useState(null);
   const [saving, setSaving] = React.useState(false);
   const [error, setError] = React.useState(null);
-  const currentValue = current ? optionValue(current) : '';
-  const currentAvailable = !current || catalog.groups.some(
-    (group) => group.id === current.provider
-      && group.models.some((entry) => entry.id === current.model),
-  );
+  const current = normalizeModelSelection(model);
+  const entry = modelCatalogEntry(catalog, current);
+  const currentAvailable = !current || Boolean(entry);
+  const reasoning = entry?.reasoning;
+  const effort = current?.reasoningEffort;
+  const effectiveEffort = effort ?? reasoning?.defaultEffort;
+  const effortEntry = reasoning?.efforts.find((level) => level.id === effectiveEffort);
+  const effortUnavailable = effort !== undefined
+    && !reasoning?.efforts.some((level) => level.id === effort);
+  const defaultName = reasoning?.efforts.find((level) => level.id === reasoning.defaultEffort)?.name;
+  const defaultLabel = localizeText('跟随模型默认') + (defaultName ? ` · ${defaultName}` : '');
+  const effortLabel = !current ? localizeText('跟随默认模型')
+    : effort === undefined ? defaultLabel : effortEntry?.name ?? effort;
+  const effortHint = !current ? '先选择模型，再设置思考强度。'
+    : !currentAvailable ? null
+      : effortUnavailable ? '已保存的思考强度已不可用，请选择其他强度或恢复默认。'
+        : !reasoning ? '该模型未提供可调节的思考强度。' : null;
+  const effortDisabled = !current || !currentAvailable || (!reasoning && effort === undefined);
 
-  const selections = new Map();
-  for (const group of catalog.groups) {
-    for (const entry of group.models) {
-      const selection = { provider: group.id, model: entry.id };
-      selections.set(optionValue(selection), selection);
+  const close = (restoreFocus = false) => {
+    restoreFocusRef.current = restoreFocus;
+    setPane(null);
+  };
+
+  React.useEffect(() => {
+    // A successful RPC also unlocks the card in its parent. Wait for that
+    // commit before focusing the trigger, which cannot be focused disabled.
+    if (!pane && !saving && !disabled && restoreFocusRef.current) {
+      restoreFocusRef.current = false;
+      triggerRef.current?.focus();
     }
-  }
-  if (current && !currentAvailable) selections.set(currentValue, current);
+  }, [pane, saving, disabled]);
+
+  React.useEffect(() => {
+    if (!pane) return undefined;
+    const options = menuRef.current?.querySelectorAll('[role="menuitemradio"]');
+    const selected = menuRef.current?.querySelector('[aria-checked="true"]');
+    (selected ?? options?.[0])?.focus();
+    const outside = (event) => {
+      if (!rootRef.current?.contains(event.target)) setPane(null);
+    };
+    globalThis.document?.addEventListener('mousedown', outside);
+    return () => globalThis.document?.removeEventListener('mousedown', outside);
+  }, [pane]);
 
-  const change = async (event) => {
-    const nextValue = event.target.value;
-    if (nextValue === currentValue || saving || disabled) return;
-    const next = nextValue ? selections.get(nextValue) : null;
-    if (nextValue && !next) return;
+  const save = async (next) => {
+    if (savingRef.current || disabled) return;
+    if (sameModelSelection(current, next)) { close(true); return; }
+    savingRef.current = true;
     setSaving(true);
     setError(null);
     try {
       await onSave?.(next);
+      close(true);
     } catch (cause) {
       setError(cause?.message ?? '模型修改失败，请重试。');
     } finally {
+      savingRef.current = false;
       setSaving(false);
     }
   };
 
-  return h('div', { className: 'dim-preset dim-modelSetting' },
-    h('div', { className: 'dim-presetHeader' },
-      h('span', { className: 'dim-presetTitle' },
-        h('span', null, '模型'),
-        h('span', { className: 'dim-presetHelp' },
-          h('button', {
-            type: 'button',
-            className: 'dim-presetHelpButton',
-            'aria-label': '查看模型设置说明',
-            'aria-describedby': helpId,
-          }, h('span', { 'aria-hidden': 'true' }, '?')),
-          h('span', {
-            id: helpId,
-            className: 'dim-presetTooltip',
-            role: 'tooltip',
-          }, '只影响新建会话；若当前聊天已有会话，先发送 /new，再发送普通消息生效。'))),
-      saving ? h('span', { className: 'dim-presetStatus' }, '保存中…') : null),
-    h('select', {
-      className: 'dim-presetSelect dim-modelSelect',
-      value: currentValue,
-      disabled: disabled || saving,
-      'aria-label': '模型',
-      onChange: (event) => { void change(event); },
+  const option = (key, label, description, selected, next) => h('button', {
+    key, type: 'button', role: 'menuitemradio', 'aria-checked': selected,
+    className: 'dim-modelOption', disabled: disabled || saving,
+    onClick: () => { void save(next); },
+  },
+  h('span', { className: 'dim-modelOptionCopy' },
+    h('span', { className: 'dim-modelOptionName' }, label),
+    description ? h('span', { className: 'dim-modelDescription' }, description) : null),
+  h('span', { className: 'dim-modelCheck', 'aria-hidden': true }, selected ? '✓' : ''));
+
+  const row = (key, label, value, blocked = false) => h('button', {
+    type: 'button', className: 'dim-modelRow', disabled: disabled || saving || blocked,
+    'aria-label': label, 'aria-haspopup': 'menu', 'aria-expanded': pane === key,
+    'aria-controls': pane === key ? `${id}-menu` : undefined,
+    'aria-describedby': key === 'effort' && effortHint ? `${id}-hint` : undefined,
+    onClick: (event) => {
+      triggerRef.current = event.currentTarget;
+      setPane(pane === key ? null : key);
+    },
+  }, h('span', { className: 'dim-modelRowLabel' }, label),
+  h('span', { className: 'dim-modelValue', title: value }, value), chevron(pane === key));
+
+  return h('div', {
+    ref: rootRef, className: 'dim-preset dim-modelSetting',
+    onBlur: (event) => {
+      if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) close();
+    },
+    onKeyDown: (event) => {
+      if (!pane) return;
+      if (event.key === 'Escape') { event.preventDefault(); event.stopPropagation(); close(true); }
+      if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) return;
+      const items = [...(menuRef.current?.querySelectorAll('[role="menuitemradio"]:not(:disabled)') ?? [])];
+      if (!items.length) return;
+      event.preventDefault();
+      const at = items.indexOf(globalThis.document?.activeElement);
+      const next = event.key === 'Home' ? 0 : event.key === 'End' ? items.length - 1
+        : (at + (event.key === 'ArrowDown' ? 1 : -1) + items.length) % items.length;
+      items[next]?.focus();
     },
-      h('option', { value: '' }, '跟随默认模型'),
-      ...catalog.groups.map((group) => h(
-        'optgroup',
-        { key: group.id, label: group.name },
-        ...group.models.map((entry) => {
-          const selection = { provider: group.id, model: entry.id };
-          const id = modelSelectionId(selection);
-          return h('option', { key: id, value: optionValue(selection) },
-            entry.name && entry.name !== entry.id ? `${entry.name}（${id}）` : id);
-        }),
-      )),
-      current && !currentAvailable
-        ? h('option', { value: currentValue }, [modelSelectionId(current), '（已不可用）'])
-        : null,
-    ),
-    error || !currentAvailable ? h(
-      'p',
-      { className: 'dim-presetError', role: error ? 'alert' : 'status' },
-      error ?? '当前模型已不可用，请选择其他模型或跟随默认模型。',
-    ) : null,
-  );
+  },
+  h('div', { className: 'dim-presetHeader' },
+    h('span', { className: 'dim-presetTitle' }, '模型与思考强度',
+      h('span', { className: 'dim-presetHelp' },
+        h('button', { type: 'button', className: 'dim-presetHelpButton',
+          'aria-label': '查看模型设置说明', 'aria-describedby': `${id}-help` },
+        h('span', { 'aria-hidden': true }, '?')),
+        h('span', { id: `${id}-help`, className: 'dim-presetTooltip', role: 'tooltip' },
+          '只影响新建会话；若当前聊天已有会话，先发送 /new，再发送普通消息生效。'))),
+    saving ? h('span', { className: 'dim-presetStatus', role: 'status' }, '保存中…') : null),
+  row('model', '模型', entry?.name ?? (current ? modelSelectionId(current) : localizeText('跟随默认模型'))),
+  row('effort', '思考强度', effortLabel, effortDisabled),
+  pane ? h('div', { ref: menuRef, id: `${id}-menu`, role: 'menu',
+    'aria-label': pane === 'model' ? '模型' : '思考强度', 'aria-busy': saving,
+    className: 'dim-modelMenu' },
+  pane === 'model' ? [
+    option('default', '跟随默认模型', null, !current, null),
+    ...catalog.groups.map((group) => h('section', { key: group.id, role: 'group', 'aria-label': group.name },
+      h('div', { className: 'dim-modelGroupTitle' }, group.name),
+      ...group.models.map((choice) => {
+        const selected = current?.provider === group.id && current?.model === choice.id;
+        return option(choice.id, choice.name, choice.description ?? `${group.id}/${choice.id}`,
+          selected, selected ? current : { provider: group.id, model: choice.id });
+      }))),
+  ] : [
+    option('provider-default', defaultLabel, '使用模型或服务提供方的默认思考强度。', effort === undefined,
+      current ? { provider: current.provider, model: current.model } : null),
+    ...(reasoning?.efforts ?? []).map((level) => option(`effort:${level.id}`, level.name, level.description,
+      effort === level.id, { ...current, reasoningEffort: level.id })),
+  ]) : null,
+  effortHint ? h('p', { id: `${id}-hint`, className: 'dim-modelHint',
+    role: effortUnavailable ? 'status' : undefined }, effortHint) : null,
+  error || !currentAvailable ? h('p', { className: 'dim-presetError', role: error ? 'alert' : 'status' },
+    error ?? '当前模型已不可用，请选择其他模型或跟随默认模型。') : null);
 }