@xmanrui/dsh-im 4.24.0 → 4.24.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmanrui/dsh-im",
-  "version": "4.24.0",
+  "version": "4.24.1",
   "description": "把十一种 IM 渠道和公网 AI Office 接入本机 DeepSeek Harness。 Connect eleven IM channels and a public AI Office to a local DeepSeek Harness.",
   "keywords": [
     "deepseek-harness",
@@ -80,6 +80,10 @@
     {
       "name": "wings1848",
       "url": "https://github.com/wings1848"
+    },
+    {
+      "name": "Zhe (Phil) Yang",
+      "url": "https://github.com/yangzhe1991"
     }
   ],
   "license": "MIT",

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

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

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

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

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

@@ -4,7 +4,7 @@ import * as React from "react";
 
 import { FeishuLogoGlyph } from "../../channel-logos.js";
 import { CredentialActionIcon, CredentialBindingPanel, QrActionIcon } from "../../credential-binding.js";
-import { CollapsibleAccountSection } from "../shared/collapsible-account.js";
+import { AccountSettingsToggle, CollapsibleAccountSection } from "../shared/collapsible-account.js";
 import { h } from "../../i18n.js";
 import {
   FEISHU_ENDPOINTS,
@@ -600,6 +600,18 @@ export function BotCard({
   },
     h("div", { className: "bxf-cardBody dim-botCardBody" },
       h(CollapsibleAccountSection, {
+        settings: h(BotSettingsButton, {
+          channel: "feishu",
+          botId: connection.botId,
+          botName: bot.name,
+          connected,
+          accessPolicy: connection.accessPolicy,
+          channelSettings: {
+            groupResponseMode: connection.groupResponseMode,
+            groupTopicReply: connection.groupTopicReply,
+            groupMessagePermissionGranted: connection.groupMessagePermissionGranted,
+          },
+        }),
         id: `bxf-settings-${connection.botId.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
         header: h("div", { className: "bxf-connectedTop dim-botCardTop" },
           h("div", { className: "bxf-botIdentity dim-botIdentity" },
@@ -624,18 +636,7 @@ export function BotCard({
               formatCheckedTime,
               healthState: stateForDisplay,
             }),
-            h(BotSettingsButton, {
-              channel: "feishu",
-              botId: connection.botId,
-              botName: bot.name,
-              connected,
-              accessPolicy: connection.accessPolicy,
-              channelSettings: {
-                groupResponseMode: connection.groupResponseMode,
-                groupTopicReply: connection.groupTopicReply,
-                groupMessagePermissionGranted: connection.groupMessagePermissionGranted,
-              },
-            }))),
+            h(AccountSettingsToggle))),
       },
         h(WorkspaceEditor, {
           workspace: connection.workspace,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/plugin-src/client/i18n.js

@@ -45,6 +45,8 @@ const EN = Object.freeze({
   'IM机器人设置': 'IM bot settings',
   'IM 面板加载失败': 'Could not load the IM panel',
   '更多机器人设置': 'More bot settings',
+  '更多设置': 'More settings',
+  '常用配置': 'Common settings',
   '机器人设置': 'Bot settings',
   '机器人设置页签': 'Bot settings tabs',
   '投递设置': 'Delivery settings',
@@ -130,6 +132,8 @@ const EN = Object.freeze({
   '已安装版本': 'Installed version',
   '目标 profile': 'Target profile',
   '目标版本': 'Target version',
+  '最新版本': 'Latest version',
+  '上次更新目标': 'Previous update target',
   '无法确认': 'Unknown',
   '发现新版本': 'Update available',
   '已是最新版本': 'Up to date',
@@ -143,6 +147,7 @@ const EN = Object.freeze({
   '更新已生效': 'Updated version is active',
   '更新失败': 'Update failed',
   '更新请求失败': 'Update request failed',
+  '暂时无法安装更新': 'Update installation is unavailable',
   '仅更新 DSH-IM。安装完成后需手动重启后台；本功能不会自动重启或主动刷新页面。': 'Only DSH-IM will be updated. Restart the backend manually after installation. This feature does not automatically restart it or initiate a page refresh.',
   '当前是源码或链接安装，只能检查版本；请手动更新源码，或迁移到 npm 安装。': 'This is a source or linked installation. You can check versions, but must update the source manually or migrate to an npm installation.',
   '无法确认当前 profile，请在对应的 Harness 环境中手动更新。': 'The current profile could not be identified. Update manually in the corresponding Harness environment.',

package/plugin-src/client/styles.js

@@ -417,10 +417,15 @@ const CSS = String.raw`
 .dim-panel .dim-botCardBody { position: relative; min-width: 0; width: 100%; max-width: 100%; padding: 12px 8px; }
 .dim-collapsibleAccount { min-width: 0; display: flex; flex-direction: column; }
 .dim-collapsibleHead { min-width: 0; display: flex; align-items: center; gap: 4px; 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); }
+/* Keep the original header footprint; center both icons with equal side space. */
+.dim-accountSettingsToggle { flex: none; width: 45px; height: 32px; display: inline-flex; gap: 5px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 8px; color: var(--dsw-alias-state-business-primary, #3370ff); background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #3370ff) 8%, var(--dsw-alias-bg-layer-1, #fff)); cursor: pointer; }
+.dim-accountSettingsToggle > svg { flex: none; display: block; }
+.dim-accountSettingsToggle:hover { background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #3370ff) 14%, var(--dsw-alias-bg-layer-1, #fff)); }
+.dim-accountSettingsToggle:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary, #3370ff); outline-offset: 2px; }
+.dim-collapsibleChevron { width: 12px; height: 16px; transition: transform .22s cubic-bezier(.4, 0, .2, 1); transform-origin: 50% 50%; }
+.dim-accountSettingsToggle[aria-expanded="true"] .dim-collapsibleChevron { transform: rotate(180deg); }
+.dim-accountSettingsHeader { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--dsw-alias-border-l2, #e5e6eb); color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; }
 /* 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; }
@@ -445,11 +450,10 @@ const CSS = String.raw`
 .dim-panel .dim-botCard .dim-healthDot[data-tone="warning"] { background: var(--dsw-alias-state-warn-primary, #d97706); }
 .dim-panel .dim-botCard .dim-healthDot[data-tone="error"] { background: var(--dsw-alias-state-error-primary, #d54941); }
 .dim-botSettingsAction { position: relative; flex: none; display: inline-flex; }
-.dim-botSettingsButton { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 8px; color: var(--dsw-alias-label-secondary, #646a73); background: transparent; cursor: pointer; transition: color .15s ease, background .15s ease; }
+.dim-botSettingsButton { min-height: 32px; display: inline-flex; align-items: center; gap: 6px; padding: 0 6px; border: 0; border-radius: 8px; color: var(--dsw-alias-state-business-primary, #3370ff); background: transparent; font: inherit; font-size: 12px; white-space: nowrap; cursor: pointer; transition: color .15s ease, background .15s ease; }
 .dim-botSettingsButton:hover { color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-interactive-bg-hover, #eef0f3); }
 .dim-botSettingsButton:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary, #3370ff); outline-offset: 2px; }
-.dim-botSettingsTooltip { position: absolute; top: calc(100% + 6px); right: 0; z-index: 30; width: max-content; padding: 6px 9px; 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-3, #fff); box-shadow: 0 8px 24px rgb(31 35 41 / 14%); font-size: 11px; line-height: 16px; opacity: 0; visibility: hidden; transform: translateY(-3px); pointer-events: none; transition: opacity .15s ease, transform .15s ease, visibility .15s ease; }
-.dim-botSettingsAction:hover .dim-botSettingsTooltip, .dim-botSettingsAction:focus-within .dim-botSettingsTooltip { opacity: 1; visibility: visible; transform: translateY(0); }
+.dim-moreSettingsChevron { width: 6px; height: 6px; margin-right: 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); }
 .dim-deliveryPage { min-width: 0; display: grid; }
 .dim-deliveryHeader { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
 .dim-botSettingsTabsBar { min-width: 0; margin-top: 10px; border-bottom: 1px solid var(--dsw-alias-border-l2, #dfe1e5); }

package/plugin-src/client/update-panel.js

@@ -72,14 +72,17 @@ function summary(snapshot, action, error) {
   if (snapshot?.job?.state === 'restart-required' || snapshot?.blockedReason === 'pending-restart') {
     return '已安装，待手动重启';
   }
-  if (snapshot?.job?.state === 'completed') return '更新已生效';
-  if (snapshot?.job?.state === 'failed') return '更新失败';
-  if (snapshot?.job?.state === 'interrupted') return '上次更新已中断，请检查安装状态后重试。';
   if (error) return '更新请求失败';
+  if (!snapshot?.job?.recoverable) {
+    if (snapshot?.job?.state === 'failed') return '更新失败';
+    if (snapshot?.job?.state === 'interrupted') return '上次更新已中断，请检查安装状态后重试。';
+  }
+  if (snapshot?.blockedReason === 'no-update') return '当前版本无需更新';
+  if (snapshot?.blockedReason) return '暂时无法安装更新';
   if (snapshot?.canInstall) return '发现新版本';
   if (snapshot?.checkedAt && snapshot.latestVersion === snapshot.runningVersion) return '已是最新版本';
-  if (snapshot?.blockedReason === 'no-update') return '当前版本无需更新';
   if (snapshot?.checkedAt) return '已获取 npm 最新版本';
+  if (snapshot?.job?.state === 'completed') return '更新已生效';
   return '检查 npm 最新版本，不会自动安装。';
 }
 
@@ -102,7 +105,7 @@ function manualUpdateCommand(snapshot) {
   const targets = [
     snapshot.latestVersion,
     pendingRestart ? snapshot.installedVersion : null,
-    snapshot.job?.state !== 'completed' ? snapshot.job?.targetVersion : null,
+    snapshot.job?.state !== 'completed' && !snapshot.job?.recoverable ? snapshot.job?.targetVersion : null,
   ].filter(validVersion);
   // Keep a known target pinned, and never suggest downgrading an installed/running version.
   const version = targets.length
@@ -394,9 +397,12 @@ export function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
   const blocked = BLOCKED_REASONS[snapshot?.blockedReason] ?? ERROR_MESSAGES[snapshot?.blockedReason];
   const canConfirm = snapshot?.canInstall && snapshot.checkId && !activeJob && !restartRequired;
   const versionsDiffer = snapshot && clientVersion && snapshot.runningVersion !== clientVersion;
-  const failedJob = ['failed', 'interrupted'].includes(snapshot?.job?.state);
+  const failedJob = ['failed', 'interrupted'].includes(snapshot?.job?.state) && !snapshot.job.recoverable;
   const jobMessage = snapshot?.job?.message;
-  const targetVersion = snapshot?.job?.targetVersion;
+  const targetVersion = activeJob || restartRequired ? snapshot?.job?.targetVersion : null;
+  const historicalTargetVersion = !activeJob && !restartRequired ? snapshot?.job?.targetVersion : null;
+  const latestVersion = !activeJob && !restartRequired && !error && snapshot?.checkedAt
+    ? snapshot.latestVersion : null;
   const manualCommand = manualUpdateCommand(snapshot);
   const buttonLabel = action === 'checking' ? '检查中…'
     : action === 'starting' || activeJob ? '正在更新…'
@@ -413,7 +419,7 @@ export function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
       onClick: () => {
         setOpen(true);
         if (restartRequired) void refreshStatus();
-        else if (!snapshot?.canInstall && !snapshot?.job) void check();
+        else if (!snapshot?.canInstall && !activeJob && !uncertainInstall) void check();
       },
     }, buttonLabel, buttonLabel === '更新至' ? ` v${snapshot.latestVersion}` : null),
     open ? h(UpdateDialog, { onClose: () => setOpen(false) },
@@ -425,6 +431,10 @@ export function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
                 h('dt', null, '已安装版本'), h('dd', null, `v${snapshot.installedVersion}`)) : null,
           targetVersion ? h(React.Fragment, null,
             h('dt', null, '目标版本'), h('dd', null, `v${targetVersion}`)) : null,
+          latestVersion ? h(React.Fragment, null,
+            h('dt', null, '最新版本'), h('dd', null, `v${latestVersion}`)) : null,
+          historicalTargetVersion ? h(React.Fragment, null,
+            h('dt', null, '上次更新目标'), h('dd', null, `v${historicalTargetVersion}`)) : null,
           h('dt', null, '目标 profile'), h('dd', null, snapshot?.profileName ?? '无法确认')),
         h('div', {
           className: `dim-updateStatus${error || failedJob ? ' dim-updateStatusError' : ''}`,