@morehao/dsh-skills-console 0.4.0 → 0.5.1

package/client.js

@@ -46,12 +46,13 @@ var API = "/api/morehao/skills-console";
 function short(sha) {
   return sha ? String(sha).slice(0, 7) : "";
 }
-async function apiCall(method, path, body) {
+async function apiCall(method, path, body, options = {}) {
   const response = await fetch(`${API}${path}`, {
     method,
     headers: { "content-type": "application/json", "x-dsh-skills-console": "1" },
     body: body === void 0 ? void 0 : JSON.stringify(body),
-    cache: "no-store"
+    cache: "no-store",
+    ...options.signal ? { signal: options.signal } : {}
   });
   let json = {};
   try {
@@ -74,9 +75,19 @@ var DICT = {
   zh: {
     "section.title": "技能控制台",
     "page.title": "技能控制台",
-    "section.subtitle": "统一管理本地技能的安装、更新、删除与接入，让同一份技能在多个 Agent 间复用。",
+    "section.subtitle": "统一管理本地技能的安装、更新、删除与共享，让同一份技能在多个 Agent 间复用。",
     "tab.installed": "已安装",
     "tab.subscriptions": "订阅",
+    "column.skill": "技能",
+    "column.agents": "共享 Agent",
+    "column.policy": "调用策略",
+    "column.actions": "操作",
+    "column.skillAgents": "技能（含 Agent）",
+    "column.policyActions": "策略与操作",
+    "column.repo": "仓库",
+    "column.ref": "Ref",
+    "column.entries": "条目",
+    "column.status": "状态",
     "action.addSkill": "添加技能",
     "action.addSubscription": "添加订阅",
     "action.checkUpdates": "检查更新",
@@ -86,7 +97,7 @@ var DICT = {
     "action.unsubscribe": "取消订阅",
     "action.view": "查看",
     "action.hide": "收起",
-    "action.exports": "导出设置",
+    "action.exports": "共享设置",
     "action.install": "安装",
     "action.expand": "展开",
     "action.collapse": "收起",
@@ -98,7 +109,7 @@ var DICT = {
     "action.retry": "重新加载",
     "view.flat": "平铺",
     "view.agent": "按 Agent",
-    exportDefault: "新安装时自动导出",
+    exportDefault: "新安装时自动共享",
     "settings.title": "插件设置",
     "placement.label": "侧边栏入口",
     "placement.effect": "切换后立即生效",
@@ -117,27 +128,65 @@ var DICT = {
     "status.noUpstream": "无上游",
     "status.noUpstreamHint": "没有可用的订阅来源，无法检查更新；重新接管或添加订阅后再试",
     "status.off": "已停用",
-    "status.brokenHint": "软链目标不存在：重新接入，或删除后重装",
+    "status.brokenHint": "共享链接失效：重新共享，或删除后重装",
     "adopt.switchHint": "还未纳入追踪，不能启停",
     "adopt.noUpstream": "没有远端来源，暂时无法检测更新",
     "adopt.done": "已纳入追踪",
     "toast.checked": "检查完成",
     "mode.on": "启用",
     "mode.off": "停用",
-    "mode.offHint": "已停用：DSH 的模型调用与 `/` 手动调用都看不到它；技能文件、导出关系与其他 Agent 都不受影响",
+    "mode.offHint": "已停用：DSH 的模型调用与 `/` 手动调用都看不到它；技能文件、共享关系与其他 Agent 都不受影响",
+    "policy.auto": "自动",
+    "policy.manual": "仅手动",
+    "policy.hidden": "完全停用",
+    "policy.legacy": "仅 DSH 隐藏",
+    "policy.author": "仅手动 · 只读",
+    "policy.drift": "需修复",
+    "policy.unmanaged": "未纳入追踪",
+    "policy.flat": "平铺 .md 不支持",
+    "policy.open": "设置调用策略",
+    "policy.title": "调用策略",
+    "policy.subtitle": "只改变 DSH 对这份技能的调用方式；项目里的同名副本不受影响。",
+    "policy.autoDesc": "模型与 / 都能调用。",
+    "policy.manualDesc": "模型不自动调用，手动 / 仍可用。",
+    "policy.hiddenDesc": "所有 Agent 都看不到，可随时恢复。",
+    "policy.authorHint": "作者已把这份技能固定为「仅手动」；插件不会覆盖，改回自动需要编辑技能文件。",
+    "policy.legacyHint": "旧版 DSH-only 停用：只隐藏 DSH 的模型调用；选择任一模式完成迁移。",
+    "policy.driftHint": "记录与技能文件不一致，可能被外部改过；选择「仅手动」可重试。",
+    "policy.hiddenConfirmTitle": "完全停用这个技能？",
+    "policy.hiddenConfirmBody": "所有 Agent 都看不到；不会删除内容，随时可恢复。",
+    "policy.hiddenConfirm": "完全停用",
+    "policy.saving": "保存中…",
+    "policy.saved": "调用策略已更新",
+    "policy.savedManual": "已设为仅手动；更新后会保持",
+    "policy.savedAuto": "已恢复自动",
+    "policy.savedHidden": "已完全停用；可随时恢复",
+    "policy.unpark": "恢复",
+    "policy.unparkTitle": "恢复技能",
+    "policy.unparkBody": "将回到停用前的模式（{mode}）；不需要重新下载，其他设置也不受影响。",
+    "policy.unparkDone": "已恢复；模型与 / 按停用前的模式生效",
+    "policy.manualOnlyHint": "仅手动：模型不会自动调用，手动 / 仍可用",
+    "policy.hiddenHint": "完全停用：所有 Agent 都看不到；随时可恢复",
+    "policy.legacyNote": "当前仍是旧版 DSH-only 停用",
+    "policy.driftNote": "仅手动标记需修复",
+    "policy.authorNote": "作者已设为仅手动，插件不覆盖",
+    "policy.hiddenNote": "恢复后回到停用前的模式；停用期间不能更新或重装",
+    "policy.unparkKept": "已恢复；冲突文件保留在 {path}",
+    "policy.unparkDrift": "已恢复，但文件内容与停用时不一致；请检查或重新检查更新",
+    "filter.manual": "仅手动",
     "visibility.hiddenHint": "已启用，但扫描目录里没有它：确认 ~/.agents/skills 下真有这个技能，或检查 DSH_AGENTS_HOME。",
-    "visibility.manualOnlyHint": "该技能自己声明了 `disable-model-invocation`：模型调用看不到它，手动 `/` 调用仍可用。",
-    "visibility.scopeMismatch": "当前有另一份同名技能排在前面（项目或用户目录）；停用只影响 canonical，不会隐藏它。",
+    "visibility.manualOnlyHint": "技能作者自己设了「仅手动」：模型调用看不到它，手动 `/` 调用仍可用。",
+    "visibility.scopeMismatch": "当前有另一份同名技能排在前面（项目或用户目录）；停用只影响这一份，不会隐藏它。",
     "visibility.foreignWinner": "模型看到的是另一份同名技能：{path}（它的扫描根 rank 更小，会遮住这一份）",
-    "exports.targets": "导出到哪些 Agent",
-    "exports.detectedHint": "只列出本机已安装（目录存在）的 Agent。导出只影响它们；DSH 自己看不看得见由 DSH 决定，和导出无关。",
-    "exports.canonical": "技能本体：{path}；下面的链只是把它暴露给不直接读该目录的 Agent。",
-    "exports.none": "本机没有可导出的 Agent 目录",
-    "exports.hint": "保存后按勾选建立或移除软链；技能本体留在原位置，不会移动。",
-    "exports.sharedUnknown": "共享根未验证",
-    "exportDefault.detected": "装完后默认导出到",
-    "exportDefault.none": "本机没有需要导出的 Agent",
-    "exportDefault.hint": "默认一个都不勾：技能装进 ~/.agents/skills 后 DSH 本来就能看见。导出只用于仍只认私有目录的 Agent，且只影响之后的安装。",
+    "exports.targets": "共享 Agent",
+    "exports.detectedHint": "只列出本机已安装（目录存在）的 Agent。共享只影响它们；DSH 自己看不看得见由 DSH 决定，和共享无关。",
+    "exports.canonical": "技能本体：{path}；勾选后只是让不直接读该目录的 Agent 也能用，不会复制文件。",
+    "exports.none": "本机没有可共享的 Agent 目录",
+    "exports.hint": "保存后按勾选建立或移除链接；技能本体留在原位置，不会移动。",
+    "exports.sharedUnknown": "共享目录未验证",
+    "exportDefault.detected": "装完后默认共享至以下 Agent",
+    "exportDefault.none": "本机没有需要共享的 Agent",
+    "exportDefault.hint": "默认一个都不勾：技能装进 ~/.agents/skills 后 DSH 本来就能看见。共享只用于仍只认私有目录的 Agent，且只影响之后的安装。",
     "empty.skills": "还没有安装任何技能",
     "empty.skillsHint": "在终端跑 `npx skills add owner/repo`，或点右上角「添加技能」",
     "empty.subs": "还没有添加订阅",
@@ -151,7 +200,7 @@ var DICT = {
     "form.probing": "读取中…",
     "form.probingHint": "正在读仓库的文件树，稍等一下…",
     "form.detected": "检测到 {n} 个技能，勾选要安装的",
-    "form.skipped": "另有 {n} 个 SKILL.md 缺少 name/description，CLI 无法安装，已跳过",
+    "form.skipped": "另有 {n} 个技能缺少名称或描述，已跳过",
     "form.selectAll": "全选",
     "form.selectNone": "全不选",
     "form.pickHint": "先填来源并检测；仓库里有多个技能时可以多选，只有一个会默认勾上。",
@@ -161,23 +210,23 @@ var DICT = {
     "form.ref": "ref（分支 / tag，可空）",
     "form.refHint": "留空则自动跟随仓库默认分支",
     "form.subpath": "子目录（可空）",
-    "form.hint": "会立即下载并写入 ~/.agents/skills，并按「自动接入」设置接到对应 Agent。",
+    "form.hint": "会立即下载并写入 ~/.agents/skills，并按「新安装时自动共享」的选择共享至对应 Agent。",
     "form.subHint": "只记录你关注这个仓库，不会安装任何技能。",
     "subscription.defaultRef": "默认分支",
     "confirm.deleteTitle": "删除技能",
-    "confirm.deleteBody": "会从本机移除，断开本插件建立的软链并删除 canonical / lock 条目；目录先备份到回收站（保留 7 天）。不会删除你的源仓库。",
+    "confirm.deleteBody": "会从本机移除，断开本插件建立的其他 Agent 链接并清理记录；目录先备份到回收站（保留 7 天）。不会删除你的源仓库。",
     "confirm.updateTitle": "本地有改动",
     "confirm.updateBody": "更新会覆盖这些本地改动；旧内容已备份，可回滚。",
     "error.conflictTitle": "删除被拦截",
     "busy.working": "处理中…",
     "meta.from": "来自",
     "meta.noUpstream": "无远端来源 · 不检测更新",
-    "meta.noExport": "未导出",
-    "meta.noExportHint": "没有给不支持共享根的 Agent 建导出链；直读 ~/.agents/skills 的 Agent 装好即见，无需导出。",
+    "meta.noExport": "未共享",
+    "meta.noExportHint": "没有给不支持共享根的 Agent 建链接；直读 ~/.agents/skills 的 Agent 装好即见，无需共享。",
     "meta.modelVisible": "模型可见",
     "meta.modelHidden": "模型不可见",
     "meta.manualOnly": "仅手动",
-    "meta.agentsAll": "已导出的 Agent",
+    "meta.agentsAll": "已共享的 Agent",
     "meta.none": "无",
     "filter.all": "全部",
     "filter.update": "可更新",
@@ -190,6 +239,7 @@ var DICT = {
     "empty.filteredHint": "换个关键词，或清除筛选条件",
     "hint.unknown": "还有 {n} 个技能未检查更新。",
     "group.visible": "模型可见",
+    "group.manual": "仅手动",
     "group.off": "已停用",
     "group.hidden": "启用但不可见",
     installed: "已安装",
@@ -248,19 +298,55 @@ var DICT = {
     "viewer.info.localChange": "本地改动",
     "viewer.info.localChangeNone": "无（与安装时一致）",
     "viewer.info.localChangeYes": "有本地改动",
-    "viewer.info.links": "接入",
-    "viewer.info.exported": "已导出",
+    "viewer.info.links": "共享",
+    "viewer.info.exported": "已共享",
     "viewer.info.visibility": "可见性",
     "viewer.info.mode": "状态",
     "viewer.info.status": "更新",
-    "viewer.info.none": "无"
+    "viewer.info.none": "无",
+    "intro.button": "介绍",
+    "intro.open": "AI 介绍：这个技能能做什么",
+    "intro.title": "AI 介绍",
+    "intro.loading": "读取中…",
+    "intro.empty": "还没有生成介绍",
+    "intro.generate": "生成介绍",
+    "intro.regenerate": "重新生成",
+    "intro.generating": "生成中…",
+    "intro.hint": "会把 SKILL.md 正文发送给当前配置的模型提供方",
+    "intro.hintRemote": "会把该技能在 {source}@{commit} 的 SKILL.md 发送给当前配置的模型提供方",
+    "intro.meta": "{model} · {time} · AI 生成，可能不准确",
+    "intro.stale": "技能内容已更新，介绍可能过期",
+    "intro.view": "查看技能",
+    "intro.unavailable": "当前宿主没有可用的模型服务",
+    "intro.error.noModel": "还没有配置可用的模型",
+    "intro.error.rateLimit": "模型限流或额度不足，请稍后再试",
+    "intro.error.tooLarge": "技能正文超出模型上下文",
+    "intro.error.timeout": "生成超时，请重试",
+    "intro.error.auth": "模型提供方认证失败",
+    "intro.error.empty": "模型没有返回内容",
+    "intro.error.busy": "正在生成，请稍候",
+    "intro.error.source": "读不到远端的 SKILL.md（仓库私有、已删除或网络问题）",
+    "intro.error.noSource": "订阅快照里没有这个技能，请先点「检查更新」",
+    "intro.error.subscription": "订阅不存在，可能已被取消",
+    "intro.error.sourceTimeout": "读取远端 SKILL.md 超时，请重试",
+    "intro.error.generic": "生成失败，请重试"
   },
   en: {
     "section.title": "Skills Console",
     "page.title": "Skills Console",
-    "section.subtitle": "Manage local skills in one place: install, update, remove and link — so the same skill can be reused across agents.",
+    "section.subtitle": "Manage local skills in one place: install, update, remove and share — so the same skill can be reused across agents.",
     "tab.installed": "Installed",
     "tab.subscriptions": "Subscriptions",
+    "column.skill": "Skill",
+    "column.agents": "Shared with",
+    "column.policy": "Invocation",
+    "column.actions": "Actions",
+    "column.skillAgents": "Skill & agents",
+    "column.policyActions": "Policy & actions",
+    "column.repo": "Repository",
+    "column.ref": "Ref",
+    "column.entries": "Skills",
+    "column.status": "Status",
     "action.addSkill": "Add skill",
     "action.addSubscription": "Add subscription",
     "action.checkUpdates": "Check for updates",
@@ -270,7 +356,7 @@ var DICT = {
     "action.unsubscribe": "Unsubscribe",
     "action.view": "View",
     "action.hide": "Hide",
-    "action.exports": "Export settings",
+    "action.exports": "Share settings",
     "action.install": "Install",
     "action.expand": "Expand",
     "action.collapse": "Collapse",
@@ -282,7 +368,7 @@ var DICT = {
     "action.retry": "Reload",
     "view.flat": "Flat",
     "view.agent": "By agent",
-    "exportDefault": "Auto-export on install",
+    "exportDefault": "Auto-share on install",
     "settings.title": "Plugin settings",
     "placement.label": "Sidebar entry",
     "placement.effect": "Applies immediately",
@@ -301,26 +387,64 @@ var DICT = {
     "status.noUpstream": "No upstream",
     "status.noUpstreamHint": "No usable subscription source, so update checks are impossible; re-adopt or add a subscription",
     "status.off": "Disabled",
-    "status.brokenHint": "The link target is missing: relink, or delete and reinstall",
+    "status.brokenHint": "The shared link is broken: share it again, or delete and reinstall",
     "adopt.switchHint": "Not tracked yet, cannot be enabled or disabled",
     "adopt.noUpstream": "No upstream source; update checks are unavailable",
     "toast.checked": "Checked",
     "mode.on": "Enabled",
     "mode.off": "Disabled",
-    "mode.offHint": "Disabled for DSH’s model and `/` calls; the skill files, exports, and other agents are untouched",
+    "mode.offHint": "Disabled for DSH’s model and `/` calls; the skill files, shares, and other agents are untouched",
+    "policy.auto": "Auto",
+    "policy.manual": "Manual only",
+    "policy.hidden": "Fully disabled",
+    "policy.legacy": "DSH-only hidden",
+    "policy.author": "Manual · read-only",
+    "policy.drift": "Needs repair",
+    "policy.unmanaged": "Untracked",
+    "policy.flat": "Flat .md unsupported",
+    "policy.open": "Set invocation policy",
+    "policy.title": "Invocation policy",
+    "policy.subtitle": "Applies only to how DSH invokes this skill; project copies are untouched.",
+    "policy.autoDesc": "The model and `/` can invoke it.",
+    "policy.manualDesc": "The model will not invoke it; `/` still works.",
+    "policy.hiddenDesc": "Invisible to every agent; restorable at any time.",
+    "policy.authorHint": "The author fixed this skill to “Manual only”; the plugin will not override it — edit the skill file to restore auto.",
+    "policy.legacyHint": "Legacy DSH-only disable: only hides DSH model calls; pick a mode to migrate.",
+    "policy.driftHint": "The record and the skill file disagree; it may have been edited externally. Pick “Manual only” to retry.",
+    "policy.hiddenConfirmTitle": "Fully disable this skill?",
+    "policy.hiddenConfirmBody": "Every agent stops seeing it. Nothing is deleted, and you can restore at any time.",
+    "policy.hiddenConfirm": "Disable fully",
+    "policy.saving": "Saving…",
+    "policy.saved": "Invocation policy updated",
+    "policy.savedManual": "Set to manual only; kept after updates",
+    "policy.savedAuto": "Auto restored",
+    "policy.savedHidden": "Fully disabled; restorable at any time",
+    "policy.unpark": "Restore",
+    "policy.unparkTitle": "Restore skill",
+    "policy.unparkBody": "Returns to the mode before disabling ({mode}); no re-download, and other settings stay as they are.",
+    "policy.unparkDone": "Restored; the model and `/` follow the previous mode",
+    "policy.manualOnlyHint": "Manual only: the model will not invoke it; `/` still works",
+    "policy.hiddenHint": "Fully disabled: invisible to every agent; restorable",
+    "policy.legacyNote": "Still on the legacy DSH-only disable",
+    "policy.driftNote": "The manual-only marker needs repair",
+    "policy.authorNote": "Set to manual only by the author; the plugin will not override it",
+    "policy.hiddenNote": "Restores to the previous mode; updates and reinstalls are blocked while parked",
+    "policy.unparkKept": "Restored; conflict copy kept at {path}",
+    "policy.unparkDrift": "Restored, but the file differs from when it was parked; review or check for updates",
+    "filter.manual": "Manual only",
     "visibility.hiddenHint": "Enabled, but no copy sits in a scan directory: check that the skill really exists under ~/.agents/skills, or inspect DSH_AGENTS_HOME.",
-    "visibility.manualOnlyHint": "This skill declares `disable-model-invocation`: the model cannot invoke it, but manual `/` invocation still works.",
-    "visibility.scopeMismatch": "Another copy of this skill ranks first (project or user directory); disabling only affects the canonical copy.",
+    "visibility.manualOnlyHint": "The skill author set it to “Manual only”: the model cannot invoke it, but manual `/` invocation still works.",
+    "visibility.scopeMismatch": "Another copy of this skill ranks first (project or user directory); disabling only affects this copy.",
     "visibility.foreignWinner": "The model sees a different copy of this skill: {path} (its scan root ranks higher, so it shadows this one)",
-    "exports.targets": "Export to agents",
-    "exports.detectedHint": "Only installed agents (existing directories) are listed. Exports only affect them; whether DSH sees the skill is up to DSH, not exports.",
-    "exports.canonical": "Skill source: {path}; the entries below only expose it to agents that do not read that directory directly.",
-    "exports.none": "No agent directories available for export on this machine",
-    "exports.hint": "Saving only adds or removes links; the skill itself stays where it is.",
-    "exports.sharedUnknown": "shared root unverified",
-    "exportDefault.detected": "Export new installs to",
-    "exportDefault.none": "No agents need exporting on this machine",
-    "exportDefault.hint": "Nothing is checked by default: once a skill lands in ~/.agents/skills, DSH already sees it. Exports only matter for agents that still read their own directory, and only affect future installs.",
+    "exports.targets": "Share with which agents",
+    "exports.detectedHint": "Only installed agents (existing directories) are listed. Sharing only affects them; whether DSH sees the skill is up to DSH, not sharing.",
+    "exports.canonical": "Skill source: {path}; ticking an agent only makes it available there — nothing is copied.",
+    "exports.none": "No agent directories available to share to on this machine",
+    "exports.hint": "Saving adds or removes links; the skill itself stays where it is.",
+    "exports.sharedUnknown": "shared directory unverified",
+    "exportDefault.detected": "Share new installs with",
+    "exportDefault.none": "No agents need sharing on this machine",
+    "exportDefault.hint": "Nothing is checked by default: once a skill lands in ~/.agents/skills, DSH already sees it. Sharing only matters for agents that still read their own directory, and only affects future installs.",
     "empty.skills": "No skills installed yet",
     "empty.skillsHint": 'Run `npx skills add owner/repo` or use "Add skill".',
     "empty.subs": "No subscriptions yet",
@@ -334,7 +458,7 @@ var DICT = {
     "form.probing": "Reading…",
     "form.probingHint": "Reading the repository tree…",
     "form.detected": "Found {n} skills; pick the ones to install",
-    "form.skipped": "{n} SKILL.md file(s) skipped: missing name/description",
+    "form.skipped": "{n} skill(s) skipped: missing a name or description",
     "form.selectAll": "Select all",
     "form.selectNone": "Clear",
     "form.pickHint": "Enter a source and detect first. Pick one or more when the repo has several.",
@@ -344,23 +468,23 @@ var DICT = {
     "form.ref": "ref (branch / tag, optional)",
     "form.refHint": "empty follows the repository default branch",
     "form.subpath": "Subdirectory (optional)",
-    "form.hint": "Downloads into ~/.agents/skills and links agents per the auto-link setting.",
+    "form.hint": "Downloads into ~/.agents/skills and shares it with agents per the auto-share setting.",
     "form.subHint": "Only records the repository; installs nothing.",
     "subscription.defaultRef": "default branch",
     "confirm.deleteTitle": "Delete skill",
-    "confirm.deleteBody": "Removes it locally, disconnects this plugin’s links, and deletes the canonical directory and lock entry. A snapshot stays in trash for 7 days. Your source repo is untouched.",
+    "confirm.deleteBody": "Removes it locally, disconnects the agent links this plugin created, and clears the record. A snapshot stays in trash for 7 days. Your source repo is untouched.",
     "confirm.updateTitle": "Local changes",
     "confirm.updateBody": "Updating overwrites local changes; the old content is backed up and can be rolled back.",
     "error.conflictTitle": "Delete blocked",
     "busy.working": "Working…",
     "meta.from": "from",
     "meta.noUpstream": "no upstream · updates not checked",
-    "meta.noExport": "Not exported",
-    "meta.noExportHint": "No export links to agents that need them; agents that read ~/.agents/skills can use it as-is.",
+    "meta.noExport": "Not shared",
+    "meta.noExportHint": "No links to agents that need them; agents that read ~/.agents/skills can use it as-is.",
     "meta.modelVisible": "visible to the model",
     "meta.modelHidden": "hidden from the model",
     "meta.manualOnly": "Manual only",
-    "meta.agentsAll": "Exported agents",
+    "meta.agentsAll": "Shared with",
     "meta.none": "none",
     "filter.all": "All",
     "filter.update": "Updates",
@@ -373,6 +497,7 @@ var DICT = {
     "empty.filteredHint": "Try another keyword, or clear the filters",
     "hint.unknown": "{n} skills have not been checked for updates.",
     "group.visible": "Model visible",
+    "group.manual": "Manual only",
     "group.off": "Disabled",
     "group.hidden": "Enabled but hidden",
     installed: "installed",
@@ -432,12 +557,38 @@ var DICT = {
     "viewer.info.localChange": "Local changes",
     "viewer.info.localChangeNone": "None (matches install)",
     "viewer.info.localChangeYes": "Modified locally",
-    "viewer.info.links": "Linked",
-    "viewer.info.exported": "Exported",
+    "viewer.info.links": "Shared",
+    "viewer.info.exported": "Shared",
     "viewer.info.visibility": "Visibility",
     "viewer.info.mode": "State",
     "viewer.info.status": "Updates",
-    "viewer.info.none": "None"
+    "viewer.info.none": "None",
+    "intro.button": "Intro",
+    "intro.open": "AI intro: what this skill does",
+    "intro.title": "AI intro",
+    "intro.loading": "Loading…",
+    "intro.empty": "No intro yet",
+    "intro.generate": "Generate intro",
+    "intro.regenerate": "Regenerate",
+    "intro.generating": "Generating…",
+    "intro.hint": "Sends the SKILL.md body to the model provider configured in DSH",
+    "intro.hintRemote": "Sends the SKILL.md at {source}@{commit} to the model provider configured in DSH",
+    "intro.meta": "{model} · {time} · AI-generated, may be inaccurate",
+    "intro.stale": "The skill changed; this intro may be out of date",
+    "intro.view": "Open skill",
+    "intro.unavailable": "No model service is available in this host",
+    "intro.error.noModel": "No usable model is configured",
+    "intro.error.rateLimit": "The model is rate-limited or out of quota; try again later",
+    "intro.error.tooLarge": "The skill body exceeds the model context window",
+    "intro.error.timeout": "Generation timed out; try again",
+    "intro.error.auth": "The model provider rejected the credentials",
+    "intro.error.empty": "The model returned no content",
+    "intro.error.busy": "Already generating; please wait",
+    "intro.error.source": "Could not read the remote SKILL.md (private repo, deleted, or network)",
+    "intro.error.noSource": "This skill is not in the subscription snapshot; run “Check for updates” first",
+    "intro.error.subscription": "The subscription no longer exists",
+    "intro.error.sourceTimeout": "Timed out reading the remote SKILL.md; try again",
+    "intro.error.generic": "Generation failed; try again"
   }
 };
 function buildTranslate(locale) {
@@ -448,11 +599,16 @@ function buildTranslate(locale) {
       return "zh";
     }
   };
-  return (key) => {
+  const translate = (key) => {
     const id = active();
     const pack = DICT[id] || DICT.zh;
     return pack[key] ?? DICT.zh[key] ?? key;
   };
+  Object.defineProperty(translate, "lang", {
+    get: () => active() === "en" ? "en" : "zh",
+    enumerable: false
+  });
+  return translate;
 }
 
 // client/host.js
@@ -694,6 +850,48 @@ function TrashIcon({ size = 14 }) {
     h("path", { d: "M10 11v5.5M14 11v5.5" })
   );
 }
+function DownloadIcon({ size = 14 }) {
+  return h(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.8,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      style: { display: "block" }
+    },
+    h("path", { d: "M12 4v12" }),
+    h("path", { d: "M7 11l5 5 5-5" }),
+    h("path", { d: "M4 20h16" })
+  );
+}
+function ShareIcon({ size = 14 }) {
+  return h(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.8,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      style: { display: "block" }
+    },
+    h("rect", { x: 9.2, y: 2.8, width: 5.6, height: 5.6, rx: 1.2 }),
+    h("rect", { x: 2.4, y: 15.4, width: 5.6, height: 5.6, rx: 1.2 }),
+    h("rect", { x: 16, y: 15.4, width: 5.6, height: 5.6, rx: 1.2 }),
+    h("path", { d: "M10.4 8.8 6.2 15.4" }),
+    h("path", { d: "M13.6 8.8 17.8 15.4" })
+  );
+}
 function InfoIcon({ size = 13 }) {
   return h(
     "svg",
@@ -842,7 +1040,7 @@ function FolderIcon({ size = 12 }) {
 }
 
 // client/section.js
-var import_react6 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 
 // client/scroll.js
 function isScroller(node, tolerance = 4) {
@@ -1009,10 +1207,24 @@ var CSS = `
 
   .dshsc-list { display: flex; flex-direction: column; border: 1px solid var(--dsw-alias-border-l1); border-radius: 12px;
     background: var(--dsw-alias-bg-layer-1); overflow: hidden; }
-  .dshsc-row { display: grid; grid-template-columns: 300px minmax(0, 1fr) 268px; gap: 14px; align-items: center;
+  .dshsc-row { display: grid; grid-template-columns: 280px minmax(0, 1fr) 150px 104px;
+    gap: 14px; align-items: center;
     padding: 8px 12px 8px 14px; min-height: 54px; border-top: 1px solid var(--dsw-alias-border-l1);
     transition: background .12s ease; }
-  .dshsc-list > .dshsc-row:first-child { border-top: 0; }
+  .dshsc-list > .dshsc-row:first-child, .dshsc-listhead + .dshsc-row { border-top: 0; }
+  /* 表头与行共用同一套列宽/间距，只有列语义；不参与排序或筛选。
+     操作列暂按 4 个图标按钮（查看/更新/共享设置/删除）取 104px，三档 chip 落地、行内
+     去掉重复的「查看」后收窄到设计稿的 92px。 */
+  .dshsc-listhead { display: grid; grid-template-columns: 280px minmax(0, 1fr) 150px 104px;
+    gap: 14px; align-items: center; padding: 7px 12px 7px 14px;
+    border-bottom: 1px solid var(--dsw-alias-border-l1);
+    background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 40%, var(--dsw-alias-bg-layer-1));
+    color: var(--dsw-alias-label-tertiary); font-size: 10.5px; font-weight: 500; letter-spacing: .02em; }
+  /* 行首有 6px 可见性圆点 + 7px 间距，表头跟名字对齐而不是跟圆点对齐 */
+  .dshsc-listhead .dshsc-hskill { padding-left: 13px; }
+  .dshsc-listhead .dshsc-hactions { text-align: right; padding-right: 2px; }
+  .dshsc-col-narrow { display: none; }
+  .dshsc-policy { min-width: 0; display: flex; align-items: center; }
   .dshsc-row:hover { background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 48%, transparent); }
   .dshsc-row.off { opacity: .7; }
   .dshsc-cell { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
@@ -1113,51 +1325,148 @@ var CSS = `
   .dshsc-banner.err { color: var(--dsw-alias-state-error-primary); border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, var(--dsw-alias-border-l1)); background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent); }
   .dshsc-banner.warn { color: var(--dsw-alias-state-warn-primary); border-color: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 45%, var(--dsw-alias-border-l1)); background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent); }
 
-  .dshsc-sub-row { display: flex; align-items: center; gap: 8px; padding: 8px 12px; min-height: 52px; border-top: 1px solid var(--dsw-alias-border-l1); }
-  .dshsc-sub-block:first-child .dshsc-sub-row { border-top: 0; }
+  /* 订阅：滚动容器本身就是卡片，表头 sticky 在同一滚动上下文里，列宽与行共用 */
+  .dshsc-subscroll { border: 1px solid var(--dsw-alias-border-l1); border-radius: 12px;
+    background: var(--dsw-alias-bg-layer-1); }
+  .dshsc-subhead { position: sticky; top: 0; z-index: 3; display: grid;
+    grid-template-columns: minmax(0, 1fr) 86px 178px 118px; gap: 10px; align-items: center;
+    height: 30px; padding: 0 12px 0 14px; background: var(--dsw-alias-bg-layer-2);
+    border-bottom: 1px solid var(--dsw-alias-border-l1); border-radius: 11px 11px 0 0;
+    color: var(--dsw-alias-label-tertiary); font-size: 10.5px; font-weight: 500; letter-spacing: .02em; }
+  .dshsc-subhead .dshsc-hrepo { padding-left: 32px; }
+  .dshsc-subhead .dshsc-hact { text-align: right; padding-right: 2px; }
+  .dshsc-sub-block { border-top: 1px solid var(--dsw-alias-border-l1); }
+  .dshsc-subhead + .dshsc-sub-block { border-top: 0; }
   .dshsc-sub-block + .dshsc-sub-block { border-top: 1px solid var(--dsw-alias-border-l1); }
+  .dshsc-sub-row { display: grid; grid-template-columns: minmax(0, 1fr) 86px 178px 118px;
+    gap: 10px; align-items: center; padding: 8px 12px 8px 14px; min-height: 52px; }
+  .dshsc-sub-repo { display: flex; align-items: center; gap: 8px; min-width: 0; }
+  /* 宽屏把 Ref / 条目铺成两列，窄屏回到仓库名下方一行 */
+  .dshsc-sub-meta { display: contents; }
+  .dshsc-subref { justify-self: start; }
   .dshsc-caret { flex: none; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; background: transparent;
     color: var(--dsw-alias-label-secondary); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; }
   .dshsc-caret:hover { background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-primary); }
   .dshsc-caret:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
   .dshsc-sub-row .dshsc-name { font-size: 12.5px; }
-  .dshsc-substat { font-size: 11px; color: var(--dsw-alias-label-tertiary); white-space: nowrap; }
-  .dshsc-sub-row .dshsc-actions { margin-left: auto; display: flex; align-items: center; gap: 2px; }
+  .dshsc-substat { font-size: 11px; color: var(--dsw-alias-label-tertiary); white-space: nowrap;
+    overflow: hidden; text-overflow: ellipsis; }
+  .dshsc-sub-row .dshsc-actions { justify-self: end; display: flex; align-items: center; gap: 2px; }
   .dshsc-sub-row .dshsc-btn { height: 24px; padding: 0 7px; font-size: 11.5px; display: inline-flex; align-items: center; }
-  .dshsc-sub-list { display: flex; flex-direction: column; background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 22%, transparent); }
-  .dshsc-sub-entry { display: flex; align-items: center; gap: 8px;
-    font-size: 12px; padding: 6px 12px 6px 44px; border-top: 1px solid var(--dsw-alias-border-l1); }
-  .dshsc-sub-entry:first-child { border-top: 0; }
+  /* 条目缩进对齐仓库名：行左内边距 14 + caret 24 + 间距 8 = 46 */
+  .dshsc-sub-list { display: flex; flex-direction: column; padding: 0 12px 7px 46px;
+    background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 22%, transparent);
+    border-top: 1px solid var(--dsw-alias-border-l1); }
+  .dshsc-entryhead { display: grid; grid-template-columns: minmax(0, 1fr) 110px 92px; gap: 10px;
+    align-items: center; height: 26px; border-bottom: 1px solid var(--dsw-alias-border-l1);
+    color: var(--dsw-alias-label-tertiary); font-size: 10px; font-weight: 500; letter-spacing: .02em; }
+  .dshsc-entryhead .right { text-align: right; padding-right: 2px; }
+  .dshsc-sub-entry { display: grid; grid-template-columns: minmax(0, 1fr) 110px 92px; gap: 10px;
+    align-items: center; font-size: 12px; padding: 6px 0; border-top: 1px solid var(--dsw-alias-border-l1); }
+  .dshsc-entryhead + .dshsc-sub-entry { border-top: 0; }
   .dshsc-sub-entry .dshsc-name { font-size: 12px; font-weight: 500; }
+  /* 条目第一列：名字 + ✨ 同一行，作者原描述单独一行（超长省略，完整内容在 title） */
+  .dshsc-sub-skill { min-width: 0; }
+  .dshsc-sub-namerow { display: flex; align-items: center; gap: 6px; min-width: 0; }
+  .dshsc-sub-desc { margin-top: 1px; font-size: 11px; line-height: 15px; color: var(--dsw-alias-label-tertiary);
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
   .dshsc-state { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--dsw-alias-label-tertiary); }
   .dshsc-state.ok svg { color: var(--dsw-alias-state-success-primary); }
-  .dshsc-sub-entry .dshsc-actions { margin-left: auto; display: flex; justify-content: flex-end; }
+  .dshsc-sub-entry .dshsc-actions { justify-self: end; display: flex; justify-content: flex-end; }
   .dshsc-sub-entry .dshsc-btn { height: 24px; padding: 0 9px; font-size: 11.5px; }
+  /* 已装条目的操作列没有动作：破折号占位，保持右对齐与按钮基线一致 */
+  .dshsc-sub-entry .dshsc-noop { color: var(--dsw-alias-label-tertiary); font-size: 11.5px; line-height: 24px; padding-right: 9px; }
   /* 设置页的真实宽度常常远小于窗口（侧栏 + 页面缩放），视口 media query 不可靠；
      以 .dshsc-root 自身宽度为准，窄面板时切两列，避免固定列把 Agent 标签挤成竖排。
-     断点取 860 而不是贴着面板常见的 ~900：三列网格需要 300 + 268 + 2×14 gap + 中间列，
+     断点取 860 而不是贴着面板常见的 ~900：四列网格需要 280 + 150 + 操作列 + 3×14 gap + 中间列，
      860 已经够用；留出 ~40px 余量后，滚动条（5~15px）、窗口微调、页面缩放都不会把整页翻面。 */
   @container dshsc (max-width: 860px) {
     .dshsc-search input { width: 180px; }
-    .dshsc-row { grid-template-columns: minmax(0, 1fr) 196px; row-gap: 3px; padding: 9px 12px; }
-    .dshsc-cell { grid-column: 1; }
-    .dshsc-agents { grid-column: 1; }
-    .dshsc-row .dshsc-actions { grid-column: 2; grid-row: 1 / span 2; }
+    .dshsc-row { grid-template-columns: minmax(0, 1fr) 102px; row-gap: 3px; padding: 9px 12px; }
+    .dshsc-cell { grid-column: 1; grid-row: 1; }
+    .dshsc-agents { grid-column: 1; grid-row: 2; }
+    .dshsc-policy { grid-column: 2; grid-row: 1; justify-content: flex-end; }
+    .dshsc-row .dshsc-actions { grid-column: 2; grid-row: 2; }
     .dshsc-row .dshsc-btn { padding: 0 5px; }
+    .dshsc-listhead { grid-template-columns: minmax(0, 1fr) 102px; padding: 7px 12px; }
+    .dshsc-listhead .dshsc-hagents, .dshsc-listhead .dshsc-hpolicy { display: none; }
+    .dshsc-listhead .dshsc-col-wide { display: none; }
+    .dshsc-listhead .dshsc-col-narrow { display: inline; }
+    /* 订阅表头收成「仓库 / 操作」，Ref 与条目数移到仓库名下 */
+    .dshsc-subhead { grid-template-columns: minmax(0, 1fr) auto; }
+    .dshsc-subhead .dshsc-href, .dshsc-subhead .dshsc-hcount { display: none; }
+    .dshsc-sub-row { grid-template-columns: minmax(0, 1fr) auto; row-gap: 2px; padding: 8px 12px; }
+    .dshsc-sub-repo { grid-column: 1; grid-row: 1; }
+    .dshsc-sub-meta { display: flex; align-items: center; gap: 8px; min-width: 0; grid-column: 1; grid-row: 2; }
+    .dshsc-sub-row .dshsc-actions { grid-column: 2; grid-row: 1 / span 2; }
+    /* 展开条目：状态 / 操作两列收窄，技能名仍吃剩余宽度 */
+    .dshsc-entryhead, .dshsc-sub-entry { grid-template-columns: minmax(0, 1fr) 96px 78px; }
   }
   .dshsc-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
 
-  /* 与 DSH 自带开关同尺寸/同 token：关是 border-l3 轨道，开是 brand-primary 轨道 */
-  .dshsc-switch { box-sizing: border-box; position: relative; flex: none; width: 36px; height: 20px; padding: 2px;
-    border: 0; border-radius: 999px; background: var(--dsw-alias-border-l3); cursor: pointer;
-    transition: background .14s ease; }
-  .dshsc-switch:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
-  .dshsc-switch:disabled { cursor: not-allowed; opacity: .5; }
-  .dshsc-switch[aria-checked="true"] { background: var(--dsw-alias-brand-primary); }
-  .dshsc-knob { display: block; width: 16px; height: 16px; border-radius: 50%;
-    background: var(--dsw-alias-switch-thumb); box-shadow: 0 1px 2px rgba(0, 0, 0, .28);
-    transition: transform .12s ease, background .12s ease; }
-  .dshsc-switch[aria-checked="true"] .dshsc-knob { transform: translateX(16px); background: var(--dsw-alias-label-primary-foreground); }
+  /* 调用策略 chip：一个入口显示当前模式；点开三档弹层。窄列里允许省略，不撑破 102px */
+  .dshsc-chip { box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; max-width: 100%;
+    height: 24px; padding: 0 9px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 999px;
+    background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-secondary); font-family: inherit;
+    font-size: 11.5px; font-weight: 500; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+    cursor: pointer; transition: background .12s ease, border-color .12s ease; }
+  .dshsc-chip::before { content: ''; flex: none; width: 6px; height: 6px; border-radius: 50%;
+    background: currentColor; opacity: .9; }
+  .dshsc-chip:hover:not(:disabled) { background: var(--dsw-alias-bg-layer-2); border-color: var(--dsw-alias-border-l3); }
+  .dshsc-chip:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
+  .dshsc-chip:disabled { cursor: not-allowed; opacity: .55; }
+  .dshsc-chip.auto { color: var(--dsw-alias-state-success-primary);
+    border-color: color-mix(in srgb, var(--dsw-alias-state-success-primary) 34%, var(--dsw-alias-border-l2));
+    background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 9%, transparent); }
+  .dshsc-chip.manual { color: var(--dsw-alias-brand-primary);
+    border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 40%, var(--dsw-alias-border-l2));
+    background: color-mix(in srgb, var(--dsw-alias-brand-primary) 9%, transparent); }
+  .dshsc-chip.hidden { color: var(--dsw-alias-label-secondary); background: var(--dsw-alias-bg-layer-2); }
+  .dshsc-chip.author, .dshsc-chip.drift { color: var(--dsw-alias-state-warn-primary);
+    border-color: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 34%, var(--dsw-alias-border-l2));
+    background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent); }
+  .dshsc-chip.legacy { color: var(--dsw-alias-label-tertiary); background: var(--dsw-alias-bg-layer-2); }
+  .dshsc-chip.muted { color: var(--dsw-alias-label-tertiary); cursor: default; opacity: .8; }
+
+  .dshsc-policy-pop { position: fixed; z-index: 70; box-sizing: border-box; width: min(380px, calc(100vw - 16px));
+    max-height: min(600px, calc(100vh - 16px)); overflow: auto; padding: 14px;
+    background: var(--dsw-alias-bg-base); border: 1px solid var(--dsw-alias-border-l1); border-radius: 14px;
+    box-shadow: 0 18px 48px rgba(0,0,0,.32), 0 2px 8px rgba(0,0,0,.16);
+    display: flex; flex-direction: column; gap: 10px; }
+  .dshsc-policy-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
+  .dshsc-policy-title { font-size: 13px; font-weight: 600; color: var(--dsw-alias-label-primary); }
+  .dshsc-policy-sub { margin: 2px 0 0; font-size: 11px; line-height: 16px; color: var(--dsw-alias-label-tertiary); }
+  .dshsc-policy-close { flex: none; width: 24px; height: 24px; margin: -4px -4px 0 0; border: 0; border-radius: 6px;
+    background: transparent; color: var(--dsw-alias-label-secondary); font-size: 18px; line-height: 1; cursor: pointer; }
+  .dshsc-policy-close:hover { background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-primary); }
+  .dshsc-policy-options { display: flex; flex-direction: column; gap: 6px; }
+  .dshsc-policyopt { box-sizing: border-box; display: flex; align-items: flex-start; gap: 10px; width: 100%;
+    padding: 9px 10px; text-align: left; border: 1px solid var(--dsw-alias-border-l1); border-radius: 9px;
+    background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-primary); font-family: inherit; cursor: pointer; }
+  .dshsc-policyopt:hover:not(:disabled) { background: var(--dsw-alias-bg-layer-2); border-color: var(--dsw-alias-border-l2); }
+  .dshsc-policyopt.active { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 55%, var(--dsw-alias-border-l1));
+    background: color-mix(in srgb, var(--dsw-alias-brand-primary) 7%, transparent); }
+  .dshsc-policyopt:disabled { cursor: not-allowed; opacity: .55; }
+  .dshsc-policyopt.static { cursor: default; }
+  .dshsc-policyopt-dot { flex: none; width: 14px; height: 14px; margin-top: 1px; border-radius: 50%;
+    border: 1.5px solid var(--dsw-alias-border-l3); }
+  .dshsc-policyopt.active .dshsc-policyopt-dot { border-color: var(--dsw-alias-brand-primary);
+    background: radial-gradient(circle, var(--dsw-alias-brand-primary) 0 40%, transparent 47%); }
+  .dshsc-policyopt-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+  .dshsc-policyopt-body b { font-size: 12px; font-weight: 600; }
+  .dshsc-policyopt-body small { font-size: 11px; line-height: 15px; color: var(--dsw-alias-label-tertiary); }
+  .dshsc-policy-note { padding: 7px 9px; border-radius: 8px; background: var(--dsw-alias-bg-layer-2);
+    color: var(--dsw-alias-label-secondary); font-size: 11px; line-height: 15px; }
+  .dshsc-policy-note.warn, .dshsc-policy-note.author { color: var(--dsw-alias-state-warn-primary);
+    background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 9%, transparent); }
+  .dshsc-policy-hidden { display: flex; flex-direction: column; gap: 8px; }
+  .dshsc-policy-restore { align-self: flex-start; }
+  .dshsc-policy-foot { display: flex; justify-content: flex-end; gap: 6px; }
+  .dshsc-policy-confirm { display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 9px;
+    border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 34%, var(--dsw-alias-border-l1));
+    background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 7%, transparent); }
+  .dshsc-policy-confirm b { font-size: 12px; }
+  .dshsc-policy-confirm p { margin: 0; font-size: 11px; line-height: 16px; color: var(--dsw-alias-label-secondary); }
 
   .dshsc-overlay { position: fixed; inset: 0; background: rgba(4,6,9,.55); display: flex; align-items: center; justify-content: center;
     z-index: 60; padding: 20px; backdrop-filter: blur(2px); }
