feat(ui): compact bot connection metadata

test/channels/dingtalk/client-ui.test.mjs

@@ -63,16 +63,9 @@ test('the QR card responds to its plugin panel width instead of the browser view
   assert.match(styles, /\.ddt-qrCopy \{ min-width: 0; overflow-wrap: anywhere; \}/);
 });
 
-test('bot metrics stay in one compact two-column row at narrow widths', async () => {
+test('bot cards do not reserve a row for repeated channel metrics', async () => {
   const styles = await readFile(STYLES_URL, 'utf8');
-  assert.match(
-    styles,
-    /\.ddt-metrics \{[^\n]*grid-template-columns: repeat\(2, minmax\(0, 1fr\)\)/,
-  );
-  assert.doesNotMatch(
-    styles,
-    /\.ddt-metrics \{ grid-template-columns: minmax\(0, 1fr\); \}/,
-  );
+  assert.doesNotMatch(styles, /\.ddt-metrics|\.ddt-metric/);
 });
 
 test('the narrow-panel toolbar keeps all three controls on one row', async () => {

test/channels/discord/client-ui.test.mjs

@@ -35,7 +35,8 @@ test('Discord account card matches the unified compact card layout', () => {
   }));
   assert.match(markup, /data-im-channel-logo="discord"/);
   assert.match(markup, /@HarnessBot/);
-  assert.match(markup, />Gateway 长连接</);
+  assert.match(markup, /class="dim-botHealthGroup"[^]*class="dim-lastChecked"><span>最近检查<\/span>/);
+  assert.doesNotMatch(markup, /Gateway 长连接|消息通道|dim-botMetric/);
   assert.match(markup, />检查连接</);
   assert.match(markup, />移除接入</);
   assert.doesNotMatch(markup, /dim-cardSummary/);

test/channels/qq/client-ui.test.mjs

@@ -21,7 +21,7 @@ test('QQ settings uses the shared compact channel toolbar', () => {
   assert.doesNotMatch(markup, /凭据仅保存在本机|role="switch"|type="checkbox"/);
 });
 
-test('QQ bot cards match the shared two-metric card treatment', () => {
+test('QQ bot cards keep check time with status and omit repeated channel details', () => {
   const markup = renderToStaticMarkup(React.createElement(AccountCard, {
     account: {
       botId: 'qq_bot',
@@ -38,8 +38,8 @@ test('QQ bot cards match the shared two-metric card treatment', () => {
   }));
   assert.match(markup, /class="ddt-card dim-botCard"/);
   assert.match(markup, /data-im-channel-logo="qq"/);
-  assert.equal((markup.match(/class="ddt-metric dim-botMetric"/g) ?? []).length, 2);
-  assert.match(markup, />消息通道<[^]*>最近检查</);
+  assert.match(markup, /class="dim-botHealthGroup"[^]*class="dim-lastChecked"><span>最近检查<\/span>/);
+  assert.doesNotMatch(markup, /消息通道|dim-botMetric/);
   assert.match(markup, />检查连接<[^]*>移除接入</);
   assert.match(markup, /class="dim-presetSelect"/);
   assert.doesNotMatch(markup, /收到\s*\/\s*回复|dim-cardSummary|QQ WebSocket 长连接运行正常/);

test/channels/slack/client-ui.test.mjs

@@ -52,7 +52,8 @@ test('Slack account card matches the unified compact layout', () => {
   }));
   assert.match(markup, /data-im-channel-logo="slack"/);
   assert.match(markup, /@deepseek-harness/);
-  assert.match(markup, />Socket Mode 长连接</);
+  assert.match(markup, /class="dim-botHealthGroup"[^]*class="dim-lastChecked"><span>最近检查<\/span>/);
+  assert.doesNotMatch(markup, /Socket Mode 长连接|消息通道|dim-botMetric/);
   assert.match(markup, />检查连接</);
   assert.match(markup, />移除接入</);
 });

test/channels/telegram/client-ui.test.mjs

@@ -40,7 +40,8 @@ test('Telegram account card matches the unified compact card layout', () => {
   }));
   assert.match(markup, /data-im-channel-logo="telegram"/);
   assert.match(markup, /@harness_bot/);
-  assert.match(markup, />Bot API 长轮询</);
+  assert.match(markup, /class="dim-botHealthGroup"[^]*class="dim-lastChecked"><span>最近检查<\/span>/);
+  assert.doesNotMatch(markup, /Bot API 长轮询|消息通道|dim-botMetric/);
   assert.match(markup, />检查连接</);
   assert.match(markup, />移除接入</);
   assert.match(markup, />访问设置</);

test/channels/wecom/client-ui.test.mjs

@@ -50,7 +50,7 @@ test('Enterprise WeChat settings uses the shared compact channel toolbar', () =>
   assert.doesNotMatch(markup, /凭据仅保存在本机|role="switch"|type="checkbox"/);
 });
 
-test('Enterprise WeChat bot cards match the shared two-metric card treatment', () => {
+test('Enterprise WeChat cards keep check time with status and omit repeated channel details', () => {
   const markup = renderToStaticMarkup(React.createElement(AccountCard, {
     account: {
       botId: 'wecom_bot',
@@ -67,8 +67,8 @@ test('Enterprise WeChat bot cards match the shared two-metric card treatment', (
   }));
   assert.match(markup, /class="ddt-card dim-botCard"/);
   assert.match(markup, /data-im-channel-logo="wecom"/);
-  assert.equal((markup.match(/class="ddt-metric dim-botMetric"/g) ?? []).length, 2);
-  assert.match(markup, />消息通道<[^]*>最近检查</);
+  assert.match(markup, /class="dim-botHealthGroup"[^]*class="dim-lastChecked"><span>最近检查<\/span>/);
+  assert.doesNotMatch(markup, /消息通道|dim-botMetric/);
   assert.match(markup, />检查连接<[^]*>移除接入</);
   assert.match(markup, /class="dim-presetSelect"/);
   assert.doesNotMatch(markup, /收到\s*\/\s*回复|dim-cardSummary|企业微信 WebSocket 长连接运行正常/);

test/channels/whatsapp/client-ui.test.mjs

@@ -66,12 +66,12 @@ test('WhatsApp account card uses the unified compact channel layout', () => {
     testNotice: '测试消息已发送，请到 WhatsApp 自聊会话中确认。',
   }));
   assert.match(markup, /data-im-channel-logo="whatsapp"/);
-  assert.match(markup, /WhatsApp Web/);
+  assert.match(markup, /class="dim-botHealthGroup"[^]*class="dim-lastChecked"><span>最近检查<\/span>/);
+  assert.doesNotMatch(markup, /WhatsApp Web|消息通道|dim-botMetric/);
   assert.match(markup, /检查连接/);
   assert.match(markup, /移除接入/);
   assert.match(markup, /class="dim-presetSelect"/);
   assert.match(markup, /role="status"[^>]*>测试消息已发送/);
-  assert.equal((markup.match(/class="ddt-metric dim-botMetric"/g) ?? []).length, 2);
 });
 
 test('WhatsApp connection check requests a test message from the existing reconnect endpoint', async () => {