From 6f81bcb8138da6b252753eb4c3449716e2ea47ef Mon Sep 17 00:00:00 2001
From: xmanrui <841206367@qq.com>
Date: Mon, 17 Aug 2026 18:20:07 +0800
Subject: [PATCH] feat: refine plugin branding and settings layout
---
README.md | 1 +
assets/logo-icon.png | Bin 0 -> 7445 bytes
lib/client.js | 36 +++++++++++++++++++++++++-----------
plugin-src/client/build.mjs | 7 ++++++-
plugin-src/client/i18n.js | 2 +-
plugin-src/client/index.js | 12 +++++++++++-
plugin-src/client/styles.js | 20 +++++++++++---------
test/client-ui.test.mjs | 21 ++++++++++++++-------
8 files changed, 69 insertions(+), 30 deletions(-)
create mode 100644 assets/logo-icon.png
diff --git a/README.md b/README.md
index 6642e41..30789db 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,7 @@
让聊天机器人轻松接入 DeepSeek Harness
+Connect IM bots to DeepSeek Harness with ease
## 中文
diff --git a/assets/logo-icon.png b/assets/logo-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9f7f5f0fd3bc41b6d18719a7bd511c93687874e
GIT binary patch
literal 7445
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 channel.id === selected) ?? CHANNELS[0];
return h('section', { className: 'dim-page', 'aria-label': 'IM机器人设置' },
h('header', { className: 'dim-title' },
- h('p', null, '让聊天机器人轻松接入 DeepSeek Harness'),
+ h('div', { className: 'dim-brand' },
+ h('img', {
+ className: 'dim-brandLogo',
+ src: IM_PLUGIN_LOGO_URL,
+ alt: 'dsh-im',
+ width: 48,
+ height: 48,
+ }),
+ h('p', null, '让聊天机器人轻松接入 DeepSeek Harness')),
h('span', { className: 'dim-githubAction' },
h('a', {
className: 'dim-githubLink',
diff --git a/plugin-src/client/styles.js b/plugin-src/client/styles.js
index 9271b1a..b296b11 100644
--- a/plugin-src/client/styles.js
+++ b/plugin-src/client/styles.js
@@ -11,8 +11,10 @@ const CSS = String.raw`
box-sizing: border-box;
}
.dim-page *, .dim-page *::before, .dim-page *::after { box-sizing: border-box; }
-.dim-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 26px; }
-.dim-title p { margin: 0; color: var(--dsw-alias-label-primary, #1f2329); font-size: 14px; line-height: 20px; font-weight: 700; white-space: nowrap; }
+.dim-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; }
+.dim-brand { min-width: 0; display: flex; align-items: center; gap: 12px; }
+.dim-brandLogo { width: 48px; height: 48px; flex: 0 0 48px; display: block; object-fit: contain; filter: grayscale(1) contrast(1.08); }
+.dim-title p { margin: 0; color: var(--dsw-alias-label-primary, #1f2329); font-size: 14px; line-height: 20px; font-weight: 600; white-space: nowrap; }
.dim-githubAction { position: relative; display: inline-flex; flex: none; }
.dim-githubLink { min-height: 30px; display: inline-flex; align-items: center; gap: 5px; flex: none; padding: 0 10px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 8px; color: var(--dsw-alias-label-secondary, #646a73); background: var(--dsw-alias-bg-layer-1, #fff); font-size: 12px; line-height: normal; font-weight: 560; text-decoration: none; transition: border-color .15s ease, color .15s ease, background .15s ease; }
.dim-githubLink:hover { border-color: #aeb3bb; color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
@@ -64,7 +66,7 @@ const CSS = String.raw`
.dim-panel .dim-credentialButton:hover:not(:disabled) { border-color: #4e5969; background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
.dim-panel .dim-credentialButton[aria-pressed="true"] { border-color: #4e5969; background: var(--dsw-alias-bg-module-platform, #f2f3f5); box-shadow: inset 0 0 0 1px rgb(78 89 105 / 8%); }
.dim-panel .bxf-headingTools .dim-onlineBadge, .dim-panel .dxw-tools .dim-onlineBadge, .dim-panel .ddt-tools .dim-onlineBadge { min-height: 30px; display: inline-flex; align-items: center; justify-self: end; gap: 0; padding: 0 11px; border: 0; border-radius: 999px; color: var(--dsw-alias-label-secondary, #646a73); background: var(--dsw-alias-bg-module-platform, #f2f3f5); font: inherit; font-size: 12px; font-weight: 400; line-height: normal; white-space: nowrap; }
-.dim-panel .dim-channelPage { width: 100%; max-width: none; display: flex; flex-direction: column; gap: 18px; padding: 0 0 24px; color: var(--dsw-alias-label-primary, #1f2329); box-sizing: border-box; }
+.dim-panel .dim-channelPage { width: 100%; max-width: none; display: flex; flex-direction: column; gap: 12px; padding: 0 0 24px; color: var(--dsw-alias-label-primary, #1f2329); box-sizing: border-box; }
.dim-panel .dim-surfaceCard { position: relative; 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-surfaceCard::before { display: none; }
.dim-panel .dim-surfaceBody { padding: 24px; }
@@ -80,9 +82,9 @@ const CSS = String.raw`
.dim-panel .dim-credentialError { margin: 0; color: var(--dsw-alias-state-error-primary, #d54941); font-size: 12px; line-height: 1.5; }
.dim-panel .dim-credentialActions { margin-top: 0; }
.dim-panel .dim-listSection { display: flex; flex-direction: column; gap: 0; }
-.dim-panel .dim-listHeading { min-height: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 2px 0 9px; padding: 0; }
+.dim-panel .dim-listHeading { min-height: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 6px; padding: 0; }
.dim-panel .dim-listHeading h3 { margin: 0; color: var(--dsw-alias-label-primary, #1f2329); font-size: 14px; line-height: normal; font-weight: 650; }
-.dim-panel .dim-botList { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
+.dim-panel .dim-botList { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.dim-panel .dim-loadingView { padding: 38px; color: var(--dsw-alias-label-secondary, #646a73); text-align: center; }
.dim-panel .dim-loadingView h3 { margin: 0 0 7px; color: var(--dsw-alias-label-primary, #1f2329); font-size: 17px; line-height: normal; font-weight: 650; }
.dim-panel .dim-loadingView p { margin: 0; line-height: 1.6; }
@@ -130,7 +132,7 @@ const CSS = String.raw`
.dim-panel .dim-confirm { padding: 18px 24px; border-top: 1px solid var(--dsw-alias-border-l1, #eef0f3); background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
.dim-panel .dim-confirm strong, .dim-panel .dim-confirm h4 { margin: 0; color: var(--dsw-alias-label-primary, #1f2329); font-size: 14px; line-height: 1.4; font-weight: 650; }
.dim-panel .dim-confirm p { margin: 7px 0 0; color: var(--dsw-alias-label-secondary, #646a73); line-height: 1.6; }
-.dim-panel .dim-cardFooter { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 12px; border-top: 1px solid var(--dsw-alias-border-l1, #eef0f3); }
+.dim-panel .dim-cardFooter { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 8px; border-top: 1px solid var(--dsw-alias-border-l1, #eef0f3); }
.dim-panel .dim-cardSummary { min-width: 0; color: var(--dsw-alias-label-secondary, #646a73); font: inherit; font-size: 12px; font-weight: 400; line-height: normal; }
.dim-panel .dim-cardActions { flex: none; display: flex; align-items: center; flex-wrap: nowrap; gap: 8px; margin: 0 0 0 auto; }
.dim-panel .dim-cardActions .dim-cardAction { flex: none; min-height: 34px; padding: 0 13px; 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; font-weight: 560; line-height: normal; white-space: nowrap; }
@@ -138,7 +140,7 @@ const CSS = String.raw`
.dim-panel .dim-cardActions .dim-cardAction[data-kind="danger"] { color: var(--dsw-alias-state-error-primary, #d54941); }
.dim-panel .dim-botCard { position: relative; 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; padding: 16px; }
+.dim-panel .dim-botCardBody { position: relative; padding: 14px; }
.dim-panel .dim-botCardTop { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.dim-panel .dim-botIdentity { min-width: 0; display: flex; align-items: center; gap: 12px; }
.dim-panel .dim-botAvatar { flex: none; width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border-radius: 12px; box-shadow: none; }
@@ -151,8 +153,8 @@ const CSS = String.raw`
.dim-panel .dim-botCard .dim-healthDot[data-tone="success"] { background: var(--dsw-alias-state-success-primary, #20a162); box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsw-alias-state-success-primary, #20a162) 14%, transparent); }
.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-panel .dim-botMetrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }
-.dim-panel .dim-botMetric { min-width: 0; padding: 10px; border: 0; border-radius: 9px; background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
+.dim-panel .dim-botMetrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 8px 0; }
+.dim-panel .dim-botMetric { min-width: 0; padding: 8px; border: 0; border-radius: 9px; background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
.dim-panel .dim-botMetric dt { margin: 0; color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 11px; font-weight: 400; line-height: normal; }
.dim-panel .dim-botMetric dd { overflow: hidden; margin: 5px 0 0; color: var(--dsw-alias-label-primary, #1f2329); font-size: 13px; font-weight: 400; line-height: normal; text-overflow: ellipsis; white-space: nowrap; }
.dim-panel .dim-botCard .dim-cardFooter { margin-top: 0; }
diff --git a/test/client-ui.test.mjs b/test/client-ui.test.mjs
index cb8d0ec..0f69fd0 100644
--- a/test/client-ui.test.mjs
+++ b/test/client-ui.test.mjs
@@ -112,13 +112,18 @@ test('IM settings renders nine compact logo channel tabs without enable switches
assert.match(markup, /IM机器人/);
assert.match(markup, /让聊天机器人轻松接入 DeepSeek Harness/);
+ assert.match(markup, /class="dim-brand"/);
+ assert.match(markup, /
/);
assert.match(markup, /href="https:\/\/github\.com\/xmanrui\/dsh-im"/);
assert.match(markup, /target="_blank"/);
assert.match(markup, /rel="noopener noreferrer"/);
assert.match(markup, /aria-label="dsh-im GitHub"/);
assert.match(markup, /aria-describedby="[^"]+"/);
assert.match(markup, /role="tooltip"[^>]*>帮助与反馈 · 前往 GitHub
}
}
- assert.match(styles, /\.dim-panel \.dim-channelPage \{[^}]*flex-direction: column;[^}]*gap: 18px;/);
+ assert.match(styles, /\.dim-panel \.dim-channelPage \{[^}]*flex-direction: column;[^}]*gap: 12px;/);
+ assert.match(styles, /\.dim-panel \.dim-listHeading \{[^}]*margin: 0 0 6px;/);
+ assert.match(styles, /\.dim-panel \.dim-botList \{[^}]*gap: 8px;/);
assert.match(styles, /\.dim-panel \.dim-surfaceCard \{[^}]*border-radius: 14px;[^}]*box-shadow: 0 1px 2px/);
assert.match(styles, /\.dim-panel \.dim-loadingView \{[^}]*padding: 38px;[^}]*text-align: center;/);
assert.match(styles, /\.dim-panel \.dim-emptyView \{[^}]*grid-template-columns: minmax\(0, 1fr\) 180px;[^}]*gap: 30px;/);
@@ -490,7 +497,7 @@ test('all channel card action buttons stay on one row', async () => {
assert.match(feishuStyles, /\.bxf-botActions \{[^}]*flex-wrap: nowrap;/);
assert.match(weixinStyles, /\.dxw-accountFooter \.dxw-actions \{[^}]*flex-wrap: nowrap;/);
assert.match(dingtalkStyles, /\.ddt-accountFooter \.ddt-actions \{[^}]*flex-wrap: nowrap;/);
- assert.match(imStyles, /\.dim-panel \.dim-cardFooter \{[^}]*gap: 15px;[^}]*padding-top: 12px;[^}]*border-top: 1px solid/);
+ assert.match(imStyles, /\.dim-panel \.dim-cardFooter \{[^}]*gap: 15px;[^}]*padding-top: 8px;[^}]*border-top: 1px solid/);
assert.match(imStyles, /\.dim-panel \.dim-cardActions \.dim-cardAction \{[^}]*min-height: 34px;[^}]*border-radius: 8px;[^}]*font-size: 13px;/);
assert.match(imStyles, /\.dim-panel \.dim-cardActions \.dim-cardAction\[data-kind="danger"\] \{[^}]*#d54941/);
assert.doesNotMatch(feishuStyles, /\.bxf-connectedFooter \{[^}]*flex-direction: column/);
@@ -502,13 +509,13 @@ test('all channel bot cards use the DingTalk card treatment', async () => {
const styles = await readFile(STYLES_URL, 'utf8');
assert.match(styles, /\.dim-panel \.dim-botCard \{[^}]*border-radius: 14px;[^}]*background: var\(--dsw-alias-bg-layer-1, #fff\);[^}]*box-shadow: 0 1px 2px/);
- assert.match(styles, /\.dim-panel \.dim-botCardBody \{[^}]*padding: 16px;/);
+ assert.match(styles, /\.dim-panel \.dim-botCardBody \{[^}]*padding: 14px;/);
assert.match(styles, /\.dim-panel \.dim-botCardTop \{[^}]*align-items: flex-start;[^}]*gap: 16px;/);
assert.match(styles, /\.dim-panel \.dim-botAvatar \{[^}]*width: 42px;[^}]*height: 42px;[^}]*border-radius: 12px;/);
assert.match(styles, /\.dim-panel \.dim-botName h3 \{[^}]*font-size: 15px;/);
assert.match(styles, /\.dim-panel \.dim-botCard \.dim-botHealth \{[^}]*background: transparent;[^}]*font-size: 12px;[^}]*font-weight: 400;/);
- assert.match(styles, /\.dim-panel \.dim-botMetrics \{[^}]*grid-template-columns: repeat\(2, minmax\(0, 1fr\)\);[^}]*gap: 10px;[^}]*margin: 12px 0;/);
- assert.match(styles, /\.dim-panel \.dim-botMetric \{[^}]*padding: 10px;[^}]*border: 0;[^}]*border-radius: 9px;/);
+ assert.match(styles, /\.dim-panel \.dim-botMetrics \{[^}]*grid-template-columns: repeat\(2, minmax\(0, 1fr\)\);[^}]*gap: 10px;[^}]*margin: 8px 0;/);
+ assert.match(styles, /\.dim-panel \.dim-botMetric \{[^}]*padding: 8px;[^}]*border: 0;[^}]*border-radius: 9px;/);
assert.match(styles, /\.dim-panel \.dim-botMetric dd \{[^}]*margin: 5px 0 0;[^}]*font-size: 13px;[^}]*font-weight: 400;/);
});
@@ -599,7 +606,7 @@ test('client registers a live bilingual locale seat for the IM settings tab', ()
registrations[0].component,
registrations[0].options.inject(),
));
- assert.match(markup, /Connect chatbots to DeepSeek Harness with ease/);
+ assert.match(markup, /Connect IM bots to DeepSeek Harness with ease/);
assert.match(markup, /Help & feedback · Open GitHub/);
assert.match(markup, />WeChat<|>Feishu<|>DingTalk<|>WeComQQ<[^]*>Slack<[^]*>Telegram<[^]*>Discord<[^]*>WhatsApp