@ai-wendao/ant 0.3.11 → 0.3.12

package/MIGRATION.md

@@ -13,7 +13,7 @@
 此方式适用于 DSH Desktop RC2 使用默认、启用 HMR 的 Desktop profile，且目标 ANT 版本已发布到 npm：
 
 1. 打开 **插件 → ANT**，点击 **卸载** 并确认。
-2. 回到插件列表，点击 **添加插件**，输入已发布的直接包名，例如 `@ai-wendao/ant@0.3.11`，然后点击 **安装**。
+2. 回到插件列表，点击 **添加插件**，输入目标版本的直接包名（正式发布后例如 `@ai-wendao/ant@0.3.12`），然后点击 **安装**。
 3. 安装完成后启用 ANT，打开设置页，检查服务连接与获准模型。
 
 RC2 的 Desktop 基础 profile 默认启用 HMR；官方管理器在该模式下会先卸载 Bundle，再用随 DSH 提供的包管理器移除依赖。包卸载本身不会调用 ANT 的“断开设备”操作，也不会清空 DSH 凭证存储。若 profile 禁用了 HMR，管理器会提示先停止 profile；此时改用下方 CLI 备用流程。真实成员 profile 的凭证保留仍需在目标 RC2 客户端上验收。
@@ -59,14 +59,14 @@ node packages/ant-bundle/tools/migrate-legacy.mjs migrate --apply
 安装了系统 Node.js 的成员也可以从已发布 npm 包运行：
 
 ```sh
-npm exec --yes --package @ai-wendao/ant@0.3.11 -- ant-migrate inspect
-npm exec --yes --package @ai-wendao/ant@0.3.11 -- ant-migrate migrate
+npm exec --yes --package @ai-wendao/ant@0.3.12 -- ant-migrate inspect
+npm exec --yes --package @ai-wendao/ant@0.3.12 -- ant-migrate migrate
 ```
 
 退出 DSH 后执行变更：
 
 ```sh
-npm exec --yes --package @ai-wendao/ant@0.3.11 -- ant-migrate migrate --apply
+npm exec --yes --package @ai-wendao/ant@0.3.12 -- ant-migrate migrate --apply
 ```
 
 若 CLI 不在 PATH，可追加 `--dsh-cli "<Desktop CLI 完整路径>"`；若 DSH 使用自定义数据目录，可追加 `--dsh-home "<DSH_HOME 路径>"`。
@@ -76,8 +76,8 @@ npm exec --yes --package @ai-wendao/ant@0.3.11 -- ant-migrate migrate --apply
 `migrate --apply` 会输出受限权限的备份目录，备份包含 profile 的 `package.json`、`pnpm-lock.yaml`、`pnpm-workspace.yaml`（若存在）及其 SHA-256 校验值，不包含密钥库。备份仅用于迁移状态核验和保留原始清单，不等于离线恢复包。确认 DSH 已退出后，通过同一工具调用：
 
 ```sh
-npm exec --yes --package @ai-wendao/ant@0.3.11 -- ant-migrate rollback --backup "<备份目录>"
-npm exec --yes --package @ai-wendao/ant@0.3.11 -- ant-migrate rollback --backup "<备份目录>" --apply
+npm exec --yes --package @ai-wendao/ant@0.3.12 -- ant-migrate rollback --backup "<备份目录>"
+npm exec --yes --package @ai-wendao/ant@0.3.12 -- ant-migrate rollback --backup "<备份目录>" --apply
 ```
 
 回退只在 scoped 包已安装、旧 alias 尚未移除的中间态工作；它会卸载 scoped 包并保留旧 alias。已完成迁移的 profile 不接受该回退，避免自动恢复已知有加载问题的 alias。若安装包时 npm registry 不可用，保持 DSH 关闭，稍后重新运行 `migrate --apply`。

package/README.md

@@ -6,7 +6,7 @@ ANT (AI-native Teams) connects a DeepSeek Harness Desktop profile to its team's
 
 ## 企业精选技能
 
-团队管理员可在 ANT 管理台从 GitHub 目录、ZIP、TAR、TAR.GZ／TGZ 或单份 `SKILL.md` 导入技能，核对来源、文件和依赖后发布。已连接团队的成员在 ANT 插件页面点击“安装到这台 DSH”，由 ANT Host 将固定版本的完整文件集放进 DSH 的用户技能目录；随后由 DSH 原生技能提供者发现和使用。
+团队管理员可在 ANT 管理台从 GitHub 目录、ZIP、TAR、TAR.GZ／TGZ 或单份 `SKILL.md` 导入技能，核对来源、文件和依赖后发布。已连接团队的成员在 DSH 的 ANT 插件设置页点击“打开技能中心”，进入独立目录页面浏览并安装。ANT Host 将固定版本的完整文件集放进 DSH 的用户技能目录；随后由 DSH 原生技能提供者发现和使用。
 
 安装不会自动运行技能脚本或安装 Python、Node 等系统依赖。ANT 只更新或卸载自己管理且本机内容未被修改的技能目录；发现同名个人技能或本机改动时会停止覆盖。
 