@@ -1338,6 +1647,26 @@ var CSS = `
   .dshsc-info-sec dd { margin: 0; color: var(--dsw-alias-label-primary); overflow-wrap: anywhere; }
   .dshsc-info-sec dd.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
 
+  /* 列表行的 ✨ 介绍入口：只占一个小胶囊，不改变行高与列宽 */
+  .dshsc-intro-btn { flex: none; display: inline-flex; align-items: center; gap: 3px;
+    height: 19px; padding: 0 7px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 999px;
+    background: transparent; color: var(--dsw-alias-label-tertiary); font: inherit; font-size: 11px;
+    line-height: 1; cursor: pointer; white-space: nowrap; }
+  .dshsc-intro-btn:hover { color: var(--dsw-alias-label-primary); border-color: var(--dsw-alias-border-l3);
+    background: var(--dsw-alias-bg-layer-1); }
+  .dshsc-intro-btn:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
+  .dshsc-intro-btn .dshsc-spark { font-size: 10px; color: var(--dsw-alias-brand-primary); }
+
+  /* 介绍浮层：复用 policy 浮层的外壳（fixed + portal），只调内容排版 */
+  .dshsc-intro-pop { width: min(360px, calc(100vw - 16px)); gap: 7px; }
+  .dshsc-intro-text { margin: 0; font-size: 12.5px; line-height: 1.7; color: var(--dsw-alias-label-primary);
+    white-space: pre-wrap; overflow-wrap: anywhere; }
+  .dshsc-intro-note { margin: 0; font-size: 12px; line-height: 1.6; color: var(--dsw-alias-label-tertiary); }
+  .dshsc-intro-meta { margin: 0; font-size: 11px; line-height: 15px; color: var(--dsw-alias-label-tertiary); }
+  .dshsc-intro-stale { margin: 0; font-size: 11px; line-height: 15px; color: var(--dsw-alias-state-warn-primary); }
+  .dshsc-intro-error { margin: 0; font-size: 11.5px; line-height: 16px; color: var(--dsw-alias-state-error-primary); }
+  .dshsc-intro-foot { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 3px; }
+
   /* 正文排版：只用 token，不写死深浅色 */
   .dshsc-md { font-size: 13.5px; line-height: 1.72; color: var(--dsw-alias-label-primary); }
   .dshsc-md-h { margin: 20px 0 8px; line-height: 1.35; font-weight: 650; letter-spacing: -.008em; }
@@ -1465,6 +1794,34 @@ function useSkillActions({ t, rows, reload, run, setBusy, setToast, setModal })
     const mode = row.enabled === false ? "on" : "off";
     await run(`mode:${row.name}`, () => apiCall("POST", `/skills/${encodeURIComponent(row.name)}/mode`, { mode }));
   }
+  async function setInvocation(row, mode) {
+    await run(`invocation:${row.name}`, async () => {
+      const result = await apiCall("POST", `/skills/${encodeURIComponent(row.name)}/invocation`, { mode });
+      const saved = mode === "hidden" ? t("policy.savedHidden") : mode === "manual" ? t("policy.savedManual") : t("policy.savedAuto");
+      setToast({ kind: "ok", text: `${row.name} · ${saved}` });
+      return result;
+    });
+  }
+  async function unpark(row) {
+    await run(`unpark:${row.name}`, async () => {
+      const result = await apiCall("POST", `/skills/${encodeURIComponent(row.name)}/unpark`, {});
+      setToast({
+        kind: result.hashMismatch ? "err" : "ok",
+        text: result.kept ? `${row.name} · ${t("policy.unparkKept").replace("{path}", result.kept)}` : result.hashMismatch ? `${row.name} · ${t("policy.unparkDrift")}` : `${row.name} · ${t("policy.unparkDone")}`
+      });
+      return result;
+    });
+  }
+  function requestUnpark(row) {
+    setModal({
+      type: "confirm-unpark",
+      row,
+      onConfirm: () => {
+        setModal(null);
+        void unpark(row);
+      }
+    });
+  }
   async function updateOne(row, overwrite) {
     await run(`update:${row.name}`, async () => {
       const result = await apiCall("POST", "/updates/apply", { name: row.name, overwrite });
@@ -1592,6 +1949,8 @@ function useSkillActions({ t, rows, reload, run, setBusy, setToast, setModal })
   return {
     adopt,
     toggleMode,
+    setInvocation,
+    requestUnpark,
     requestUpdate,
     updateAll,
     checkUpdates,
@@ -1825,6 +2184,70 @@ function useSkillReader(row) {
   }, []);
   return { state, file, loadFile, retry };
 }
+function useSkillIntro({ name, lang, stamp, enabled = true, endpoint = null }) {
+  const base = endpoint || `/skills/${encodeURIComponent(name)}/intro`;
+  const [state, setState] = import_react2.default.useState({ loading: true, intro: null, capability: null, error: null });
+  const [generating, setGenerating] = import_react2.default.useState(false);
+  const [genError, setGenError] = import_react2.default.useState(null);
+  const seq = import_react2.default.useRef(0);
+  const controller = import_react2.default.useRef(null);
+  import_react2.default.useEffect(() => {
+    if (!name || !enabled) {
+      setState({ loading: false, intro: null, capability: null, error: null });
+      return;
+    }
+    const ticket = seq.current + 1;
+    seq.current = ticket;
+    setState({ loading: true, intro: null, capability: null, error: null });
+    void (async () => {
+      try {
+        const result = await apiCall("GET", `${base}?lang=${encodeURIComponent(lang || "zh")}`);
+        if (ticket !== seq.current) return;
+        setState({ loading: false, intro: result.intro || null, capability: result.capability || null, error: null });
+      } catch (error) {
+        if (ticket !== seq.current) return;
+        setState({
+          loading: false,
+          intro: null,
+          capability: null,
+          error: { code: error?.code || null, message: error?.message || "读取失败" }
+        });
+      }
+    })();
+  }, [name, lang, stamp, enabled, base]);
+  import_react2.default.useEffect(() => () => {
+    if (controller.current) {
+      controller.current.abort();
+      controller.current = null;
+    }
+  }, [name, lang, base]);
+  const generate = import_react2.default.useCallback(async (force = false) => {
+    if (!name) return null;
+    if (controller.current) return null;
+    const ctrl = new AbortController();
+    controller.current = ctrl;
+    setGenerating(true);
+    setGenError(null);
+    try {
+      const result = await apiCall(
+        "POST",
+        base,
+        { lang: lang || "zh", force: Boolean(force) },
+        { signal: ctrl.signal }
+      );
+      setState({ loading: false, intro: result.intro || null, capability: result.capability || null, error: null });
+      return result;
+    } catch (error) {
+      if (error?.name === "AbortError") return null;
+      setGenError({ code: error?.code || null, message: error?.message || "生成失败" });
+      return null;
+    } finally {
+      if (controller.current === ctrl) controller.current = null;
+      setGenerating(false);
+    }
+  }, [name, lang, base]);
+  return { ...state, generating, genError, generate };
+}
 
 // client/views/header.js
 function installSpec(plugin) {
@@ -2017,6 +2440,313 @@ function Toolbar({
   );
 }
 
+// client/views/installed.js
+var import_react5 = __toESM(require("react"), 1);
+
+// client/views/intro-popover.js
+var import_react3 = __toESM(require("react"), 1);
+var ERROR_KEY = {
+  "error.skills.intro-no-model": "intro.error.noModel",
+  "error.skills.intro-rate-limit": "intro.error.rateLimit",
+  "error.skills.intro-quota": "intro.error.rateLimit",
+  "error.skills.intro-too-large": "intro.error.tooLarge",
+  "error.skills.intro-timeout": "intro.error.timeout",
+  "error.skills.intro-auth": "intro.error.auth",
+  "error.skills.intro-empty": "intro.error.empty",
+  "error.skills.intro-busy": "intro.error.busy",
+  "error.skills.intro-source": "intro.error.source",
+  "error.skills.subscription-not-found": "intro.error.subscription",
+  "error.skills.intro-source-timeout": "intro.error.sourceTimeout",
+  "error.skills.intro-no-source": "intro.error.noSource"
+};
+function formatWhen(iso) {
+  if (!iso) return null;
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return null;
+  const pad = (value) => String(value).padStart(2, "0");
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
+}
+function modelLabel(intro) {
+  if (!intro?.model) return "—";
+  return intro.provider ? `${intro.provider}/${intro.model}` : intro.model;
+}
+function IntroPopover({
+  t,
+  name,
+  stamp = "",
+  subtitle = null,
+  endpoint = null,
+  capability,
+  anchor,
+  anchorEl,
+  hint = null,
+  viewLabel = null,
+  onClose,
+  onView = null
+}) {
+  const ref = import_react3.default.useRef(null);
+  const [pos, setPos] = import_react3.default.useState({ left: 0, top: 0, visibility: "hidden" });
+  const enabled = capability?.enabled !== false;
+  const available = capability?.available !== false;
+  const intro = useSkillIntro({
+    name,
+    lang: t.lang || "zh",
+    stamp,
+    enabled,
+    endpoint
+  });
+  useOverlayLayer(true, onClose);
+  import_react3.default.useLayoutEffect(() => {
+    const node = ref.current;
+    if (!node || !anchor || typeof window === "undefined") return;
+    const rect = node.getBoundingClientRect();
+    const width = rect.width || 360;
+    const height = rect.height || 220;
+    let left = anchor.left;
+    left = Math.max(8, Math.min(left, window.innerWidth - width - 8));
+    let top = anchor.bottom + 8;
+    if (top + height > window.innerHeight - 8) {
+      top = Math.max(8, anchor.top - height - 8);
+    }
+    setPos({ left, top, visibility: "visible" });
+  }, [anchor, intro.loading, intro.intro?.text, intro.generating, intro.genError]);
+  import_react3.default.useEffect(() => {
+    if (typeof document === "undefined") return void 0;
+    const onPointerDown = (event) => {
+      const target = event?.target;
+      if (ref.current?.contains?.(target)) return;
+      if (anchorEl?.contains?.(target)) return;
+      onClose();
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    return () => document.removeEventListener("pointerdown", onPointerDown, true);
+  }, [anchorEl, onClose]);
+  const failure = intro.genError || intro.error;
+  const failureKey = failure?.code ? ERROR_KEY[failure.code] || "intro.error.generic" : null;
+  const meta = intro.intro ? t("intro.meta").replace("{model}", modelLabel(intro.intro)).replace("{time}", formatWhen(intro.intro.generatedAt) || "—") : "";
+  const actions = [];
+  if (intro.intro) {
+    actions.push(h("button", {
+      type: "button",
+      key: "regen",
+      className: "dshsc-btn ghost",
+      disabled: intro.generating || !available,
+      onClick: () => {
+        void intro.generate(true);
+      }
+    }, intro.generating ? t("intro.generating") : t("intro.regenerate")));
+    if (onView) {
+      actions.push(h("button", {
+        type: "button",
+        key: "view",
+        className: "dshsc-btn primary",
+        onClick: onView
+      }, viewLabel || t("intro.view")));
+    }
+  } else {
+    actions.push(h("button", {
+      type: "button",
+      key: "gen",
+      className: "dshsc-btn primary",
+      disabled: intro.generating || !available || !enabled,
+      onClick: () => {
+        void intro.generate(false);
+      }
+    }, intro.generating ? t("intro.generating") : t("intro.generate")));
+  }
+  return portalize(h(
+    "div",
+    {
+      ref,
+      className: "dshsc-policy-pop dshsc-intro-pop",
+      role: "dialog",
+      "aria-label": `${t("intro.title")} · ${name}`,
+      style: { left: `${pos.left}px`, top: `${pos.top}px`, visibility: pos.visibility }
+    },
+    h(
+      "div",
+      { className: "dshsc-policy-head" },
+      h(
+        "div",
+        null,
+        h("div", { className: "dshsc-policy-title" }, `✨ ${t("intro.title")}`),
+        h("div", { className: "dshsc-policy-sub", title: subtitle || name }, subtitle || name)
+      ),
+      h("button", {
+        type: "button",
+        className: "dshsc-policy-close",
+        "aria-label": t("action.close"),
+        onClick: onClose
+      }, "×")
+    ),
+    intro.loading ? h("p", { className: "dshsc-intro-note" }, t("intro.loading")) : intro.intro ? h("p", { className: "dshsc-intro-text" }, intro.intro.text) : h("p", { className: "dshsc-intro-note" }, t("intro.empty")),
+    intro.intro?.stale ? h("p", { className: "dshsc-intro-stale" }, t("intro.stale")) : null,
+    failureKey ? h("p", { className: "dshsc-intro-error" }, t(failureKey)) : null,
+    meta ? h("p", { className: "dshsc-intro-meta" }, meta) : null,
+    available && !intro.intro && !intro.loading ? h("p", { className: "dshsc-intro-meta" }, hint || t("intro.hint")) : null,
+    !available ? h("p", { className: "dshsc-intro-error" }, t("intro.unavailable")) : null,
+    h("div", { className: "dshsc-intro-foot" }, actions)
+  ));
+}
+
+// client/views/policy-popover.js
+var import_react4 = __toESM(require("react"), 1);
+function PolicyPopover({ t, row, anchor, anchorEl, busy, onClose, onSave, onUnpark }) {
+  const initial = row.mode === "hidden" ? "auto" : row.mode;
+  const [mode, setMode] = import_react4.default.useState(initial);
+  const [confirming, setConfirming] = import_react4.default.useState(false);
+  const ref = import_react4.default.useRef(null);
+  const [pos, setPos] = import_react4.default.useState({ left: 0, top: 0, visibility: "hidden" });
+  useOverlayLayer(true, onClose);
+  import_react4.default.useLayoutEffect(() => {
+    const node = ref.current;
+    if (!node || !anchor || typeof window === "undefined") return;
+    const rect = node.getBoundingClientRect();
+    const width = rect.width || 360;
+    const height = rect.height || 320;
+    let left = anchor.left + anchor.width / 2 - width / 2;
+    left = Math.max(8, Math.min(left, window.innerWidth - width - 8));
+    let top = anchor.bottom + 8;
+    if (top + height > window.innerHeight - 8) {
+      top = Math.max(8, anchor.top - height - 8);
+    }
+    setPos({ left, top, visibility: "visible" });
+  }, [anchor, confirming, mode]);
+  import_react4.default.useEffect(() => {
+    if (typeof document === "undefined") return void 0;
+    const onPointerDown = (event) => {
+      const target = event?.target;
+      if (ref.current?.contains?.(target)) return;
+      if (anchorEl?.contains?.(target)) return;
+      onClose();
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    return () => document.removeEventListener("pointerdown", onPointerDown, true);
+  }, [anchorEl, onClose]);
+  const hidden = row.mode === "hidden";
+  const author = row.origin === "author" && row.mode === "manual";
+  const flat = row.kind === "file";
+  const dirty = mode !== initial || Boolean(row.legacy) || Boolean(row.drift);
+  function choose(next) {
+    setMode(next);
+    setConfirming(false);
+  }
+  function submit() {
+    if (mode === "hidden" && !hidden && !confirming) {
+      setConfirming(true);
+      return;
+    }
+    onSave(mode);
+  }
+  const option = (id, label, desc) => h(
+    "button",
+    {
+      type: "button",
+      key: `policy-${id}`,
+      className: `dshsc-policyopt${mode === id ? " active" : ""}`,
+      "aria-pressed": String(mode === id),
+      disabled: busy || flat,
+      onClick: () => choose(id)
+    },
+    h("span", { className: "dshsc-policyopt-dot", "aria-hidden": "true" }),
+    h(
+      "span",
+      { className: "dshsc-policyopt-body" },
+      h("b", null, label),
+      h("small", null, desc)
+    )
+  );
+  return portalize(h(
+    "div",
+    {
+      ref,
+      className: "dshsc-policy-pop",
+      role: "dialog",
+      "aria-label": t("policy.title"),
+      style: { left: `${pos.left}px`, top: `${pos.top}px`, visibility: pos.visibility }
+    },
+    h(
+      "div",
+      { className: "dshsc-policy-head" },
+      h(
+        "div",
+        null,
+        h("div", { className: "dshsc-policy-title" }, t("policy.title")),
+        h("div", { className: "dshsc-policy-sub" }, t("policy.subtitle"))
+      ),
+      h("button", {
+        type: "button",
+        className: "dshsc-policy-close",
+        "aria-label": t("action.close"),
+        onClick: onClose
+      }, "×")
+    ),
+    author ? h("div", { className: "dshsc-policy-note author" }, t("policy.authorHint")) : null,
+    row.legacy ? h("div", { className: "dshsc-policy-note" }, t("policy.legacyHint")) : null,
+    row.drift ? h("div", { className: "dshsc-policy-note warn" }, t("policy.driftHint")) : null,
+    hidden ? h(
+      "div",
+      { className: "dshsc-policy-hidden" },
+      h(
+        "div",
+        { className: "dshsc-policyopt active static" },
+        h("span", { className: "dshsc-policyopt-dot" }),
+        h(
+          "span",
+          { className: "dshsc-policyopt-body" },
+          h("b", null, t("policy.hidden")),
+          h("small", null, t("policy.hiddenDesc"))
+        )
+      ),
+      h("button", {
+        type: "button",
+        className: "dshsc-btn primary dshsc-policy-restore",
+        disabled: busy,
+        onClick: onUnpark
+      }, t("policy.unpark")),
+      h("p", { className: "dshsc-policy-sub" }, t("policy.hiddenHint"))
+    ) : h(
+      "div",
+      { className: "dshsc-policy-options" },
+      option("auto", t("policy.auto"), t("policy.autoDesc")),
+      option("manual", t("policy.manual"), t("policy.manualDesc")),
+      option("hidden", t("policy.hidden"), t("policy.hiddenDesc"))
+    ),
+    confirming ? h(
+      "div",
+      { className: "dshsc-policy-confirm" },
+      h("b", null, t("policy.hiddenConfirmTitle")),
+      h("p", null, t("policy.hiddenConfirmBody")),
+      h(
+        "div",
+        { className: "dshsc-policy-foot" },
+        h("button", {
+          type: "button",
+          className: "dshsc-btn ghost",
+          disabled: busy,
+          onClick: () => setConfirming(false)
+        }, t("action.cancel")),
+        h("button", {
+          type: "button",
+          className: "dshsc-btn danger",
+          disabled: busy,
+          onClick: () => onSave("hidden")
+        }, busy ? t("policy.saving") : t("policy.hiddenConfirm"))
+      )
+    ) : h(
+      "div",
+      { className: "dshsc-policy-foot" },
+      h("button", { type: "button", className: "dshsc-btn ghost", onClick: onClose }, t("action.cancel")),
+      hidden ? null : h("button", {
+        type: "button",
+        className: "dshsc-btn primary",
+        disabled: busy || !dirty || flat,
+        onClick: submit
+      }, busy ? t("policy.saving") : t("action.save"))
+    )
+  ), overlayHost());
+}
+
 // client/views/installed.js
 var UPDATABLE = /* @__PURE__ */ new Set(["update-available", "locally-modified", "conflict"]);
 function InstalledTab({
@@ -2036,7 +2766,102 @@ function InstalledTab({
   actions
 }) {
   const updatable = (row) => UPDATABLE.has(row.status);
+  const [policy, setPolicy] = import_react5.default.useState(null);
+  const [intro, setIntro] = import_react5.default.useState(null);
   const sharedTargets = new Set((data?.agents?.detected || []).filter((agent) => agent.kind === "agent" && agent.sharedHome === "yes").map((agent) => agent.target));
+  import_react5.default.useEffect(() => {
+    if (!policy) return;
+    if (rows.some((row) => row.name === policy.row.name)) return;
+    setPolicy(null);
+  }, [policy, rows]);
+  import_react5.default.useEffect(() => {
+    if (!intro) return;
+    if (rows.some((row) => row.name === intro.row.name)) return;
+    setIntro(null);
+  }, [intro, rows]);
+  function openIntro(event, row) {
+    const el = event.currentTarget;
+    const rect = el.getBoundingClientRect();
+    setIntro({
+      row,
+      anchorEl: el,
+      anchor: { left: rect.left, top: rect.top, bottom: rect.bottom, width: rect.width, height: rect.height }
+    });
+  }
+  function openPolicy(event, row) {
+    if (busy !== null || row.kind === "file") return;
+    if (row.mode === "manual" && row.origin === "author") return;
+    const el = event.currentTarget;
+    const rect = el.getBoundingClientRect();
+    setPolicy({
+      row,
+      anchorEl: el,
+      anchor: { left: rect.left, top: rect.top, bottom: rect.bottom, width: rect.width, height: rect.height }
+    });
+  }
+  function policyChip(row) {
+    if (row.status === "unmanaged") {
+      return h("span", { className: "dshsc-chip muted", title: t("adopt.switchHint") }, t("policy.unmanaged"));
+    }
+    if (row.kind === "file") {
+      return h("span", { className: "dshsc-chip muted", title: t("policy.flat") }, t("policy.flat"));
+    }
+    const mode = row.mode || "auto";
+    if (mode === "hidden") {
+      return h("button", {
+        type: "button",
+        className: "dshsc-chip hidden",
+        disabled: busy !== null,
+        title: t("policy.hiddenHint"),
+        "aria-haspopup": "dialog",
+        onClick: (event) => openPolicy(event, row)
+      }, t("policy.hidden"));
+    }
+    if (mode === "manual" && row.origin === "author") {
+      return h("span", {
+        className: "dshsc-chip author",
+        title: t("policy.authorHint")
+      }, t("policy.author"));
+    }
+    if (row.drift) {
+      return h("button", {
+        type: "button",
+        className: "dshsc-chip drift",
+        disabled: busy !== null,
+        title: t("policy.driftHint"),
+        "aria-haspopup": "dialog",
+        onClick: (event) => openPolicy(event, row)
+      }, t("policy.drift"));
+    }
+    if (row.legacy === "dsh-off") {
+      return h("button", {
+        type: "button",
+        className: "dshsc-chip legacy",
+        disabled: busy !== null,
+        title: t("policy.legacyHint"),
+        "aria-haspopup": "dialog",
+        onClick: (event) => openPolicy(event, row)
+      }, t("policy.legacy"));
+    }
+    if (mode === "manual") {
+      return h("button", {
+        type: "button",
+        className: "dshsc-chip manual",
+        disabled: busy !== null,
+        title: t("policy.manualOnlyHint"),
+        "aria-haspopup": "dialog",
+        onClick: (event) => openPolicy(event, row)
+      }, t("policy.manual"));
+    }
+    return h("button", {
+      type: "button",
+      className: "dshsc-chip auto",
+      disabled: busy !== null,
+      title: t("policy.open"),
+      "aria-haspopup": "dialog",
+      onClick: (event) => openPolicy(event, row)
+    }, t("policy.auto"));
+  }
   function statusTag(row) {
     if (row.status === "unknown") return null;
     if (row.status === "no-upstream") {
@@ -2104,9 +2929,32 @@ function InstalledTab({
     }
     return chips;
   }
+  function headView() {
+    return h(
+      "div",
+      { className: "dshsc-listhead" },
+      h(
+        "div",
+        { className: "dshsc-hskill" },
+        h("span", { className: "dshsc-col-wide" }, t("column.skill")),
+        h("span", { className: "dshsc-col-narrow" }, t("column.skillAgents"))
+      ),
+      h("div", { className: "dshsc-hagents" }, t("column.agents")),
+      h("div", { className: "dshsc-hpolicy" }, t("column.policy")),
+      h(
+        "div",
+        { className: "dshsc-hactions" },
+        h("span", { className: "dshsc-col-wide" }, t("column.actions")),
+        h("span", { className: "dshsc-col-narrow" }, t("column.policyActions"))
+      )
+    );
+  }
+  function listView(listRows) {
+    return h("div", { className: "dshsc-list" }, headView(), listRows);
+  }
   function rowView(row) {
-    const off = row.enabled === false;
-    const tracked = row.status !== "unmanaged";
+    const parked = row.mode === "hidden";
+    const off = parked || row.enabled === false;
     const canUpdate = writable && updatable(row);
     const hidden = !off && !row.visible;
     const manualOnly = hidden && Boolean(row.visibility?.selfHidden);
@@ -2133,18 +2981,25 @@ function InstalledTab({
             "aria-haspopup": "dialog",
             onClick: () => actions.onView(row)
           }, row.name),
-          statusTag(row),
-          manualOnly ? h("span", {
-            className: "dshsc-tag off",
-            title: t("visibility.manualOnlyHint"),
-            "aria-label": t("visibility.manualOnlyHint")
-          }, t("meta.manualOnly")) : null,
-          off ? h("span", { className: "dshsc-tag off" }, t("status.off")) : null
+          data?.intro ? h(
+            "button",
+            {
+              type: "button",
+              className: "dshsc-intro-btn",
+              title: t("intro.open"),
+              "aria-haspopup": "dialog",
+              onClick: (event) => openIntro(event, row)
+            },
+            h("span", { className: "dshsc-spark", "aria-hidden": "true" }, "✨"),
+            t("intro.button")
+          ) : null,
+          statusTag(row)
         ),
         sourceLine(row),
-        off ? h("div", { className: "dshsc-note" }, t("mode.offHint")) : null,
-        // manual-only 用名字旁的「仅手动」标志表达，不占一行警告；
-        // 被更靠前的同名副本盖住时由下面的 foreignWinner 点名，这里不再补「扫描目录里没有它」。
+        parked ? h("div", { className: "dshsc-note" }, t("policy.hiddenNote")) : row.legacy === "dsh-off" ? h("div", { className: "dshsc-note" }, t("policy.legacyNote")) : null,
+        row.origin === "author" && row.mode === "manual" ? h("div", { className: "dshsc-note" }, t("policy.authorNote")) : null,
+        row.drift ? h("div", { className: "dshsc-note warn" }, t("policy.driftNote")) : null,
+        // 仅手动用行内 chip 表达；被更靠前的同名副本盖住时由下面的 foreignWinner 点名。
         hidden && !manualOnly && row.visibility?.winnerIsCanonical !== false ? h("div", { className: "dshsc-note warn" }, t("visibility.hiddenHint")) : null,
         row.visibility?.shadowScopeMismatch ? h("div", { className: "dshsc-note warn" }, t("visibility.scopeMismatch")) : null,
         // 同名副本在更小的 rank 上：模型看到的不是这一份，必须点名路径
@@ -2156,53 +3011,79 @@ function InstalledTab({
         row.status === "broken-link" ? h("div", { className: "dshsc-note warn" }, t("status.brokenHint")) : null
       ),
       h("div", { className: "dshsc-agents" }, agentChips(row)),
+      h("div", { className: "dshsc-policy" }, policyChip(row)),
       h(
         "div",
         { className: "dshsc-actions" },
-        h("button", {
-          className: "dshsc-switch",
-          role: "switch",
-          "aria-checked": String(tracked && row.enabled !== false),
-          "aria-label": `${row.name} ${t("mode.on")}/${t("mode.off")}`,
-          // 未纳入追踪时调 setMode 只会报「没有安装记录」，不如直接禁用
-          disabled: busy !== null || !tracked,
-          onClick: () => void actions.onToggleMode(row),
-          title: tracked ? row.enabled !== false ? t("mode.off") : t("mode.on") : t("adopt.switchHint")
-        }, h("span", { className: "dshsc-knob" })),
-        h("button", {
-          className: "dshsc-btn ghost dshsc-view",
-          disabled: busy !== null,
-          "aria-haspopup": "dialog",
-          title: t("action.view"),
-          onClick: () => actions.onView(row)
-        }, h(EyeIcon, { size: 12 }), t("action.view")),
-        row.status === "unmanaged" ? h("button", {
-          className: "dshsc-btn ghost",
-          disabled: !writable || busy !== null,
-          title: row.source ? row.source : t("meta.none"),
-          onClick: () => void actions.onAdopt(row)
-        }, t("action.adopt")) : h("button", {
-          className: `dshsc-btn ghost${canUpdate ? " dshsc-update" : ""}`,
-          disabled: !canUpdate || busy !== null,
-          onClick: () => actions.onUpdate(row)
-        }, t("action.update")),
-        h("button", { className: "dshsc-btn ghost", disabled: busy !== null, onClick: () => actions.onExports(row) }, t("action.exports")),
-        h("button", {
-          className: "dshsc-btn ghost danger sq",
-          disabled: !writable || busy !== null,
-          title: t("action.delete"),
-          "aria-label": `${t("action.delete")} ${row.name}`,
-          onClick: () => actions.onDelete(row)
-        }, h(TrashIcon, { size: 13 }))
+        parked ? [
+          h("button", {
+            key: "restore",
+            className: "dshsc-btn ghost sq dshsc-restore",
+            disabled: !writable || busy !== null,
+            title: t("policy.unpark"),
+            "aria-label": `${t("policy.unpark")} ${row.name}`,
+            onClick: () => actions.onRequestUnpark(row)
+          }, h(RefreshIcon, { size: 13 })),
+          h("button", {
+            key: "delete",
+            className: "dshsc-btn ghost danger sq",
+            disabled: !writable || busy !== null,
+            title: t("action.delete"),
+            "aria-label": `${t("action.delete")} ${row.name}`,
+            onClick: () => actions.onDelete(row)
+          }, h(TrashIcon, { size: 13 }))
+        ] : [
+          h("button", {
+            key: "view",
+            className: "dshsc-btn ghost sq dshsc-view",
+            disabled: busy !== null,
+            "aria-haspopup": "dialog",
+            title: t("action.view"),
+            "aria-label": `${t("action.view")} ${row.name}`,
+            onClick: () => actions.onView(row)
+          }, h(EyeIcon, { size: 13 })),
+          row.status === "unmanaged" ? h("button", {
+            key: "adopt",
+            className: "dshsc-btn ghost",
+            disabled: !writable || busy !== null,
+            title: row.source ? row.source : t("meta.none"),
+            onClick: () => void actions.onAdopt(row)
+          }, t("action.adopt")) : h("button", {
+            key: "update",
+            className: `dshsc-btn ghost sq${canUpdate ? " dshsc-update" : ""}`,
+            disabled: !canUpdate || busy !== null,
+            title: t("action.update"),
+            "aria-label": `${t("action.update")} ${row.name}`,
+            onClick: () => actions.onUpdate(row)
+          }, h(DownloadIcon, { size: 13 })),
+          h("button", {
+            key: "exports",
+            className: "dshsc-btn ghost sq",
+            disabled: busy !== null,
+            title: t("action.exports"),
+            "aria-label": `${t("action.exports")} ${row.name}`,
+            onClick: () => actions.onExports(row)
+          }, h(ShareIcon, { size: 13 })),
+          h("button", {
+            key: "delete",
+            className: "dshsc-btn ghost danger sq",
+            disabled: !writable || busy !== null,
+            title: t("action.delete"),
+            "aria-label": `${t("action.delete")} ${row.name}`,
+            onClick: () => actions.onDelete(row)
+          }, h(TrashIcon, { size: 13 }))
+        ]
       )
     );
   }
   function groupedRows() {
     const groups = [];
-    const visibleGroup = visibleRows.filter((row) => row.enabled !== false && row.visible);
-    const offRows = visibleRows.filter((row) => row.enabled === false);
-    const hiddenRows = visibleRows.filter((row) => row.enabled !== false && !row.visible);
-    groups.push({ key: "visible", title: t("group.visible"), rows: visibleGroup, dot: true });
+    const visibleGroup = visibleRows.filter((row) => row.mode === "auto" && row.enabled !== false && row.visible);
+    const manualRows = visibleRows.filter((row) => row.mode === "manual");
+    const offRows = visibleRows.filter((row) => row.mode === "hidden" || row.enabled === false);
+    const hiddenRows = visibleRows.filter((row) => row.mode === "auto" && row.enabled !== false && !row.visible);
+    if (visibleGroup.length) groups.push({ key: "visible", title: t("group.visible"), rows: visibleGroup, dot: true });
+    if (manualRows.length) groups.push({ key: "manual", title: t("group.manual"), rows: manualRows });
     if (offRows.length) groups.push({ key: "off", title: t("group.off"), rows: offRows });
     if (hiddenRows.length) groups.push({ key: "hidden", title: t("group.hidden"), rows: hiddenRows });
     for (const agent of data?.agents?.detected || []) {
@@ -2225,6 +3106,7 @@ function InstalledTab({
     }, dot, h("span", null, label), h("span", { className: "n" }, counts[id]));
   }
   function listBar() {
+    const updateDot = counts.update > 0 ? h("i", { className: "dshsc-fdot" }) : null;
     return h(
       "div",
       { className: "dshsc-listbar" },
@@ -2232,8 +3114,9 @@ function InstalledTab({
         "div",
         { className: "dshsc-filters" },
         filterChip("all", t("filter.all")),
-        filterChip("update", t("filter.update"), h("i", { className: "dshsc-fdot" })),
+        filterChip("update", t("filter.update"), updateDot),
         filterChip("unknown", t("filter.unknown")),
+        filterChip("manual", t("filter.manual")),
         filterChip("off", t("filter.off"))
       ),
       h(
@@ -2344,8 +3227,8 @@ function InstalledTab({
         h("span", null, group.title),
         h("span", { className: "n" }, group.rows.length)
       ),
-      h("div", { className: "dshsc-list" }, group.rows.map(rowView))
-    ))) : h("div", { className: "dshsc-list" }, visibleRows.map(rowView));
+      listView(group.rows.map(rowView))
+    ))) : listView(visibleRows.map(rowView));
     return h(
       "div",
       { className: "dshsc-tabpane" },
@@ -2359,7 +3242,39 @@ function InstalledTab({
       )
     );
   }
-  return content();
+  const introPopover = intro && data?.intro ? h(IntroPopover, {
+    t,
+    name: intro.row.name,
+    stamp: [intro.row.commit || "", intro.row.currentHash || "", intro.row.updatedAt || "", intro.row.status || ""].join("|"),
+    anchor: intro.anchor,
+    anchorEl: intro.anchorEl,
+    capability: data.intro,
+    onClose: () => setIntro(null),
+    onView: () => {
+      const target = intro.row;
+      setIntro(null);
+      actions.onView(target);
+    }
+  }) : null;
+  const popover = policy ? h(PolicyPopover, {
+    t,
+    row: policy.row,
+    anchor: policy.anchor,
+    anchorEl: policy.anchorEl,
+    busy: busy !== null,
+    onClose: () => setPolicy(null),
+    onSave: (mode) => {
+      const target = policy.row;
+      setPolicy(null);
+      void actions.onSetInvocation(target, mode);
+    },
+    onUnpark: () => {
+      const target = policy.row;
+      setPolicy(null);
+      actions.onRequestUnpark(target);
+    }
+  }) : null;
+  return h(import_react5.default.Fragment, null, content(), popover, introPopover);
 }
 
 // client/views/agent-tip.js
@@ -2394,6 +3309,14 @@ function AgentTip({ t, agentTip, agentTipPos, nodeRef }) {
 }
 
 // client/views/subscriptions.js
+var import_react6 = __toESM(require("react"), 1);
+function repoOf(source) {
+  const value = String(source || "").trim().toLowerCase().replace(/\.git$/, "");
+  return value || null;
+}
+function shortCommit(value) {
+  return typeof value === "string" ? value.slice(0, 7) : "";
+}
 function SubscriptionsTab({
   t,
   subscriptions,
@@ -2401,12 +3324,72 @@ function SubscriptionsTab({
   expanded,
   busy,
   writable,
+  capability = null,
   onToggle,
   onRefresh,
   onDelete,
   onInstall,
   onAdd
 }) {
+  const [intro, setIntro] = import_react6.default.useState(null);
+  import_react6.default.useEffect(() => {
+    if (!intro) return;
+    const subscription = subscriptions.find((item) => item.id === intro.subscriptionId);
+    const entries = subscription?.snapshot?.entries || [];
+    if (entries.some((entry) => entry.name === intro.name)) return;
+    setIntro(null);
+  }, [intro, subscriptions]);
+  function openIntro(event, subscription, entry) {
+    const el = event.currentTarget;
+    const rect = el.getBoundingClientRect();
+    setIntro({
+      subscriptionId: subscription.id,
+      name: entry.name,
+      anchorEl: el,
+      anchor: { left: rect.left, top: rect.top, bottom: rect.bottom, width: rect.width, height: rect.height }
+    });
+  }
+  function introButton(subscription, entry) {
+    return h(
+      "button",
+      {
+        type: "button",
+        className: "dshsc-intro-btn",
+        title: t("intro.open"),
+        "aria-haspopup": "dialog",
+        onClick: (clickEvent) => openIntro(clickEvent, subscription, entry)
+      },
+      h("span", { className: "dshsc-spark", "aria-hidden": "true" }, "✨"),
+      t("intro.button")
+    );
+  }
+  const introSubscription = intro ? subscriptions.find((item) => item.id === intro.subscriptionId) || null : null;
+  const introEntry = introSubscription ? (introSubscription.snapshot?.entries || []).find((entry) => entry.name === intro.name) || null : null;
+  const introPopover = intro && introEntry && capability ? (() => {
+    const commit = introSubscription.snapshot?.commit || "";
+    const installedAlready = rows.some((row) => {
+      if (row.name !== introEntry.name) return false;
+      if (row.subscriptionId === introSubscription.id) return true;
+      return repoOf(row.source) === repoOf(introSubscription.source);
+    });
+    return h(IntroPopover, {
+      t,
+      name: introEntry.name,
+      stamp: commit,
+      subtitle: `${introSubscription.source}@${shortCommit(commit)}`,
+      endpoint: `/subscriptions/${encodeURIComponent(introSubscription.id)}/entries/${encodeURIComponent(introEntry.name)}/intro`,
+      capability,
+      anchor: intro.anchor,
+      anchorEl: intro.anchorEl,
+      hint: t("intro.hintRemote").replace("{source}", introSubscription.source).replace("{commit}", shortCommit(commit) || "—"),
+      viewLabel: t("action.install"),
+      onView: installedAlready ? null : () => {
+        setIntro(null);
+        void onInstall(introSubscription, introEntry);
+      },
+      onClose: () => setIntro(null)
+    });
+  })() : null;
   if (subscriptions.length === 0) {
     return h(
       "div",
@@ -2429,81 +3412,133 @@ function SubscriptionsTab({
     );
   }
   return h(
-    "div",
-    { className: "dshsc-tabpane" },
+    import_react6.default.Fragment,
+    null,
     h(
       "div",
-      { className: "dshsc-listscroll" },
-      h("div", { className: "dshsc-list" }, subscriptions.map((subscription) => {
-        const entries = subscription.snapshot?.entries || [];
-        const installedNames = new Set(rows.filter((row) => row.subscriptionId === subscription.id).map((row) => row.name));
-        const open = Boolean(expanded[subscription.id]);
-        return h(
+      { className: "dshsc-tabpane" },
+      // 表头与仓库行共用同一个滚动容器，位置 sticky；宽屏 4 列，窄屏收成「仓库」/「操作」。
+      h(
+        "div",
+        { className: "dshsc-listscroll dshsc-subscroll" },
+        h(
           "div",
-          { className: "dshsc-sub-block", key: subscription.id },
-          h(
+          { className: "dshsc-subhead" },
+          h("div", { className: "dshsc-hrepo" }, t("column.repo")),
+          h("div", { className: "dshsc-href" }, t("column.ref")),
+          h("div", { className: "dshsc-hcount" }, t("column.entries")),
+          h("div", { className: "dshsc-hact" }, t("column.actions"))
+        ),
+        subscriptions.map((subscription) => {
+          const entries = subscription.snapshot?.entries || [];
+          const repo = repoOf(subscription.source);
+          const rowsByName = new Map(rows.map((row) => [row.name, row]));
+          const installedRow = (name) => {
+            const row = rowsByName.get(name);
+            if (!row) return null;
+            if (row.subscriptionId === subscription.id) return row;
+            return repo && repoOf(row.source) === repo ? row : null;
+          };
+          const installedCount = entries.filter((entry) => installedRow(entry.name)).length;
+          const open = Boolean(expanded[subscription.id]);
+          return h(
             "div",
-            { className: "dshsc-sub-row" },
-            h("button", {
-              className: "dshsc-caret",
-              "aria-expanded": String(open),
-              "aria-label": `${subscription.source} ${open ? t("action.collapse") : t("action.expand")}`,
-              onClick: () => onToggle(subscription.id)
-            }, h(CaretIcon, { open })),
-            h("span", { className: "dshsc-name" }, subscription.source),
-            h("span", { className: "dshsc-tag" }, subscription.ref || t("subscription.defaultRef")),
-            h(
-              "span",
-              { className: "dshsc-substat" },
-              `${entries.length} ${t("skillCount")} · ${t("installed")} ${installedNames.size}`
-            ),
+            { className: "dshsc-sub-block", key: subscription.id },
             h(
               "div",
-              { className: "dshsc-actions" },
-              h("button", {
-                className: "dshsc-btn sq",
-                disabled: busy !== null,
-                title: t("action.checkUpdates"),
-                "aria-label": `${t("action.checkUpdates")} ${subscription.source}`,
-                onClick: () => void onRefresh(subscription)
-              }, h(RefreshIcon, { size: 13 })),
-              h("button", { className: "dshsc-btn ghost danger", disabled: busy !== null, onClick: () => void onDelete(subscription) }, t("action.unsubscribe"))
-            )
-          ),
-          open ? h("div", { className: "dshsc-sub-list" }, entries.map((entry) => {
-            const installedAlready = installedNames.has(entry.name);
-            return h(
-              "div",
-              { className: "dshsc-sub-entry", key: entry.name },
-              h("span", { className: "dshsc-name" }, entry.name),
+              { className: "dshsc-sub-row" },
               h(
-                "span",
-                { className: `dshsc-state${installedAlready ? " ok" : ""}` },
-                installedAlready ? "✓ " : "",
-                installedAlready ? t("installed") : t("notInstalled")
+                "div",
+                { className: "dshsc-sub-repo" },
+                h("button", {
+                  className: "dshsc-caret",
+                  "aria-expanded": String(open),
+                  "aria-label": `${subscription.source} ${open ? t("action.collapse") : t("action.expand")}`,
+                  onClick: () => onToggle(subscription.id)
+                }, h(CaretIcon, { open })),
+                h("span", { className: "dshsc-name" }, subscription.source)
+              ),
+              // 宽屏铺成 Ref / 条目两列；窄屏回到仓库名下方一行。
+              h(
+                "div",
+                { className: "dshsc-sub-meta" },
+                h("span", { className: "dshsc-tag dshsc-subref" }, subscription.ref || t("subscription.defaultRef")),
+                h(
+                  "span",
+                  { className: "dshsc-substat" },
+                  `${entries.length} ${t("skillCount")} · ${t("installed")} ${installedCount}`
+                )
               ),
               h(
                 "div",
                 { className: "dshsc-actions" },
-                installedAlready ? null : h("button", {
-                  className: "dshsc-btn",
-                  disabled: !writable || busy !== null,
-                  onClick: () => void onInstall(subscription, entry)
-                }, t("action.install"))
+                h("button", {
+                  className: "dshsc-btn sq",
+                  disabled: busy !== null,
+                  title: t("action.checkUpdates"),
+                  "aria-label": `${t("action.checkUpdates")} ${subscription.source}`,
+                  onClick: () => void onRefresh(subscription)
+                }, h(RefreshIcon, { size: 13 })),
+                h("button", { className: "dshsc-btn ghost danger", disabled: busy !== null, onClick: () => void onDelete(subscription) }, t("action.unsubscribe"))
               )
-            );
-          })) : null
-        );
-      }))
-    )
+            ),
+            open ? h(
+              "div",
+              { className: "dshsc-sub-list" },
+              h(
+                "div",
+                { className: "dshsc-entryhead" },
+                h("div", null, t("column.skill")),
+                h("div", null, t("column.status")),
+                h("div", { className: "right" }, t("column.actions"))
+              ),
+              entries.map((entry) => {
+                const installedAlready = Boolean(installedRow(entry.name));
+                return h(
+                  "div",
+                  { className: "dshsc-sub-entry", key: entry.name },
+                  h(
+                    "div",
+                    { className: "dshsc-sub-skill" },
+                    h(
+                      "div",
+                      { className: "dshsc-sub-namerow" },
+                      h("span", { className: "dshsc-name" }, entry.name),
+                      capability ? introButton(subscription, entry) : null
+                    ),
+                    entry.description ? h("div", { className: "dshsc-sub-desc", title: entry.description }, entry.description) : null
+                  ),
+                  h(
+                    "span",
+                    { className: `dshsc-state${installedAlready ? " ok" : ""}` },
+                    installedAlready ? "✓ " : "",
+                    installedAlready ? t("installed") : t("notInstalled")
+                  ),
+                  h(
+                    "div",
+                    { className: "dshsc-actions" },
+                    installedAlready ? h("span", { className: "dshsc-noop" }, "-") : h("button", {
+                      className: "dshsc-btn",
+                      disabled: !writable || busy !== null,
+                      onClick: () => void onInstall(subscription, entry)
+                    }, t("action.install"))
+                  )
+                );
+              })
+            ) : null
+          );
+        })
+      )
+    ),
+    introPopover
   );
 }
 
 // client/views/modals.js
-var import_react4 = __toESM(require("react"), 1);
+var import_react8 = __toESM(require("react"), 1);
 
 // client/views/add-skill.js
-var import_react3 = __toESM(require("react"), 1);
+var import_react7 = __toESM(require("react"), 1);
 
 // client/views/overlay.js
 function Overlay({ t, title, children, footer, onCancel }) {
@@ -2533,13 +3568,13 @@ function Overlay({ t, title, children, footer, onCancel }) {
 
 // client/views/add-skill.js
 function AddSkillModal({ t, onCancel, onProbe, onInstall }) {
-  const [source, setSource] = import_react3.default.useState("");
-  const [phase, setPhase] = import_react3.default.useState("idle");
-  const [options, setOptions] = import_react3.default.useState([]);
-  const [selected, setSelected] = import_react3.default.useState(() => /* @__PURE__ */ new Set());
-  const [manual, setManual] = import_react3.default.useState("");
-  const [skipped, setSkipped] = import_react3.default.useState(0);
-  const [error, setError] = import_react3.default.useState(null);
+  const [source, setSource] = import_react7.default.useState("");
+  const [phase, setPhase] = import_react7.default.useState("idle");
+  const [options, setOptions] = import_react7.default.useState([]);
+  const [selected, setSelected] = import_react7.default.useState(() => /* @__PURE__ */ new Set());
+  const [manual, setManual] = import_react7.default.useState("");
+  const [skipped, setSkipped] = import_react7.default.useState(0);
+  const [error, setError] = import_react7.default.useState(null);
   const reset = (value) => {
     setSource(value);
     setPhase("idle");
@@ -2675,7 +3710,7 @@ function AddSkillModal({ t, onCancel, onProbe, onInstall }) {
 
 // client/views/modals.js
 function FormModal({ t, title, hint, fields, onCancel, onSubmit }) {
-  const [form, setForm] = import_react4.default.useState(() => Object.fromEntries(fields.map((field) => [field.key, ""])));
+  const [form, setForm] = import_react8.default.useState(() => Object.fromEntries(fields.map((field) => [field.key, ""])));
   const incomplete = fields.some(
     (field) => field.required !== false && !String(form[field.key] || "").trim()
   );
@@ -2723,7 +3758,7 @@ function ExportsModal({ t, row, agents, onCancel, onSave }) {
   const candidates = agents.filter(
     (agent) => agent.kind === "agent" && agent.exists && agent.exportable
   );
-  const [targets, setTargets] = import_react4.default.useState(() => {
+  const [targets, setTargets] = import_react8.default.useState(() => {
     const available = new Set(candidates.map((agent) => agent.target));
     return new Set((row.exports || []).map((item) => item.target).filter((target) => available.has(target)));
   });
@@ -2765,7 +3800,7 @@ function ExportsModal({ t, row, agents, onCancel, onSave }) {
   );
 }
 function DefaultExportModal({ t, settings, agents, onCancel, onSave }) {
-  const [targets, setTargets] = import_react4.default.useState(() => new Set(
+  const [targets, setTargets] = import_react8.default.useState(() => new Set(
     Array.isArray(settings.exportTargets) ? settings.exportTargets : []
   ));
   const toggle = (target) => setTargets((prev) => {
@@ -2844,6 +3879,17 @@ function Modals({ t, modal, data, autoLinkAgents, actions, onClose, onSaveAutoLi
       onSave: (targets) => void onSaveAutoLink(targets)
     });
   }
+  if (modal.type === "confirm-unpark") {
+    const previous = modal.row?.park?.previousMode === "manual" ? t("policy.manual") : t("policy.auto");
+    return h(ConfirmModal, {
+      t,
+      title: t("policy.unparkTitle"),
+      body: t("policy.unparkBody").replace("{mode}", previous),
+      confirmLabel: t("policy.unpark"),
+      onCancel: onClose,
+      onConfirm: modal.onConfirm
+    });
+  }
   if (modal.type === "confirm-delete") {
     return h(ConfirmModal, {
       t,
@@ -2883,7 +3929,7 @@ ${conflicts.map((item) => `${item.label}: ${item.linkPath}`).join("\n")}`,
 }
 
 // client/views/skill-reader.js
