@ai-wendao/ant 0.4.4 → 0.4.6

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', '关于'],
+    ]
+    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': '演示',
@@ -102,6 +113,7 @@ window.__ModuleLoader__.load({
       backgroundColor: 'var(--dsw-alias-bg-module-platform)', boxSizing: 'border-box',
     }
     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 = {
       width: '100%', boxSizing: 'border-box', padding: '10px 12px',
       color: 'var(--dsw-alias-label-primary)', backgroundColor: 'var(--dsw-specific-input-major)',
@@ -234,6 +246,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 +254,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 +343,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 +358,81 @@ 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: sectionTitleStyle }, '团队服务'),
+          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)' } },
-          h('h3', { style: { margin: 0, fontSize: 16 } }, '已安装插件存在安全撤回公告'),
+        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('div', { style: { display: 'grid', gap: 4 } },
+          h('h2', { style: { margin: 0, fontSize: 20, fontWeight: 650, lineHeight: 1.35 } }, '协作机器人'),
+          h('p', { style: mutedTextStyle }, '同事可以像平常一样聊天；需要使用你电脑的能力时，ANT 才核验授权。')),
+        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: sectionTitleStyle }, '已安装插件存在安全撤回公告'),
           ...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 || '打开“关于”查看处理方式。')),
+        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([])
@@ -393,6 +465,7 @@ window.__ModuleLoader__.load({
       const [loadFailures, setLoadFailures] = useState([])
       const [createOpen, setCreateOpen] = useState(false)
       const [message, setMessage] = useState('')
+      const [draftNotice, setDraftNotice] = useState('')
       const load = async () => {
         setLoading(true)
         setMessage('')
@@ -430,12 +503,27 @@ 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)
       const selectedEnrollmentBound = selectedEnrollment?.device_bound_to_current === true
+      const dmChatSettingAvailable = typeof selectedEnrollment?.dm_chat_enabled === 'boolean'
+      const dmChatEnabled = selectedEnrollment?.dm_chat_enabled !== false
+      const dmChatStatus = !selectedBot ? '先选择机器人'
+        : loadFailures.includes('enrolled-bots') ? '暂时无法读取'
+          : !selectedEnrollmentBound ? '先绑定本机'
+            : !dmChatSettingAvailable ? '需升级服务端' : dmChatEnabled ? '已开启' : '已关闭'
+      const dmChatDescription = !selectedBot ? '选择机器人后查看或修改私聊设置。'
+        : loadFailures.includes('enrolled-bots') ? '暂时无法读取私聊设置，请刷新状态后再试。'
+          : !selectedEnrollmentBound ? '请先把机器人绑定到这台 DSH，再修改私聊设置。'
+            : !dmChatSettingAvailable ? '当前团队服务端尚未提供私聊开关，请先升级服务端。'
+              : dmChatEnabled
+                ? '允许此机器人接收私聊；任务仍按能力授权执行。'
+                : '新私聊消息不会交给 DSH；所有者身份绑定仍可用，已提交任务仍会在原私聊回复。已开放能力不撤销，重新开启后未过期能力恢复触发。'
       const availableGroups = groups.filter((group) => group.bot_fingerprint === selectedBot?.fingerprint)
       const selectedChatGroup = availableGroups.find((group) => group.group_id === chatGroupId)
+      const groupChatLoadFailed = loadFailures.includes('groups')
       const activeCards = cards.filter((card) => !card.revoked_at && card.expires_at * 1000 > Date.now())
       const selectedGroupHasTasks = Boolean(selectedBot && chatGroupId && (
         activeCards.some((card) => card.bot_fingerprint === selectedBot.fingerprint
@@ -454,17 +542,21 @@ window.__ModuleLoader__.load({
         ? `仅指定成员：${senderIds.trim() || '尚未填写成员 ID'}`
         : conversationKind === 'group' ? `群 ${groupId || '尚未选择'} 的所有成员` : '任何能私聊此机器人的人'
       const resultRouteSummary = conversationKind === 'group' ? '回复到原群（群内可见）' : '回复到发起任务的私聊'
+      const executorSummary = runner === 'codex' ? '本机 Codex · PR 快照'
+        : runner === 'claude-code' ? '本机 Claude Code · PR 快照' : 'DSH · 当前授权模型'
+      const resourceSummary = selectedRunnerNeedsPr ? '指定仓库的已核验 PR 快照'
+        : '当前会话中 DSH 实际可见的内容'
       const cardBlockReason = enrollmentLoadError ? '暂时无法核对机器人是否已启用协作，请刷新状态后再试。'
         : !botConnected || !selectedEnrollmentBound ? '先在上方把机器人绑定到这台 DSH。'
         : 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 +580,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
@@ -520,7 +611,7 @@ window.__ModuleLoader__.load({
           if (!response.ok) throw new Error(result.message || '协作机器人启用失败。')
           await load()
           if (origin) setTrustedOrigin(origin)
-          setMessage('协作机器人已启用。你可以开放能力；私聊时也能正常聊天。')
+          setMessage('协作机器人已启用。你可以分别设置私聊和群聊，再开放需要的能力。')
         } catch (error) { setMessage(error.message) }
         finally { setBusy(false) }
       }
@@ -557,9 +648,8 @@ window.__ModuleLoader__.load({
         } catch (error) { setMessage(error.message) }
         finally { setBusy(false) }
       }
-      const saveGroupChat = async () => {
+      const saveGroupChat = async (enabled) => {
         if (!selectedBot || !selectedEnrollmentBound || !chatGroupId.trim()) return
-        const enabled = !selectedChatGroup?.chat_enabled
         if (!enabled && selectedGroupHasTasks) {
           setMessage('这个群还有开放能力。请先停止这些能力，再关闭群聊。')
           return
@@ -585,6 +675,27 @@ window.__ModuleLoader__.load({
         } catch (error) { setMessage(error.message) }
         finally { setBusy(false) }
       }
+      const saveDmChat = async (enabled) => {
+        if (!selectedBot || !selectedEnrollmentBound || !dmChatSettingAvailable) return
+        if (!window.confirm(enabled
+          ? '开启后，此机器人会在私聊中正常对话；私聊任务仍逐项按能力授权核验。'
+          : '关闭后，新私聊消息不会进入 DSH，包括普通聊天、任务请求和状态查询；所有者身份绑定命令仍可用。关闭前已提交的任务不会被撤销，仍按原私聊回复。已开放的私聊能力不会删除；重新开启后，未过期的能力会恢复触发。群聊设置不受影响。')) return
+        setBusy(true)
+        try {
+          const response = await fetch('/api/ant-teams/delegation/dm-chat', {
+            method: 'PUT', headers: { 'content-type': 'application/json' },
+            body: JSON.stringify({ bot_id: selectedBot.bot_id,
+              bot_fingerprint: selectedBot.fingerprint, enabled }),
+          })
+          if (!response.ok) {
+            const result = await readLocalJsonResponse(response)
+            throw new Error(result.message || '私聊设置保存失败。')
+          }
+          await load()
+          setMessage(enabled ? '已开启此机器人的私聊。' : '已关闭此机器人的私聊；群聊设置保持不变。')
+        } catch (error) { setMessage(error.message) }
+        finally { setBusy(false) }
+      }
       const saveLocalProcessingSettings = async (event) => {
         event.preventDefault()
         setBusy(true)
@@ -604,8 +715,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,
+        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)' } },
+        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,
+              disabled: busy || !selectedBot || !selectedEnrollmentBound
+                || enrollmentLoadError || !dmChatSettingAvailable,
+              onChange: (event) => void saveDmChat(event.target.checked),
+              'aria-label': '允许机器人私聊' }), h('strong', null, '私聊')),
+          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)' } },
+        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),
+              disabled: busy || groupChatLoadFailed || !selectedEnrollmentBound || !botConnected || !chatGroupId.trim()
+                || (Boolean(selectedChatGroup?.chat_enabled) && selectedGroupHasTasks),
+              onChange: (event) => void saveGroupChat(event.target.checked),
+              'aria-label': '允许所选群进行普通聊天' }), h('strong', null, '群聊')),
+          h('span', { style: { ...mutedTextStyle, whiteSpace: 'nowrap' } }, `${availableGroups.length} 个已发现`)),
+        h('p', { style: mutedTextStyle }, '选择一个群后可单独启用；不影响私聊设置，群任务仍需单独授权。'))))
       const createCard = async (event) => {
         event.preventDefault()
+        setDraftNotice('')
         if (!selectedBot || !botConnected || !selectedEnrollmentBound) { setMessage('请先在这台 DSH 绑定选中的协作机器人。'); return }
         if (!title.trim() || !intent.trim() || !taskPrompt.trim()) {
           setMessage('请填写能力名称、适用请求说明和处理要求。'); return
@@ -712,6 +866,30 @@ window.__ModuleLoader__.load({
         } catch (error) { setMessage(error.message) }
         finally { setBusy(false) }
       }
+      const copyCardToDraft = (card) => {
+        const cardBot = bots.find((bot) => bot.fingerprint === card.bot_fingerprint)
+        const cardEnrollment = enrolled.find((bot) => bot.bot_fingerprint === card.bot_fingerprint)
+        const titleChars = Array.from(`复制：${card.title || '未命名能力'}`)
+        while (new TextEncoder().encode(titleChars.join('')).length > 100) titleChars.pop()
+        setBotId(card.bot_id || cardBot?.bot_id || '')
+        setTrustedOrigin(cardEnrollment?.gitea_origin || '')
+        setTitle(titleChars.join(''))
+        setIntent(card.intent || '')
+        setExamples(Array.isArray(card.examples) ? card.examples.join('\n') : '')
+        setTaskPrompt(card.task_prompt || '')
+        setRunner(['dsh', 'codex', 'claude-code'].includes(card.runner) ? card.runner : 'dsh')
+        setParameters(Array.isArray(card.parameters) ? card.parameters.map((rule) => ({
+          ...rule, min: String(rule.min ?? ''), max: String(rule.max ?? ''), choices: Array.isArray(rule.choices) ? rule.choices.join(',') : String(rule.choices ?? ''),
+        })) : [])
+        setConversationKind(card.conversation_kind === 'group' ? 'group' : 'dm')
+        setGroupId(card.conversation_id || '')
+        setSenderScope(card.sender_scope === 'allowlist' ? 'allowlist' : 'any')
+        setSenderIds(Array.isArray(card.sender_ids) ? card.sender_ids.join('\n') : '')
+        setDays(7)
+        setDraftNotice('已复制到新草稿。复制不保留原有效期；开放前请重新核对群、请求人和执行方，默认有效期为 7 天。')
+        setCreateOpen(true)
+        onSelectTab('capability')
+      }
       const cancelTask = async (task) => {
         if (!window.confirm(`取消任务 ${task.task_id}？已经发生的读取不能撤回。`)) return
         setBusy(true)
@@ -724,15 +902,16 @@ window.__ModuleLoader__.load({
         } catch (error) { setMessage(error.message) }
         finally { setBusy(false) }
       }
-      return h('section', { style: panelStyle, 'aria-label': '协作机器人与开放能力' },
-        h('h3', { style: { margin: 0, fontSize: 16 } }, '协作机器人'),
-        h('p', { style: mutedTextStyle }, '同事可以像平常一样和机器人聊天。DSH 负责理解与回答；只有准备执行你开放的能力时，ANT 才核对请求人、群、参数和权限。群里的任务结果会回复原群。'),
+      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: sectionTitleStyle }, '协作机器人'),
+        h('p', { style: mutedTextStyle }, '在所有者开启的私聊或群聊中，同事可以像平常一样和机器人聊天。DSH 负责理解与回答；只有准备执行你开放的能力时，ANT 才核对请求人、群、参数和权限。群里的任务结果会回复原群。'),
         h('p', { role: 'status', style: mutedTextStyle }, '每项能力都单独设定执行方和请求范围。普通对话不会自动获得读取电脑、调用工具或访问其他群的权限。'),
         loadFailures.length ? h('p', { role: 'status', style: mutedTextStyle },
           `部分协作信息暂时无法读取：${loadFailures.map((path) => loadNames[path]).join('、')}。已读取的信息仍显示，请稍后刷新状态。`) : null,
-        h('div', { style: { border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8, padding: 12,
-          display: 'grid', gap: 8 } },
-          h('strong', null, '机器人和聊天范围'),
           h('span', { role: 'status', style: mutedTextStyle }, loading ? '正在读取机器人与任务状态…'
             : botLoadError ? '暂时无法读取机器人状态。请刷新后再试。'
               : connectedBots.length === 0 ? '尚未发现已连接的机器人。请先在 DSH-IM 中连接飞书机器人。'
@@ -742,12 +921,13 @@ window.__ModuleLoader__.load({
                     : '机器人已连接；协作启用状态暂未读取，请刷新状态。'
                   : selectedBot && !selectedEnrollmentBound ? selectedEnrollment
                     ? `“${selectedBot.name}”已连接；原协作配置尚未绑定到这台 DSH，请在本机重新启用。若原设备令牌曾被撤销，旧任务权限已关闭，绑定后需重新开放。`
-                    : `“${selectedBot.name}”已连接；请先启用本机协作。启用后，它仍能正常聊天。`
-                  : enrolledCount === 0 ? '机器人已连接；请选择并启用协作。启用后，它仍能正常聊天。'
-                      : !selectedBot ? '已有协作机器人；请选择一台，查看已开放的能力并私聊自测。'
-                      : authorizationLoadError ? `“${selectedBot.name}”已启用协作；已开放任务暂未读取，请刷新状态。普通聊天仍可自测。`
-                      : selectedTaskCount === 0 ? `“${selectedBot.name}”已启用协作；下一步开放一项能力。你也可以先私聊自测普通聊天。`
-                        : `“${selectedBot.name}”已启用协作 · ${selectedTaskCount} 项能力已开放。可以私聊自测。`),
+                    : `“${selectedBot.name}”已连接；请先启用本机协作。`
+                  : enrolledCount === 0 ? '机器人已连接；请选择并启用协作。'
+                      : !selectedBot ? '已有协作机器人；请选择一台，查看已开放的能力和聊天范围。'
+                      : authorizationLoadError ? `“${selectedBot.name}”已启用协作；已开放任务暂未读取，请刷新状态。`
+                      : !dmChatEnabled ? `“${selectedBot.name}”已启用协作；私聊已关闭，群聊仍按各自设置工作。`
+                        : selectedTaskCount === 0 ? `“${selectedBot.name}”已启用协作；下一步开放一项能力。你也可以先私聊自测普通聊天。`
+                          : `“${selectedBot.name}”已启用协作 · ${selectedTaskCount} 项能力已开放。可以私聊自测。`),
           bots.length ? h('label', null, '我的机器人', h('select', { 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 },
@@ -763,60 +943,147 @@ window.__ModuleLoader__.load({
           selectedBot && !selectedEnrollmentBound ? h('button', { type: 'button', disabled: busy || !botConnected || enrollmentLoadError,
             onClick: () => void enrollBot(), style: secondaryButtonStyle },
             selectedEnrollment ? '绑定原协作配置到这台 DSH' : '启用并绑定到这台 DSH') : 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,
+          setupStepper,
+          chatScopePanel,
           selectedEnrollmentBound && botConnected ? h('p', { style: mutedTextStyle },
-            `自测：私聊“${selectedBot.name}”发送“你能做什么”；发起任务后可问“刚才的任务怎么样了”。群聊请先在目标群 @机器人，再开放能力时选择该群。`) : null,
+            dmChatEnabled
+              ? `自测：私聊“${selectedBot.name}”发送“你能做什么”；发起任务后可问“刚才的任务怎么样了”。群聊请先在目标群 @机器人，再开放能力时选择该群。`
+              : '私聊当前已关闭；如要恢复，请在上方开启。群聊请先在目标群 @机器人，再开放能力时选择该群。') : null,
           selectedEnrollmentBound && botConnected ? h('div', { style: { display: 'grid', gap: 8 } },
-            h('strong', null, '允许聊天的群'),
-            h('span', { style: mutedTextStyle }, '群成员可以正常聊天；是否能让机器人办事，由每项能力单独决定。若机器人尚未发现群，可以直接填群 ID。'),
-            h('select', { 'aria-label': '已记录的群', value: availableGroups.some((group) => group.group_id === chatGroupId) ? chatGroupId : '',
-              onChange: (event) => setChatGroupId(event.target.value), style: inputStyle },
-              h('option', { value: '' }, '从已记录的群中选择'),
-              ...availableGroups.map((group) => h('option', { key: group.group_id, value: group.group_id },
-                `${group.group_code} · ${group.chat_enabled ? '已允许聊天' : '未允许聊天'}`))),
-            h('input', { 'aria-label': '群 ID', value: chatGroupId, maxLength: 256,
-              onChange: (event) => setChatGroupId(event.target.value.trim()),
-              placeholder: '也可以手动填写群 ID', style: inputStyle }),
-            h('button', { type: 'button', disabled: busy || !chatGroupId.trim()
-              || (selectedChatGroup?.chat_enabled && selectedGroupHasTasks),
-              onClick: () => void saveGroupChat(), style: secondaryButtonStyle },
-              selectedChatGroup?.chat_enabled ? '关闭此群聊天'
-                : selectedGroupHasTasks ? '能力到期后仍允许聊天' : '允许此群聊天'),
+            h('strong', null, '群聊白名单'),
+            h('span', { role: 'status', style: mutedTextStyle }, groupChatLoadFailed
+              ? '群聊列表与当前权限暂时无法读取，请刷新后再更改；仍可填写群 ID。'
+              : availableGroups.length
+                ? '从机器人已发现的群中选择；仍可手动填写群 ID。允许普通聊天不等于允许群成员执行任务。'
+                : '先在目标群 @机器人并刷新列表；若平台暂未返回群列表，也可以手动填写群 ID。'),
+            h('div', { style: { display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) auto', gap: 8, alignItems: 'end' } },
+              h('label', { style: { display: 'grid', gap: 5 } },
+                h('span', { style: mutedTextStyle }, '选择已记录的群'),
+                h('select', { 'aria-label': '已记录的群', value: availableGroups.some((group) => group.group_id === chatGroupId) ? chatGroupId : '',
+                  onChange: (event) => setChatGroupId(event.target.value), style: inputStyle },
+                  h('option', { value: '' }, '选择已发现的群聊'),
+                  ...availableGroups.map((group) => h('option', { key: group.group_id, value: group.group_id },
+                    `${group.group_code} · ${group.chat_enabled ? '已允许普通聊天' : '未允许普通聊天'}`)))),
+              h('button', { type: 'button', disabled: busy || !selectedEnrollmentBound,
+                onClick: () => void load().catch((error) => setMessage(error.message)), style: secondaryButtonStyle }, '刷新群列表')),
+            h('label', { style: { display: 'grid', gap: 5 } },
+              h('span', { style: mutedTextStyle }, '群 ID（平台未返回群名时可手动填写）'),
+              h('input', { 'aria-label': '群 ID', value: chatGroupId, maxLength: 256,
+                onChange: (event) => setChatGroupId(event.target.value.trim()),
+                placeholder: '输入群 ID', style: inputStyle })),
             selectedChatGroup?.chat_enabled && selectedGroupHasTasks ? h('span', { style: mutedTextStyle },
-              '本群还有开放能力；关闭聊天前请先停止这些能力。') : null) : null,
+              '本群还有开放能力；关闭普通聊天前请先停止这些能力。') : null,
+            h('div', { style: { display: 'flex', gap: 8, alignItems: 'center', flexWrap: 'wrap', paddingTop: 4,
+              borderTop: '1px solid var(--dsw-alias-border-l2)' } },
+              h('span', { style: mutedTextStyle }, '群内所有者身份'),
+              h('span', { style: { ...mutedTextStyle, color: selectedEnrollment.owner_bound
+                ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-state-warning-primary, var(--dsw-alias-label-secondary))' } },
+              selectedEnrollment.owner_bound ? '已绑定' : '尚未绑定'),
+              h('button', { type: 'button', disabled: busy || !chatGroupId.trim(),
+                onClick: () => void issueBindingCode(), style: secondaryButtonStyle },
+                selectedEnrollment.owner_bound ? '重新获取绑定码' : '获取绑定码')),
+            h('span', { style: mutedTextStyle }, '仅当允许群成员发起受限能力时需要；验证后由机器人所有者在群内确认。'),
+            bindingCode ? h('p', { role: 'status', style: mutedTextStyle },
+              `请你本人私聊机器人发送“绑定身份 ${bindingCode}”，再回到群里 @机器人完成确认。`) : 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 }, '刷新状态'))),
-        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('button', { type: 'button', disabled: busy, onClick: () => void revokeCard(card), style: secondaryButtonStyle }, '停止'))),
+        h('div', { role: 'region', 'aria-label': '已开放能力列表', style: { display: activeTab === 'capability' ? 'grid' : 'none', gap: 12 } },
+        h('h4', { style: sectionTitleStyle }, `我开放的能力 · ${authorizationLoadError ? '暂未读取' : activeCards.length}`),
+        h('p', { style: mutedTextStyle }, '当前一项能力只能绑定一个范围：私聊，或某一个群。若要给其他群或私聊开放相同任务，目前需分别建立能力卡；它们的请求人和有效期独立。'),
+        ...activeCards.map((card) => {
+          const expiresAt = Number(card.expires_at) * 1000
+          const remainingDays = Math.max(1, Math.ceil((expiresAt - Date.now()) / 86_400_000))
+          const expiry = remainingDays <= 7 ? `${remainingDays} 天后到期` : `至 ${new Date(expiresAt).toLocaleDateString('zh-CN')}`
+          const conversation = card.conversation_kind === 'group'
+            ? `群 ${groups.find((group) => group.group_id === card.conversation_id)?.group_code || card.conversation_id}` : '私聊'
+          const requester = card.sender_scope === 'allowlist' ? '指定成员可请求'
+            : card.conversation_kind === 'group' ? '群成员可请求' : '可私聊者可请求'
+          const runnerName = card.runner === 'codex' ? '本机 Codex · PR 快照'
+            : card.runner === 'claude-code' ? '本机 Claude Code · PR 快照' : 'DSH 文字处理'
+          const parametersText = (card.parameters || []).map((rule) => {
+            const constraint = rule.kind === 'gitea_pr' && rule.repository ? `仓库 ${rule.repository}`
+              : rule.kind === 'choice' ? `选项 ${(rule.choices || []).join('、')}`
+                : ['integer', 'gitea_pr'].includes(rule.kind)
+                  ? `范围 ${rule.min ?? 1}–${rule.max ?? '无上限'}` : ''
+            return `${rule.name}：${rule.description || rule.kind}${rule.required ? '（必填）' : '（可选）'}${constraint ? ` · ${constraint}` : ''}`
+          }).join('；')
+          const examplesText = Array.isArray(card.examples) ? card.examples.join('、') : ''
+          const requesterIds = card.sender_scope === 'allowlist' && Array.isArray(card.sender_ids) ? card.sender_ids.join('、') : ''
+          const remainingDaysLabel = remainingDays <= 7 ? 'var(--dsw-alias-state-warning-primary, var(--dsw-alias-label-secondary))'
+            : 'var(--dsw-alias-label-secondary)'
+          return h('div', { key: card.id, style: { display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) auto',
+            alignItems: 'start', gap: 12, borderTop: '1px solid var(--dsw-alias-border-l2)', padding: '10px 0' } },
+          h('div', { style: { display: 'grid', gap: 4, minWidth: 0 } },
+            h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' } },
+              h('strong', { style: { overflowWrap: 'anywhere' } }, card.title || '未命名能力'),
+              h('span', { style: { ...mutedTextStyle, padding: '2px 8px', borderRadius: 999,
+                backgroundColor: 'var(--dsw-alias-bg-layer-2)', color: remainingDaysLabel, whiteSpace: 'nowrap' } }, expiry)),
+            h('span', { style: mutedTextStyle }, `${runnerName} · ${conversation} · ${requester} · 结果回复原${card.conversation_kind === 'group' ? '群' : '私聊'}`),
+            h('details', null,
+              h('summary', { style: { cursor: 'pointer', color: 'var(--dsw-alias-link)', fontSize: 13 } }, '查看配置'),
+              h('div', { style: { display: 'grid', gap: 4, paddingTop: 6 } },
+                card.intent ? h('p', { style: mutedTextStyle }, `适用请求：${card.intent}`) : null,
+                parametersText ? h('p', { style: { ...mutedTextStyle, overflowWrap: 'anywhere' } }, `请求参数：${parametersText}`)
+                  : h('p', { style: mutedTextStyle }, '请求参数：无'),
+                requesterIds ? h('p', { style: { ...mutedTextStyle, overflowWrap: 'anywhere' } }, `允许请求的 IM 用户：${requesterIds}`) : null,
+                examplesText ? h('p', { style: mutedTextStyle }, `请求示例：${examplesText}`) : null,
+                card.task_prompt ? h('p', { style: mutedTextStyle }, `处理要求：${card.task_prompt}`) : null))),
+          h('div', { style: { display: 'flex', gap: 6, flexWrap: 'wrap', justifyContent: 'flex-end' } },
+            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,
-        h('h4', { style: { marginBottom: 0 } }, '最近任务'),
+            : '还没有开放能力。先选机器人，再开放一项能力；PR 审查只是可选示例。') : 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)
-          .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 } },
           h('summary', { style: { cursor: 'pointer', fontWeight: 600 } }, '开放一项能力'),
-        h('form', { onSubmit: createCard, style: { display: 'grid', gap: 9, maxWidth: 760 } },
+        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 } },
           h('p', { style: mutedTextStyle }, selectedBot
             ? `当前机器人：${selectedBot.name}${selectedEnrollmentBound ? ' · 已绑定此设备' : ' · 请先绑定到此设备'}`
             : '请先在上方选择机器人并启用协作。'),