package/client.js

@@ -9,6 +9,7 @@ window.__ModuleLoader__.load({
     const DEVICE_ID_STORAGE_KEY = 'ant-team-device-id'
     const ANT_BUNDLE_PACKAGE_NAME = '@ai-wendao/ant'
     const ANT_API_PROTOCOL_VERSIONS = [1]
+    const fileCountFormat = new Intl.NumberFormat('zh-CN')
     const panelStyle = {
       display: 'grid', alignContent: 'start', gap: 14, padding: 18,
       border: '0.5px solid var(--dsw-alias-border-l2)', borderRadius: 14,
@@ -60,7 +61,7 @@ window.__ModuleLoader__.load({
       }
       return false
     }
-    const inject = ['slots', 'remote', 'remote.credentials', 'remote.settings', 'remote.pluginManager']
+    const inject = ['slots', 'layout', 'pluginNavigation', 'remote', 'remote.credentials', 'remote.settings', 'remote.pluginManager']
 
     async function readLocalJsonResponse(response) {
       const contentType = response.headers?.get?.('content-type') || ''
@@ -99,7 +100,7 @@ window.__ModuleLoader__.load({
       return deviceId
     }
 
-    function TeamServiceConfig({ remote }) {
+    function TeamServiceConfig({ remote, openSkillCenter }) {
       const [serviceUrl, setServiceUrl] = useState(loadServiceUrl)
       const [draft, setDraft] = useState(serviceUrl)
       const [message, setMessage] = useState('')
@@ -141,21 +142,29 @@ window.__ModuleLoader__.load({
           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)),
+        h('section', { style: { ...panelStyle, display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'space-between' } },
+          h('div', null,
+            h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 650 } }, '企业精选技能'),
+            h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '浏览团队审核发布的技能，在独立页面查看说明并安装到这台 DSH。')),
+          h('button', { type: 'button', onClick: openSkillCenter, style: primaryButtonStyle }, '打开技能中心 →')),
         h(ModelSyncFooter, { remote, serviceUrl, onServiceUrlChange: setServiceUrl }))
     }
 
-    function SkillCenter({ connected }) {
+    function SkillCenterPage({ onBack }) {
       const [skills, setSkills] = useState([])
       const [loading, setLoading] = useState(false)
       const [workingId, setWorkingId] = useState('')
       const [message, setMessage] = useState('')
+      const [query, setQuery] = useState('')
+      const [filter, setFilter] = useState('all')
       const refresh = async () => {
-        if (!connected) return
         setLoading(true)
         try {
           const response = await fetch('/api/ant-teams/skills', { cache: 'no-store' })
           const result = await readLocalJsonResponse(response)
-          if (!response.ok) throw new Error(result.message || `读取技能失败（${response.status}）。`)
+          if (!response.ok) throw new Error(response.status === 401
+            ? '请返回 ANT 插件设置，先验证工作邮箱并连接团队。'
+            : result.message || `读取技能失败（${response.status}）。`)
           if (!Array.isArray(result.skills)) throw new Error('企业技能目录格式无效。')
           setSkills(result.skills)
           setMessage(result.skills.length ? '' : '团队暂未发布精选技能。')
@@ -165,10 +174,7 @@ window.__ModuleLoader__.load({
         }
         finally { setLoading(false) }
       }
-      useEffect(() => {
-        if (connected) void refresh()
-        else { setSkills([]); setMessage('') }
-      }, [connected])
+      useEffect(() => { void refresh() }, [])
       const changeInstall = async (skill, remove = false) => {
         const action = remove ? '卸载' : skill.local_status === 'update-available' ? '更新' : '安装'
         const prompt = remove
@@ -189,31 +195,56 @@ window.__ModuleLoader__.load({
         } catch (error) { setMessage(error instanceof Error ? error.message : `${action}失败。`) }
         finally { setWorkingId('') }
       }
-      return h('section', { style: panelStyle },
-        h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 } },
+      const visible = skills.filter((skill) => {
+        const matchesFilter = filter === 'all' || skill.local_status === filter
+        const matchesQuery = !query.trim() || `${skill.title} ${skill.description} ${skill.dsh_name}`.toLowerCase().includes(query.trim().toLowerCase())
+        return matchesFilter && matchesQuery
+      })
+      const statusLabel = { installed: '已安装', 'update-available': '可更新', 'not-installed': '未安装', 'not-discovered': 'DSH 未发现', conflict: '本机冲突' }
+      return h('section', { 'aria-label': '企业精选技能', style: {
+        height: '100%', overflowY: 'auto', boxSizing: 'border-box',
+        padding: 'calc(var(--dsh-frame-top-clearance, 0px) + 20px) clamp(16px, 3vw, 36px) 48px',
+      } }, h('div', { style: { maxWidth: 1440, margin: '0 auto', display: 'grid', gap: 22 } },
+        h('button', { type: 'button', onClick: onBack, style: { ...secondaryButtonStyle, justifySelf: 'start' } }, '← 返回 ANT 插件设置'),
+        h('div', { style: { display: 'flex', flexWrap: 'wrap', alignItems: 'end', justifyContent: 'space-between', gap: 16 } },
           h('div', null,
-            h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 650 } }, '企业精选技能'),
-            h('p', { style: { ...mutedTextStyle, marginTop: 4 } }, '管理员审核后发布；点击安装即可交给 DSH 原生技能系统使用。')),
-          h('button', { type: 'button', disabled: !connected || loading || Boolean(workingId), onClick: () => void refresh(), style: secondaryButtonStyle }, loading ? '读取中…' : '刷新')),
-        !connected ? h('p', { style: mutedTextStyle }, '连接团队后可浏览和安装精选技能。') : null,
+            h('h1', { style: { margin: 0, fontSize: 28 } }, '企业精选技能'),
+            h('p', { style: { ...mutedTextStyle, marginTop: 6 } }, '团队管理员审核后发布；安装到这台 DSH 后，由 DSH 原生技能系统发现和使用。')),
+          h('button', { type: 'button', disabled: loading || Boolean(workingId), onClick: () => void refresh(), style: secondaryButtonStyle }, loading ? '读取中…' : '刷新目录')),
+        h('div', { style: { ...panelStyle, gap: 12 } },
+          h('input', { type: 'search', value: query, onChange: (event) => setQuery(event.target.value), placeholder: '搜索技能名称或说明', 'aria-label': '搜索企业精选技能', style: inputStyle }),
+          h('div', { style: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', gap: 8 } },
+            ...[['all', '全部'], ['not-installed', '可安装'], ['installed', '已安装'], ['update-available', '可更新']].map(([value, label]) =>
+              h('button', { key: value, type: 'button', onClick: () => setFilter(value), 'aria-pressed': filter === value,
+                style: { ...secondaryButtonStyle, minHeight: 34, padding: '6px 12px', backgroundColor: filter === value ? 'var(--dsw-alias-bg-layer-2)' : secondaryButtonStyle.backgroundColor } }, label)),
+            h('span', { style: { ...mutedTextStyle, marginLeft: 'auto' } }, `显示 ${visible.length} / ${skills.length} 个技能`))),
         message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null,
-        ...skills.map((skill) => h('div', { key: skill.id, style: { display: 'grid', gap: 7, padding: '12px 0', borderTop: '1px solid var(--dsw-alias-border, #8c99994d)' } },
-          h('strong', { style: { fontSize: 14 } }, skill.title),
-          h('p', { style: mutedTextStyle }, skill.description),
-          h('p', { style: mutedTextStyle }, `来源：${skill.source_kind === 'github' ? 'GitHub' : '管理员上传'} · 许可证：${skill.license} · ${skill.file_count} 个文件`),
-          h('p', { style: mutedTextStyle }, `本机依赖：${skill.requirements}`),
-          skill.local_status === 'conflict'
-            ? h('p', { role: 'status', style: mutedTextStyle }, '本机同名技能有未受 ANT 管理的内容、文件已被修改或备份损坏；请联系管理员处理。')
-            : skill.local_status === 'not-discovered'
-              ? h('div', null,
-                h('p', { role: 'status', style: mutedTextStyle }, '文件已在本机，但 DSH 技能服务没有发现它；请检查 DSH 技能目录配置。'),
-                h('button', { type: 'button', disabled: Boolean(workingId), onClick: () => void changeInstall(skill, true), style: secondaryButtonStyle }, '卸载本机副本'))
-            : h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 8 } },
-              h('button', { type: 'button', disabled: !connected || Boolean(workingId) || skill.local_status === 'installed',
-                onClick: () => void changeInstall(skill), style: primaryButtonStyle },
-              skill.local_status === 'installed' ? '已安装' : skill.local_status === 'update-available' ? '更新技能' : '安装到这台 DSH'),
-              skill.local_status !== 'not-installed' ? h('button', { type: 'button', disabled: Boolean(workingId),
-                onClick: () => void changeInstall(skill, true), style: secondaryButtonStyle }, '卸载') : null))))
+        visible.length ? h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 420px), 1fr))', gap: 16 } },
+          ...visible.map((skill) => {
+            const description = skill.description || ''
+            return h('article', { key: skill.id, style: { ...panelStyle, gap: 13 } },
+              h('div', { style: { display: 'flex', flexWrap: 'wrap', justifyContent: 'space-between', alignItems: 'baseline', gap: 8 } },
+                h('h2', { style: { margin: 0, fontSize: 19 } }, skill.title),
+                h('span', { style: mutedTextStyle }, statusLabel[skill.local_status] || '状态未知')),
+              h('p', { style: mutedTextStyle }, description.length > 180 ? `${description.slice(0, 180)}…` : description),
+              description.length > 180 ? h('details', null,
+                h('summary', { style: { cursor: 'pointer', fontSize: 13 } }, '查看完整说明'),
+                h('p', { style: { ...mutedTextStyle, marginTop: 8, whiteSpace: 'pre-wrap' } }, description)) : null,
+              h('p', { style: mutedTextStyle }, `来源：${skill.source_kind === 'github' ? 'GitHub' : '管理员上传'} · 许可证：${skill.license} · ${fileCountFormat.format(skill.file_count)} 个文件`),
+              h('p', { style: mutedTextStyle }, `本机依赖：${skill.requirements}`),
+              skill.local_status === 'conflict'
+                ? h('p', { role: 'status', style: mutedTextStyle }, '本机同名技能有未受 ANT 管理的内容、文件已被修改或备份损坏；请联系管理员处理。')
+                : skill.local_status === 'not-discovered'
+                  ? h('div', { style: { display: 'grid', gap: 10 } },
+                    h('p', { role: 'status', style: mutedTextStyle }, '文件已在本机，但 DSH 技能服务没有发现它；请检查 DSH 技能目录配置。'),
+                    h('button', { type: 'button', disabled: Boolean(workingId), onClick: () => void changeInstall(skill, true), style: { ...secondaryButtonStyle, justifySelf: 'start' } }, '卸载本机副本'))
+                  : h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 8, marginTop: 'auto' } },
+                    h('button', { type: 'button', disabled: Boolean(workingId) || skill.local_status === 'installed',
+                      onClick: () => void changeInstall(skill), style: primaryButtonStyle },
+                    skill.local_status === 'installed' ? '已安装' : skill.local_status === 'update-available' ? '更新技能' : '安装到这台 DSH'),
+                    skill.local_status !== 'not-installed' ? h('button', { type: 'button', disabled: Boolean(workingId),
+                      onClick: () => void changeInstall(skill, true), style: secondaryButtonStyle }, '卸载') : null))
+          })) : !loading && skills.length ? h('p', { style: mutedTextStyle }, '没有符合筛选条件的技能。') : null))
     }
 
     function ModelSyncFooter({ remote, serviceUrl, onServiceUrlChange }) {
@@ -654,8 +685,7 @@ window.__ModuleLoader__.load({
               onChange: (event) => setCode(event.target.value.replace(/\D/gu, '').slice(0, 8)), style: inputStyle,
             }),
             h('button', { type: 'submit', disabled: busy || code.length !== 8, style: primaryButtonStyle }, busy ? '连接中…' : '验证并连接')) : null,
