@xmanrui/dsh-im 4.15.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.',
@@ -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';
@@ -87,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: '（实验功能）' },
 ]);
 
@@ -113,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));
@@ -143,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);
@@ -175,6 +184,7 @@ export function IMSettingsTab({
   slackRpcCall,
   telegramRpcCall,
   wecomRpcCall,
+  wecomAppRpcCall,
   weixinRpcCall,
   whatsappRpcCall,
   officeRpcCall,
@@ -213,6 +223,7 @@ export function IMSettingsTab({
     slackRpcCall,
     telegramRpcCall,
     wecomRpcCall,
+    wecomAppRpcCall,
     weixinRpcCall,
     whatsappRpcCall,
     officeRpcCall,
@@ -236,6 +247,7 @@ export function IMSettingsTab({
     telegramRpcCall,
     updateRpcCall,
     wecomRpcCall,
+    wecomAppRpcCall,
     weixinRpcCall,
     whatsappRpcCall,
   ]);
@@ -344,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'
@@ -374,6 +388,7 @@ export function apply(ctx) {
       installFeishuStyles(),
       installWeixinStyles(),
       installWecomStyles(),
+      installWecomAppStyles(),
       installQqStyles(),
       installSlackStyles(),
       installTelegramStyles(),
@@ -397,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) =>
@@ -433,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);
 }

package/plugin-src/client/styles.js

@@ -71,9 +71,7 @@ const CSS = String.raw`
 .dim-generalSettingsAction:hover .dim-generalSettingsTooltip, .dim-generalSettingsButton:focus-visible + .dim-generalSettingsTooltip { opacity: 1; visibility: visible; transform: translateY(0); }
 .dim-generalSettingsButton[aria-current="page"] + .dim-generalSettingsTooltip { opacity: 0; visibility: hidden; transform: translateY(-3px); }
 .dim-layout { display: grid; grid-template-columns: 174px 1px minmax(0, 1fr); gap: 24px; align-items: start; }
-.dim-rail { max-height: 520px; display: grid; align-content: start; gap: 8px; overflow-y: auto; padding: 0 4px 1px 1px; scrollbar-width: thin; scrollbar-color: var(--dsw-alias-border-l2, #dfe1e5) transparent; }
-.dim-rail::-webkit-scrollbar { width: 4px; }
-.dim-rail::-webkit-scrollbar-thumb { border-radius: 99px; background: var(--dsw-alias-border-l2, #dfe1e5); }
+.dim-rail { display: grid; align-content: start; gap: 8px; padding: 0 4px 1px 1px; }
 .dim-channel { width: 100%; min-height: 48px; display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--dsw-alias-border-l2, #eef0f3); border-radius: 14px; color: inherit; background: var(--dsw-alias-bg-layer-3, #fff); box-shadow: 0 2px 8px rgb(31 35 41 / 3%); font: inherit; text-align: left; cursor: pointer; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
 .dim-channel:hover { border-color: color-mix(in srgb, var(--dim-blue) 25%, var(--dsw-alias-border-l2, #eef0f3)); background: color-mix(in srgb, var(--dim-blue) 2%, var(--dsw-alias-bg-layer-3, #fff)); box-shadow: 0 5px 16px rgb(31 35 41 / 5%); }
 .dim-channel[aria-selected="true"] { border-color: color-mix(in srgb, var(--dim-blue) 43%, var(--dsw-alias-border-l2, #dfe1e5)); color: var(--dim-blue); background: color-mix(in srgb, var(--dim-blue) 12%, var(--dsw-alias-bg-layer-3, #fff)); box-shadow: 0 3px 12px rgb(51 112 255 / 7%); }
@@ -103,7 +101,7 @@ const CSS = String.raw`
 .dim-channelCopy { min-width: 0; display: grid; }
 .dim-channelCopy strong { overflow: hidden; color: inherit; font-size: 14px; line-height: 20px; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }
 .dim-channelNote { overflow: hidden; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 10px; line-height: 13px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
-.dim-divider { width: 1px; min-height: 520px; background: var(--dsw-alias-border-l1, #eef0f3); }
+.dim-divider { width: 1px; align-self: stretch; background: var(--dsw-alias-border-l1, #eef0f3); }
 .dim-panel { min-width: 0; container-type: inline-size; }
 .dim-loopbackRecovery { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 14px; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary, #d97706) 30%, var(--dsw-alias-border-l2, #dfe1e5)); border-radius: 12px; color: var(--dsw-alias-label-primary, #1f2329); background: color-mix(in srgb, var(--dsw-alias-state-warn-primary, #d97706) 8%, var(--dsw-alias-bg-layer-1, #fff)); }
 .dim-loopbackRecoveryCopy { min-width: 0; }
@@ -219,6 +217,24 @@ const CSS = String.raw`
 .dim-panel .dim-presetStatus { grid-column: 2; grid-row: 1; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; white-space: nowrap; }
 .dim-panel .dim-presetSelect { min-width: 0; max-width: 100%; grid-column: 1 / -1; grid-row: 2; height: 30px; padding: 0 8px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 7px; color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-bg-layer-1, #fff); font: inherit; font-size: 12px; }
 .dim-panel .dim-presetSelect:disabled { cursor: not-allowed; opacity: .55; }
+.dim-panel .dim-modelSetting { display: block; padding: 8px 4px 4px; }
+.dim-modelSetting > .dim-presetHeader { padding: 0 6px 6px; }
+.dim-modelRow { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 6px 10px; border: 0; border-radius: 10px; background: transparent; color: var(--dsw-alias-label-primary, #1f2329); font: inherit; font-size: 14px; line-height: 22px; text-align: left; cursor: pointer; }
+.dim-modelRowLabel { flex: none; }
+.dim-modelValue { flex: 1; min-width: 0; overflow: hidden; color: var(--dsw-alias-label-tertiary, #81858c); text-overflow: ellipsis; white-space: nowrap; text-align: right; }
+.dim-modelChevron { flex: none; color: var(--dsw-alias-label-tertiary, #81858c); }
+.dim-modelRow:hover:not(:disabled), .dim-modelOption:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover, #eceef1); }
+.dim-modelRow:focus-visible, .dim-modelOption:focus-visible { outline: 2px solid var(--dsw-alias-border-l3, #1677ff); outline-offset: -2px; }
+.dim-modelRow:disabled, .dim-modelOption:disabled { opacity: .55; cursor: default; }
+/* In-flow lists avoid clipping by collapsed-card and settings scroll containers. */
+.dim-modelMenu { max-height: 280px; overflow-y: auto; margin: 4px; padding: 4px; border: 1px solid var(--dsw-alias-border-l2, #e5e6eb); border-radius: 12px; background: var(--dsw-specific-menu, var(--dsw-alias-bg-layer-3, #fff)); color: var(--dsw-alias-label-primary, #1f2329); scrollbar-width: thin; }
+.dim-modelGroupTitle { padding: 7px 8px 3px; color: var(--dsw-alias-label-tertiary, #81858c); font-size: 12px; line-height: 18px; font-weight: 500; }
+.dim-modelOption { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 38px; padding: 6px 8px; border: 0; border-radius: 10px; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
+.dim-modelOptionCopy { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 2px; }
+.dim-modelOptionName { font-size: 14px; line-height: 20px; font-weight: 500; overflow-wrap: anywhere; }
+.dim-modelDescription { color: var(--dsw-alias-label-tertiary, #81858c); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
+.dim-modelCheck { flex: 0 0 18px; text-align: center; }
+.dim-modelHint { margin: 4px 10px 6px; color: var(--dsw-alias-label-tertiary, #81858c); font-size: 11px; line-height: 17px; }
 .dim-panel .dim-presetError { grid-column: 1 / -1; grid-row: 3; margin: 0; color: var(--dsw-alias-state-error-primary, #d54941); font-size: 12px; line-height: 1.4; }
 .dim-contextEntry { width: 100%; min-height: 40px; display: grid; grid-template-columns: 16px minmax(0, 1fr) max-content 16px; align-items: center; gap: 9px; margin: 10px 0; padding: 8px 11px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 8px; color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-bg-module-platform, #f7f8fa); font: inherit; font-size: 13px; line-height: 20px; text-align: left; cursor: pointer; }
 .dim-contextEntry:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover, #eef0f3); }
@@ -406,7 +422,7 @@ const CSS = String.raw`
 .dim-feishuGroupSettings { min-width: 0; display: grid; gap: 14px; }
 .dim-feishuGroupControls { min-width: 0; display: grid; gap: 12px; }
 .dim-feishuGroupControl { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 16px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 12px; background: var(--dsw-alias-bg-layer-3, #fff); }
-.dim-feishuGroupControlHeader { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.dim-feishuGroupControlHeader { position: relative; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
 .dim-feishuGroupControlHeader h3 { min-width: 0; margin: 0; color: var(--dsw-alias-label-primary, #1f2329); font-size: 14px; line-height: 21px; font-weight: 650; }
 .dim-feishuGroupControlStatus { flex: none; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 11px; line-height: 17px; }
 .dim-feishuGroupSelect { min-width: 0; width: 100%; height: 38px; padding: 0 34px 0 11px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 8px; color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-bg-layer-1, #fff); font: inherit; font-size: 13px; line-height: 38px; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; }
@@ -608,9 +624,8 @@ const CSS = String.raw`
 @media (max-width: 840px) {
   .dim-title { align-items: flex-start; }
   .dim-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
-  .dim-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .dim-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-right: 1px; }
   .dim-divider { display: none; }
-  .dim-rail { max-height: none; overflow: visible; padding-right: 1px; }
   .dim-channel { min-height: 48px; }
 }
 @media (max-width: 560px) {

package/plugin-src/host/channels/dingtalk/index.mjs

@@ -1,5 +1,6 @@
 import { createProductionController } from './production.mjs';
-import { installDingtalkRpc } from './rpc.mjs';
+import { createDingtalkRpcHandler, installDingtalkRpc, DINGTALK_RPC_CHANNEL } from './rpc.mjs';
+import { installProductionChannel } from '../shared/startup.mjs';
 
 export const name = 'dsh-dingtalk-host';
 export const inject = ['connection', 'credentials', 'typertGateway'];
@@ -9,20 +10,12 @@ export async function apply(ctx, config = {}) {
     return installDingtalkRpc(ctx, config.controller, config.rpcOptions, config.rpcAuthority);
   }
 
-  const production = await createProductionController(ctx, config, config.internals);
-  const unregisterDelivery = config.deliveryService && production.deliveryAdapter
-    ? config.deliveryService.registerAdapter(production.deliveryAdapter) : undefined;
-  const disposeRpc = installDingtalkRpc(
-    ctx,
-    production.controller,
-    config.rpcOptions,
-    config.rpcAuthority,
-  );
-  ctx.effect(() => async () => {
-    await unregisterDelivery?.();
-    await production.close();
-  }, 'dsh-dingtalk: close bot connections');
-  return disposeRpc;
+  return installProductionChannel(ctx, config, {
+    channel: 'dingtalk',
+    rpcChannel: DINGTALK_RPC_CHANNEL,
+    createProduction: () => createProductionController(ctx, config, config.internals),
+    createHandler: controller => createDingtalkRpcHandler(controller, config.rpcOptions),
+  });
 }
 
 export function createDingtalkHostPlugin(config) {

package/plugin-src/host/channels/discord/index.mjs

@@ -1,5 +1,6 @@
 import { createProductionController } from './production.mjs';
-import { installDiscordRpc } from './rpc.mjs';
+import { createDiscordRpcHandler, installDiscordRpc, DISCORD_RPC_CHANNEL } from './rpc.mjs';
+import { installProductionChannel } from '../shared/startup.mjs';
 
 export const name = 'dsh-im-discord-host';
 export const inject = ['connection', 'credentials', 'typertGateway'];
@@ -8,15 +9,12 @@ export async function apply(ctx, config = {}) {
   if (config?.controller) {
     return installDiscordRpc(ctx, config.controller, config.rpcAuthority);
   }
-  const production = await createProductionController(ctx, config, config.internals ?? {});
-  const unregisterDelivery = config.deliveryService && production.deliveryAdapter
-    ? config.deliveryService.registerAdapter(production.deliveryAdapter) : undefined;
-  const disposeRpc = installDiscordRpc(ctx, production.controller, config.rpcAuthority);
-  ctx.effect(() => async () => {
-    await unregisterDelivery?.();
-    await production.close();
-  }, 'dsh-im: close Discord bot connections');
-  return disposeRpc;
+  return installProductionChannel(ctx, config, {
+    channel: 'discord',
+    rpcChannel: DISCORD_RPC_CHANNEL,
+    createProduction: () => createProductionController(ctx, config, config.internals ?? {}),
+    createHandler: controller => createDiscordRpcHandler(controller),
+  });
 }
 
 export function createDiscordHostPlugin(config) {

package/plugin-src/host/channels/feishu/index.mjs

@@ -1,6 +1,7 @@
 import { createProvisioningBackedController } from './controller.mjs';
 import { createProductionController } from './production.mjs';
-import { installFeishuRpc } from './rpc.mjs';
+import { createFeishuRpcHandler, installFeishuRpc, FEISHU_RPC_CHANNEL } from './rpc.mjs';
+import { installProductionChannel } from '../shared/startup.mjs';
 
 export const name = 'dsh-feishu-host';
 export const inject = ['connection', 'credentials', 'typertGateway'];
@@ -28,20 +29,12 @@ export async function apply(ctx, config = {}) {
     return installFeishuRpc(ctx, controller, config.rpcOptions, config.rpcAuthority);
   }
 
-  const production = await createProductionController(ctx, config);
-  const unregisterDelivery = config.deliveryService && production.deliveryAdapter
-    ? config.deliveryService.registerAdapter(production.deliveryAdapter) : undefined;
-  const disposeRpc = installFeishuRpc(
-    ctx,
-    production.controller,
-    config.rpcOptions,
-    config.rpcAuthority,
-  );
-  ctx.effect(() => async () => {
-    await unregisterDelivery?.();
-    await production.close();
-  }, 'dsh-feishu: close controller and live connection');
-  return disposeRpc;
+  return installProductionChannel(ctx, config, {
+    channel: 'feishu',
+    rpcChannel: FEISHU_RPC_CHANNEL,
+    createProduction: () => createProductionController(ctx, config, config.internals),
+    createHandler: controller => createFeishuRpcHandler(controller, config.rpcOptions),
+  });
 }
 
 /** Create a programmatic plugin module with dependencies closed over. */

package/plugin-src/host/channels/office/index.mjs

@@ -1,10 +1,14 @@
 import { createProductionController } from './production.mjs';
-import { installOfficeRpc } from './rpc.mjs';
+import { createOfficeRpcHandler, installOfficeRpc } from './rpc.mjs';
+import { installProductionChannel } from '../shared/startup.mjs';
+import { OFFICE_RPC_CHANNEL } from '../../../../src/channels/office/protocol.mjs';
 
 export async function apply(ctx, config = {}) {
   if (config.controller) return installOfficeRpc(ctx, config.controller, config.rpcAuthority);
-  const production = await createProductionController(ctx, config, config.internals ?? {});
-  const dispose = installOfficeRpc(ctx, production.controller, config.rpcAuthority);
-  ctx.effect(() => async () => production.close(), 'dsh-im: close AI Office connector');
-  return dispose;
+  return installProductionChannel(ctx, config, {
+    channel: 'office',
+    rpcChannel: OFFICE_RPC_CHANNEL,
+    createProduction: () => createProductionController(ctx, config, config.internals ?? {}),
+    createHandler: controller => createOfficeRpcHandler(controller),
+  });
 }