@ai-wendao/ant 0.4.7 → 0.4.8

package/client.js

@@ -112,6 +112,12 @@ window.__ModuleLoader__.load({
       border: '0.5px solid var(--dsw-alias-border-l2)', borderRadius: 14,
       backgroundColor: 'var(--dsw-alias-bg-module-platform)', boxSizing: 'border-box',
     }
+    const settingsPanelStyle = { ...panelStyle, border: '1px solid var(--dsw-alias-border-l2)', backgroundColor: 'var(--dsw-alias-bg-layer-1)' }
+    const infoNoticeStyle = {
+      display: 'grid', gap: 3, padding: '9px 11px', borderRadius: 8,
+      backgroundColor: 'var(--dsw-alias-state-business-tertiary)',
+      borderLeft: '3px solid var(--dsw-alias-state-business-primary)',
+    }
     const mutedTextStyle = { margin: 0, color: 'var(--dsw-alias-label-secondary)', fontSize: 13, lineHeight: 1.6 }
     const sectionTitleStyle = { margin: 0, fontSize: 16, fontWeight: 650, lineHeight: 1.4 }
     const inputStyle = {
@@ -358,7 +364,7 @@ window.__ModuleLoader__.load({
           try { localStorage.setItem(SERVICE_URL_STORAGE_KEY, url) } catch {}
         }
       }
-      const teamServicePanel = h('section', { style: { ...panelStyle, display: activeTab === 'connection' ? 'grid' : 'none' } },
+      const teamServicePanel = h('section', { style: { ...settingsPanelStyle, display: activeTab === 'connection' ? 'grid' : 'none' } },
         h('div', null,
           h('h3', { style: sectionTitleStyle }, '团队服务'),
           h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '由团队管理员提供服务地址；管理员可在控制台管理成员、模型和协作设置。')),
@@ -388,8 +394,8 @@ window.__ModuleLoader__.load({
           : activeTab === 'connection' ? h('button', { type: 'button', onClick: () => selectSettingsTab('bot-chat'),
             style: secondaryButtonStyle }, '设置或管理机器人') : null),
         h('div', { style: { position: 'sticky', top: 0, zIndex: 8, display: 'grid', gap: 8, padding: '6px 0',
-          backgroundColor: 'var(--dsw-alias-bg-module-platform)' } },
-        pluginAlerts.length ? h('section', { role: 'alert', style: { ...panelStyle,
+          backgroundColor: 'var(--dsw-alias-bg-base)' } },
+        pluginAlerts.length ? h('section', { role: 'alert', style: { ...settingsPanelStyle,
           borderColor: 'var(--dsw-alias-label-danger, #d44)', maxHeight: '28vh', overflowY: 'auto' } },
           h('h3', { style: sectionTitleStyle }, '已安装插件存在安全撤回公告'),
           ...pluginAlerts.map((plugin) => h('p', { key: plugin.id, style: mutedTextStyle },
@@ -426,8 +432,8 @@ window.__ModuleLoader__.load({
           onKeyDown: (event) => moveSettingsTabFocus(event, index), onClick: () => selectSettingsTab(tab),
           style: { ...secondaryButtonStyle, minHeight: 38, padding: '7px 12px', whiteSpace: 'nowrap',
             borderRadius: '8px 8px 0 0', color: activeTab === tab ? 'var(--dsw-alias-state-business-primary)' : secondaryButtonStyle.color,
-            borderBottom: activeTab === tab ? '2px solid var(--dsw-alias-state-business-primary)' : secondaryButtonStyle.border,
-            backgroundColor: activeTab === tab ? 'var(--dsw-alias-bg-layer-2)' : secondaryButtonStyle.backgroundColor,
+            border: '0', borderBottom: activeTab === tab ? '2px solid var(--dsw-alias-state-business-primary)' : '2px solid transparent',
+            backgroundColor: 'transparent',
           } }, tab === 'updates' && updateNeedsAttention ? `${label} · ${updateSummary.state === 'available' ? '有新版' : '需处理'}` : label)))),
         h('div', { id: 'ant-settings-content', role: 'tabpanel', 'aria-labelledby': `ant-settings-tab-${activeTab}` },
           teamServicePanel,
@@ -753,7 +759,7 @@ window.__ModuleLoader__.load({
             h('button', { type: 'button', 'aria-current': state === '当前' ? 'step' : undefined,
               onClick: () => goToSetupStep(index), style: { width: '100%', minHeight: 70, display: 'grid', gap: 3,
                 padding: '8px 10px', textAlign: 'left', color: mutedTextStyle.color,
-                backgroundColor: 'var(--dsw-alias-bg-module-platform)', cursor: 'pointer',
+                backgroundColor: 'var(--dsw-alias-bg-layer-1)', cursor: 'pointer',
                 border: '0', borderTop: `2px solid ${state === '完成' ? 'var(--dsw-alias-state-success-primary)' : state === '当前' ? 'var(--dsw-alias-state-business-primary)' : 'var(--dsw-alias-border-l2)'}`,
                 borderRadius: 0 } },
             h('span', { style: { display: 'flex', justifyContent: 'space-between', gap: 6, alignItems: 'center' } },
@@ -766,7 +772,7 @@ window.__ModuleLoader__.load({
       h('strong', null, '机器人和聊天范围'),
       h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 240px), 1fr))', gap: 8 } },
         h('div', { style: { display: 'grid', gap: 5, padding: 10, borderRadius: 8,
-          backgroundColor: 'var(--dsw-alias-bg-layer-2)' } },
+          border: '1px solid var(--dsw-alias-border-l2)', backgroundColor: 'var(--dsw-alias-bg-layer-1)' } },
         h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 8 } },
           h('label', { style: { display: 'flex', gap: 8, alignItems: 'center' } },
             h('input', { type: 'checkbox', checked: dmChatEnabled,
@@ -777,7 +783,7 @@ window.__ModuleLoader__.load({
           h('span', { style: { ...mutedTextStyle, whiteSpace: 'nowrap' } }, dmChatStatus)),
         h('p', { style: mutedTextStyle }, dmChatDescription)),
         h('div', { style: { display: 'grid', gap: 5, padding: 10, borderRadius: 8,
-          backgroundColor: 'var(--dsw-alias-bg-layer-2)' } },
+          border: '1px solid var(--dsw-alias-border-l2)', backgroundColor: 'var(--dsw-alias-bg-layer-1)' } },
         h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 8 } },
           h('label', { style: { display: 'flex', gap: 8, alignItems: 'center' } },
             h('input', { type: 'checkbox', checked: Boolean(selectedChatGroup?.chat_enabled),
@@ -932,7 +938,7 @@ window.__ModuleLoader__.load({
         } catch (error) { setMessage(error.message) }
         finally { setBusy(false) }
       }
-      return h('section', { style: { ...panelStyle,
+      return h('section', { style: { ...settingsPanelStyle,
         display: ['bot-chat', 'capability', 'local'].includes(activeTab) ? 'grid' : 'none' },
       'aria-label': '协作机器人与开放能力' },
         message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null,
@@ -1207,7 +1213,7 @@ window.__ModuleLoader__.load({
             h('option', { value: 1 }, '1 天'), h('option', { value: 7 }, '7 天'), h('option', { value: 30 }, '30 天')))),
         ),
         h('aside', { id: 'ant-authorization-review', role: 'region', 'aria-label': '开放前复核', tabIndex: -1,
-          style: { ...panelStyle, padding: 14, gap: 10,
+          style: { ...settingsPanelStyle, padding: 14, gap: 10,
           position: 'sticky', top: 12, alignSelf: 'start' } },
           h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 8 } },
             h('h4', { style: sectionTitleStyle }, '开放前复核'),
@@ -1230,7 +1236,7 @@ window.__ModuleLoader__.load({
           h('button', { type: 'submit', form: 'ant-capability-create-form', disabled: busy || Boolean(cardBlockReason),
             style: { ...primaryButtonStyle, width: '100%' } }, '确认并开放能力'))))),
         h('div', { role: 'region', 'aria-label': '本机处理设置', style: { display: activeTab === 'local' ? 'grid' : 'none', gap: 12 } },
-        h('section', { style: { ...panelStyle, padding: 14 } },
+        h('section', { style: { ...settingsPanelStyle, padding: 14 } },
           h('strong', null, 'Gitea 本机凭据'),
           h('p', { style: mutedTextStyle }, tokenConfigured
             ? '只读访问令牌已保存在这台 DSH 的安全凭据中；不会同步到 ANT 服务端或发送给执行器。'
@@ -2279,7 +2285,7 @@ window.__ModuleLoader__.load({
           backgroundColor: 'var(--dsw-alias-bg-layer-2)', color: 'var(--dsw-alias-label-secondary)', fontSize: 12 } },
         `${model.protocol === 'anthropic' ? 'Anthropic' : 'OpenAI'} 协议`),
         h('span', { style: { ...mutedTextStyle, textAlign: 'right' } }, '已同步到 DSH')))
-      const connectionPanel = h('section', { style: { ...panelStyle, display: activeTab === 'connection' ? 'grid' : 'none' } },
+      const connectionPanel = h('section', { style: { ...settingsPanelStyle, display: activeTab === 'connection' ? 'grid' : 'none' } },
         h('div', null,
           h('h3', { style: sectionTitleStyle }, 'ANT 团队账号'),
           h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '邮箱验证建立这台 DSH 的成员凭证；断开后会清除此设备凭证和同步的模型设置。')),
@@ -2287,8 +2293,7 @@ window.__ModuleLoader__.load({
           ? '本机有 ANT 凭证，但尚未确认它绑定的团队；请完成上方的绑定检查。'
           : credentialConfigured === true ? 'DSH 已安全保存此设备的 ANT 团队凭证。'
             : credentialConfigured === false ? '验证工作邮箱后即可连接团队服务。' : '正在检查 ANT 连接状态…'),
-        h('div', { role: 'note', style: { display: 'grid', gap: 3, padding: '9px 11px', borderRadius: 8,
-          backgroundColor: 'var(--dsw-alias-bg-layer-2)' } },
+        h('div', { role: 'note', style: infoNoticeStyle },
         h('strong', { style: { fontSize: 13, fontWeight: 600 } }, '配置保存范围'),
         h('p', { style: mutedTextStyle }, '团队模型与能力授权由 ANT 管理；成员凭证、Gitea 令牌、本机缓存和任务记录保存在这台 DSH。')),
         serviceCompatibility.state !== 'idle' ? h('p', { role: 'status', style: { ...mutedTextStyle,
@@ -2314,7 +2319,7 @@ window.__ModuleLoader__.load({
         credentialConfigured === true && showConnectForm ? h('button', { type: 'button', disabled: busy,
           onClick: () => { if (window.confirm('断开当前设备与 ANT 的连接？本机 ANT 凭证和模型设置将被清除，团队服务地址会保留。')) void disconnect() },
           style: secondaryButtonStyle }, '断开当前设备') : null,
-        allowLocalCleanup ? h('section', { style: { ...panelStyle, padding: 14, gap: 9 } },
+        allowLocalCleanup ? h('section', { style: { ...settingsPanelStyle, padding: 14, gap: 9 } },
           h('p', { style: mutedTextStyle }, savedDeviceId()
             ? `已保存的设备编号：${savedDeviceId()}。请交给原团队管理员核对。`
             : '本机无法确认旧设备编号。请让原团队管理员按成员查看设备清单，勿用新编号猜测。'),
@@ -2332,7 +2337,7 @@ window.__ModuleLoader__.load({
             }, style: secondaryButtonStyle }, '复制设备编号'))) : null,
         message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null)
 
-      const modelPanel = h('section', { style: { ...panelStyle, display: activeTab === 'models' ? 'grid' : 'none' } },
+      const modelPanel = h('section', { style: { ...settingsPanelStyle, display: activeTab === 'models' ? 'grid' : 'none' } },
         h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 } },
           h('div', null,
             h('h3', { style: sectionTitleStyle }, '团队模型'),
@@ -2371,7 +2376,7 @@ window.__ModuleLoader__.load({
           : bundleRelease?.version ? `最新版本 ${bundleRelease.version}` : ''
       const showReleaseNotes = canCheckUpdate && bundleRelease?.version && bundleRelease.release_notes
         && ['current', 'available', 'artifact-missing'].includes(bundleUpdate.state)
-      const updatePanel = h('section', { style: { ...panelStyle, display: activeTab === 'updates' ? 'grid' : 'none' } },
+      const updatePanel = h('section', { style: { ...settingsPanelStyle, display: activeTab === 'updates' ? 'grid' : 'none' } },
         h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 } },
           h('div', null,
             h('h3', { style: sectionTitleStyle }, '关于 ANT'),
@@ -2381,8 +2386,7 @@ window.__ModuleLoader__.load({
               ? 'var(--dsw-alias-state-error-primary)' : mutedTextStyle.color } },
           updateStatusLabels[bundleUpdate.state] || '等待检查')),
         updateVersionSummary ? h('p', { style: { ...mutedTextStyle, color: 'var(--dsw-alias-label-primary)', fontWeight: 550 } }, updateVersionSummary) : null,
-        showReleaseNotes ? h('section', { style: { display: 'grid', gap: 6, padding: 12, borderRadius: 8,
-          backgroundColor: 'var(--dsw-alias-bg-layer-2)' } },
+        showReleaseNotes ? h('section', { style: { ...infoNoticeStyle, padding: 12 } },
         h('strong', { style: { fontSize: 14, lineHeight: 1.4 } }, '本版更新'),
         h('p', { style: mutedTextStyle }, bundleRelease.release_notes)) : null,
         ['incompatible', 'unknown'].includes(serviceCompatibility.state) ? h('p', { role: 'status', style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-wendao/ant",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "description": "ANT (AI-native Teams) connects a DeepSeek Harness Desktop profile to team identity and approved models.",
   "type": "module",
   "scripts": {