@xmanrui/dsh-im 4.10.0 → 4.12.0

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

@@ -2,6 +2,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 { 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,
@@ -185,6 +191,7 @@ export function WhatsappAccountCard({
   removing,
   onReconnect,
   onWorkspaceSave,
+  onModelSave,
   onAgentPresetSave,
   onContextEnhancementSave,
   onRequestRemove,
@@ -197,7 +204,9 @@ export function WhatsappAccountCard({
   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: `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' },
           h('div', {
             className: 'ddt-avatar dim-botAvatar dwa-avatar',
@@ -205,7 +214,12 @@ export function WhatsappAccountCard({
           }, h(WhatsappLogoGlyph, { size: 29 })),
           h('div', { className: 'dim-botName' },
             h('h3', null, account.bot.name), h('p', null, account.bot.idMasked))),
-        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',
@@ -220,12 +234,18 @@ export function WhatsappAccountCard({
             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),
@@ -253,7 +273,9 @@ export function WhatsappAccountCard({
           testNotice ? h('div', {
             className: 'ddt-summary dim-cardFeedback',
             role: 'status',
-          }, testNotice) : null))),
+          }, testNotice) : null)),
+      ),
+    ),
     removing ? h(RemoveConfirmation, {
       account,
       busy: busy === 'delete',
@@ -266,6 +288,7 @@ export function WhatsappSettingsTab({ 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);
@@ -304,6 +327,7 @@ export function WhatsappSettingsTab({ 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,
@@ -435,6 +459,7 @@ export function WhatsappSettingsTab({ 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 (operation === 'reconnect') {
           setTestNoticeByBot((current) => ({
@@ -487,6 +512,12 @@ export function WhatsappSettingsTab({ rpcCall }) {
               WHATSAPP_ENDPOINTS.setWorkspace,
               { botId: account.botId, workspace },
             ),
+            onModelSave: (selectedModel) => botAction(
+              account,
+              'model',
+              WHATSAPP_ENDPOINTS.setModel,
+              { botId: account.botId, model: selectedModel },
+            ),
             onAgentPresetSave: (agentPreset) => botAction(
               account,
               'preset',
@@ -511,7 +542,9 @@ export function WhatsappSettingsTab({ 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 dwa-page dim-channelPage',
@@ -550,5 +583,5 @@ export function WhatsappSettingsTab({ rpcCall }) {
               : model.bots.length === 0
                 ? h(EmptyView, { busy, onStart: () => void startProvisioning(false) })
                 : null,
-          botList)));
+          botList))));
 }

package/plugin-src/client/delivery-settings.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 import { AccessPolicySettingsPage } from './access-policy-settings.js';
+import { FeishuGroupSettingsPage } from './channels/feishu/group-settings.js';
 import { h, isEnglish, localizeText } from './i18n.js';
 
 export const DELIVERY_RPC_CHANNEL = '/dsh-im-delivery';
@@ -16,6 +17,7 @@ export const DELIVERY_ENDPOINTS = Object.freeze({
   create: 'target.create',
   update: 'target.update',
   delete: 'target.delete',
+  sessionSync: 'target.session-sync.set',
   test: 'target.test',
 });
 
@@ -24,6 +26,15 @@ export const BOT_SETTINGS_TABS = Object.freeze([
   Object.freeze({ id: 'access', label: '访问设置' }),
 ]);
 
+export const FEISHU_BOT_SETTINGS_TABS = Object.freeze([
+  ...BOT_SETTINGS_TABS,
+  Object.freeze({ id: 'group', label: '群聊' }),
+]);
+
+export function botSettingsTabsForChannel(channel) {
+  return channel === 'feishu' ? FEISHU_BOT_SETTINGS_TABS : BOT_SETTINGS_TABS;
+}
+
 const CHANNEL_DEFINITIONS = Object.freeze({
   weixin: {
     label: '微信',
@@ -296,7 +307,9 @@ function TargetForm({
     h('div', { className: 'dim-targetFormHeading' },
       h('h3', null, editing ? '编辑投递目标' : '新建投递目标'),
       editing
-        ? null
+        ? initialValue?.sessionSync?.enabled
+          ? h('p', null, '修改接收位置会关闭会话双向同步。')
+          : null
         : h('p', null, source === 'suggestion'
             ? '已从会话自动填入目标信息；确认后再保存。'
             : '请手动填写从对应平台取得的原生标识。')),
@@ -457,8 +470,17 @@ function TargetSuggestionPicker({
 function TargetRow({ definition, target, botId, connected, rpcCall, onChanged, onEdit }) {
   const [action, setAction] = React.useState(null);
   const [testState, setTestState] = React.useState(null);
+  const [syncFeedback, setSyncFeedback] = React.useState(null);
   const [copyState, setCopyState] = React.useState(null);
   const [confirmDelete, setConfirmDelete] = React.useState(false);
+  const sessionSync = target.sessionSync ?? { enabled: false, state: 'unavailable' };
+  const syncDescription = sessionSync.state === 'active'
+    ? '自动跟随该私聊的当前会话'
+    : sessionSync.state === 'waiting'
+      ? '等待该私聊建立新会话'
+      : sessionSync.state === 'unavailable'
+        ? '仅支持已经聊过、已建立当前会话且使用当前 Host Harness 的私聊目标'
+        : '关闭时不发送 DSH 会话消息';
   const testTarget = async () => {
     setAction('test');
     setTestState(null);
@@ -494,6 +516,28 @@ function TargetRow({ definition, target, botId, connected, rpcCall, onChanged, o
     }
   };
 
+  const setSessionSync = async (enabled) => {
+    setAction('sync');
+    setSyncFeedback(null);
+    try {
+      await rpcCall(DELIVERY_ENDPOINTS.sessionSync, {
+        botId,
+        targetId: target.targetId,
+        enabled,
+      });
+      await onChanged();
+    } catch (error) {
+      setSyncFeedback({
+        tone: 'error',
+        message: error?.code === 'session-sync-unavailable'
+          ? '会话同步仅支持已经聊过、已建立当前会话且使用当前 Host Harness 的私聊目标。'
+          : presentError(error, '会话同步设置失败，请稍后重试。'),
+      });
+    } finally {
+      setAction(null);
+    }
+  };
+
   return h('li', { className: 'dim-targetRow', 'data-target-id': target.targetId },
     h('div', { className: 'dim-targetSummary' },
       h('div', { className: 'dim-targetTitle' },
@@ -514,7 +558,24 @@ function TargetRow({ definition, target, botId, connected, rpcCall, onChanged, o
         onClick: () => setConfirmDelete(true),
         disabled: Boolean(action),
       }, '删除')),
+    h('label', { className: 'dim-targetSessionSync' },
+      h('span', { className: 'dim-targetSessionSyncCopy' },
+        h('strong', null, '会话双向同步'),
+        h('small', null, syncDescription)),
+      h('input', {
+        type: 'checkbox',
+        checked: sessionSync.enabled === true,
+        disabled: Boolean(action)
+          || (sessionSync.enabled !== true && sessionSync.state === 'unavailable'),
+        onChange: (event) => void setSessionSync(event.target.checked),
+        'aria-label': '会话双向同步',
+      })),
     copyState ? h('p', { className: 'dim-targetFeedback', role: 'status' }, copyState) : null,
+    syncFeedback ? h('p', {
+      className: 'dim-targetFeedback',
+      'data-tone': syncFeedback.tone,
+      role: 'alert',
+    }, syncFeedback.message) : null,
     testState ? h('p', {
       className: 'dim-targetFeedback',
       'data-tone': testState.tone,
@@ -524,7 +585,8 @@ function TargetRow({ definition, target, botId, connected, rpcCall, onChanged, o
     confirmDelete ? h('div', { className: 'dim-targetDeleteConfirm', role: 'alertdialog' },
       h('p', null,
         '删除 ', h('code', null, target.targetId),
-        '？使用这个 targetId 的外部调用将返回 unknown-target。'),
+        '？使用这个 targetId 的外部调用将返回 unknown-target。',
+        sessionSync.enabled ? ' 会话同步设置也会一并删除。' : null),
       h('div', { className: 'dim-targetFormActions' },
         h(DeliveryButton, {
           onClick: () => setConfirmDelete(false),
@@ -672,8 +734,9 @@ export function DeliveryTargetSettingsPage({
     }
   };
 
-  const activeTab = BOT_SETTINGS_TABS.find((tab) => tab.id === activeTabId)
-    ?? BOT_SETTINGS_TABS[0];
+  const settingsTabs = botSettingsTabsForChannel(channel);
+  const activeTab = settingsTabs.find((tab) => tab.id === activeTabId)
+    ?? settingsTabs[0];
   const activeTabDomId = `dim-bot-settings-${activeTab.id}-tab`;
   const activePanelId = `dim-bot-settings-${activeTab.id}-panel`;
 
@@ -688,7 +751,7 @@ export function DeliveryTargetSettingsPage({
       className: 'dim-botSettingsTabs',
       role: 'tablist',
       'aria-label': '机器人设置页签',
-    }, BOT_SETTINGS_TABS.map((tab) => h('button', {
+    }, settingsTabs.map((tab) => h('button', {
       key: tab.id,
       id: `dim-bot-settings-${tab.id}-tab`,
       type: 'button',
@@ -712,6 +775,11 @@ export function DeliveryTargetSettingsPage({
         rpcCall: accessRpcCall,
         onSaved: setAccessPolicy,
       })
+    : activeTab.id === 'group' && channel === 'feishu'
+      ? h(FeishuGroupSettingsPage, {
+          account,
+          rpcCall: accessRpcCall,
+        })
     : h(React.Fragment, null,
   h('section', { className: 'dim-deliveryIdentity', 'aria-labelledby': 'dim-delivery-bot-title' },
     h('div', { className: 'dim-deliveryIdentityHeading' },

package/plugin-src/client/i18n.js

@@ -227,6 +227,8 @@ const EN = Object.freeze({
   '手动接入': 'Manual setup',
   '收起凭据': 'Hide credentials',
   '收起接入': 'Hide setup',
+  '展开该账号的设置': "Expand this account's settings",
+  '收起该账号的设置': "Collapse this account's settings",
   '接入机器人': 'Connect bot',
   '开始接入': 'Start setup',
   '在线': 'online',
@@ -351,6 +353,13 @@ const EN = Object.freeze({
   '请选择 Agent Preset。': 'Choose an Agent Preset.',
   'Agent Preset 无效。': 'The Agent Preset is invalid.',
   'Agent Preset 不存在或不可用。': 'The Agent Preset does not exist or is unavailable.',
+  '模型': 'Model',
+  '查看模型设置说明': 'View model setting help',
+  '跟随默认模型': 'Follow the default model',
+  '模型修改失败，请重试。': 'Could not update the model. Try again.',
+  '模型无效。': 'The model is invalid.',
+  '模型不存在或不可用。': 'The model does not exist or is unavailable.',
+  '当前模型已不可用，请选择其他模型或跟随默认模型。': 'The current model is unavailable. Choose another model or follow the default.',
   '尚未检查': 'Not checked yet',
   '刚刚': 'Just now',
   '检查连接': 'Check connection',
@@ -766,6 +775,10 @@ const EN = Object.freeze({
   '填写接收消息的用户 ID': 'Enter the recipient user ID',
   '私聊': 'Direct message',
   '群聊': 'Group',
+  '群聊设置': 'Group settings',
+  '当前机器人': 'Current bot',
+  '飞书群聊设置暂不可用。': 'Feishu group settings are currently unavailable.',
+  '飞书服务没有返回当前机器人的设置': 'Feishu did not return settings for this bot',
   '群 Chat ID': 'Group Chat ID',
   '用户 ID': 'User ID',
   '填写钉钉用户 ID': 'Enter the DingTalk user ID',
@@ -828,6 +841,15 @@ const EN = Object.freeze({
   '？使用这个 targetId 的外部调用将返回 unknown-target。': '? External calls using this targetId will return unknown-target.',
   '正在删除…': 'Deleting…',
   '确认删除': 'Delete target',
+  '会话双向同步': 'Two-way Session sync',
+  '自动跟随该私聊的当前会话': 'Automatically follow this direct message’s current Session',
+  '等待该私聊建立新会话': 'Waiting for this direct message to establish a new Session',
+  '关闭时不发送 DSH 会话消息': 'DSH Session messages are not sent while disabled',
+  '仅支持已经聊过、已建立当前会话且使用当前 Host Harness 的私聊目标': 'Only a known direct message with a current Session on this Host Harness is supported',
+  '会话同步仅支持已经聊过、已建立当前会话且使用当前 Host Harness 的私聊目标。': 'Session sync requires a known direct message with a current Session on this Host Harness.',
+  '会话同步设置失败，请稍后重试。': 'Could not update Session sync. Try again later.',
+  '修改接收位置会关闭会话双向同步。': 'Changing the destination disables two-way Session sync.',
+  ' 会话同步设置也会一并删除。': ' Its Session sync setting will also be deleted.',
   '投递目标设置暂不可用。': 'Delivery target settings are unavailable.',
   '无法读取投递目标，请稍后重试。': 'Could not load delivery targets. Try again later.',
   '← 返回机器人列表': '← Back to bots',

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

@@ -0,0 +1,104 @@
+import * as React from 'react';
+
+import {
+  EMPTY_MODEL_CATALOG,
+  modelSelectionId,
+  normalizeModelCatalog,
+  normalizeModelSelection,
+} from '../../src/channels/shared/model-setting.mjs';
+import { h } 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]);
+}
+
+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 [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 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);
+    }
+  }
+  if (current && !currentAvailable) selections.set(currentValue, current);
+
+  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;
+    setSaving(true);
+    setError(null);
+    try {
+      await onSave?.(next);
+    } catch (cause) {
+      setError(cause?.message ?? '模型修改失败，请重试。');
+    } finally {
+      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); },
+    },
+      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,
+  );
+}

package/plugin-src/client/styles.js

@@ -358,6 +358,17 @@ const CSS = String.raw`
 .dim-panel .dim-botCard { position: relative; min-width: 0; width: 100%; max-width: 100%; overflow: hidden; border: 1px solid var(--dsw-alias-border-l2, #e5e6eb); border-radius: 14px; background: var(--dsw-alias-bg-layer-1, #fff); box-shadow: 0 1px 2px rgb(31 35 41 / 3%); }
 .dim-panel .dim-botCard::before { display: none; }
 .dim-panel .dim-botCardBody { position: relative; min-width: 0; width: 100%; max-width: 100%; padding: 12px; }
+.dim-collapsibleAccount { min-width: 0; display: flex; flex-direction: column; }
+.dim-collapsibleHead { min-width: 0; display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; -webkit-user-select: none; }
+.dim-collapsibleHead:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary, #3370ff); outline-offset: 2px; border-radius: 8px; }
+.dim-collapsibleHeaderContent { min-width: 0; flex: 1 1 auto; display: flex; align-items: center; }
+.dim-collapsibleChevron { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 9px; height: 9px; border-right: 1.6px solid var(--dsw-alias-label-tertiary, #8f959e); border-bottom: 1.6px solid var(--dsw-alias-label-tertiary, #8f959e); transform: rotate(-45deg); transition: transform .22s cubic-bezier(.4, 0, .2, 1); transform-origin: 50% 50%; }
+.dim-collapsibleAccount.is-open .dim-collapsibleChevron { transform: rotate(45deg); }
+/* Animate height without measuring content; hide collapsed controls from focus and accessibility. */
+.dim-collapsibleBody { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .22s cubic-bezier(.4, 0, .2, 1); }
+.dim-collapsibleAccount.is-open > .dim-collapsibleBody { grid-template-rows: 1fr; }
+.dim-collapsibleBodyInner { min-height: 0; overflow: hidden; }
+.dim-collapsibleAccount:not(.is-open) .dim-collapsibleBodyInner { visibility: hidden; }
 .dim-panel .dim-botCardTop { min-width: 0; max-width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
 .dim-panel .dim-botIdentity { min-width: 0; flex: 1 1 0; display: flex; align-items: center; gap: 10px; }
 .dim-panel .dim-botAvatar { flex: none; width: 38px; height: 38px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; box-shadow: none; }
@@ -391,6 +402,45 @@ const CSS = String.raw`
 .dim-botSettingsTab[aria-selected="true"]::after { background: var(--dsw-alias-state-business-primary, #3370ff); transform: scaleX(1); }
 .dim-botSettingsTab:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary, #3370ff); outline-offset: -2px; border-radius: 5px; }
 .dim-botSettingsTabPanel { min-width: 0; display: grid; gap: 14px; padding-top: 14px; }
+.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 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; }
+.dim-feishuGroupSelect:hover:not(:disabled) { border-color: color-mix(in srgb, var(--dsw-alias-state-business-primary, #3370ff) 42%, var(--dsw-alias-border-l2, #dfe1e5)); }
+.dim-feishuGroupSelect:focus-visible { outline: none; border-color: var(--dsw-alias-state-business-primary, #3370ff); box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-business-primary, #3370ff) 15%, transparent); }
+.dim-feishuGroupSelect:disabled { cursor: not-allowed; opacity: .55; }
+.dim-feishuGroupHelp { margin: -2px 0 0; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; line-height: 19px; }
+.dim-feishuGroupPermissionAction { display: flex; justify-content: flex-start; }
+.dim-feishuGroupPermissionAction .dim-deliveryButton { color: var(--dsw-alias-state-business-primary, #3370ff); border-color: color-mix(in srgb, var(--dsw-alias-state-business-primary, #3370ff) 30%, var(--dsw-alias-border-l2, #dfe1e5)); }
+.dim-feishuGroupError, .dim-feishuGroupRefreshError { margin: 0; padding: 9px 11px; border-radius: 8px; font-size: 12px; line-height: 18px; }
+.dim-feishuGroupError, .dim-feishuGroupRefreshError { color: var(--dsw-alias-state-error-primary, #d54941); background: color-mix(in srgb, var(--dsw-alias-state-error-primary, #d54941) 7%, var(--dsw-alias-bg-layer-1, #fff)); }
+.dim-feishuGroupAuthorization { min-width: 0; display: grid; grid-template-columns: 184px minmax(0, 1fr); align-items: start; gap: 24px; padding: 18px; border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary, #3370ff) 30%, var(--dsw-alias-border-l2, #dfe1e5)); border-radius: 12px; background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #3370ff) 2.5%, var(--dsw-alias-bg-layer-3, #fff)); }
+.dim-feishuGroupAuthorizationState { min-height: 126px; grid-template-columns: 32px minmax(0, 1fr); align-items: center; }
+.dim-feishuGroupAuthorizationState h3, .dim-feishuGroupAuthorizationError h3, .dim-feishuGroupAuthorizationCopy h3 { margin: 0; color: var(--dsw-alias-label-primary, #1f2329); font-size: 16px; line-height: 24px; font-weight: 650; }
+.dim-feishuGroupAuthorizationState p, .dim-feishuGroupAuthorizationError p, .dim-feishuGroupAuthorizationCopy > p { margin: 5px 0 0; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: 19px; }
+.dim-feishuGroupSpinner { width: 24px; height: 24px; border: 3px solid var(--dsw-alias-border-l2, #dfe1e5); border-top-color: var(--dsw-alias-state-business-primary, #3370ff); border-radius: 50%; animation: dim-spin .8s linear infinite; }
+.dim-feishuGroupAuthorizationError { grid-template-columns: minmax(0, 1fr) max-content; align-items: center; border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary, #d54941) 28%, var(--dsw-alias-border-l2, #dfe1e5)); background: color-mix(in srgb, var(--dsw-alias-state-error-primary, #d54941) 4%, var(--dsw-alias-bg-layer-3, #fff)); }
+.dim-feishuGroupAuthorizationError code { display: inline-block; margin-top: 6px; color: var(--dsw-alias-label-tertiary, #8f959e); font: 11px/17px ui-monospace, SFMono-Regular, Menlo, monospace; }
+.dim-feishuGroupQrColumn { min-width: 0; }
+.dim-feishuGroupQrFrame { position: relative; width: 176px; height: 176px; display: grid; place-items: center; padding: 10px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 11px; background: #fff; box-shadow: 0 6px 18px rgb(31 35 41 / 7%); }
+.dim-feishuGroupQrFrame img { width: 100%; height: 100%; display: block; object-fit: contain; }
+.dim-feishuGroupQrFallback { width: 100%; height: 100%; display: grid; place-content: center; justify-items: center; gap: 7px; border-radius: 7px; color: var(--dsw-alias-state-business-primary, #3370ff); background: #f7f9ff; text-align: center; }
+.dim-feishuGroupQrFallback span { color: var(--dsw-alias-label-secondary, #646a73); font-size: 11px; line-height: 17px; }
+.dim-feishuGroupQrExpired { position: absolute; inset: 10px; display: grid; place-content: center; gap: 2px; border-radius: 8px; color: var(--dsw-alias-label-primary, #1f2329); background: rgb(255 255 255 / 94%); backdrop-filter: blur(3px); text-align: center; }
+.dim-feishuGroupQrExpired span { font-size: 13px; line-height: 20px; font-weight: 650; }
+.dim-feishuGroupQrExpired small { color: var(--dsw-alias-label-secondary, #646a73); font-size: 11px; line-height: 17px; }
+.dim-feishuGroupCountdown { width: 176px; display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 5px 10px; margin-top: 9px; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 11px; line-height: 17px; font-variant-numeric: tabular-nums; }
+.dim-feishuGroupCountdown strong { color: var(--dsw-alias-label-secondary, #646a73); font-weight: 600; }
+.dim-feishuGroupProgress { grid-column: 1 / -1; height: 3px; overflow: hidden; border-radius: 99px; background: var(--dsw-alias-bg-module-platform, #f2f3f5); }
+.dim-feishuGroupProgress > span { display: block; height: 100%; border-radius: inherit; background: var(--dsw-alias-state-business-primary, #3370ff); transition: width 1s linear; }
+.dim-feishuGroupAuthorizationCopy { min-width: 0; }
+.dim-feishuGroupAuthorizationEyebrow { display: block; margin-bottom: 7px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 11px; line-height: 17px; font-weight: 600; }
+.dim-feishuGroupAuthorizationCopy ol { display: grid; gap: 6px; margin: 13px 0 0; padding-left: 18px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 11px; line-height: 18px; }
+.dim-feishuGroupAuthorizationActions { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
+.dim-feishuGroupAuthorizationLink { text-decoration: none; }
 .dim-deliveryDocsLink { min-height: 30px; flex: none; display: inline-flex; align-items: center; gap: 4px; padding: 5px 8px; border-radius: 7px; color: var(--dsw-alias-state-business-primary, #3370ff); font-size: 12px; line-height: 18px; text-decoration: none; white-space: nowrap; }
 .dim-deliveryDocsLink:hover { background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #3370ff) 8%, transparent); }
 .dim-deliveryDocsLink:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary, #3370ff); outline-offset: 2px; }
@@ -420,6 +470,12 @@ const CSS = String.raw`
 .dim-targetTitle span { flex: none; padding: 1px 6px; border-radius: 5px; color: var(--dsw-alias-state-business-primary, #3370ff); background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #3370ff) 9%, transparent); font-size: 10px; line-height: 16px; }
 .dim-targetSummary code { display: block; overflow: hidden; margin-top: 3px; color: var(--dsw-alias-label-secondary, #646a73); font: 11px/17px ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
 .dim-targetActions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
+.dim-targetSessionSync { grid-column: 1 / -1; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 9px; border-top: 1px solid var(--dsw-alias-border-l1, #eef0f3); cursor: pointer; }
+.dim-targetSessionSyncCopy { min-width: 0; display: grid; gap: 1px; }
+.dim-targetSessionSyncCopy strong { color: var(--dsw-alias-label-primary, #1f2329); font-size: 12px; line-height: 18px; font-weight: 600; }
+.dim-targetSessionSyncCopy small { color: var(--dsw-alias-label-secondary, #646a73); font-size: 11px; line-height: 17px; }
+.dim-targetSessionSync input { width: 16px; height: 16px; flex: none; margin: 0; accent-color: var(--dsw-alias-state-business-primary, #3370ff); }
+.dim-targetSessionSync:has(input:disabled) { cursor: default; }
 .dim-targetFeedback { grid-column: 1 / -1; margin: 0; color: var(--dsw-alias-label-secondary, #646a73); font-size: 11px; line-height: 17px; }
 .dim-targetFeedback[data-tone="success"] { color: var(--dsw-alias-state-success-primary, #20a162); }
 .dim-targetFeedback[data-tone="error"], .dim-targetFormError { color: var(--dsw-alias-state-error-primary, #d54941); }
@@ -543,6 +599,10 @@ const CSS = String.raw`
   .dim-accessControls { grid-template-columns: minmax(0, 1fr); }
   .dim-accessUserRow { grid-template-columns: minmax(0, 1fr); }
   .dim-accessDeleteUser { justify-self: start; }
+  .dim-feishuGroupAuthorization { grid-template-columns: minmax(0, 1fr); justify-items: center; }
+  .dim-feishuGroupAuthorizationCopy { width: 100%; }
+  .dim-feishuGroupAuthorizationState { grid-template-columns: 32px minmax(0, 1fr); justify-items: stretch; }
+  .dim-feishuGroupAuthorizationError { justify-items: stretch; }
 }
 @media (max-width: 840px) {
   .dim-title { align-items: flex-start; }
@@ -572,6 +632,7 @@ const CSS = String.raw`
   .dim-deliveryBotId > span { grid-column: 1 / -1; }
   .dim-targetActions .dim-deliveryButton { flex: 1 1 auto; }
   .dim-accessActions .dim-deliveryButton { width: 100%; }
+  .dim-feishuGroupAuthorizationActions .dim-deliveryButton { flex: 1 1 auto; }
   .dim-directoryPickerBackdrop { padding: 10px; }
   .dim-directoryPicker { height: calc(100vh - 20px); min-height: 0; border-radius: 14px; }
   .dim-directoryPickerHeader { padding: 18px 17px 14px; }
@@ -584,6 +645,7 @@ const CSS = String.raw`
 @media (prefers-reduced-motion: reduce) {
   .dim-page * { transition-duration: .01ms !important; }
   .dim-directoryPickerSpinner { animation-duration: 1.8s; }
+  .dim-collapsibleBody, .dim-collapsibleChevron { transition: none !important; }
 }
 `;
 

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

@@ -15,6 +15,7 @@ import {
   observeBotWorkspaceRemovals,
 } from '../../../../src/channels/shared/bot-workspace-store.mjs';
 import { listAgentPresetCatalog } from '../../../../src/channels/shared/agent-preset.mjs';
+import { listModelCatalog } from '../../../../src/channels/shared/model-setting.mjs';
 import { createDeliveryAdapter } from '../../delivery-adapter.mjs';
 import { createConnectionSupervisor } from './connection-supervisor.mjs';
 import { createHarnessCommandExecutor } from '../../harness-command-executor.mjs';
@@ -111,6 +112,7 @@ export async function createProductionController(ctx, config = {}, internals = {
     ...(sessionMaintenanceExecutor ? { sessionMaintenanceExecutor } : {}),
     ...(fileIngressExecutor ? { fileIngressExecutor } : {}),
   });
+  const modelCatalog = () => listModelCatalog(harness);
   const coreController = new Controller({
     deviceAuth,
     credentials: ctx.credentials,
@@ -163,6 +165,7 @@ export async function createProductionController(ctx, config = {}, internals = {
     workspaces,
     stateFor,
     agentPresetCatalog,
+    modelCatalog,
   });
   const supervisor = createSupervisor({
     controller,

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

@@ -4,6 +4,7 @@ import { SET_ACCESS_POLICY_ENDPOINT, validAccessPolicyPayload } from '../shared/
 import { resolveRpcAuthority } from '../../rpc-authority.mjs';
 import { publicWorkspaceError, SET_WORKSPACE_ENDPOINT, validWorkspacePayload } from '../shared/workspace-rpc.mjs';
 import { SET_AGENT_PRESET_ENDPOINT, validAgentPresetPayload } from '../shared/agent-preset-rpc.mjs';
+import { SET_MODEL_ENDPOINT, validModelPayload } from '../shared/model-setting-rpc.mjs';
 import {
   connectionTestTargetUnavailable,
   publicConnectionTestResult,
@@ -19,6 +20,7 @@ export const DINGTALK_ENDPOINTS = Object.freeze({
   reconnectBot: 'bot.reconnect',
   deleteBot: 'bot.delete',
   setWorkspace: SET_WORKSPACE_ENDPOINT,
+  setModel: SET_MODEL_ENDPOINT,
   setAgentPreset: SET_AGENT_PRESET_ENDPOINT,
   setContextEnhancement: SET_CONTEXT_ENHANCEMENT_ENDPOINT,
   setAccessPolicy: SET_ACCESS_POLICY_ENDPOINT,
@@ -94,6 +96,9 @@ function payloadFailure(endpoint, payload) {
     return validWorkspacePayload(payload)
       ? null : '请输入工作区绝对路径。';
   }
+  if (endpoint === DINGTALK_ENDPOINTS.setModel) {
+    return validModelPayload(payload) ? null : '请选择有效模型。';
+  }
   if (endpoint === DINGTALK_ENDPOINTS.setAgentPreset) {
     return validAgentPresetPayload(payload)
       ? null : '请选择 Agent Preset。';
@@ -284,6 +289,12 @@ export function createDingtalkRpcHandler(controller, { encodeQr = qrDataUrl } =
           await controller.updateWorkspace(payload.botId, payload.workspace),
           cachedEncode,
         );
+      } else if (endpoint === DINGTALK_ENDPOINTS.setModel) {
+        if (typeof controller.updateModel !== 'function') throw new Error('Model update is unavailable');
+        value = await publicStatus(
+          await controller.updateModel(payload.botId, payload.model),
+          cachedEncode,
+        );
       } else if (endpoint === DINGTALK_ENDPOINTS.setContextEnhancement) {
         if (typeof controller.updateContextEnhancement !== 'function') throw new Error('Context enhancement update is unavailable');
         value = await controller.updateContextEnhancement(

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

@@ -27,6 +27,7 @@ import {
   observeBotWorkspaceRemovals,
 } from '../../../../src/channels/shared/bot-workspace-store.mjs';
 import { listAgentPresetCatalog } from '../../../../src/channels/shared/agent-preset.mjs';
+import { listModelCatalog } from '../../../../src/channels/shared/model-setting.mjs';
 import { createDeliveryAdapter } from '../../delivery-adapter.mjs';
 import {
   accessPolicyProvider,
@@ -191,6 +192,7 @@ export async function createProductionController(ctx, config = {}, internals = {
   const proxyEnv = internals.proxyEnv ?? process.env;
   const wsAgent = createFeishuWebSocketAgent(proxyEnv, internals.createProxyAgent);
 
+  const modelCatalog = () => listModelCatalog(harness);
   const coreController = new Controller({
     registerApp: (options) => lark.registerApp(options),
     verifyApp,
@@ -247,6 +249,7 @@ export async function createProductionController(ctx, config = {}, internals = {
     workspaces,
     stateFor: stateForBotId,
     agentPresetCatalog,
+    modelCatalog,
   });
 
   const supervisor = createSupervisor({