-var import_react5 = __toESM(require("react"), 1);
+var import_react9 = __toESM(require("react"), 1);
 
 // client/markdown.js
 function classifyHref(href) {
@@ -3319,7 +4365,7 @@ function formatBytes(bytes) {
   if (value < 1024 * 1024) return `${(value / 1024).toFixed(value < 10 * 1024 ? 1 : 0)} KB`;
   return `${(value / (1024 * 1024)).toFixed(1)} MB`;
 }
-function formatWhen(iso) {
+function formatWhen2(iso) {
   if (!iso) return null;
   const date = new Date(iso);
   if (Number.isNaN(date.getTime())) return null;
@@ -3379,37 +4425,37 @@ function SkillReader({
   onToast
 }) {
   const { state, file, loadFile, retry } = useSkillReader(row);
-  const [tab, setTab] = import_react5.default.useState(initialTab);
-  const [format, setFormat] = import_react5.default.useState("rendered");
-  const [docOverride, setDocOverride] = import_react5.default.useState(null);
-  const [fileFormat, setFileFormat] = import_react5.default.useState("rendered");
-  const [tocActive, setTocActive] = import_react5.default.useState(null);
-  const [descOpen, setDescOpen] = import_react5.default.useState(false);
-  const [descClamped, setDescClamped] = import_react5.default.useState(false);
-  const bodyRef = import_react5.default.useRef(null);
-  const dialogRef = import_react5.default.useRef(null);
-  const descRef = import_react5.default.useRef(null);
-  const scrollRef = import_react5.default.useRef(0);
-  useOverlayLayer(variant === "drawer" || variant === "page", onClose);
   const name = row?.name || "";
+  const [tab, setTab] = import_react9.default.useState(initialTab);
+  const [format, setFormat] = import_react9.default.useState("rendered");
+  const [docOverride, setDocOverride] = import_react9.default.useState(null);
+  const [fileFormat, setFileFormat] = import_react9.default.useState("rendered");
+  const [tocActive, setTocActive] = import_react9.default.useState(null);
+  const [descOpen, setDescOpen] = import_react9.default.useState(false);
+  const [descClamped, setDescClamped] = import_react9.default.useState(false);
+  const bodyRef = import_react9.default.useRef(null);
+  const dialogRef = import_react9.default.useRef(null);
+  const descRef = import_react9.default.useRef(null);
+  const scrollRef = import_react9.default.useRef(0);
+  useOverlayLayer(variant === "drawer" || variant === "page", onClose);
   const tree = state.tree;
   const files = tree?.files || [];
   const fileCount = files.filter((entry) => entry.kind === "file").length;
   const bodyText = docOverride ? docOverride.content : state.body?.content || "";
   const description = row?.description || state.body?.meta?.description || "";
   const headings = tab === "doc" && bodyText ? parseCached(bodyText).headings : [];
-  import_react5.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     setDocOverride(null);
     scrollRef.current = 0;
   }, [name]);
-  const descOwnerRef = import_react5.default.useRef(name);
-  import_react5.default.useEffect(() => {
+  const descOwnerRef = import_react9.default.useRef(name);
+  import_react9.default.useEffect(() => {
     if (descOwnerRef.current === name) return;
     descOwnerRef.current = name;
     setDescOpen(false);
     setDescClamped(false);
   }, [name]);
-  import_react5.default.useLayoutEffect(() => {
+  import_react9.default.useLayoutEffect(() => {
     const node = descRef.current;
     if (!node) return void 0;
     const measure = () => {
@@ -3431,16 +4477,16 @@ function SkillReader({
       window.removeEventListener("resize", measure);
     };
   }, [description, descOpen]);
-  import_react5.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     if (!initialFile) return;
     setTab("files");
     void loadFile(initialFile);
   }, [initialFile, loadFile]);
-  import_react5.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     const node = bodyRef.current;
     if (node && scrollRef.current) node.scrollTop = scrollRef.current;
   });
-  import_react5.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     if (variant !== "drawer" || typeof document === "undefined") return void 0;
     const previous = document.activeElement;
     const node = dialogRef.current;
@@ -3467,12 +4513,12 @@ function SkillReader({
       previous?.focus?.();
     };
   }, [variant, onClose]);
-  import_react5.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     if (variant !== "page" || typeof document === "undefined") return;
     const node = document.getElementById("dshsc-reader-name");
     node?.focus?.();
   }, [variant, name]);
-  import_react5.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     if (variant !== "page" || typeof window === "undefined") return void 0;
     const node = bodyRef.current;
     if (!node?.querySelectorAll) return void 0;
@@ -3568,7 +4614,7 @@ function SkillReader({
         h("span", { className: "dshsc-code" }, row?.source ? `${row.source}${row.commit ? `#${short(row.commit)}` : row.ref ? `#${row.ref}` : ""}` : t("meta.noUpstream"))
       ),
       tree ? h("span", null, t("viewer.fileCount").replace("{n}", String(fileCount))) : null,
-      row?.updatedAt ? h("span", null, formatWhen(row.updatedAt)) : null
+      row?.updatedAt ? h("span", null, formatWhen2(row.updatedAt)) : null
     )
   );
   const tabsBar = h(
@@ -3785,8 +4831,8 @@ function SkillReader({
       ["viewer.info.hash", hash ? h("span", { className: "mono" }, hash) : t("viewer.info.none"), "mono"]
     ];
     const localRows = [
-      ["viewer.info.installedAt", formatWhen(row?.installedAt) || t("viewer.info.none")],
-      ["viewer.info.updatedAt", formatWhen(row?.updatedAt) || t("viewer.info.none")],
+      ["viewer.info.installedAt", formatWhen2(row?.installedAt) || t("viewer.info.none")],
+      ["viewer.info.updatedAt", formatWhen2(row?.updatedAt) || t("viewer.info.none")],
       ["viewer.info.size", tree ? `${formatBytes(tree.totalBytes)} · ${t("viewer.fileCount").replace("{n}", String(fileCount))}` : t("viewer.info.none")],
       ["viewer.info.localChange", row?.status === "locally-modified" || row?.status === "conflict" ? t("viewer.info.localChangeYes") : t("viewer.info.localChangeNone")]
     ];
@@ -3910,19 +4956,19 @@ function SkillReader({
 var UPDATABLE2 = /* @__PURE__ */ new Set(["update-available", "locally-modified", "conflict"]);
 function Section({ t, page = false, pickDirectory, onPlacementChange }) {
   const { data, error, busy, toast, setToast, setBusy, reload, run } = useSkillsData();
-  const [tab, setTab] = import_react6.default.useState("installed");
-  const [view, setView] = import_react6.default.useState("flat");
-  const [modal, setModal] = import_react6.default.useState(null);
-  const [expanded, setExpanded] = import_react6.default.useState({});
-  const [placementBusy, setPlacementBusy] = import_react6.default.useState(null);
-  const [placementOverride, setPlacementOverride] = import_react6.default.useState(null);
-  const [query, setQuery] = import_react6.default.useState("");
-  const [viewer, setViewer] = import_react6.default.useState(null);
-  const rootRef = import_react6.default.useRef(null);
-  const scrollPos = import_react6.default.useRef(null);
-  const restoreScroll = import_react6.default.useRef(null);
-  const [filter, setFilter] = import_react6.default.useState("all");
-  const [builtinOpen, setBuiltinOpen] = import_react6.default.useState(false);
+  const [tab, setTab] = import_react10.default.useState("installed");
+  const [view, setView] = import_react10.default.useState("flat");
+  const [modal, setModal] = import_react10.default.useState(null);
+  const [expanded, setExpanded] = import_react10.default.useState({});
+  const [placementBusy, setPlacementBusy] = import_react10.default.useState(null);
+  const [placementOverride, setPlacementOverride] = import_react10.default.useState(null);
+  const [query, setQuery] = import_react10.default.useState("");
+  const [viewer, setViewer] = import_react10.default.useState(null);
+  const rootRef = import_react10.default.useRef(null);
+  const scrollPos = import_react10.default.useRef(null);
+  const restoreScroll = import_react10.default.useRef(null);
+  const [filter, setFilter] = import_react10.default.useState("all");
+  const [builtinOpen, setBuiltinOpen] = import_react10.default.useState(false);
   const { settingsOpen, settingsRef, settingsPlacement, closeSettings, toggleSettings } = useSettingsPopover();
   const { agentTip, agentTipPos, agentTipRef, openAgentTip, closeAgentTip } = useAgentTip();
   const rows = data?.installs || [];
@@ -3932,18 +4978,20 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
   const updateCount = rows.filter(updatable).length;
   const bulkCount = rows.filter((row) => row.status === "update-available").length;
   const unknownCount = rows.filter((row) => row.status === "unknown").length;
-  const offCount = rows.filter((row) => row.enabled === false).length;
-  const counts = { all: rows.length, update: updateCount, unknown: unknownCount, off: offCount };
+  const offCount = rows.filter((row) => row.mode === "hidden" || row.enabled === false).length;
+  const manualCount = rows.filter((row) => row.mode === "manual").length;
+  const counts = { all: rows.length, update: updateCount, unknown: unknownCount, manual: manualCount, off: offCount };
   const queryText = query.trim().toLowerCase();
   const visibleRows = rows.filter((row) => {
     if (filter === "update" && !updatable(row)) return false;
     if (filter === "unknown" && row.status !== "unknown") return false;
-    if (filter === "off" && row.enabled !== false) return false;
+    if (filter === "manual" && row.mode !== "manual") return false;
+    if (filter === "off" && row.mode !== "hidden" && row.enabled !== false) return false;
     if (!queryText) return true;
     const agentLabels = row.exports.map((item) => item.label);
     return [row.name, row.source || "", ...agentLabels].join(" ").toLowerCase().includes(queryText);
   });
-  import_react6.default.useEffect(() => {
+  import_react10.default.useEffect(() => {
     if (!viewer || !data) return;
     if (rows.some((row) => row.name === viewer.name)) return;
     setViewer(null);
@@ -3977,7 +5025,7 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
     if (viewer?.mode === "page") restoreScroll.current = scrollPos.current;
     setViewer(null);
   }
-  import_react6.default.useLayoutEffect(() => {
+  import_react10.default.useLayoutEffect(() => {
     if (restoreScroll.current === null) return;
     const target = restoreScroll.current;
     restoreScroll.current = null;
@@ -4006,6 +5054,8 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
     onView: (row) => openViewer(row),
     onAdopt: actions.adopt,
     onToggleMode: actions.toggleMode,
+    onSetInvocation: actions.setInvocation,
+    onRequestUnpark: actions.requestUnpark,
     onUpdate: actions.requestUpdate,
     onDelete: actions.requestDelete,
     onExports: (row) => setModal({ type: "exports", row }),
@@ -4044,7 +5094,7 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
     onToast: (next) => setToast(next)
   }) : null;
   const listNode = h(
-    import_react6.default.Fragment,
+    import_react10.default.Fragment,
     null,
     h(Header, {
       t,
@@ -4102,6 +5152,7 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
       expanded,
       busy,
       writable,
+      capability: data?.intro || null,
       ...subscriptionActions
     }),
     busy ? h("div", { className: "dshsc-meta" }, `${t("busy.working")} ${busy}`) : null