@ai-wendao/ant 0.4.4 → 0.4.5

package/client.js

@@ -10,6 +10,17 @@ window.__ModuleLoader__.load({
     const ANT_BUNDLE_PACKAGE_NAME = '@ai-wendao/ant'
     const ANT_API_PROTOCOL_VERSIONS = [1]
     const PLUGIN_INSTALL_RECORD_PREFIX = 'ant-reviewed-plugin-install:'
+    const ANT_SETTINGS_TAB_STORAGE_KEY = 'ant-settings-tab'
+    const ANT_SETTINGS_TABS = [
+      ['connection', '团队连接'], ['models', '团队模型'], ['bot-chat', '机器人与聊天'],
+      ['capability', '能力授权'], ['local', '本机与任务'], ['updates', 'ANT 更新'],
+    ]
+    const loadAntSettingsTab = () => {
+      try {
+        const saved = localStorage.getItem(ANT_SETTINGS_TAB_STORAGE_KEY)
+        return ANT_SETTINGS_TABS.some(([id]) => id === saved) ? saved : 'connection'
+      } catch { return 'connection' }
+    }
     const fileCountFormat = new Intl.NumberFormat('zh-CN')
     const marketSkillCategories = {
       'ant-ppt-master': '演示', 'ant-frontend-slides': '演示', 'ant-slidev': '演示',
@@ -234,6 +245,7 @@ window.__ModuleLoader__.load({
     }
 
     function TeamServiceConfig({ remote, openInstalledPlugin }) {
+      const [activeTab, setActiveTab] = useState(loadAntSettingsTab)
       const [serviceUrl, setServiceUrl] = useState(loadServiceUrl)
       const [draft, setDraft] = useState(serviceUrl)
       const [binding, setBinding] = useState({ state: 'checking', url: null })
@@ -241,6 +253,24 @@ window.__ModuleLoader__.load({
       const [message, setMessage] = useState('')
       const [pluginAlerts, setPluginAlerts] = useState([])
       const [delegationRevision, setDelegationRevision] = useState(0)
+      const [updateSummary, setUpdateSummary] = useState(null)
+      const selectSettingsTab = (tab) => {
+        setActiveTab(tab)
+        try { localStorage.setItem(ANT_SETTINGS_TAB_STORAGE_KEY, tab) } catch {}
+      }
+      const moveSettingsTabFocus = (event, index) => {
+        const key = event.key
+        if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(key)) return
+        event.preventDefault()
+        const step = key === 'ArrowLeft' ? -1 : key === 'ArrowRight' ? 1 : 0
+        const next = key === 'Home' ? 0 : key === 'End' ? ANT_SETTINGS_TABS.length - 1
+          : (index + step + ANT_SETTINGS_TABS.length) % ANT_SETTINGS_TABS.length
+        const [tab] = ANT_SETTINGS_TABS[next]
+        selectSettingsTab(tab)
+        event.currentTarget.parentElement?.querySelectorAll('[role="tab"]')?.[next]?.focus()
+      }
+      const updateNeedsAttention = ['available', 'artifact-missing', 'revoked', 'migration-required',
+        'unknown', 'failed', 'installing', 'done'].includes(updateSummary?.state)
       useEffect(() => {
         let disposed = false
         const revision = bindingRevision.current
@@ -312,6 +342,11 @@ window.__ModuleLoader__.load({
         }
       }
       const link = binding.state === 'ready' ? consoleUrl(binding.url || serviceUrl) : null
+      const bindingSummary = binding.state === 'checking' ? '正在确认这台 DSH 的团队连接…'
+        : binding.state === 'error' ? '暂时无法确认团队连接状态'
+          : binding.state === 'unverified' ? '本机有 ANT 凭证，但设备归属待核对'
+            : binding.url ? `团队服务已连接 · ${new URL(binding.url).host}` : '尚未连接团队服务'
+      const bindingReadyForSummary = binding.state === 'ready' && Boolean(binding.url)
       const onConnectionChange = (url) => {
         bindingRevision.current += 1
         setBinding({ state: 'ready', url: url || null })
@@ -322,45 +357,79 @@ window.__ModuleLoader__.load({
           try { localStorage.setItem(SERVICE_URL_STORAGE_KEY, url) } catch {}
         }
       }
-      return h('section', { style: { display: 'grid', gap: 16, width: '100%', maxWidth: 1120 } },
-        h('p', { style: mutedTextStyle }, '连接团队服务后，即可同步获准模型并使用团队协作。'),
-        h('section', { style: panelStyle },
-          h('div', null,
-            h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 650 } }, '团队服务'),
-            h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '由团队管理员提供服务地址；管理员可在控制台管理成员、模型和协作设置。')),
-          h('form', { onSubmit: save, style: { display: 'grid', gridTemplateColumns: binding.url ? '1fr' : 'minmax(0, 1fr) auto', alignItems: 'end', gap: 10 } },
+      const teamServicePanel = h('section', { style: { ...panelStyle, display: activeTab === 'connection' ? 'grid' : 'none' } },
+        h('div', null,
+          h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 650 } }, '团队服务'),
+          h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '由团队管理员提供服务地址；管理员可在控制台管理成员、模型和协作设置。')),
+        h('form', { onSubmit: save, style: { display: 'grid', gridTemplateColumns: binding.url ? '1fr' : 'minmax(0, 1fr) auto', alignItems: 'end', gap: 10 } },
           h('label', { htmlFor: 'ant-team-service-url', style: { gridColumn: '1 / -1', fontSize: 13, fontWeight: 550 } }, binding.url ? '当前连接的团队服务地址' : '服务地址'),
-          h('input', {
-            id: 'ant-team-service-url',
-            type: 'url',
-            required: true,
-            value: binding.url || draft,
-            readOnly: binding.state !== 'ready' || Boolean(binding.url),
-            placeholder: 'https://ant.example.com',
-            onChange: (event) => { if (binding.state === 'ready' && !binding.url) setDraft(event.target.value) },
-            style: inputStyle,
-          }),
+          h('input', { id: 'ant-team-service-url', type: 'url', required: true, value: binding.url || draft,
+            readOnly: binding.state !== 'ready' || Boolean(binding.url), placeholder: 'https://ant.example.com',
+            onChange: (event) => { if (binding.state === 'ready' && !binding.url) setDraft(event.target.value) }, style: inputStyle }),
           binding.url ? null : h('button', { type: 'submit', disabled: binding.state !== 'ready', style: primaryButtonStyle }, '保存地址')),
-          binding.url ? h('p', { style: mutedTextStyle }, '若要切换团队，请先在下方断开当前设备，再填写新地址并验证邮箱。') : null,
-          binding.state === 'checking' ? h('p', { role: 'status', style: mutedTextStyle }, '正在核对这台 DSH 绑定的团队…') : null,
-          binding.state === 'unverified' ? h('p', { role: 'status', style: mutedTextStyle }, '本机仍有 ANT 凭证，但无法核对所属团队。请联系原团队管理员核查并撤销旧设备；确认后可在下方断开或仅清理本机。') : null,
-          binding.state === 'error' ? h('p', { role: 'status', style: mutedTextStyle }, '暂时无法核对这台 DSH 的团队绑定，请重新打开 ANT 或联系管理员。') : null,
-          h('div', { style: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', gap: 12 } },
-            message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null,
-            link ? h('a', { href: link, target: '_blank', rel: 'noopener noreferrer', style: { color: 'var(--dsw-alias-link)', fontSize: 13 } }, '打开团队管理 ↗') : null)),
-        pluginAlerts.length ? h('section', { role: 'alert', style: { ...panelStyle, borderColor: 'var(--dsw-alias-label-danger, #d44)' } },
+        binding.url ? h('p', { style: mutedTextStyle }, '若要切换团队，请先在下方断开当前设备，再填写新地址并验证邮箱。') : null,
+        binding.state === 'checking' ? h('p', { role: 'status', style: mutedTextStyle }, '正在核对这台 DSH 绑定的团队…') : null,
+        binding.state === 'unverified' ? h('p', { role: 'status', style: mutedTextStyle }, '本机仍有 ANT 凭证，但无法核对所属团队。请联系原团队管理员核查并撤销旧设备；确认后可在下方断开或仅清理本机。') : null,
+        binding.state === 'error' ? h('p', { role: 'status', style: mutedTextStyle }, '暂时无法核对这台 DSH 的团队绑定，请重新打开 ANT 或联系管理员。') : null,
+        h('div', { style: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', gap: 12 } },
+          message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null,
+          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('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),
+        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,
+          borderColor: 'var(--dsw-alias-label-danger, #d44)', maxHeight: '28vh', overflowY: 'auto' } },
           h('h3', { style: { margin: 0, fontSize: 16 } }, '已安装插件存在安全撤回公告'),
           ...pluginAlerts.map((plugin) => h('p', { key: plugin.id, style: mutedTextStyle },
             `${plugin.title} ${plugin.version}${plugin.versionUnknown ? '（本机版本暂无法读取，请核对是否受影响）' : ''}：${plugin.withdrawal_reason}`)),
           ...pluginAlerts.map((plugin) => h('button', { key: `${plugin.id}-open`, type: 'button',
             onClick: () => openInstalledPlugin(plugin.package_name), style: secondaryButtonStyle }, `在 DSH 中查看 ${plugin.title}`))) : null,
-        h(ModelSyncFooter, { remote, serviceUrl, bindingReady: binding.state === 'ready',
-          onServiceUrlChange: setServiceUrl, onConnectionChange }),
-        h(DelegationCards, { remote, revision: delegationRevision,
-          openImSettings: () => openInstalledPlugin('@xmanrui/dsh-im') }))
+        updateNeedsAttention ? h('section', { role: 'status', 'aria-live': 'polite', style: {
+          ...panelStyle, display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexWrap: 'wrap',
+          gap: 12, padding: 12, borderColor: updateSummary.state === 'revoked'
+            ? 'var(--dsw-alias-state-error-primary)' : 'var(--dsw-alias-state-warning-primary, var(--dsw-alias-border-l2))',
+          backgroundColor: updateSummary.state === 'revoked'
+            ? 'var(--dsw-alias-state-error-secondary, var(--dsw-alias-bg-module-platform))'
+            : 'var(--dsw-alias-state-warning-secondary, var(--dsw-alias-bg-module-platform))',
+        } },
+        h('div', { style: { display: 'grid', gap: 3, flex: '1 1 300px' } },
+          h('strong', null, updateSummary.state === 'available'
+            ? `有新版 ANT：${updateSummary.currentVersion || '当前版本未知'} → ${updateSummary.version}`
+            : updateSummary.state === 'done' ? `ANT ${updateSummary.version} 已安装，需重启 DSH`
+              : updateSummary.state === 'revoked' ? '当前 ANT 安装包已撤回' : 'ANT 更新需要处理'),
+          h('span', { style: mutedTextStyle }, updateSummary.message || '打开 ANT 更新查看处理方式。')),
+        h('button', { type: 'button', onClick: () => selectSettingsTab('updates'), style: primaryButtonStyle },
+          updateSummary.state === 'available' ? '查看并更新' : '查看处理方式')) : null,
+        h('nav', { role: 'tablist', 'aria-label': 'ANT 插件设置', style: {
+          display: 'flex', gap: 4, overflowX: 'auto', borderBottom: '1px solid var(--dsw-alias-border-l2)',
+        } },
+        ...ANT_SETTINGS_TABS.map(([tab, label], index) => h('button', { key: tab, id: `ant-settings-tab-${tab}`,
+          type: 'button', role: 'tab', tabIndex: activeTab === tab ? 0 : -1,
+          'aria-controls': 'ant-settings-content', 'aria-selected': String(activeTab === tab),
+          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,
+          } }, tab === 'updates' && updateNeedsAttention ? `${label} · ${updateSummary.state === 'available' ? '有新版' : '需处理'}` : label)))),
+        h('div', { id: 'ant-settings-content', role: 'tabpanel', 'aria-labelledby': `ant-settings-tab-${activeTab}` },
+          teamServicePanel,
+          h(ModelSyncFooter, { remote, serviceUrl, bindingReady: binding.state === 'ready', activeTab,
+            onServiceUrlChange: setServiceUrl, onConnectionChange,
+            onUpdateStateChange: setUpdateSummary, onSelectTab: selectSettingsTab }),
+          h(DelegationCards, { remote, revision: delegationRevision,
+            activeTab, onSelectTab: selectSettingsTab,
+            openImSettings: () => openInstalledPlugin('@xmanrui/dsh-im')})))
     }
 
-    function DelegationCards({ remote, revision, openImSettings }) {
+    function DelegationCards({ remote, revision, activeTab, onSelectTab, openImSettings }) {
       const [bots, setBots] = useState([])
       const [enrolled, setEnrolled] = useState([])
       const [groups, setGroups] = useState([])
@@ -430,6 +499,7 @@ window.__ModuleLoader__.load({
         } finally { setLoading(false) }
       }
       useEffect(() => { void load().catch((error) => setMessage(error.message)) }, [remote, revision])
+      useEffect(() => { setMessage('') }, [activeTab])
       const selectedBot = bots.find((bot) => bot.bot_id === botId)
       const botConnected = Boolean(selectedBot?.available && selectedBot?.connected)
       const selectedEnrollment = enrolled.find((bot) => bot.bot_fingerprint === selectedBot?.fingerprint)
@@ -459,12 +529,12 @@ window.__ModuleLoader__.load({
         : conversationKind === 'group' && loadFailures.includes('groups') ? '暂时无法核对目标群，请刷新状态后再试。'
         : conversationKind === 'group' && !groupId ? '请在“参数与授权范围”中选择目标群；若列表为空，让群成员先 @机器人，再刷新群列表。'
           : senderScope === 'allowlist' && !senderIds.trim() ? '请在“参数与授权范围”中填写可请求成员的 IM ID。'
-            : parameters.some((rule) => rule.kind === 'gitea_pr') && !tokenConfigured ? '请先在“参数与授权范围”中保存本机 Gitea 只读令牌。'
+            : parameters.some((rule) => rule.kind === 'gitea_pr') && !tokenConfigured ? '请先在“本机与任务”中保存本机 Gitea 只读令牌。'
               : parameters.some((rule) => rule.kind === 'gitea_pr') && !selectedEnrollment?.gitea_origin
-                ? '请先登记这个机器人的可信 Gitea 地址。'
+                ? '请先在“机器人与聊天”中登记这个机器人的可信 Gitea 地址。'
               : parameters.some((rule) => rule.kind === 'gitea_pr')
                 && normalizeServiceUrl(trustedOrigin) !== selectedEnrollment?.gitea_origin
-                ? '请先保存机器人级可信 Gitea 地址；PR 参数将自动使用这个地址。'
+                ? '请先保存机器人级可信 Gitea 地址；PR 参数会自动使用这个地址。'
               : selectedRunnerNeedsPr && (parameters.length !== 1 || parameters[0].kind !== 'gitea_pr')
                 ? 'Codex 和 Claude Code 目前只支持单个 Gitea PR 审查任务。'
                 : selectedRunnerNeedsPr && !parameters[0].required
@@ -488,7 +558,6 @@ window.__ModuleLoader__.load({
           gitea_origin: selectedEnrollment?.gitea_origin || trustedOrigin || '', repository: '' }])
         setRunner(codexAvailable ? 'codex' : claudeCodeAvailable ? 'claude-code' : 'dsh')
         setCreateOpen(true)
-        window.document?.getElementById('ant-new-task')?.scrollIntoView({ behavior: 'smooth', block: 'start' })
       }
       const saveGiteaToken = async () => {
         if (!giteaToken.trim()) return
@@ -724,7 +793,11 @@ window.__ModuleLoader__.load({
         } catch (error) { setMessage(error.message) }
         finally { setBusy(false) }
       }
-      return h('section', { style: panelStyle, 'aria-label': '协作机器人与开放能力' },
+      return h('section', { style: { ...panelStyle,
+        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: { margin: 0, fontSize: 16 } }, '协作机器人'),
         h('p', { style: mutedTextStyle }, '同事可以像平常一样和机器人聊天。DSH 负责理解与回答；只有准备执行你开放的能力时，ANT 才核对请求人、群、参数和权限。群里的任务结果会回复原群。'),
         h('p', { role: 'status', style: mutedTextStyle }, '每项能力都单独设定执行方和请求范围。普通对话不会自动获得读取电脑、调用工具或访问其他群的权限。'),
@@ -733,6 +806,11 @@ window.__ModuleLoader__.load({
         h('div', { 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: { padding: 10, borderRadius: 8, backgroundColor: 'var(--dsw-alias-bg-layer-2)' } },
+              h('strong', null, '私聊'), h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '默认可用，可正常聊天；执行任务仍需单独授权。')),
+            h('div', { style: { padding: 10, borderRadius: 8, backgroundColor: 'var(--dsw-alias-bg-layer-2)' } },
+              h('strong', null, '群聊'), h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '可同时启用；群成员是否能执行任务由每项能力授权决定。'))),
           h('span', { role: 'status', style: mutedTextStyle }, loading ? '正在读取机器人与任务状态…'
             : botLoadError ? '暂时无法读取机器人状态。请刷新后再试。'
               : connectedBots.length === 0 ? '尚未发现已连接的机器人。请先在 DSH-IM 中连接飞书机器人。'
@@ -765,6 +843,17 @@ window.__ModuleLoader__.load({
             selectedEnrollment ? '绑定原协作配置到这台 DSH' : '启用并绑定到这台 DSH') : null,
           selectedEnrollmentBound && botConnected ? h('p', { style: mutedTextStyle },
             `自测：私聊“${selectedBot.name}”发送“你能做什么”；发起任务后可问“刚才的任务怎么样了”。群聊请先在目标群 @机器人，再开放能力时选择该群。`) : null,
+          selectedBot ? h('div', { style: { display: 'grid', gap: 8, padding: 10,
+            border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8 } },
+            h('strong', null, `可信 Gitea 地址 · ${selectedBot.name}`),
+            h('p', { style: mutedTextStyle }, '为这个机器人登记一次。PR 能力只需配置仓库和 PR 编号，不必重复填写地址。'),
+            h('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap' } },
+              h('input', { 'aria-label': '可信 Gitea 地址', type: 'url', value: trustedOrigin,
+                onChange: (event) => setTrustedOrigin(event.target.value), placeholder: 'https://git.example.com',
+                style: { ...inputStyle, flex: '1 1 280px' } }),
+              h('button', { type: 'button', disabled: busy || !trustedOrigin.trim() || (!selectedEnrollmentBound && !botConnected),
+                onClick: () => void (selectedEnrollmentBound ? saveTrustedOrigin() : enrollBot()), style: secondaryButtonStyle },
+                selectedEnrollmentBound ? '保存可信地址' : botConnected ? '绑定机器人并保存地址' : '先连接机器人'))) : null,
           selectedEnrollmentBound && botConnected ? h('div', { style: { display: 'grid', gap: 8 } },
             h('strong', null, '允许聊天的群'),
             h('span', { style: mutedTextStyle }, '群成员可以正常聊天；是否能让机器人办事，由每项能力单独决定。若机器人尚未发现群，可以直接填群 ID。'),
@@ -784,31 +873,42 @@ window.__ModuleLoader__.load({
             selectedChatGroup?.chat_enabled && selectedGroupHasTasks ? h('span', { style: mutedTextStyle },
               '本群还有开放能力；关闭聊天前请先停止这些能力。') : null) : null,
           h('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap' } },
-            h('button', { type: 'button', onClick: () => { setCreateOpen(true)
-              window.document?.getElementById('ant-new-task')?.scrollIntoView({ behavior: 'smooth', block: 'start' }) },
+            h('button', { type: 'button', onClick: () => { setCreateOpen(true); onSelectTab('capability') },
               style: primaryButtonStyle }, '开放新能力'),
-            h('button', { type: 'button', onClick: preparePrExample, style: secondaryButtonStyle }, '使用 PR 差异审查示例'),
+            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 }, '刷新状态'))),
+              style: secondaryButtonStyle }, '刷新状态')))),
+        h('div', { role: 'region', 'aria-label': '已开放能力列表', style: { display: activeTab === 'capability' ? 'grid' : 'none', gap: 12 } },
         h('h4', { style: { marginBottom: 0 } }, `我开放的能力 · ${authorizationLoadError ? '暂未读取' : activeCards.length}`),
         ...activeCards.map((card) => h('div', { key: card.id, style: { display: 'flex', gap: 12,
           alignItems: 'center', justifyContent: 'space-between', flexWrap: 'wrap', borderTop: '1px solid var(--dsw-alias-border-l2)', paddingTop: 8 } },
-          h('span', { style: { flex: '1 1 280px', minWidth: 0, overflowWrap: 'anywhere' } }, `${card.title} · ${bots.find((bot) => bot.fingerprint === card.bot_fingerprint)?.name || '机器人'} · ${card.conversation_kind === 'group' ? `群 ${groups.find((group) => group.group_id === card.conversation_id)?.group_code || card.conversation_id}` : '私聊'} · ${card.sender_scope === 'allowlist' ? '仅指定成员可请求' : card.conversation_kind === 'group' ? '群成员可请求' : '可私聊者可请求'} · 结果回复原${card.conversation_kind === 'group' ? '群' : '私聊'} · ${card.runner === 'codex' ? 'Codex 只读 PR 完整快照审查' : card.runner === 'claude-code' ? 'Claude Code PR 完整快照审查试用' : 'DSH 文字处理'} · ${new Date(card.expires_at * 1000).toLocaleString('zh-CN')} 到期`),
+          h('span', { style: { flex: '1 1 280px', minWidth: 0, overflowWrap: 'anywhere' } }, `${card.title} · ${bots.find((bot) => bot.fingerprint === card.bot_fingerprint)?.name || '机器人'} · ${card.conversation_kind === 'group' ? `群 ${groups.find((group) => group.group_id === card.conversation_id)?.group_code || card.conversation_id}` : '私聊'} · ${card.sender_scope === 'allowlist' ? '仅指定成员可请求' : card.conversation_kind === 'group' ? '群成员可请求' : '可私聊者可请求'} · 结果回复原${card.conversation_kind === 'group' ? '群' : '私聊'} · ${card.runner === 'codex' ? 'Codex PR 快照审查试用' : card.runner === 'claude-code' ? 'Claude Code PR 完整快照审查试用' : 'DSH 文字处理'} · ${new Date(card.expires_at * 1000).toLocaleString('zh-CN')} 到期`),
           h('button', { type: 'button', disabled: busy, onClick: () => void revokeCard(card), style: secondaryButtonStyle }, '停止'))),
         activeCards.length === 0 ? h('p', { style: mutedTextStyle },
           authorizationLoadError ? '暂时无法确认已开放的能力，请刷新状态后再试。'
-            : '还没有开放能力。先选机器人，再开放一项能力；PR 审查只是可选示例。') : null,
+            : '还没有开放能力。先选机器人，再开放一项能力；PR 审查只是可选示例。') : null),
+        h('div', { role: 'region', 'aria-label': '最近任务', style: { display: activeTab === 'local' ? 'grid' : 'none', gap: 12 } },
         h('h4', { style: { marginBottom: 0 } }, '最近任务'),
         ...(tasks.filter((task) => task.task_id).length ? tasks.filter((task) => task.task_id)
-          .map((task) => h('div', { key: task.task_id, style: { display: 'flex', gap: 12, alignItems: 'center',
-            justifyContent: 'space-between', flexWrap: 'wrap', borderTop: '1px solid var(--dsw-alias-border-l2)', paddingTop: 8 } },
-            h('span', { style: { flex: '1 1 280px', minWidth: 0, overflowWrap: 'anywhere' } }, `${task.task_id} · ${task.title || (task.pr_number ? `PR #${task.pr_number} 差异审查` : '任务')} · ${task.outcome === 'canceled' ? '已取消' : task.outcome === 'failed' ? '未完成' : ({
+          .map((task) => {
+            const title = task.title || (task.pr_number
+              ? `${task.repository ? `${task.repository} ` : ''}PR #${task.pr_number} 差异审查` : '任务')
+            const status = task.outcome === 'canceled' ? '已取消' : task.outcome === 'failed' ? '未完成' : ({
               pending: '排队中', running: '处理中', reply_pending: '结果待发送', reply_attempted: '回复状态待核对', done: '已回复',
-            }[task.status] || task.status)}`),
-            ['card_task', 'legacy_pr_task'].includes(task.kind) && ['pending', 'running'].includes(task.status) ? h('button', { type: 'button', disabled: busy,
-              onClick: () => void cancelTask(task), style: secondaryButtonStyle }, '取消任务') : null))
+            }[task.status] || task.status)
+            const createdAt = task.created_at && Number.isFinite(Date.parse(task.created_at))
+              ? new Date(task.created_at).toLocaleString('zh-CN') : ''
+            return h('div', { key: task.task_id, style: { display: 'flex', gap: 12, alignItems: 'center',
+              justifyContent: 'space-between', flexWrap: 'wrap', borderTop: '1px solid var(--dsw-alias-border-l2)', paddingTop: 8 } },
+              h('div', { style: { flex: '1 1 280px', minWidth: 0, overflowWrap: 'anywhere' } },
+                h('strong', null, title),
+                h('div', { style: mutedTextStyle }, `${status}${createdAt ? ` · ${createdAt}` : ''} · 任务 ${task.task_id}`)),
+              ['card_task', 'legacy_pr_task'].includes(task.kind) && ['pending', 'running'].includes(task.status) ? h('button', { type: 'button', disabled: busy,
+                onClick: () => void cancelTask(task), style: secondaryButtonStyle }, '取消任务') : null)
+          })
           : [h('p', { key: 'none', style: mutedTextStyle }, loadFailures.includes('status')
-            ? '任务记录暂时无法读取，请刷新状态。' : '暂无任务。')]),
+            ? '任务记录暂时无法读取，请刷新状态。' : '暂无任务。')])),
+        h('div', { role: 'region', 'aria-label': '新建能力', style: { display: activeTab === 'capability' ? 'grid' : 'none' } },
         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 } },
@@ -835,13 +935,13 @@ window.__ModuleLoader__.load({
             onChange: (event) => setRunner(event.target.value), style: inputStyle },
             h('option', { value: 'dsh' }, 'DSH · 已提供文字'),
             h('option', { value: 'codex',
-              disabled: !codexAvailable }, 'Codex · 单个 Gitea PR 完整快照，只读'),
+              disabled: !codexAvailable }, 'Codex · 单个 Gitea PR 完整快照审查试用'),
             h('option', { value: 'claude-code', disabled: !claudeCodeAvailable },
               'Claude Code · 单个 Gitea PR 完整快照试用'))),
           nativePrUnavailableReason ? h('p', { role: 'status', style: mutedTextStyle },
             `${nativePrUnavailableReason}，已禁用 Codex/Claude Code 完整快照选项；可选择 DSH 差异审查。`) : null,
           runner === 'codex' ? h('p', { role: 'status', style: mutedTextStyle },
-            'Codex 使用这台电脑的登录账号及其用量；ANT 为每项能力维护仓库缓存，每次审查创建固定到 PR Head 的临时代码快照。Codex 只能只读查看该快照；不会收到 Gitea 令牌。Git LFS 实际文件不会下载。') : null,
+            'Codex 使用这台电脑的登录账号及其用量；ANT 为每项能力维护仓库缓存，每次审查创建固定到 PR Head 的临时代码快照。不会收到 Gitea 令牌；请以这台 DSH 的实际子代理权限为准，只有强制只读隔离已验证时才视为只读。Git LFS 实际文件不会下载。') : null,
           runner === 'claude-code' ? h('p', { role: 'status', style: mutedTextStyle },
             'Claude Code 通过 DSH 已注册的子代理运行，可查看本次 PR 的临时代码快照。ANT 不会传 Gitea 令牌；Claude Code 沿用 DSH 提供方的本机权限，不具备 Codex 路径相同的固定只读隔离。Git LFS 实际文件不会下载。') : null,
           selectedRunnerNeedsPr ? h('p', { role: 'status', style: mutedTextStyle },
@@ -880,21 +980,12 @@ window.__ModuleLoader__.load({
           h('button', { type: 'button', disabled: parameters.length >= 12, style: secondaryButtonStyle,
             onClick: () => setParameters((current) => [...current, { name: '', kind: 'text', required: true,
               description: '', min: '', max: '', choices: '', gitea_origin: '', repository: '' }]) }, '添加参数'),
-          parameters.some((rule) => rule.kind === 'gitea_pr') ? h('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap' } },
-            h('input', { 'aria-label': '这个机器人的可信 Gitea 地址', type: 'url', value: trustedOrigin,
-              onChange: (event) => setTrustedOrigin(event.target.value), placeholder: '可信 Gitea 地址',
-              style: { ...inputStyle, flex: '1 1 260px' } }),
-            h('button', { type: 'button', disabled: busy || !trustedOrigin.trim() || !selectedBot,
-              onClick: () => void (selectedEnrollmentBound ? saveTrustedOrigin() : enrollBot()), style: secondaryButtonStyle },
-              selectedEnrollmentBound ? '保存可信地址' : '绑定到这台 DSH 并保存地址')) : null,
-          parameters.some((rule) => rule.kind === 'gitea_pr') ? h('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap' } },
-            h('input', { 'aria-label': '只读 Gitea 访问令牌', type: 'password', autoComplete: 'off', value: giteaToken,
-              onChange: (event) => setGiteaToken(event.target.value), placeholder: tokenConfigured ? '本机已保存 Gitea 令牌' : '先保存只读 Gitea 令牌',
-              style: { ...inputStyle, flex: '1 1 260px' } }),
-            h('button', { type: 'button', disabled: busy || !giteaToken.trim(),
-              onClick: () => void saveGiteaToken(), style: secondaryButtonStyle }, '保存令牌')) : null,
-          parameters.some((rule) => rule.kind === 'gitea_pr') ? h('p', { style: mutedTextStyle },
-            '令牌只保存在这台 DSH，用于读取 PR，不会提交到 ANT 服务端或交给执行方。') : null,
+          parameters.some((rule) => rule.kind === 'gitea_pr') ? h('div', { style: { display: 'grid', gap: 6 } },
+            h('p', { style: mutedTextStyle }, selectedEnrollment?.gitea_origin
+              ? `将使用机器人已登记的可信 Gitea 地址：${selectedEnrollment.gitea_origin}`
+              : '请先在“机器人与聊天”中为这个机器人登记可信 Gitea 地址。'),
+            !tokenConfigured ? h('button', { type: 'button', onClick: () => onSelectTab('local'), style: secondaryButtonStyle },
+              '前往本机与任务保存 Gitea 令牌') : h('p', { style: mutedTextStyle }, '本机 Gitea 只读令牌已保存。')) : null,
           h('label', null, '使用场景', h('select', { value: conversationKind,
             onChange: (event) => { setConversationKind(event.target.value); setGroupId('') }, style: inputStyle },
             h('option', { value: 'dm' }, '私聊'), h('option', { value: 'group' }, '指定群聊'))),
@@ -921,7 +1012,20 @@ window.__ModuleLoader__.load({
             h('option', { value: 1 }, '1 天'), h('option', { value: 7 }, '7 天'), h('option', { value: 30 }, '30 天')))),
           cardBlockReason ? h('p', { role: 'status', style: mutedTextStyle }, cardBlockReason) : null,
           h('button', { disabled: busy || Boolean(cardBlockReason),
-            style: primaryButtonStyle }, '保存并开放能力'))),
+            style: primaryButtonStyle }, '保存并开放能力')))),
+        h('div', { role: 'region', 'aria-label': '本机处理设置', style: { display: activeTab === 'local' ? 'grid' : 'none', gap: 12 } },
+        h('section', { style: { ...panelStyle, padding: 14 } },
+          h('strong', null, 'Gitea 本机凭据'),
+          h('p', { style: mutedTextStyle }, tokenConfigured
+            ? '只读访问令牌已保存在这台 DSH 的安全凭据中；不会同步到 ANT 服务端或发送给执行器。'
+            : 'PR 审查能力需要只读访问令牌。令牌只保存到这台 DSH。'),
+          h('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap' } },
+            h('input', { 'aria-label': 'Gitea 只读访问令牌', type: 'password', autoComplete: 'new-password', value: giteaToken,
+              onChange: (event) => setGiteaToken(event.target.value),
+              placeholder: tokenConfigured ? '已保存；输入新令牌可替换' : '粘贴 Gitea 只读令牌',
+              style: { ...inputStyle, flex: '1 1 280px' } }),
+            h('button', { type: 'button', disabled: busy || !giteaToken.trim(),
+              onClick: () => void saveGiteaToken(), style: secondaryButtonStyle }, tokenConfigured ? '替换本机令牌' : '保存本机令牌'))),
         h('details', { style: { border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8, padding: 12 } },
           h('summary', { style: { cursor: 'pointer', fontWeight: 600 } }, '本机处理设置'),
           h('p', { style: mutedTextStyle }, '本机并发上限只影响这台电脑接收的新任务；PR 仓库缓存上限按这台 DSH 的长期仓库缓存总量计算，不包括任务临时工作目录。'),
@@ -943,8 +1047,7 @@ window.__ModuleLoader__.load({
               onChange: (event) => setRepositoryCacheLimitGib(event.target.value), style: inputStyle }),
             h('span', { style: mutedTextStyle }, '默认 10 GiB，范围 1–100 GiB，按长期仓库文件逻辑大小计算（不含临时工作区和文件系统分配开销）。日常不会淘汰仍启用能力的缓存；停用或到期能力会在刷新时回收。单次拉取若实际越界，为恢复预算会清理这项能力的仓库缓存（旧 PR 可重新下载）。')),
           h('button', { disabled: busy, style: secondaryButtonStyle }, '保存本机处理设置')),
-        h('p', { style: mutedTextStyle }, `本机可用执行方：${executors.map((item) => `${item.title}${item.available ? '（可用）' : `（${item.reason || '未启用或未找到'}）`}`).join('、') || '暂未读取到'}。可用选项会出现在对应能力的执行方设置中。`)),
-        message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null)
+        h('p', { style: mutedTextStyle }, `本机检测到的执行方：${executors.map((item) => `${item.title}${item.available ? '（可用）' : `（${item.reason || '未启用或未找到'}）`}`).join('、') || '暂未读取到'}。只有能力配置下拉框中列出的执行方能接收委托。`))))
     }
 
     function SkillCenterPage({ remote, onBack, onAll, onSkills, onPlugins, openBundle,
@@ -1437,10 +1540,12 @@ window.__ModuleLoader__.load({
           ? h('p', { style: mutedTextStyle }, noMatches) : null))
     }
 
-    function ModelSyncFooter({ remote, serviceUrl, bindingReady, onServiceUrlChange, onConnectionChange }) {
+    function ModelSyncFooter({ remote, serviceUrl, bindingReady, activeTab, onServiceUrlChange,
+      onConnectionChange, onUpdateStateChange, onSelectTab }) {
       const [email, setEmail] = useState('')
       const [code, setCode] = useState('')
       const [message, setMessage] = useState('')
+      const [modelMessage, setModelMessage] = useState('')
       const [busy, setBusy] = useState(false)
       const [codeRequested, setCodeRequested] = useState(false)
       const [credentialConfigured, setCredentialConfigured] = useState(null)
@@ -1449,9 +1554,15 @@ window.__ModuleLoader__.load({
       const [allowLocalCleanup, setAllowLocalCleanup] = useState(false)
       const [bundleRelease, setBundleRelease] = useState(null)
       const [bundleUpdate, setBundleUpdate] = useState({ state: 'idle', currentVersion: '', message: '' })
+      const [authorizedModels, setAuthorizedModels] = useState([])
+      const [lastModelSync, setLastModelSync] = useState(null)
       const [serviceCompatibility, setServiceCompatibility] = useState({ state: 'idle', message: '' })
       const [pinnedServiceUrl, setPinnedServiceUrl] = useState(null)
 
+      useEffect(() => {
+        onUpdateStateChange?.({ ...bundleUpdate, version: bundleRelease?.version || '' })
+      }, [bundleUpdate, bundleRelease, onUpdateStateChange])
+
       const connectionErrorMessage = (result, status) => {
         const message = result?.message || `请求失败（${status}）`
         if (!['LEGACY_DEVICE_REVOKE_REQUIRED', 'ANT_CONNECTION_CLEANUP_REQUIRED'].includes(result?.code)) return message
@@ -1556,7 +1667,7 @@ window.__ModuleLoader__.load({
           return
         }
         setBusy(true)
-        setMessage('正在从 ANT 刷新获准模型…')
+        setModelMessage('正在从 ANT 刷新获准模型…')
         try {
           await requireCompatibleService(serviceUrl, true)
           const response = await fetch('/api/ant-teams/models', { method: 'POST' })
@@ -1566,12 +1677,14 @@ window.__ModuleLoader__.load({
             throw new Error(result.message || `刷新失败（${response.status}）`)
           }
           const count = await applyAuthorizedModels(result.models, result.service_url)
+          setAuthorizedModels(result.models)
+          setLastModelSync(new Date())
           setCredentialConfigured(true)
           setNeedsReconnect(false)
           setReauthenticate(false)
-          setMessage(`模型目录已刷新，共 ${count} 个获准模型。`)
+          setModelMessage(`模型目录已刷新，共 ${count} 个获准模型。`)
         } catch (error) {
-          setMessage(error instanceof Error ? error.message : '刷新模型失败，请稍后重试。')
+          setModelMessage(error instanceof Error ? error.message : '刷新模型失败，请稍后重试。')
         } finally {
           setBusy(false)
         }
@@ -1912,6 +2025,8 @@ window.__ModuleLoader__.load({
           if (!credentialWrite.ok) throw new Error(credentialWrite.error?.message || 'DSH 无法安全保存 ANT 凭证。')
           credentialSaved = true
           await applyAuthorizedModels(result.models, normalized)
+          setAuthorizedModels(result.models)
+          setLastModelSync(new Date())
           setCode('')
           onServiceUrlChange(normalized)
           setCodeRequested(false)
@@ -1940,86 +2055,117 @@ window.__ModuleLoader__.load({
       const canCheckUpdate = bindingReady && credentialConfigured === true && !needsReconnect
       const updateGuideUrl = pinnedServiceUrl
         ? new URL('/ant-update', pinnedServiceUrl).href : null
-      return h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 400px), 1fr))', alignItems: 'start', gap: 16 } },
-        h('section', { style: panelStyle },
-          h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 } },
-            h('div', null,
-              h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 650 } }, '团队模型'),
-              h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '使用上方团队服务地址验证工作邮箱并同步授权模型。连接状态变化时可随时刷新。')),
-            h('span', { style: {
-              flexShrink: 0, padding: '4px 9px', borderRadius: 999,
-              color: credentialConfigured === true && bindingReady ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-label-secondary)',
-              backgroundColor: credentialConfigured === true && bindingReady ? 'var(--dsw-alias-state-success-tertiary)' : 'var(--dsw-alias-bg-layer-2)',
-              fontSize: 12,
-            } }, credentialConfigured === true ? bindingReady ? '已连接' : '待核对' : credentialConfigured === false ? '未连接' : '检查中')),
-          h('p', { role: 'status', style: mutedTextStyle }, credentialConfigured === true && !bindingReady
-            ? '本机有 ANT 凭证，但尚未确认它绑定的团队；请先完成上方的绑定检查。'
-            : credentialConfigured === true
-            ? 'DSH 已安全保存此设备的 ANT 团队凭证。'
-            : credentialConfigured === false ? '验证工作邮箱后即可连接团队模型。' : '正在检查 ANT 连接状态…'),
-          serviceCompatibility.state !== 'idle' ? h('p', {
-            role: 'status',
-            style: {
-              ...mutedTextStyle,
-              color: serviceCompatibility.state === 'incompatible' ? 'var(--dsw-alias-state-error-primary)' : mutedTextStyle.color,
-            },
-          }, serviceCompatibility.message) : null,
-          credentialConfigured === true && !showConnectForm ? h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 8 } },
-            h('button', { type: 'button', disabled: busy || !bindingReady, onClick: () => void refreshModels(), style: primaryButtonStyle }, busy ? '刷新中…' : '刷新团队模型'),
-            h('button', { type: 'button', disabled: busy || !bindingReady, onClick: () => { setReauthenticate(true); setMessage('') }, style: secondaryButtonStyle }, '重新验证邮箱'),
-            h('button', { type: 'button', disabled: busy, onClick: () => { if (window.confirm('断开当前设备与 ANT 的连接？本机 ANT 凭证和模型设置将被清除，团队服务地址会保留。')) void disconnect() }, style: secondaryButtonStyle }, '断开当前设备')) : null,
-          h('section', { style: { display: 'grid', gap: 8, paddingTop: 12, borderTop: '0.5px solid var(--dsw-alias-border-l2)' } },
-            h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 12 } },
-              h('h4', { style: { margin: 0, fontSize: 14, fontWeight: 650 } }, 'ANT 插件更新'),
-              h('button', { type: 'button', disabled: busy || !canCheckUpdate || bundleUpdate.state === 'checking', onClick: () => void checkBundleUpdate(), style: secondaryButtonStyle }, bundleUpdate.state === 'checking' ? '检查中…' : '检查更新')),
-            !canCheckUpdate ? h('p', { role: 'status', style: mutedTextStyle }, '连接团队后可在这里检查并安装 ANT 更新；需要先恢复插件时，可打开团队管理台的更新指引。') : null,
-            updateGuideUrl ? h('a', { href: updateGuideUrl, target: '_blank', rel: 'noopener noreferrer', style: { color: 'var(--dsw-alias-link)', fontSize: 13 } }, `打开 ${pinnedServiceUrl} 的更新指引 ↗`)
-              : !canCheckUpdate ? h('p', { style: mutedTextStyle }, '无法核对原团队地址时，请向企业管理员索取更新指引。') : null,
-            bundleUpdate.message ? h('p', { role: 'status', style: bundleUpdate.state === 'revoked'
-              ? { ...mutedTextStyle, color: 'var(--dsw-alias-state-error-primary)' } : mutedTextStyle }, bundleUpdate.message) : null,
-            canCheckUpdate && bundleRelease?.version && ['available', 'artifact-missing'].includes(bundleUpdate.state) ? h('div', { style: { display: 'grid', gap: 8 } },
-              h('p', { style: mutedTextStyle }, `发布版本：${bundleRelease.version} · 精确包名：${directInstallSpec(bundleRelease)}`),
-              bundleRelease.release_notes ? h('p', { style: mutedTextStyle }, bundleRelease.release_notes) : null,
-              bundleUpdate.state === 'available'
-                ? h('button', { type: 'button', disabled: busy, onClick: () => void installBundleUpdate(), style: primaryButtonStyle }, busy ? '更新中…' : '更新 ANT') : null) : null),
-          showConnectForm ? h('form', { onSubmit: requestCode, style: { display: 'grid', gap: 9, maxWidth: 560 } },
-            h('label', { htmlFor: 'ant-team-model-email', style: { fontSize: 13, fontWeight: 550 } }, '工作邮箱'),
-            h('input', {
-              id: 'ant-team-model-email', type: 'email', autoComplete: 'email', required: true, value: email,
-              onChange: (event) => setEmail(event.target.value), style: inputStyle,
-            }),
-            h('button', { type: 'submit', disabled: busy || !bindingReady, style: primaryButtonStyle }, busy ? '发送中…' : '发送验证码')) : null,
-          credentialConfigured === true && showConnectForm ? h('button', {
-            type: 'button', disabled: busy,
+      const modelRows = authorizedModels.map((model) => h('div', { key: `${model.protocol}:${model.model_id}`, role: 'listitem',
+        style: { display: 'flex', flexWrap: 'wrap', justifyContent: 'space-between', gap: 12, alignItems: 'center',
+          padding: '10px 2px', borderBottom: '1px solid var(--dsw-alias-border-l2)' } },
+        h('strong', null, model.display_name || model.model_id),
+        h('span', { style: mutedTextStyle }, model.protocol === 'anthropic' ? 'Anthropic' : 'OpenAI'),
+        h('span', { style: mutedTextStyle }, '已同步到 DSH')))
+      const connectionPanel = h('section', { style: { ...panelStyle, display: activeTab === 'connection' ? 'grid' : 'none' } },
+        h('div', null,
+          h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 650 } }, 'ANT 团队账号'),
+          h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '邮箱验证建立这台 DSH 的成员凭证；断开后会清除此设备凭证和同步的模型设置。')),
+        h('span', { role: 'status', style: mutedTextStyle }, credentialConfigured === true && !bindingReady
+          ? '本机有 ANT 凭证，但尚未确认它绑定的团队；请完成上方的绑定检查。'
+          : credentialConfigured === true ? 'DSH 已安全保存此设备的 ANT 团队凭证。'
+            : credentialConfigured === false ? '验证工作邮箱后即可连接团队服务。' : '正在检查 ANT 连接状态…'),
+        serviceCompatibility.state !== 'idle' ? h('p', { role: 'status', style: { ...mutedTextStyle,
+          color: serviceCompatibility.state === 'incompatible' ? 'var(--dsw-alias-state-error-primary)' : mutedTextStyle.color } },
+        serviceCompatibility.message) : null,
+        credentialConfigured === true && !showConnectForm ? h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 8 } },
+          h('button', { type: 'button', disabled: busy || !bindingReady,
+            onClick: () => { setReauthenticate(true); setMessage('') }, style: secondaryButtonStyle }, '重新验证邮箱'),
+          h('button', { type: 'button', disabled: busy,
             onClick: () => { if (window.confirm('断开当前设备与 ANT 的连接？本机 ANT 凭证和模型设置将被清除，团队服务地址会保留。')) void disconnect() },
-            style: secondaryButtonStyle,
-          }, '断开当前设备') : null,
-          showConnectForm && codeRequested ? h('form', { onSubmit: connect, style: { display: 'grid', gap: 9, maxWidth: 560 } },
-            h('label', { htmlFor: 'ant-team-model-code', style: { fontSize: 13, fontWeight: 550 } }, '邮箱验证码'),
-            h('input', {
-              id: 'ant-team-model-code', type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code',
-              required: true, maxLength: 8, value: code, placeholder: '8 位验证码',
-              onChange: (event) => setCode(event.target.value.replace(/\D/gu, '').slice(0, 8)), style: inputStyle,
-            }),
-            h('button', { type: 'submit', disabled: busy || !bindingReady || code.length !== 8, style: primaryButtonStyle }, busy ? '连接中…' : '验证并连接')) : null,
-          allowLocalCleanup ? h('section', { style: { ...panelStyle, padding: 14, gap: 9 } },
-            h('p', { style: mutedTextStyle }, savedDeviceId()
-              ? `已保存的设备编号：${savedDeviceId()}。请交给原团队管理员核对。`
-              : '本机无法确认旧设备编号。请让原团队管理员按成员查看设备清单，勿用新编号猜测。'),
-            h('p', { style: mutedTextStyle }, '仅清理本机不会确认服务端令牌已撤销；请先取得管理员确认。'),
-            h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 8 } },
-              h('button', { type: 'button', disabled: busy, onClick: () => void clearOnlyLocal(), style: secondaryButtonStyle }, '仅清理本机'),
-              h('button', { type: 'button', disabled: busy || !savedDeviceId(), onClick: async () => {
-                try {
-                  const deviceId = savedDeviceId()
-                  if (!deviceId) throw new Error('device id unavailable')
-                  if (typeof window.navigator?.clipboard?.writeText !== 'function') throw new Error('clipboard unavailable')
-                  await window.navigator.clipboard.writeText(deviceId)
-                  setMessage('设备编号已复制，请发给原团队管理员。')
-                }
-                catch { setMessage(savedDeviceId() ? `请复制设备编号：${savedDeviceId()}` : '本机无法确认旧设备编号，请联系原团队管理员核查。') }
-              }, style: secondaryButtonStyle }, '复制设备编号'))) : null,
-          message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null))
+            style: secondaryButtonStyle }, '断开当前设备')) : null,
+        showConnectForm ? h('form', { onSubmit: requestCode, style: { display: 'grid', gap: 9, maxWidth: 560 } },
+          h('label', { htmlFor: 'ant-team-model-email', style: { fontSize: 13, fontWeight: 550 } }, '工作邮箱'),
+          h('input', { id: 'ant-team-model-email', type: 'email', autoComplete: 'email', required: true, value: email,
+            onChange: (event) => setEmail(event.target.value), style: inputStyle }),
+          h('button', { type: 'submit', disabled: busy || !bindingReady, style: primaryButtonStyle }, busy ? '发送中…' : '发送验证码')) : null,
+        showConnectForm && codeRequested ? h('form', { onSubmit: connect, style: { display: 'grid', gap: 9, maxWidth: 560 } },
+          h('label', { htmlFor: 'ant-team-model-code', style: { fontSize: 13, fontWeight: 550 } }, '邮箱验证码'),
+          h('input', { id: 'ant-team-model-code', type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code',
+            required: true, maxLength: 8, value: code, placeholder: '8 位验证码',
+            onChange: (event) => setCode(event.target.value.replace(/\D/gu, '').slice(0, 8)), style: inputStyle }),
+          h('button', { type: 'submit', disabled: busy || !bindingReady || code.length !== 8, style: primaryButtonStyle }, busy ? '连接中…' : '验证并连接')) : null,
+        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 } },
+          h('p', { style: mutedTextStyle }, savedDeviceId()
+            ? `已保存的设备编号：${savedDeviceId()}。请交给原团队管理员核对。`
+            : '本机无法确认旧设备编号。请让原团队管理员按成员查看设备清单，勿用新编号猜测。'),
+          h('p', { style: mutedTextStyle }, '仅清理本机不会确认服务端令牌已撤销；请先取得管理员确认。'),
+          h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 8 } },
+            h('button', { type: 'button', disabled: busy, onClick: () => void clearOnlyLocal(), style: secondaryButtonStyle }, '仅清理本机'),
+            h('button', { type: 'button', disabled: busy || !savedDeviceId(), onClick: async () => {
+              try {
+                const deviceId = savedDeviceId()
+                if (!deviceId) throw new Error('device id unavailable')
+                if (typeof window.navigator?.clipboard?.writeText !== 'function') throw new Error('clipboard unavailable')
+                await window.navigator.clipboard.writeText(deviceId)
+                setMessage('设备编号已复制，请交给原团队管理员。')
+              } catch { setMessage(savedDeviceId() ? `请复制设备编号：${savedDeviceId()}` : '本机无法确认旧设备编号，请联系原团队管理员核查。') }
+            }, style: secondaryButtonStyle }, '复制设备编号'))) : null,
+        message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null)
+
+      const modelPanel = h('section', { style: { ...panelStyle, display: activeTab === 'models' ? 'grid' : 'none' } },
+        h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 } },
+          h('div', null,
+            h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 650 } }, '团队模型'),
+            h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '每个获准模型单独列出；刷新后同步到 DSH 模型选择器。')),
+          h('span', { style: { flexShrink: 0, padding: '4px 9px', borderRadius: 999,
+            color: credentialConfigured === true && bindingReady ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-label-secondary)',
+            backgroundColor: credentialConfigured === true && bindingReady ? 'var(--dsw-alias-state-success-tertiary)' : 'var(--dsw-alias-bg-layer-2)',
+            fontSize: 12,
+          } }, credentialConfigured === true ? bindingReady ? '已连接' : '待核对' : credentialConfigured === false ? '未连接' : '检查中')),
+        h('div', { role: 'list', 'aria-label': '获准模型', style: { display: 'grid', gap: 0, borderTop: '1px solid var(--dsw-alias-border-l2)' } },
+          modelRows.length ? modelRows : h('div', { style: { display: 'grid', gap: 8, padding: '12px 0' } },
+            h('p', { style: mutedTextStyle }, credentialConfigured === true && modelMessage.startsWith('正在') ? modelMessage
+              : credentialConfigured === true ? '当前没有已获准模型，请刷新或联系团队管理员。'
+                : '连接并验证工作邮箱后，这里会列出逐个获准模型。'),
+            credentialConfigured !== true ? h('button', { type: 'button', onClick: () => onSelectTab('connection'),
+              style: secondaryButtonStyle }, '前往团队连接') : null)),
+        h('div', { style: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', gap: 10 } },
+          h('button', { type: 'button', disabled: busy || !bindingReady || credentialConfigured !== true,
+            onClick: () => void refreshModels(), style: primaryButtonStyle }, busy ? '刷新中…' : '刷新团队模型'),
+          lastModelSync ? h('span', { style: mutedTextStyle }, `最近同步：${lastModelSync.toLocaleString('zh-CN')}`) : null),
+        modelMessage && !modelMessage.startsWith('正在') ? h('p', { role: 'status', style: mutedTextStyle }, modelMessage) : null)
+
+      const updatePanel = h('section', { style: { ...panelStyle, display: activeTab === 'updates' ? 'grid' : 'none' } },
+        h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 } },
+          h('div', null,
+            h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 650 } }, 'ANT 插件更新'),
+            h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '团队连接就绪后自动检查；有新版时顶部会持续提醒。')),
+          h('span', { style: { ...mutedTextStyle, color: bundleUpdate.state === 'revoked'
+            ? 'var(--dsw-alias-state-error-primary)' : 'var(--dsw-alias-state-warning-primary, var(--dsw-alias-label-secondary))' } },
+          bundleUpdate.state === 'available' ? '有新版' : bundleUpdate.state === 'done' ? '需重启 DSH'
+            : bundleUpdate.state === 'current' ? '已是最新' : bundleUpdate.state === 'revoked' ? '安装包已撤回' : '更新状态')),
+        bundleUpdate.currentVersion ? h('p', { style: mutedTextStyle }, `当前安装版本：${bundleUpdate.currentVersion}`) : null,
+        bundleRelease?.version ? h('p', { style: mutedTextStyle }, `最新发布版本：${bundleRelease.version} · 精确包名：${directInstallSpec(bundleRelease)}`) : null,
+        serviceCompatibility.state !== 'idle' ? h('p', { role: 'status', style: {
+          ...mutedTextStyle,
+          color: serviceCompatibility.state === 'incompatible' ? 'var(--dsw-alias-state-error-primary)' : mutedTextStyle.color,
+        } }, `当前已安装版本与团队服务端协议：${serviceCompatibility.message}`) : null,
+        bundleUpdate.message ? h('p', { role: 'status', style: bundleUpdate.state === 'revoked'
+          ? { ...mutedTextStyle, color: 'var(--dsw-alias-state-error-primary)' } : mutedTextStyle }, bundleUpdate.message) : null,
+        !canCheckUpdate && updateGuideUrl ? h('a', { href: updateGuideUrl, target: '_blank', rel: 'noopener noreferrer',
+          style: { color: 'var(--dsw-alias-link)', fontSize: 13 } }, `打开 ${pinnedServiceUrl} 的更新指引 ↗`) : null,
+        !canCheckUpdate && !updateGuideUrl ? h('p', { style: mutedTextStyle }, '无法核对原团队地址时，请向企业管理员索取更新指引。') : null,
+        !canCheckUpdate ? h('button', { type: 'button', onClick: () => onSelectTab('connection'), style: secondaryButtonStyle },
+          '前往团队连接') : null,
+        canCheckUpdate && bundleRelease?.version && ['available', 'artifact-missing'].includes(bundleUpdate.state)
+          ? h('div', { style: { display: 'grid', gap: 8 } },
+            bundleRelease.release_notes ? h('div', { style: { ...panelStyle, padding: 12 } },
+              h('strong', null, '更新说明'), h('p', { style: mutedTextStyle }, bundleRelease.release_notes)) : null,
+            bundleUpdate.state === 'available'
+              ? h('button', { type: 'button', disabled: busy, onClick: () => void installBundleUpdate(), style: primaryButtonStyle }, busy ? '更新中…' : '更新 ANT') : null) : null,
+        h('button', { type: 'button', disabled: busy || !canCheckUpdate || bundleUpdate.state === 'checking',
+          onClick: () => void checkBundleUpdate(), style: secondaryButtonStyle }, bundleUpdate.state === 'checking' ? '检查中…' : '重新检查更新'))
+
+      return h('div', { style: { display: 'grid', gap: 16, width: '100%' } },
+        connectionPanel, modelPanel, updatePanel)
 
     }
 

package/package.json

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