@ai-wendao/ant 0.4.6 → 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 } }, '由团队管理员提供服务地址；管理员可在控制台管理成员、模型和协作设置。')),
@@ -377,17 +383,19 @@ window.__ModuleLoader__.load({
           link ? h('a', { href: link, target: '_blank', rel: 'noopener noreferrer', style: { color: 'var(--dsw-alias-link)', fontSize: 13 } }, '打开团队管理 ↗') : null))
       return h('section', { style: { display: 'grid', gap: 16, width: '100%', maxWidth: 1120 } },
         h('div', { style: { display: 'grid', gap: 4 } },
-          h('h2', { style: { margin: 0, fontSize: 20, fontWeight: 650, lineHeight: 1.35 } }, '协作机器人'),
-          h('p', { style: mutedTextStyle }, '同事可以像平常一样聊天；需要使用你电脑的能力时，ANT 才核验授权。')),
+          h('h2', { style: { margin: 0, fontSize: 20, fontWeight: 650, lineHeight: 1.35 } }, '团队与协作'),
+          h('p', { style: mutedTextStyle }, '管理团队连接、机器人聊天入口和本机任务授权。日常聊天保持自然；执行能力按你开放的范围核验。')),
         h('div', { role: 'status', style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between',
           flexWrap: 'wrap', gap: 10, padding: '10px 12px', borderRadius: 8,
           backgroundColor: bindingReadyForSummary ? 'var(--dsw-alias-state-success-tertiary)' : 'var(--dsw-alias-bg-layer-2)' } },
         h('span', null, bindingSummary),
         !bindingReadyForSummary ? h('button', { type: 'button', onClick: () => selectSettingsTab('connection'),
-          style: secondaryButtonStyle }, binding.state === 'error' ? '检查连接' : '查看连接设置') : null),
+          style: secondaryButtonStyle }, binding.state === 'error' ? '检查连接' : '查看连接设置')
+          : 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 },
@@ -407,7 +415,12 @@ window.__ModuleLoader__.load({
             ? `有新版 ANT：${updateSummary.currentVersion || '当前版本未知'} → ${updateSummary.version}`
             : updateSummary.state === 'done' ? `ANT ${updateSummary.version} 已安装，需重启 DSH`
               : updateSummary.state === 'revoked' ? '当前 ANT 安装包已撤回' : 'ANT 更新需要处理'),
-          h('span', { style: mutedTextStyle }, updateSummary.message || '打开“关于”查看处理方式。')),
+          h('span', { style: mutedTextStyle }, updateSummary.state === 'available'
+            ? '查看“关于”中的更新说明与兼容要求；安装后需重启 DSH。'
+            : updateSummary.state === 'done' ? '请完全退出并重新启动 DSH 后生效。'
+              : updateSummary.state === 'revoked' ? '打开“关于”查看安全处置方式。'
+                : updateSummary.state === 'artifact-missing' ? '新版安装包尚未审核，请联系管理员。'
+                  : '打开“关于”查看处理方式。')),
         h('button', { type: 'button', onClick: () => selectSettingsTab('updates'), style: primaryButtonStyle },
           updateSummary.state === 'available' ? '查看并更新' : '查看处理方式')) : null,
         h('nav', { role: 'tablist', 'aria-label': 'ANT 插件设置', style: {
@@ -419,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,
@@ -715,28 +728,51 @@ window.__ModuleLoader__.load({
         } catch (error) { setMessage(error.message) }
         finally { setBusy(false) }
       }
-      const setupStepper = h('ol', { 'aria-label': '设置步骤', style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 150px), 1fr))',
-        gap: 8, padding: 0, margin: 0, listStyle: 'none' } },
-      ...[
-        { label: '绑定机器人', detail: '连接到这台 DSH' },
-        { label: '设置聊天范围', detail: '私聊和群聊分别控制' },
-        { label: '开放能力', detail: selectedTaskCount ? `${selectedTaskCount} 项已开放` : '按需要逐项开放' },
-        { label: '复核授权', detail: createOpen ? '正在配置授权范围' : selectedTaskCount ? '可随时查看与停止' : '请求范围由所有者设定' },
-      ].map((step, index) => {
-        const currentStep = !botConnected || !selectedEnrollmentBound ? 0 : createOpen ? 3 : selectedTaskCount ? 4 : 2
-        const state = index < currentStep ? '完成' : index === currentStep ? '当前' : '待完成'
-        return h('li', { key: step.label, style: { display: 'grid', gap: 3, padding: '8px 10px',
-          borderTop: `2px solid ${state === '完成' ? 'var(--dsw-alias-state-success-primary)' : state === '当前' ? 'var(--dsw-alias-state-business-primary)' : 'var(--dsw-alias-border-l2)'}`,
-          minWidth: 0 } },
-        h('strong', { style: { fontSize: 13, fontWeight: 600 } }, step.label),
-        h('span', { style: mutedTextStyle }, step.detail))
-      }))
-      const chatScopePanel = h('div', { style: { border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8, padding: 12,
+      const focusAfterTabChange = (tab, elementId) => {
+        onSelectTab(tab)
+        window.requestAnimationFrame?.(() => {
+          const target = window.document?.getElementById(elementId)
+          target?.scrollIntoView?.({ behavior: 'smooth', block: 'start' })
+          target?.focus?.({ preventScroll: true })
+        })
+      }
+      const goToSetupStep = (index) => {
+        if (index === 0) return focusAfterTabChange('bot-chat', selectedBot ? 'ant-bot-selector' : 'ant-chat-entry')
+        if (index === 1) return focusAfterTabChange('bot-chat', 'ant-chat-scope-panel')
+        if (authorizationLoadError || selectedTaskCount > 0) return focusAfterTabChange('capability', 'ant-capability-list')
+        setCreateOpen(true)
+        focusAfterTabChange('capability', index === 2 ? 'ant-new-task-summary' : 'ant-authorization-review')
+      }
+      const setupStepper = h('section', { 'aria-label': '首次设置引导', style: { display: 'grid', gap: 6 } },
+        h('p', { style: mutedTextStyle }, '首次设置可按顺序完成；你也可以直接切换页面。普通聊天不需要先开放任务。'),
+        h('ol', { 'aria-label': '设置步骤', style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 150px), 1fr))',
+          gap: 8, padding: 0, margin: 0, listStyle: 'none' } },
+        ...[
+          { label: '机器人和设备', detail: !selectedBot ? '选择已连接的机器人' : !botConnected ? '检查 DSH-IM 连接' : selectedEnrollmentBound ? '已绑定到这台 DSH' : '绑定到这台 DSH' },
+          { label: '聊天入口', detail: !selectedBot || !selectedEnrollmentBound ? '绑定设备后设置私聊和群聊' : groupChatLoadFailed ? '群列表暂不可用，可手动输入群 ID' : `${dmChatEnabled ? '私聊可用' : '私聊已关闭'} · ${availableGroups.length} 个已发现群` },
+          { label: '开放能力', detail: !botConnected || !selectedEnrollmentBound ? '完成机器人绑定后再开放' : authorizationLoadError ? '授权列表暂不可读，请刷新状态' : selectedTaskCount ? `${selectedTaskCount} 项已开放，可查看或停止` : '按需要创建任务' },
+          { label: '复核授权', detail: authorizationLoadError ? '先确认已保存授权' : createOpen ? '检查请求范围后确认' : selectedTaskCount ? '查看已开放范围' : '请求人、执行方和期限' },
+        ].map((step, index) => {
+          const currentStep = !botConnected || !selectedEnrollmentBound ? 0 : createOpen ? 3 : selectedTaskCount ? 4 : 2
+          const state = index < currentStep ? '完成' : index === currentStep ? '当前' : '待完成'
+          return h('li', { key: step.label, style: { minWidth: 0 } },
+            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-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' } },
+              h('strong', { style: { fontSize: 13, fontWeight: 600 } }, step.label),
+              h('span', { style: { fontSize: 12, color: mutedTextStyle.color } }, state)),
+            h('span', { style: mutedTextStyle }, step.detail)))
+        })))
+      const chatScopePanel = h('div', { id: 'ant-chat-scope-panel', tabIndex: -1, style: { border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8, padding: 12,
         display: 'grid', gap: 8 } },
       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,
@@ -747,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),
@@ -902,14 +938,15 @@ 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,
-        h('div', { role: 'region', 'aria-label': '机器人连接和聊天范围', style: { display: activeTab === 'bot-chat' ? 'grid' : 'none', gap: 14 } },
-        h('h3', { style: sectionTitleStyle }, '协作机器人'),
+        h('div', { id: 'ant-chat-entry', role: 'region', 'aria-label': '聊天入口和机器人状态', tabIndex: -1,
+          style: { display: activeTab === 'bot-chat' ? 'grid' : 'none', gap: 14 } },
+        h('h3', { style: sectionTitleStyle }, '聊天入口'),
         h('p', { style: mutedTextStyle }, '在所有者开启的私聊或群聊中，同事可以像平常一样和机器人聊天。DSH 负责理解与回答；只有准备执行你开放的能力时，ANT 才核对请求人、群、参数和权限。群里的任务结果会回复原群。'),
-        h('p', { role: 'status', style: mutedTextStyle }, '每项能力都单独设定执行方和请求范围。普通对话不会自动获得读取电脑、调用工具或访问其他群的权限。'),
+        h('p', { role: 'status', style: mutedTextStyle }, '私聊与群聊可同时开启；每项能力一次只授权给一个私聊或一个群。普通对话不会自动获得读取电脑、调用工具或访问其他群的权限。'),
         loadFailures.length ? h('p', { role: 'status', style: mutedTextStyle },
           `部分协作信息暂时无法读取：${loadFailures.map((path) => loadNames[path]).join('、')}。已读取的信息仍显示，请稍后刷新状态。`) : null,
           h('span', { role: 'status', style: mutedTextStyle }, loading ? '正在读取机器人与任务状态…'
@@ -928,7 +965,7 @@ window.__ModuleLoader__.load({
                       : !dmChatEnabled ? `“${selectedBot.name}”已启用协作；私聊已关闭，群聊仍按各自设置工作。`
                         : selectedTaskCount === 0 ? `“${selectedBot.name}”已启用协作；下一步开放一项能力。你也可以先私聊自测普通聊天。`
                           : `“${selectedBot.name}”已启用协作 · ${selectedTaskCount} 项能力已开放。可以私聊自测。`),
-          bots.length ? h('label', null, '我的机器人', h('select', { value: botId,
+          bots.length ? h('label', null, '我的机器人', h('select', { id: 'ant-bot-selector', value: botId,
             onChange: (event) => { setBotId(event.target.value); setGroupId(''); setChatGroupId(''); setBindingCode('');
               setTrustedOrigin(enrolled.find((bot) => bot.bot_id === event.target.value)?.gitea_origin || '') }, style: inputStyle },
             h('option', { value: '' }, '请选择机器人'),
@@ -1002,7 +1039,8 @@ window.__ModuleLoader__.load({
             h('button', { type: 'button', onClick: () => { preparePrExample(); onSelectTab('capability') }, style: secondaryButtonStyle }, '使用 PR 差异审查示例'),
             h('button', { type: 'button', onClick: () => void load().catch((error) => setMessage(error.message)),
               style: secondaryButtonStyle }, '刷新状态'))),
-        h('div', { role: 'region', 'aria-label': '已开放能力列表', style: { display: activeTab === 'capability' ? 'grid' : 'none', gap: 12 } },
+        h('div', { id: 'ant-capability-list', role: 'region', 'aria-label': '已开放能力列表', tabIndex: -1,
+          style: { display: activeTab === 'capability' ? 'grid' : 'none', gap: 12 } },
         h('h4', { style: sectionTitleStyle }, `我开放的能力 · ${authorizationLoadError ? '暂未读取' : activeCards.length}`),
         h('p', { style: mutedTextStyle }, '当前一项能力只能绑定一个范围：私聊，或某一个群。若要给其他群或私聊开放相同任务，目前需分别建立能力卡；它们的请求人和有效期独立。'),
         ...activeCards.map((card) => {
@@ -1047,9 +1085,13 @@ window.__ModuleLoader__.load({
             h('button', { type: 'button', disabled: busy, onClick: () => copyCardToDraft(card), style: secondaryButtonStyle }, '复制'),
             h('button', { type: 'button', disabled: busy, onClick: () => void revokeCard(card), style: secondaryButtonStyle }, '停止')))
         }),
-        activeCards.length === 0 ? h('p', { style: mutedTextStyle },
-          authorizationLoadError ? '暂时无法确认已开放的能力，请刷新状态后再试。'
-            : '还没有开放能力。先选机器人，再开放一项能力；PR 审查只是可选示例。') : null),
+        activeCards.length === 0 ? h('div', { style: { display: 'grid', justifyItems: 'start', gap: 8 } },
+          h('p', { style: mutedTextStyle }, authorizationLoadError
+            ? '暂时无法确认已开放的能力。刷新授权状态后再试；列表未核实前请勿重复创建。'
+            : '还没有开放能力。先选机器人，再开放一项能力；PR 审查只是可选示例。'),
+          authorizationLoadError ? h('button', { type: 'button', disabled: loading,
+            onClick: () => void load().catch((error) => setMessage(error.message)), style: secondaryButtonStyle },
+            loading ? '正在刷新…' : '刷新授权状态') : null) : null),
         h('div', { role: 'region', 'aria-label': '最近任务', style: { display: activeTab === 'local' ? 'grid' : 'none', gap: 12 } },
         h('h4', { style: sectionTitleStyle }, '最近任务'),
         ...(tasks.filter((task) => task.task_id).length ? tasks.filter((task) => task.task_id)
@@ -1075,7 +1117,7 @@ window.__ModuleLoader__.load({
         h('details', { id: 'ant-new-task', open: createOpen,
           onToggle: (event) => setCreateOpen(event.currentTarget.open),
           style: { border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8, padding: 12 } },
-          h('summary', { style: { cursor: 'pointer', fontWeight: 600 } }, '开放一项能力'),
+          h('summary', { id: 'ant-new-task-summary', style: { cursor: 'pointer', fontWeight: 600 } }, '开放一项能力'),
         h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 320px), 1fr))',
           gap: 16, alignItems: 'start', marginTop: 12 } },
         h('form', { id: 'ant-capability-create-form', onSubmit: createCard, style: { display: 'grid', gap: 9, minWidth: 0 } },
@@ -1170,7 +1212,8 @@ window.__ModuleLoader__.load({
           h('label', null, '有效期', h('select', { value: days, onChange: (event) => setDays(Number(event.target.value)), style: inputStyle },
             h('option', { value: 1 }, '1 天'), h('option', { value: 7 }, '7 天'), h('option', { value: 30 }, '30 天')))),
         ),
-        h('aside', { role: 'region', 'aria-label': '开放前复核', style: { ...panelStyle, padding: 14, gap: 10,
+        h('aside', { id: 'ant-authorization-review', role: 'region', 'aria-label': '开放前复核', tabIndex: -1,
+          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 }, '开放前复核'),
@@ -1193,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 服务端或发送给执行器。'
@@ -2242,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 的成员凭证；断开后会清除此设备凭证和同步的模型设置。')),
@@ -2250,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,
@@ -2277,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()}。请交给原团队管理员核对。`
             : '本机无法确认旧设备编号。请让原团队管理员按成员查看设备清单，勿用新编号猜测。'),
@@ -2295,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 }, '团队模型'),
@@ -2324,7 +2366,9 @@ window.__ModuleLoader__.load({
         installing: '正在安装', done: '需重启 DSH', current: '已是最新', checking: '正在检查', none: '尚未发布',
       }
       const updateStatusNeedsDetails = ['artifact-missing', 'revoked', 'migration-required', 'unknown', 'failed', 'installing', 'done']
-      const updateVersionSummary = bundleUpdate.currentVersion && bundleRelease?.version
+      const updateVersionSummary = bundleUpdate.state === 'available'
+        ? `可更新至 ${bundleRelease?.version || '最新版本'}`
+        : updateStatusNeedsDetails.includes(bundleUpdate.state) ? '' : bundleUpdate.currentVersion && bundleRelease?.version
         ? bundleUpdate.currentVersion === bundleRelease.version
           ? `当前版本 ${bundleUpdate.currentVersion} · 已是最新`
           : `当前版本 ${bundleUpdate.currentVersion} · 最新版本 ${bundleRelease.version}`
@@ -2332,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'),
@@ -2342,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.6",
+  "version": "0.4.8",
   "description": "ANT (AI-native Teams) connects a DeepSeek Harness Desktop profile to team identity and approved models.",
   "type": "module",
   "scripts": {