+          draftNotice ? h('p', { role: 'status', style: { ...mutedTextStyle,
+            color: 'var(--dsw-alias-state-warning-primary, var(--dsw-alias-label-secondary))' } }, draftNotice) : null,
           selectedEnrollmentBound ? h('p', { style: mutedTextStyle },
             '机器人及其任务能力只在这台 DSH 设备接收和执行；同一账号的其他设备不会继承本机授权。') : null,
           selectedEnrollment && !selectedEnrollmentBound ? h('p', { style: mutedTextStyle },
@@ -835,19 +1102,17 @@ 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 },
             '本机 PR 执行方需要 Gitea granular token 的只读权限 read:repository 和 read:user；read:user 仅用于这台 DSH 获取 Git HTTPS 登录名。') : null,
-          h('p', { role: 'status', style: mutedTextStyle },
-            `开放后：${requesterSummary}可请求 · 有效期 ${days} 天 · ${resultRouteSummary}`),
           h('details', { style: { border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8, padding: 10 } },
             h('summary', { style: { cursor: 'pointer' } }, '参数与授权范围'),
           h('div', null, h('strong', null, '需要从请求中确认的参数'),
@@ -863,7 +1128,7 @@ window.__ModuleLoader__.load({
               onChange: (event) => updateParameter(index, { kind: event.target.value }), style: { ...inputStyle, flex: '1 1 150px' } },
               h('option', { value: 'text' }, '文本'), h('option', { value: 'integer' }, '整数'),
               h('option', { value: 'choice' }, '选项'), h('option', { value: 'gitea_pr' }, 'Gitea PR 编号')),
-            h('label', null, h('input', { type: 'checkbox', checked: rule.required,
+            h('label', null, h('input', { type: 'checkbox', checked: rule.required, 'aria-label': '参数必填',
               onChange: (event) => updateParameter(index, { required: event.target.checked }) }), ' 必填'),
             ['integer', 'gitea_pr'].includes(rule.kind) ? h('input', { 'aria-label': '最小值', type: 'number', value: rule.min,
               onChange: (event) => updateParameter(index, { min: event.target.value }), placeholder: '最小值', style: { ...inputStyle, width: 120 } }) : null,
@@ -880,21 +1145,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' }, '指定群聊'))),
@@ -905,12 +1161,6 @@ window.__ModuleLoader__.load({
               `识别码 ${group.group_code} · ${group.group_id}`)))) : null,
           conversationKind === 'group' ? h('button', { type: 'button', disabled: busy,
             onClick: () => void load().catch((error) => setMessage(error.message)), style: secondaryButtonStyle }, '刷新群列表') : null,
-          conversationKind === 'group' && selectedEnrollmentBound ? h('div', { style: { display: 'flex', gap: 8, alignItems: 'center', flexWrap: 'wrap' } },
-            h('span', { style: mutedTextStyle }, selectedEnrollment.owner_bound ? '已绑定你的飞书身份，可在群内批准任务' : '群内批准前需绑定你的飞书身份'),
-            h('button', { type: 'button', disabled: busy, onClick: () => void issueBindingCode(), style: secondaryButtonStyle },
-              selectedEnrollment.owner_bound ? '重新获取绑定码' : '获取身份绑定码')) : null,
-          conversationKind === 'group' && bindingCode ? h('p', { role: 'status', style: mutedTextStyle },
-            `请你本人私聊机器人发送“绑定身份 ${bindingCode}”。完成后在群里 @机器人发送“在本群启用任务 任务名称”，并按提示确认；结果会公开回复该群。`) : null,
           h('label', null, '谁可以请求', h('select', { value: senderScope,
             onChange: (event) => setSenderScope(event.target.value), style: inputStyle },
             h('option', { value: 'any' }, conversationKind === 'group' ? '此群任何成员' : '任何能私聊此机器人者'),
@@ -919,9 +1169,42 @@ window.__ModuleLoader__.load({
             onChange: (event) => setSenderIds(event.target.value), placeholder: '多个 ID 用逗号分隔', style: inputStyle }) : null,
           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 天')))),
-          cardBlockReason ? h('p', { role: 'status', style: mutedTextStyle }, cardBlockReason) : null,
-          h('button', { disabled: busy || Boolean(cardBlockReason),
-            style: primaryButtonStyle }, '保存并开放能力'))),
+        ),
+        h('aside', { role: 'region', 'aria-label': '开放前复核', style: { ...panelStyle, 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 }, '开放前复核'),
+            h('span', { style: { ...mutedTextStyle, padding: '3px 8px', borderRadius: 999,
+              backgroundColor: 'var(--dsw-alias-bg-layer-2)' } }, '草稿 · 未开放')),
+          h('p', { style: mutedTextStyle }, '保存后，机器人只会在以下范围内执行这项能力。'),
+          h('dl', { style: { display: 'grid', gap: 8, margin: 0 } },
+            ...[
+              ['触发位置', conversationKind === 'group' ? `群 ${groupId || '尚未选择'}` : '私聊'],
+              ['可请求人', requesterSummary],
+              ['执行方', executorSummary],
+              ['读取资料', resourceSummary],
+              ['有效期', `${days} 天`],
+              ['回复位置', resultRouteSummary],
+            ].map(([label, value]) => h('div', { key: label, style: { display: 'grid', gridTemplateColumns: '84px minmax(0, 1fr)', gap: 8 } },
+              h('dt', { style: mutedTextStyle }, label),
+              h('dd', { style: { margin: 0, minWidth: 0, overflowWrap: 'anywhere' } }, value)))),
+          cardBlockReason ? h('p', { role: 'status', style: { ...mutedTextStyle,
+            color: 'var(--dsw-alias-state-warning-primary, var(--dsw-alias-label-secondary))' } }, cardBlockReason) : null,
+          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('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 +1226,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 +1719,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 +1733,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 +1846,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 +1856,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 +2204,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 +2234,137 @@ 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: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(120px, auto) minmax(130px, auto)',
+          gap: 12, alignItems: 'center', padding: '10px 2px', borderBottom: '1px solid var(--dsw-alias-border-l2)' } },
+        h('strong', { style: { minWidth: 0, overflowWrap: 'anywhere' } }, model.display_name || model.model_id),
+        h('span', { style: { display: 'inline-flex', justifySelf: 'start', padding: '3px 8px', borderRadius: 999,
+          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' } },
+        h('div', null,
+          h('h3', { style: sectionTitleStyle }, '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 连接状态…'),
+        h('div', { role: 'note', style: { display: 'grid', gap: 3, padding: '9px 11px', borderRadius: 8,
+          backgroundColor: 'var(--dsw-alias-bg-layer-2)' } },
+        h('strong', { style: { fontSize: 13, fontWeight: 600 } }, '配置保存范围'),
+        h('p', { style: mutedTextStyle }, '团队模型与能力授权由 ANT 管理；成员凭证、Gitea 令牌、本机缓存和任务记录保存在这台 DSH。')),
+        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: sectionTitleStyle }, '团队模型'),
+            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 updateStatusLabels = {
+        available: '有新版', 'artifact-missing': '等待发布制品', revoked: '安装包已撤回',
+        'migration-required': '需要迁移', unknown: '状态待确认', failed: '检查失败',
+        installing: '正在安装', done: '需重启 DSH', current: '已是最新', checking: '正在检查', none: '尚未发布',
+      }
+      const updateStatusNeedsDetails = ['artifact-missing', 'revoked', 'migration-required', 'unknown', 'failed', 'installing', 'done']
+      const updateVersionSummary = bundleUpdate.currentVersion && bundleRelease?.version
+        ? bundleUpdate.currentVersion === bundleRelease.version
+          ? `当前版本 ${bundleUpdate.currentVersion} · 已是最新`
+          : `当前版本 ${bundleUpdate.currentVersion} · 最新版本 ${bundleRelease.version}`
+        : bundleUpdate.currentVersion ? `当前版本 ${bundleUpdate.currentVersion}`
+          : 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' } },
+        h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 } },
+          h('div', null,
+            h('h3', { style: sectionTitleStyle }, '关于 ANT'),
+            h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '查看版本、更新说明和兼容状态。')),
+          h('span', { style: { ...mutedTextStyle, flexShrink: 0,
+            color: bundleUpdate.state === 'revoked' || serviceCompatibility.state === 'incompatible'
+              ? '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)' } },
+        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: {
+          ...mutedTextStyle,
+          color: serviceCompatibility.state === 'incompatible' ? 'var(--dsw-alias-state-error-primary)'
+            : 'var(--dsw-alias-state-warning-primary, var(--dsw-alias-label-secondary))',
+        } }, `服务端兼容性：${serviceCompatibility.message}`) : null,
+        bundleUpdate.message && updateStatusNeedsDetails.includes(bundleUpdate.state) ? 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 } }, '打开更新指引 ↗') : null,
+        !canCheckUpdate && !updateGuideUrl ? h('p', { style: mutedTextStyle }, '无法核对原团队地址时，请向企业管理员索取更新指引。') : null,
+        !canCheckUpdate ? h('button', { type: 'button', onClick: () => onSelectTab('connection'), style: secondaryButtonStyle },
+          '前往团队连接') : null,
+        canCheckUpdate && bundleUpdate.state === 'available'
+          ? h('button', { type: 'button', disabled: busy, onClick: () => void installBundleUpdate(), style: primaryButtonStyle }, busy ? '更新中…' : '更新 ANT') : 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)
 
     }