@xmanrui/dsh-im 1.0.2 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmanrui/dsh-im",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "description": "把九种 IM 机器人和公网 AI Office 接入本机 DeepSeek Harness。 Connect nine IM channels and a public AI Office to a local DeepSeek Harness.",
   "keywords": [
     "deepseek-harness",

package/plugin-src/client/agent-preset.js

@@ -46,6 +46,7 @@ export function normalizeAgentPresetCatalog(value) {
 
 export function AgentPresetEditor({ agentPreset = '', disabled = false, onSave }) {
   const catalog = React.useContext(AgentPresetCatalogContext) ?? EMPTY_AGENT_PRESET_CATALOG;
+  const helpId = React.useId();
   const current = normalizeAgentPresetId(agentPreset);
   const [saving, setSaving] = React.useState(false);
   const [error, setError] = React.useState(null);
@@ -78,7 +79,20 @@ export function AgentPresetEditor({ agentPreset = '', disabled = false, onSave }
 
   return h('div', { className: 'dim-preset' },
     h('div', { className: 'dim-presetHeader' },
-      h('span', null, 'Agent Preset'),
+      h('span', { className: 'dim-presetTitle' },
+        h('span', null, 'Agent Preset'),
+        h('span', { className: 'dim-presetHelp' },
+          h('button', {
+            type: 'button',
+            className: 'dim-presetHelpButton',
+            'aria-label': '查看 Agent Preset 说明',
+            '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),
     React.createElement('select', {
       className: 'dim-presetSelect',
@@ -96,11 +110,6 @@ export function AgentPresetEditor({ agentPreset = '', disabled = false, onSave }
           : item.label && item.label !== item.id ? `${item.label}（${item.id}）` : item.id,
       )),
     ),
-    h(
-      'small',
-      { className: 'dim-presetHelp' },
-      '只影响新建会话；若当前聊天已有会话，先发送 /new，再发送普通消息生效。',
-    ),
     error || currentUnavailable ? h(
       'p',
       { className: 'dim-presetError', role: error ? 'alert' : 'status' },

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

@@ -0,0 +1,48 @@
+import * as React from 'react';
+
+import { h } from './i18n.js';
+
+export function ChannelListHeading({ className = '', id, title, connectionLabel }) {
+  const helpId = React.useId();
+  return h('div', { className: `${className} dim-listHeading`.trim() },
+    h('div', { className: 'dim-listTitle' },
+      h('h3', id ? { id } : null, title),
+      h('span', { className: 'dim-channelHelp' },
+        h('button', {
+          type: 'button',
+          className: 'dim-channelHelpButton',
+          'aria-label': '查看消息通道说明',
+          'aria-describedby': helpId,
+        }, h('span', { 'aria-hidden': 'true' }, '?')),
+        h('span', {
+          id: helpId,
+          className: 'dim-channelTooltip',
+          role: 'tooltip',
+        },
+        h('span', null, '消息通道'),
+        h('strong', null, connectionLabel)))));
+}
+
+export function BotStatusMeta({
+  className = '',
+  dotClassName = '',
+  tone,
+  stateLabel,
+  lastCheckedAt,
+  formatCheckedTime,
+  healthState,
+}) {
+  return h('div', { className: 'dim-botHealthGroup' },
+    h('div', {
+      className: `${className} dim-botHealth`.trim(),
+      ...(healthState ? { 'data-health': healthState } : {}),
+    },
+    h('span', {
+      className: `${dotClassName} dim-healthDot`.trim(),
+      'data-tone': tone,
+    }),
+    h('span', null, stateLabel)),
+    h('div', { className: 'dim-lastChecked' },
+      h('span', null, '最近检查'),
+      h('span', null, formatCheckedTime(lastCheckedAt))));
+}

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

@@ -9,6 +9,7 @@ import {
   EMPTY_AGENT_PRESET_CATALOG,
 } from '../../agent-preset.js';
 import { useWorkspaceSnapshotFence } from '../../workspace-snapshot-fence.js';
+import { BotStatusMeta, ChannelListHeading } from '../../channel-card-meta.js';
 import {
   DINGTALK_ENDPOINTS,
   DINGTALK_RPC_CHANNEL,
@@ -235,13 +236,14 @@ export function AccountCard({
           h('div', { className: 'dim-botName' },
             h('h3', { title: account.bot.name }, account.bot.name),
             h('p', { title: account.bot.clientIdMasked }, account.bot.clientIdMasked))),
-        h('div', { className: 'ddt-health dim-botHealth' },
-          h('span', { className: 'ddt-dot dim-healthDot', 'data-tone': tone }), h('span', null, stateLabel))),
-      h('dl', { className: 'ddt-metrics dim-botMetrics' },
-        h('div', { className: 'ddt-metric dim-botMetric' }, h('dt', null, '消息通道'),
-          h('dd', null, account.connected ? 'Stream 长连接' : '离线')),
-        h('div', { className: 'ddt-metric dim-botMetric' }, h('dt', null, '最近检查'),
-          h('dd', null, checkedTime(account.health.lastCheckedAt)))),
+        h(BotStatusMeta, {
+          className: 'ddt-health',
+          dotClassName: 'ddt-dot',
+          tone,
+          stateLabel,
+          lastCheckedAt: account.health.lastCheckedAt,
+          formatCheckedTime: checkedTime,
+        })),
       h(WorkspaceEditor, {
         workspace: account.workspace,
         disabled: Boolean(busy),
@@ -253,16 +255,17 @@ export function AccountCard({
         onSave: onAgentPresetSave,
       }),
       h('div', { className: 'ddt-accountFooter dim-cardFooter' },
-        summary ? h('div', { className: 'ddt-summary dim-cardSummary' }, summary) : null,
-        feedback ? h('div', {
-          className: 'ddt-summary dim-cardSummary',
-          role: 'status',
-        }, feedback) : null,
-        h('div', { className: 'ddt-actions dim-cardActions' },
-          h(Button, { className: 'dim-cardAction', onClick: onReconnect, disabled: Boolean(busy) },
-            busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
-          h(Button, { className: 'dim-cardAction', kind: 'danger', onClick: onRequestRemove, disabled: Boolean(busy) },
-            '移除接入')))),
+        h('div', { className: 'dim-cardFooterLayout' },
+          h('div', { className: 'ddt-actions dim-cardActions' },
+            h(Button, { className: 'dim-cardAction', onClick: onReconnect, disabled: Boolean(busy) },
+              busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
+            h(Button, { className: 'dim-cardAction', kind: 'danger', onClick: onRequestRemove, disabled: Boolean(busy) },
+              '移除接入')),
+          summary ? h('div', { className: 'ddt-summary dim-cardSummary' }, summary) : null,
+          feedback ? h('div', {
+            className: 'ddt-summary dim-cardFeedback',
+            role: 'status',
+          }, feedback) : null))),
     removing ? h(RemoveConfirmation, {
       account,
       busy: busy === 'delete',
@@ -273,8 +276,11 @@ export function AccountCard({
 
 function AccountList(props) {
   return h('section', { className: 'dim-listSection' },
-    h('div', { className: 'ddt-listHeading dim-listHeading' },
-      h('h3', null, '已接入的钉钉机器人')),
+    h(ChannelListHeading, {
+      className: 'ddt-listHeading',
+      title: '已接入的钉钉机器人',
+      connectionLabel: 'Stream 长连接',
+    }),
     h('ul', { className: 'ddt-list dim-botList' }, props.bots.map((account) => h('li', { key: account.botId },
       h(AccountCard, {
         account,

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

@@ -86,10 +86,6 @@ const CSS = String.raw`
 .ddt-accountIdentity h3 { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
 .ddt-accountIdentity p { margin-top: 4px; color: var(--dsw-alias-label-secondary, #646a73); font: 12px ui-monospace, SFMono-Regular, monospace; }
 .ddt-health { display: inline-flex; align-items: center; gap: 7px; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; white-space: nowrap; }
-.ddt-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 20px 0; }
-.ddt-metric { min-width: 0; padding: 12px; border-radius: 9px; background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
-.ddt-metric dt { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 11px; }
-.ddt-metric dd { overflow: hidden; margin: 5px 0 0; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
 .ddt-accountFooter { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 16px; border-top: 1px solid var(--dsw-alias-border-l1, #eef0f3); }
 .ddt-accountFooter .ddt-actions { flex: none; flex-wrap: nowrap; gap: 8px; margin-top: 0; }
 .ddt-accountFooter .ddt-button { flex: none; white-space: nowrap; }
@@ -110,8 +106,6 @@ const CSS = String.raw`
   .ddt-qrLayout { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 24px; }
   .ddt-qrColumn { width: 100%; min-width: 0; }
   .ddt-qrCopy { width: 100%; }
-  .ddt-metrics { gap: 8px; }
-  .ddt-metric { padding: 10px; }
 }
 @media (max-width: 720px) {
   .ddt-heading, .ddt-accountTop { flex-direction: column; align-items: stretch; }

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

@@ -23,6 +23,7 @@ import {
   EMPTY_AGENT_PRESET_CATALOG,
 } from "../../agent-preset.js";
 import { useWorkspaceSnapshotFence } from "../../workspace-snapshot-fence.js";
+import { BotStatusMeta, ChannelListHeading } from "../../channel-card-meta.js";
 import { installFeishuStyles } from "./styles.js";
 
 export const name = "feishu-settings";
@@ -591,15 +592,15 @@ export function BotCard({
             h("h3", { id: titleId, title: bot.name }, bot.name),
             h("p", { title: bot.appIdMasked }, bot.appIdMasked ?? "应用标识已安全保存")),
         ),
-        h("div", { className: "bxf-healthPill dim-botHealth", "data-health": stateForDisplay },
-          h("span", { className: "bxf-dot dim-healthDot", "data-tone": tone }),
-          h("span", null, HEALTH_LABELS[stateForDisplay] ?? "状态未知")),
-      ),
-      h("dl", { className: "bxf-statusGrid dim-botMetrics" },
-        h("div", { className: "bxf-metric dim-botMetric" }, h("dt", null, "消息通道"),
-          h("dd", null, connected ? "长连接" : stateForDisplay === "connecting" ? "连接中" : "已断开")),
-        h("div", { className: "bxf-metric dim-botMetric" }, h("dt", null, "最近检查"),
-          h("dd", null, formatCheckedTime(health.lastCheckedAt))),
+        h(BotStatusMeta, {
+          className: "bxf-healthPill",
+          dotClassName: "bxf-dot",
+          tone,
+          stateLabel: HEALTH_LABELS[stateForDisplay] ?? "状态未知",
+          lastCheckedAt: health.lastCheckedAt,
+          formatCheckedTime,
+          healthState: stateForDisplay,
+        }),
       ),
       h(WorkspaceEditor, {
         workspace: connection.workspace,
@@ -629,30 +630,31 @@ export function BotCard({
           }, provisionContent)
         : null,
       h("div", { className: "bxf-connectedFooter dim-cardFooter" },
-        summary ? h("div", { className: "bxf-healthSummary dim-cardSummary", "data-error": actionError || connection.error ? "true" : undefined },
-          summary) : null,
-        testNotice ? h("div", {
-          className: "bxf-healthSummary dim-cardSummary",
-          role: "status",
-        }, testNotice) : null,
-        h("div", { className: "bxf-actions bxf-botActions dim-cardActions" },
-          h(Button, {
-            className: "dim-cardAction", onClick: onReconnect,
-            disabled: Boolean(busy), "aria-busy": busy === "reconnect" ? "true" : undefined,
-            "aria-label": `${connected ? "检查连接" : "重试连接"}${bot.name}`,
-          }, busy === "reconnect" ? (connected ? "检查中…" : "正在连接…") : connected ? "检查连接" : "重试连接"),
-          h(Button, {
-            className: "bxf-repairButton dim-cardAction",
-            onClick: onRepairCallback,
-            disabled: Boolean(busy) || repairDisabled,
-            "aria-busy": busy === "callback-repair" ? "true" : undefined,
-            "aria-label": `修复${bot.name}的卡片按钮`,
-          }, busy === "callback-repair" ? "等待扫码…" : "修复卡片按钮"),
-          h(Button, {
-            className: "dim-cardAction", kind: "danger", onClick: onRequestRemove,
-            disabled: Boolean(busy), ref: removeButtonRef,
-            "aria-label": `从 DeepSeek Harness 移除${bot.name}`,
-          }, "移除接入")),
+        h("div", { className: "dim-cardFooterLayout" },
+          h("div", { className: "bxf-actions bxf-botActions dim-cardActions" },
+            h(Button, {
+              className: "dim-cardAction", onClick: onReconnect,
+              disabled: Boolean(busy), "aria-busy": busy === "reconnect" ? "true" : undefined,
+              "aria-label": `${connected ? "检查连接" : "重试连接"}${bot.name}`,
+            }, busy === "reconnect" ? (connected ? "检查中…" : "正在连接…") : connected ? "检查连接" : "重试连接"),
+            h(Button, {
+              className: "bxf-repairButton dim-cardAction",
+              onClick: onRepairCallback,
+              disabled: Boolean(busy) || repairDisabled,
+              "aria-busy": busy === "callback-repair" ? "true" : undefined,
+              "aria-label": `修复${bot.name}的卡片按钮`,
+            }, busy === "callback-repair" ? "等待扫码…" : "修复卡片按钮"),
+            h(Button, {
+              className: "dim-cardAction", kind: "danger", onClick: onRequestRemove,
+              disabled: Boolean(busy), ref: removeButtonRef,
+              "aria-label": `从 DeepSeek Harness 移除${bot.name}`,
+            }, "移除接入")),
+          summary ? h("div", { className: "bxf-healthSummary dim-cardSummary", "data-error": actionError || connection.error ? "true" : undefined },
+            summary) : null,
+          testNotice ? h("div", {
+            className: "bxf-healthSummary dim-cardFeedback",
+            role: "status",
+          }, testNotice) : null),
       ),
     ),
     removing
@@ -668,8 +670,12 @@ export function BotCard({
 
 function BotList(props) {
   return h("section", { className: "bxf-listSection dim-listSection", "aria-labelledby": "bxf-bot-list-title" },
-    h("div", { className: "bxf-listHeading dim-listHeading" },
-      h("h3", { id: "bxf-bot-list-title" }, "已接入的机器人")),
+    h(ChannelListHeading, {
+      className: "bxf-listHeading",
+      id: "bxf-bot-list-title",
+      title: "已接入的机器人",
+      connectionLabel: "长连接",
+    }),
     h("ul", { className: "bxf-botList dim-botList", role: "list" },
       props.bots.map((bot) => h("li", { key: bot.botId },
         h(BotCard, {

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

@@ -402,10 +402,6 @@ const CSS = String.raw`
 .bxf-healthPill[data-health="degraded"], .bxf-healthPill[data-health="checking"], .bxf-healthPill[data-health="connecting"] { color: var(--bxf-warning); background: color-mix(in srgb, var(--bxf-warning) 10%, transparent); }
 .bxf-healthPill[data-health="offline"], .bxf-healthPill[data-health="error"] { color: var(--bxf-error); background: color-mix(in srgb, var(--bxf-error) 10%, transparent); }
 
-.bxf-statusGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
-.bxf-metric { min-width: 0; border: 1px solid var(--dsw-alias-border-l2, #dee0e3); border-radius: 9px; padding: 12px 13px; background: var(--dsw-alias-bg-module-platform, #f7f8fa); }
-.bxf-metric dt { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 11px; line-height: 17px; }
-.bxf-metric dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dsw-alias-label-primary, #1f2329); font-size: 12px; line-height: 18px; font-weight: 550; margin: 3px 0 0; }
 
 .bxf-responseMode { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) max-content; align-items: center; column-gap: 10px; row-gap: 5px; margin-top: 6px; padding: 8px 10px; border: 1px solid var(--dsw-alias-border-l1, #eef0f3); border-radius: 9px; background: var(--dsw-alias-bg-module-platform, #f7f8fa); }
 .bxf-responseModeHeader { display: contents; color: var(--dsw-alias-label-secondary, #646a73); font-size: 12px; line-height: normal; }
@@ -517,7 +513,6 @@ const CSS = String.raw`
   .bxf-qrLayout { grid-template-columns: minmax(0, 1fr); justify-items: center; }
   .bxf-botProvision .bxf-qrLayout { grid-template-columns: minmax(0, 1fr); }
   .bxf-qrCopy { width: 100%; }
-  .bxf-statusGrid { grid-template-columns: minmax(0, 1fr); }
   .bxf-connectedTop { align-items: flex-start; flex-direction: column; }
   .bxf-inlineError { grid-template-columns: minmax(0, 1fr); padding: 20px; }
   .bxf-statusNotice { align-items: flex-start; flex-wrap: wrap; }

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

@@ -10,6 +10,7 @@ import {
   EMPTY_AGENT_PRESET_CATALOG,
 } from '../../agent-preset.js';
 import { useWorkspaceSnapshotFence } from '../../workspace-snapshot-fence.js';
+import { BotStatusMeta, ChannelListHeading } from '../../channel-card-meta.js';
 import { installDingtalkStyles } from '../dingtalk/styles.js';
 import {
   QQ_ENDPOINTS,
@@ -176,11 +177,14 @@ export function AccountCard({
           h('div', { className: 'ddt-avatar dim-botAvatar dqq-avatar', 'aria-hidden': 'true' }, h(QqLogoGlyph, { size: 29 })),
           h('div', { className: 'dim-botName' },
             h('h3', null, account.bot.name), h('p', null, account.bot.appIdMasked))),
-        h('div', { className: 'ddt-health dim-botHealth' },
-          h('span', { className: 'ddt-dot dim-healthDot', 'data-tone': tone }), h('span', null, stateLabel))),
-      h('dl', { className: 'ddt-metrics dim-botMetrics' },
-        h('div', { className: 'ddt-metric dim-botMetric' }, h('dt', null, '消息通道'), h('dd', null, account.connected ? 'WebSocket 长连接' : '离线')),
-        h('div', { className: 'ddt-metric dim-botMetric' }, h('dt', null, '最近检查'), h('dd', null, checkedTime(account.health.lastCheckedAt)))),
+        h(BotStatusMeta, {
+          className: 'ddt-health',
+          dotClassName: 'ddt-dot',
+          tone,
+          stateLabel,
+          lastCheckedAt: account.health.lastCheckedAt,
+          formatCheckedTime: checkedTime,
+        })),
       h(WorkspaceEditor, {
         workspace: account.workspace,
         disabled: Boolean(busy),
@@ -192,15 +196,16 @@ export function AccountCard({
         onSave: onAgentPresetSave,
       }),
       h('div', { className: 'ddt-accountFooter dim-cardFooter' },
-        summary ? h('div', { className: 'ddt-summary dim-cardSummary' }, summary) : null,
-        feedback ? h('div', {
-          className: 'ddt-summary dim-cardSummary',
-          role: 'status',
-          'aria-live': 'polite',
-        }, feedback) : null,
-        h('div', { className: 'ddt-actions dim-cardActions' },
-          h(Button, { className: 'dim-cardAction', onClick: onReconnect, disabled: Boolean(busy) }, busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
-          h(Button, { className: 'dim-cardAction', kind: 'danger', onClick: onRequestRemove, disabled: Boolean(busy) }, '移除接入')))),
+        h('div', { className: 'dim-cardFooterLayout' },
+          h('div', { className: 'ddt-actions dim-cardActions' },
+            h(Button, { className: 'dim-cardAction', onClick: onReconnect, disabled: Boolean(busy) }, busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
+            h(Button, { className: 'dim-cardAction', kind: 'danger', onClick: onRequestRemove, disabled: Boolean(busy) }, '移除接入')),
+          summary ? h('div', { className: 'ddt-summary dim-cardSummary' }, summary) : null,
+          feedback ? h('div', {
+            className: 'ddt-summary dim-cardFeedback',
+            role: 'status',
+            'aria-live': 'polite',
+          }, feedback) : null))),
     removing ? h(RemoveConfirmation, {
       account, busy: busy === 'delete', onConfirm: onConfirmRemove, onCancel: onCancelRemove,
     }) : null);
@@ -432,8 +437,11 @@ export function QqSettingsTab({ rpcCall }) {
 
   const botList = model.bots.length > 0
     ? h('section', { className: 'dim-listSection' },
-        h('div', { className: 'ddt-listHeading dim-listHeading' },
-          h('h3', null, '已绑定的 QQ 机器人')),
+        h(ChannelListHeading, {
+          className: 'ddt-listHeading',
+          title: '已绑定的 QQ 机器人',
+          connectionLabel: 'WebSocket 长连接',
+        }),
         h('ul', { className: 'ddt-list dim-botList' }, model.bots.map((account) =>
           h('li', { key: account.botId }, h(AccountCard, {
             account,

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

@@ -10,6 +10,7 @@ import {
   EMPTY_AGENT_PRESET_CATALOG,
 } from '../../agent-preset.js';
 import { useWorkspaceSnapshotFence } from '../../workspace-snapshot-fence.js';
+import { BotStatusMeta, ChannelListHeading } from '../../channel-card-meta.js';
 
 const Button = React.forwardRef(function Button(
   { children, kind = 'secondary', className = '', ...props },
@@ -82,14 +83,14 @@ export function createTokenChannelSettings(definition) {
               h(LogoGlyph, { size: 29 })),
             h('div', { className: 'dim-botName' },
               h('h3', null, account.bot.name), h('p', null, identity))),
-          h('div', { className: 'ddt-health dim-botHealth' },
-            h('span', { className: 'ddt-dot dim-healthDot', 'data-tone': tone }),
-            h('span', null, stateLabel))),
-        h('dl', { className: 'ddt-metrics dim-botMetrics' },
-          h('div', { className: 'ddt-metric dim-botMetric' },
-            h('dt', null, '消息通道'), h('dd', null, account.connected ? connectionLabel : '离线')),
-          h('div', { className: 'ddt-metric dim-botMetric' },
-            h('dt', null, '最近检查'), h('dd', null, checkedTime(account.health.lastCheckedAt)))),
+          h(BotStatusMeta, {
+            className: 'ddt-health',
+            dotClassName: 'ddt-dot',
+            tone,
+            stateLabel,
+            lastCheckedAt: account.health.lastCheckedAt,
+            formatCheckedTime: checkedTime,
+          })),
         h(WorkspaceEditor, {
           workspace: account.workspace,
           disabled: Boolean(busy),
@@ -106,20 +107,24 @@ export function createTokenChannelSettings(definition) {
           onSave: onAccountSettingsSave,
         }) : null,
         h('div', { className: 'ddt-accountFooter dim-cardFooter' },
-          summary ? h('div', { className: 'ddt-summary dim-cardSummary' }, summary) : null,
-          testNotice ? h('div', { className: 'ddt-summary dim-cardSummary', role: 'status' }, testNotice) : null,
-          h('div', { className: 'ddt-actions dim-cardActions' },
-            h(Button, {
-              className: 'dim-cardAction',
-              onClick: onReconnect,
-              disabled: Boolean(busy),
-            }, busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
-            h(Button, {
-              className: 'dim-cardAction',
-              kind: 'danger',
-              onClick: onRequestRemove,
-              disabled: Boolean(busy),
-            }, '移除接入')))),
+          h('div', { className: 'dim-cardFooterLayout' },
+            h('div', { className: 'ddt-actions dim-cardActions' },
+              h(Button, {
+                className: 'dim-cardAction',
+                onClick: onReconnect,
+                disabled: Boolean(busy),
+              }, busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
+              h(Button, {
+                className: 'dim-cardAction',
+                kind: 'danger',
+                onClick: onRequestRemove,
+                disabled: Boolean(busy),
+              }, '移除接入')),
+            summary ? h('div', { className: 'ddt-summary dim-cardSummary' }, summary) : null,
+            testNotice ? h('div', {
+              className: 'ddt-summary dim-cardFeedback',
+              role: 'status',
+            }, testNotice) : null))),
       removing ? h('div', { className: 'ddt-confirm dim-confirm', role: 'alertdialog' },
         h('strong', null, `从 DeepSeek Harness 移除“${account.bot.name}”？`),
         h('p', null, `这会停止消息连接，并删除本机保存的 ${credentialNoun}、机器人配置及会话映射。${platformLabel}中的机器人不会被自动删除。`),
@@ -267,8 +272,11 @@ export function createTokenChannelSettings(definition) {
 
     const botList = model.bots.length > 0
       ? h('section', { className: 'dim-listSection' },
-          h('div', { className: 'ddt-listHeading dim-listHeading' },
-            h('h3', null, `已接入的 ${channel} 机器人`)),
+          h(ChannelListHeading, {
+            className: 'ddt-listHeading',
+            title: `已接入的 ${channel} 机器人`,
+            connectionLabel,
+          }),
           h('ul', { className: 'ddt-list dim-botList' }, model.bots.map((account) =>
             h('li', { key: account.botId }, h(AccountCard, {
               account,

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

@@ -10,6 +10,7 @@ import {
   EMPTY_AGENT_PRESET_CATALOG,
 } from '../../agent-preset.js';
 import { useWorkspaceSnapshotFence } from '../../workspace-snapshot-fence.js';
+import { BotStatusMeta, ChannelListHeading } from '../../channel-card-meta.js';
 import { installDingtalkStyles } from '../dingtalk/styles.js';
 import {
   WECOM_ENDPOINTS,
@@ -175,11 +176,14 @@ export function AccountCard({
           h('div', { className: 'ddt-avatar dim-botAvatar dwecom-avatar', 'aria-hidden': 'true' }, h(WecomLogoGlyph, { size: 29 })),
           h('div', { className: 'dim-botName' },
             h('h3', null, account.bot.name), h('p', null, account.bot.appIdMasked))),
-        h('div', { className: 'ddt-health dim-botHealth' },
-          h('span', { className: 'ddt-dot dim-healthDot', 'data-tone': tone }), h('span', null, stateLabel))),
-      h('dl', { className: 'ddt-metrics dim-botMetrics' },
-        h('div', { className: 'ddt-metric dim-botMetric' }, h('dt', null, '消息通道'), h('dd', null, account.connected ? 'WebSocket 长连接' : '离线')),
-        h('div', { className: 'ddt-metric dim-botMetric' }, h('dt', null, '最近检查'), h('dd', null, checkedTime(account.health.lastCheckedAt)))),
+        h(BotStatusMeta, {
+          className: 'ddt-health',
+          dotClassName: 'ddt-dot',
+          tone,
+          stateLabel,
+          lastCheckedAt: account.health.lastCheckedAt,
+          formatCheckedTime: checkedTime,
+        })),
       h(WorkspaceEditor, {
         workspace: account.workspace,
         disabled: Boolean(busy),
@@ -191,15 +195,16 @@ export function AccountCard({
         onSave: onAgentPresetSave,
       }),
       h('div', { className: 'ddt-accountFooter dim-cardFooter' },
-        summary ? h('div', { className: 'ddt-summary dim-cardSummary' }, summary) : null,
-        feedback ? h('div', {
-          className: 'ddt-summary dim-cardSummary',
-          role: 'status',
-          'aria-live': 'polite',
-        }, feedback) : null,
-        h('div', { className: 'ddt-actions dim-cardActions' },
-          h(Button, { className: 'dim-cardAction', onClick: onReconnect, disabled: Boolean(busy) }, busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
-          h(Button, { className: 'dim-cardAction', kind: 'danger', onClick: onRequestRemove, disabled: Boolean(busy) }, '移除接入')))),
+        h('div', { className: 'dim-cardFooterLayout' },
+          h('div', { className: 'ddt-actions dim-cardActions' },
+            h(Button, { className: 'dim-cardAction', onClick: onReconnect, disabled: Boolean(busy) }, busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
+            h(Button, { className: 'dim-cardAction', kind: 'danger', onClick: onRequestRemove, disabled: Boolean(busy) }, '移除接入')),
+          summary ? h('div', { className: 'ddt-summary dim-cardSummary' }, summary) : null,
+          feedback ? h('div', {
+            className: 'ddt-summary dim-cardFeedback',
+            role: 'status',
+            'aria-live': 'polite',
+          }, feedback) : null))),
     removing ? h(RemoveConfirmation, {
       account, busy: busy === 'delete', onConfirm: onConfirmRemove, onCancel: onCancelRemove,
     }) : null);
@@ -463,8 +468,11 @@ export function WecomSettingsTab({ rpcCall }) {
 
   const botList = model.bots.length > 0
     ? h('section', { className: 'dim-listSection' },
-        h('div', { className: 'ddt-listHeading dim-listHeading' },
-          h('h3', null, '已绑定的企业微信机器人')),
+        h(ChannelListHeading, {
+          className: 'ddt-listHeading',
+          title: '已绑定的企业微信机器人',
+          connectionLabel: 'WebSocket 长连接',
+        }),
         h('ul', { className: 'ddt-list dim-botList' }, model.bots.map((account) =>
           h('li', { key: account.botId }, h(AccountCard, {
             account,

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

@@ -22,6 +22,7 @@ import {
   EMPTY_AGENT_PRESET_CATALOG,
 } from '../../agent-preset.js';
 import { useWorkspaceSnapshotFence } from '../../workspace-snapshot-fence.js';
+import { BotStatusMeta, ChannelListHeading } from '../../channel-card-meta.js';
 import { installWeixinStyles } from './styles.js';
 
 export const name = 'weixin-settings';
@@ -221,14 +222,14 @@ export function AccountCard({
         h('div', { className: 'dxw-accountIdentity dim-botIdentity' },
           h('div', { className: 'dxw-avatar dim-botAvatar', 'aria-hidden': 'true' }, h(WeixinLogoGlyph, { size: 27 })),
           h('div', { className: 'dim-botName' }, h('h3', null, account.bot.name), h('p', null, account.bot.accountIdMasked))),
-        h('div', { className: 'dxw-health dim-botHealth' },
-          h('span', { className: 'dxw-dot dim-healthDot', 'data-tone': tone }),
-          h('span', null, account.connected ? '运行正常' : state === 'connecting' ? '正在连接' : '连接未就绪'))),
-      h('dl', { className: 'dxw-metrics dim-botMetrics' },
-        h('div', { className: 'dxw-metric dim-botMetric' }, h('dt', null, '消息通道'),
-          h('dd', null, account.connected ? 'iLink 长轮询' : '离线')),
-        h('div', { className: 'dxw-metric dim-botMetric' }, h('dt', null, '最近检查'),
-          h('dd', null, checkedTime(account.health.lastCheckedAt)))),
+        h(BotStatusMeta, {
+          className: 'dxw-health',
+          dotClassName: 'dxw-dot',
+          tone,
+          stateLabel: account.connected ? '运行正常' : state === 'connecting' ? '正在连接' : '连接未就绪',
+          lastCheckedAt: account.health.lastCheckedAt,
+          formatCheckedTime: checkedTime,
+        })),
       h(WorkspaceEditor, {
         workspace: account.workspace,
         disabled: Boolean(busy),
@@ -240,20 +241,21 @@ export function AccountCard({
         onSave: onAgentPresetSave,
       }),
       h('div', { className: 'dxw-accountFooter dim-cardFooter' },
-        summary ? h('div', { className: 'dxw-summary dim-cardSummary' }, summary) : null,
-        account.lastMessageError ? h('div', {
-          className: 'dxw-summary dim-cardSummary',
-          role: 'status',
-        }, `最近一条消息处理失败：${account.lastMessageError.message}`) : null,
-        feedback ? h('div', {
-          className: 'dxw-summary dim-cardSummary',
-          role: 'status',
-          'aria-live': 'polite',
-        }, feedback) : null,
-        h('div', { className: 'dxw-actions dim-cardActions' },
-          h(Button, { className: 'dim-cardAction', onClick: onReconnect, disabled: Boolean(busy) },
-            busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
-          h(Button, { className: 'dim-cardAction', kind: 'danger', onClick: onRequestRemove, disabled: Boolean(busy) }, '移除接入')))),
+        h('div', { className: 'dim-cardFooterLayout' },
+          h('div', { className: 'dxw-actions dim-cardActions' },
+            h(Button, { className: 'dim-cardAction', onClick: onReconnect, disabled: Boolean(busy) },
+              busy === 'reconnect' ? '检查中…' : account.connected ? '检查连接' : '重试连接'),
+            h(Button, { className: 'dim-cardAction', kind: 'danger', onClick: onRequestRemove, disabled: Boolean(busy) }, '移除接入')),
+          summary ? h('div', { className: 'dxw-summary dim-cardSummary' }, summary) : null,
+          account.lastMessageError ? h('div', {
+            className: 'dxw-summary dim-cardSummary',
+            role: 'status',
+          }, `最近一条消息处理失败：${account.lastMessageError.message}`) : null,
+          feedback ? h('div', {
+            className: 'dxw-summary dim-cardFeedback',
+            role: 'status',
+            'aria-live': 'polite',
+          }, feedback) : null))),
     removing ? h('div', { className: 'dxw-confirm dim-confirm', role: 'alertdialog' },
       h('strong', null, '从此 Harness 移除这个微信账号？'),
       h('p', null, '这会停止消息连接，并删除本机保存的 bot_token、账号配置和会话映射。其他微信账号不受影响。'),
@@ -266,7 +268,11 @@ export function AccountCard({
 
 function AccountList(props) {
   return h('section', { className: 'dim-listSection' },
-    h('div', { className: 'dxw-listHeading dim-listHeading' }, h('h3', null, '已接入的微信账号')),
+    h(ChannelListHeading, {
+      className: 'dxw-listHeading',
+      title: '已接入的微信账号',
+      connectionLabel: 'iLink 长轮询',
+    }),
     h('ul', { className: 'dxw-list dim-botList' }, props.bots.map((account) => h('li', { key: account.botId },
       h(AccountCard, {
         account,