-          message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null),
-        h(SkillCenter, { connected: credentialConfigured === true }))
+          message ? h('p', { role: 'status', style: mutedTextStyle }, message) : null))
 
     }
 
@@ -665,13 +695,15 @@ window.__ModuleLoader__.load({
         settings: ctx.remote.settings,
         pluginManager: ctx.remote.pluginManager,
       }
+      ctx.slots.inject('main', () => ctx.slots.register({ name: 'main', key: 'ant-skills' },
+        () => h(SkillCenterPage, { onBack: () => ctx.pluginNavigation.openBundle(ANT_BUNDLE_PACKAGE_NAME) })))
       ctx.slots.inject('plugins.bundle.config', () => ctx.slots.register({
           name: 'plugins.bundle.config',
           key: ANT_BUNDLE_PACKAGE_NAME,
           inject: () => ({ remote }),
         }, ({ view, remote: injectedRemote }) => view === 'summary'
           ? h('p', null, 'ANT 团队服务入口。')
-          : h(TeamServiceConfig, { remote: injectedRemote })))
+          : h(TeamServiceConfig, { remote: injectedRemote, openSkillCenter: () => ctx.layout.selectPanel('ant-skills') })))
     }
 
     Object.assign(exports, { inject, apply })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-wendao/ant",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "description": "ANT (AI-native Teams) connects a DeepSeek Harness Desktop profile to team identity and approved models.",
   "type": "module",
   "scripts": {
@@ -25,6 +25,7 @@
       "platform": "web",
       "inject": [
         "@deepseek-ai/dsh-api-remotes",
+        "@deepseek-ai/dsh-client-ui-layout",
         "@deepseek-ai/dsh-client-ui-plugin-manager"
       ]
     }