@morehao/dsh-skills-console 0.3.7 → 0.4.0

package/client.js

@@ -86,18 +86,19 @@ var DICT = {
     "action.unsubscribe": "取消订阅",
     "action.view": "查看",
     "action.hide": "收起",
-    "action.links": "接入设置",
+    "action.exports": "导出设置",
     "action.install": "安装",
     "action.expand": "展开",
     "action.collapse": "收起",
     "action.adopt": "接管",
     "action.save": "保存",
     "action.cancel": "取消",
+    "action.close": "关闭",
     "action.choose": "选择目录",
     "action.retry": "重新加载",
     "view.flat": "平铺",
     "view.agent": "按 Agent",
-    autoLink: "自动接入",
+    exportDefault: "新安装时自动导出",
     "settings.title": "插件设置",
     "placement.label": "侧边栏入口",
     "placement.effect": "切换后立即生效",
@@ -123,23 +124,20 @@ var DICT = {
     "toast.checked": "检查完成",
     "mode.on": "启用",
     "mode.off": "停用",
-    "mode.offHint": "停用中：DSH 看不到它，但已接入的其他 Agent 照常可用",
-    "links.dshGlobal": "dsh（全局）",
-    "links.required": "必选",
-    "links.scope": "在 DSH 里的作用范围",
-    "links.scopeGlobal": "全局（默认）",
-    "links.scopeProjects": "仅以下项目",
-    "links.targets": "接入到哪些 Agent",
-    "links.detectedHint": "只显示本机已安装（目录存在）的 Agent；已删除的会从列表消失，旧接入记录保留但不展示。",
-    "links.canonical": "技能本体：{path}；下面列的是各 Agent 的接入目录（软链目标）。",
-    "links.workspaces": "DSH 工作区",
-    "links.noWorkspaces": "还没有 DSH 工作区，可以点下面「选择其他目录」",
-    "links.pickDirectory": "选择其他目录…",
-    "links.selected": "其他已选目录",
-    "links.hint": "保存后按勾选建立或移除接入；技能本体保留在原位置，不会移动。",
-    "autoLink.detected": "安装后自动接入",
-    "autoLink.none": "本机没有检测到其他 Agent",
-    "autoLink.hint": "列表里的「dsh（全局）」固定勾选、不能取消；这里只影响之后安装时的自动接入，已安装的技能请在「接入设置」里改。",
+    "mode.offHint": "已停用：DSH 的模型调用与 `/` 手动调用都看不到它；技能文件、导出关系与其他 Agent 都不受影响",
+    "visibility.hiddenHint": "已启用，但扫描目录里没有它：确认 ~/.agents/skills 下真有这个技能，或检查 DSH_AGENTS_HOME。",
+    "visibility.manualOnlyHint": "该技能自己声明了 `disable-model-invocation`：模型调用看不到它，手动 `/` 调用仍可用。",
+    "visibility.scopeMismatch": "当前有另一份同名技能排在前面（项目或用户目录）；停用只影响 canonical，不会隐藏它。",
+    "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，且只影响之后的安装。",
     "empty.skills": "还没有安装任何技能",
     "empty.skillsHint": "在终端跑 `npx skills add owner/repo`，或点右上角「添加技能」",
     "empty.subs": "还没有添加订阅",
@@ -167,17 +165,19 @@ var DICT = {
     "form.subHint": "只记录你关注这个仓库，不会安装任何技能。",
     "subscription.defaultRef": "默认分支",
     "confirm.deleteTitle": "删除技能",
-    "confirm.deleteBody": "会从本机移除，断开本插件建立的软链并调 skills CLI 卸载；目录先备份到回收站（保留 7 天）。不会删除你的源仓库。",
+    "confirm.deleteBody": "会从本机移除，断开本插件建立的软链并删除 canonical / lock 条目；目录先备份到回收站（保留 7 天）。不会删除你的源仓库。",
     "confirm.updateTitle": "本地有改动",
     "confirm.updateBody": "更新会覆盖这些本地改动；旧内容已备份，可回滚。",
     "error.conflictTitle": "删除被拦截",
     "busy.working": "处理中…",
     "meta.from": "来自",
     "meta.noUpstream": "无远端来源 · 不检测更新",
-    "meta.unlinked": "未接入任何 Agent",
-    "meta.scope": "范围",
-    "meta.onlyProject": "仅",
-    "meta.agentsAll": "已接入的 Agent",
+    "meta.noExport": "未导出",
+    "meta.noExportHint": "没有给不支持共享根的 Agent 建导出链；直读 ~/.agents/skills 的 Agent 装好即见，无需导出。",
+    "meta.modelVisible": "模型可见",
+    "meta.modelHidden": "模型不可见",
+    "meta.manualOnly": "仅手动",
+    "meta.agentsAll": "已导出的 Agent",
     "meta.none": "无",
     "filter.all": "全部",
     "filter.update": "可更新",
@@ -189,16 +189,15 @@ var DICT = {
     "empty.filtered": "没有匹配的技能",
     "empty.filteredHint": "换个关键词，或清除筛选条件",
     "hint.unknown": "还有 {n} 个技能未检查更新。",
-    "group.dshGlobal": "DSH · 全局",
-    "group.dshProject": "DSH · 仅特定项目",
+    "group.visible": "模型可见",
     "group.off": "已停用",
-    "group.unlinked": "未接入 Agent",
+    "group.hidden": "启用但不可见",
     installed: "已安装",
     notInstalled: "未安装",
     skillCount: "个技能",
     visibleOnly: "模型可见，但不在本地技能库",
-    visibleOnlyOther: "DSH 能看到，但不在 ~/.agents/skills",
-    visibleOnlyBuiltin: "本插件仅管理 ~/.agents/skills 下的技能，DSH 内置技能不在管理范围内",
+    visibleOnlyOther: "模型能看到，但不在 ~/.agents/skills",
+    visibleOnlyBuiltin: "本插件仅管理 ~/.agents/skills 下的技能，内置技能不在管理范围内",
     "builtin.view": "查看内置技能（{n}）",
     "builtin.hide": "收起内置技能",
     external: "非本插件创建",
@@ -250,10 +249,8 @@ var DICT = {
     "viewer.info.localChangeNone": "无（与安装时一致）",
     "viewer.info.localChangeYes": "有本地改动",
     "viewer.info.links": "接入",
-    "viewer.info.agents": "Agent",
-    "viewer.info.scope": "范围",
-    "viewer.info.scopeGlobal": "全局",
-    "viewer.info.scopeProject": "仅项目",
+    "viewer.info.exported": "已导出",
+    "viewer.info.visibility": "可见性",
     "viewer.info.mode": "状态",
     "viewer.info.status": "更新",
     "viewer.info.none": "无"
@@ -273,18 +270,19 @@ var DICT = {
     "action.unsubscribe": "Unsubscribe",
     "action.view": "View",
     "action.hide": "Hide",
-    "action.links": "Link settings",
+    "action.exports": "Export settings",
     "action.install": "Install",
     "action.expand": "Expand",
     "action.collapse": "Collapse",
     "action.adopt": "Adopt",
     "action.save": "Save",
     "action.cancel": "Cancel",
+    "action.close": "Close",
     "action.choose": "Choose folder",
     "action.retry": "Reload",
     "view.flat": "Flat",
     "view.agent": "By agent",
-    "autoLink": "Auto-link",
+    "exportDefault": "Auto-export on install",
     "settings.title": "Plugin settings",
     "placement.label": "Sidebar entry",
     "placement.effect": "Applies immediately",
@@ -309,23 +307,20 @@ var DICT = {
     "toast.checked": "Checked",
     "mode.on": "Enabled",
     "mode.off": "Disabled",
-    "mode.offHint": "Disabled: DSH cannot see it, other linked agents still can",
-    "links.dshGlobal": "dsh (global)",
-    "links.required": "required",
-    "links.scope": "Scope inside DSH",
-    "links.scopeGlobal": "Global (default)",
-    "links.scopeProjects": "Only these projects",
-    "links.targets": "Link to agents",
-    "links.detectedHint": "Only installed agents are listed; deleted agents disappear but their old link records are kept and hidden.",
-    "links.canonical": "Skill source: {path}; the entries below are each agent's link target.",
-    "links.workspaces": "DSH workspaces",
-    "links.noWorkspaces": 'No DSH workspaces yet; use "Choose another folder" below',
-    "links.pickDirectory": "Choose another folder…",
-    "links.selected": "Other selected folders",
-    "links.hint": "Saving only adds or removes links; the skill itself stays where it is.",
-    "autoLink.detected": "Auto-link after install",
-    "autoLink.none": "No other agents detected on this machine",
-    "autoLink.hint": 'The "dsh (global)" entry is always checked and cannot be unchecked; this only affects future installs. Change existing skills under "Link settings".',
+    "mode.offHint": "Disabled for DSH’s model and `/` calls; the skill files, exports, and other agents are untouched",
+    "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.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.",
     "empty.skills": "No skills installed yet",
     "empty.skillsHint": 'Run `npx skills add owner/repo` or use "Add skill".',
     "empty.subs": "No subscriptions yet",
@@ -353,17 +348,19 @@ var DICT = {
     "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 calls skills remove. A snapshot stays in trash for 7 days. Your source repo is untouched.",
+    "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.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.unlinked": "not linked to any agent",
-    "meta.scope": "scope",
-    "meta.onlyProject": "only",
-    "meta.agentsAll": "Connected agents",
+    "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.modelVisible": "visible to the model",
+    "meta.modelHidden": "hidden from the model",
+    "meta.manualOnly": "Manual only",
+    "meta.agentsAll": "Exported agents",
     "meta.none": "none",
     "filter.all": "All",
     "filter.update": "Updates",
@@ -375,16 +372,15 @@ var DICT = {
     "empty.filtered": "No matching skills",
     "empty.filteredHint": "Try another keyword, or clear the filters",
     "hint.unknown": "{n} skills have not been checked for updates.",
-    "group.dshGlobal": "DSH · global",
-    "group.dshProject": "DSH · project only",
+    "group.visible": "Model visible",
     "group.off": "Disabled",
-    "group.unlinked": "Not linked",
+    "group.hidden": "Enabled but hidden",
     installed: "installed",
     notInstalled: "not installed",
     skillCount: "skills",
     visibleOnly: "Visible to the model but not in the local skill library",
-    visibleOnlyOther: "DSH can see these, but they are not under ~/.agents/skills",
-    visibleOnlyBuiltin: "This plugin only manages skills under ~/.agents/skills; DSH built-in skills are out of scope",
+    visibleOnlyOther: "The model can see these, but they are not under ~/.agents/skills",
+    visibleOnlyBuiltin: "This plugin only manages skills under ~/.agents/skills; built-in skills are out of scope",
     "builtin.view": "View built-ins ({n})",
     "builtin.hide": "Hide built-ins",
     external: "created outside this plugin",
@@ -437,10 +433,8 @@ var DICT = {
     "viewer.info.localChangeNone": "None (matches install)",
     "viewer.info.localChangeYes": "Modified locally",
     "viewer.info.links": "Linked",
-    "viewer.info.agents": "Agents",
-    "viewer.info.scope": "Scope",
-    "viewer.info.scopeGlobal": "Global",
-    "viewer.info.scopeProject": "Project only",
+    "viewer.info.exported": "Exported",
+    "viewer.info.visibility": "Visibility",
     "viewer.info.mode": "State",
     "viewer.info.status": "Updates",
     "viewer.info.none": "None"
@@ -848,7 +842,26 @@ function FolderIcon({ size = 12 }) {
 }
 
 // client/section.js
-var import_react5 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"), 1);
+
+// client/scroll.js
+function isScroller(node, tolerance = 4) {
+  if (!node || typeof getComputedStyle !== "function") return false;
+  const style = getComputedStyle(node);
+  return Boolean(style && /(auto|scroll)/.test(style.overflowY || "") && node.scrollHeight > node.clientHeight + tolerance);
+}
+function nearestScroller(node, tolerance = 4) {
+  let current = node?.parentElement || null;
+  while (current) {
+    if (isScroller(current, tolerance)) return current;
+    current = current.parentElement || null;
+  }
+  return typeof document !== "undefined" ? document.scrollingElement || null : null;
+}
+function scrollHost(node, tolerance = 4) {
+  if (isScroller(node, tolerance)) return node;
+  return node && nearestScroller(node, tolerance) || node;
+}
 
 // client/styles.js
 var CSS = `
@@ -1004,6 +1017,10 @@ var CSS = `
   .dshsc-row.off { opacity: .7; }
   .dshsc-cell { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
   .dshsc-namerow { display: flex; align-items: center; gap: 7px; min-width: 0; }
+  /* 可见性状态点：中性表达（实心=模型可见，空心=模型不可见），不绑定任何 Agent 身份 */
+  .dshsc-vdot { flex: none; width: 6px; height: 6px; border-radius: 50%; box-sizing: border-box;
+    background: var(--dsw-alias-state-success-primary); opacity: .75; }
+  .dshsc-vdot.hidden { background: transparent; border: 1px solid var(--dsw-alias-label-tertiary); opacity: .9; }
   .dshsc-name { font-size: 13px; font-weight: 600; letter-spacing: -.005em; min-width: 0;
     white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
   /* 技能名本身是查看入口：清掉 button 默认外观，保留 hover 下划线提示可点 */
@@ -1029,9 +1046,6 @@ var CSS = `
   .dshsc-agent { display: inline-flex; align-items: center; gap: 5px; flex: none; height: 20px; padding: 0 7px;
     border: 1px solid var(--dsw-alias-border-l1); border-radius: 6px; color: var(--dsw-alias-label-secondary);
     background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 55%, transparent); font-size: 11px; white-space: nowrap; }
-  .dshsc-agent.dsh { color: var(--dsw-alias-brand-primary); border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 30%, var(--dsw-alias-border-l1));
-    background: color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent); }
-  .dshsc-agent .dshsc-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .8; }
   .dshsc-agent.more, .dshsc-agent.scope { border-style: dashed; background: transparent; color: var(--dsw-alias-label-tertiary); }
   .dshsc-agent.more { margin: 0; font: inherit; font-size: 11px; line-height: 1; cursor: pointer;
     -webkit-appearance: none; appearance: none; }
@@ -1267,8 +1281,9 @@ var CSS = `
     color: var(--dsw-alias-label-secondary); line-height: 1.6; }
   .dshsc-reader-placeholder b { color: var(--dsw-alias-label-primary); font-size: 13px; }
 
-  /* 文件 tab：左树右预览；抽屉里上下排 */
-  .dshsc-reader-files { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
+  /* 文件 tab：抽屉里上下排；整页（宽容器）左树右预览 */
+  .dshsc-reader-files { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
+  .dshsc-reader-page .dshsc-reader-files { grid-template-columns: minmax(200px, 240px) minmax(0, 1fr); }
   .dshsc-reader-tree { border: 1px solid var(--dsw-alias-border-l1); border-radius: 10px; overflow: auto;
     max-height: 300px; background: var(--dsw-alias-bg-layer-1); }
   .dshsc-reader-preview { border: 1px solid var(--dsw-alias-border-l1); border-radius: 10px; overflow: hidden;
@@ -1386,8 +1401,11 @@ var CSS = `
     background: var(--dsw-alias-bg-layer-1); }
   .dshsc-reader-hero .dshsc-reader-head { border-bottom: 0; }
   .dshsc-reader-hero .dshsc-reader-desc { -webkit-line-clamp: 3; max-width: 78ch; }
-  .dshsc-reader-layout { flex: 1; min-height: 0; display: grid; grid-template-columns: 180px minmax(0, 1fr);
+  .dshsc-reader-layout { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr);
     gap: 18px; align-items: stretch; }
+  /* 只有目录真的在的时候才开第二轨：否则唯一的正文列会被自动摆进 180px 的目录轨，
+     文件 / 信息 tab 会窄成一条（树里的文件名被截断、预览挤到下面）。 */
+  .dshsc-reader-layout.has-toc { grid-template-columns: 180px minmax(0, 1fr); }
   .dshsc-reader-toc { position: sticky; top: 0; display: flex; flex-direction: column; gap: 1px;
     max-height: 70vh; overflow: auto; padding-right: 4px; }
   .dshsc-reader-toc-title { font-size: 10.5px; letter-spacing: .05em; text-transform: uppercase;
@@ -1413,11 +1431,20 @@ var CSS = `
   @container dshsc (max-width: 860px) {
     /* 行内「查看」先让位：技能名本身仍是入口 */
     .dshsc-row .dshsc-view { display: none; }
-    .dshsc-reader-layout { grid-template-columns: minmax(0, 1fr); }
+    .dshsc-reader-layout.has-toc { grid-template-columns: minmax(0, 1fr); }
+    .dshsc-reader-page .dshsc-reader-files { grid-template-columns: minmax(0, 1fr); }
     .dshsc-reader-toc { display: none; }
     .dshsc-reader-page .dshsc-reader-desc { -webkit-line-clamp: 2; }
   }
 
+  /* 描述默认按行数截断；真被截断时下面给「展开 / 收起」，所以要压在上面所有 clamp 规则之后 */
+  .dshsc-reader-descblock { display: flex; flex-direction: column; align-items: flex-start; }
+  .dshsc-reader-desc.expanded { display: block; overflow: visible; -webkit-line-clamp: unset; }
+  .dshsc-reader-more { margin-top: 3px; padding: 0; border: 0; border-radius: 4px; background: transparent;
+    color: var(--dsw-alias-brand-primary); font: inherit; font-size: 11.5px; line-height: 1.6; cursor: pointer; }
+  .dshsc-reader-more:hover { text-decoration: underline; }
+  .dshsc-reader-more:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
+
   .dshsc-toast { position: fixed; right: 18px; bottom: 18px; z-index: 70; font-size: 12px; padding: 10px 13px; border-radius: 9px;
     background: var(--dsw-alias-bg-layer-3); color: var(--dsw-alias-label-primary); border: 1px solid var(--dsw-alias-border-l2);
     box-shadow: 0 8px 24px rgba(0,0,0,.22); max-width: 420px; }
@@ -1435,7 +1462,7 @@ function useSkillActions({ t, rows, reload, run, setBusy, setToast, setModal })
     });
   }
   async function toggleMode(row) {
-    const mode = row.mode === "on" ? "off" : "on";
+    const mode = row.enabled === false ? "on" : "off";
     await run(`mode:${row.name}`, () => apiCall("POST", `/skills/${encodeURIComponent(row.name)}/mode`, { mode }));
   }
   async function updateOne(row, overwrite) {
@@ -1498,17 +1525,20 @@ function useSkillActions({ t, rows, reload, run, setBusy, setToast, setModal })
       }
     });
   }
-  async function saveLinks(row, targets, scopeProjects) {
-    const current = new Set(row.links.map((link) => link.target));
-    const desired = new Set(scopeProjects.length > 0 ? targets.filter((target) => target !== "dsh-global") : targets);
+  async function saveExports(row, targets) {
+    const current = new Set(row.exports.map((item) => item.target));
+    const desired = new Set(targets);
     const toRemove = [...current].filter((target) => !desired.has(target));
-    await run(`links:${row.name}`, async () => {
+    const toAdd = [...desired].filter((target) => !current.has(target));
+    await run(`exports:${row.name}`, async () => {
       if (toRemove.length > 0) {
-        await apiCall("POST", "/links", { skill: row.name, targets: toRemove, action: "remove" });
+        await apiCall("POST", "/exports", { skill: row.name, targets: toRemove, action: "remove" });
+      }
+      if (toAdd.length > 0) {
+        await apiCall("POST", "/exports", { skill: row.name, targets: toAdd, action: "add" });
       }
-      await apiCall("POST", "/links", { skill: row.name, targets: [...desired], action: "add", scopeProjects });
     });
-    setToast({ kind: "ok", text: `${row.name} · ${t("action.links")} ✓` });
+    setToast({ kind: "ok", text: `${row.name} · ${t("action.exports")} ✓` });
   }
   function requestAddSkill() {
     setModal({ type: "add-skill" });
@@ -1566,7 +1596,7 @@ function useSkillActions({ t, rows, reload, run, setBusy, setToast, setModal })
     updateAll,
     checkUpdates,
     requestDelete,
-    saveLinks,
+    saveExports,
     requestAddSkill,
     requestAddSubscription,
     probeSkills,
@@ -1913,10 +1943,10 @@ function Header({
       h("button", {
         className: "dshsc-btn",
         disabled: !writable,
-        title: `${t("autoLink")}：${autoLinkLabel}`,
-        "aria-label": `${t("autoLink")}：${autoLinkLabel}`,
+        title: `${t("exportDefault")}：${autoLinkLabel}`,
+        "aria-label": `${t("exportDefault")}：${autoLinkLabel}`,
         onClick: onOpenAutoLink
-      }, `${t("autoLink")} · ${autoLinkCount} ▾`),
+      }, `${t("exportDefault")} · ${autoLinkCount} ▾`),
       h("button", {
         className: "dshsc-btn primary",
         disabled: !writable,
@@ -2006,6 +2036,7 @@ function InstalledTab({
   actions
 }) {
   const updatable = (row) => UPDATABLE.has(row.status);
+  const sharedTargets = new Set((data?.agents?.detected || []).filter((agent) => agent.kind === "agent" && agent.sharedHome === "yes").map((agent) => agent.target));
   function statusTag(row) {
     if (row.status === "unknown") return null;
     if (row.status === "no-upstream") {
@@ -2037,21 +2068,25 @@ function InstalledTab({
     );
   }
   function agentChips(row) {
-    const links = row.links.filter((link) => !link.broken);
-    const projectLinks = links.filter((link) => String(link.target).startsWith("project:"));
-    const labels = links.filter((link) => !String(link.target).startsWith("project:")).map((link) => link.target === "dsh-global" ? "DSH" : link.label);
-    if (projectLinks.length > 0 && !labels.includes("DSH")) labels.unshift("DSH");
-    const projects = row.scopeProjects || [];
-    const scopeNames = projects.length > 0 ? projects.map((project) => project.split("/").pop()) : projectLinks.map((link) => link.label);
-    if (labels.length === 0 && scopeNames.length === 0) {
-      return h("span", { className: "dshsc-unlinked" }, t("meta.unlinked"));
+    const exported = (row.exports || []).filter(
+      (item) => !item.broken && !sharedTargets.has(item.target)
+    );
+    if (exported.length === 0) {
+      return [h("span", {
+        key: "none",
+        className: "dshsc-unlinked",
+        title: t("meta.noExportHint")
+      }, t("meta.noExport"))];
     }
-    const chips = labels.slice(0, 3).map((label, index) => h("span", {
-      className: `dshsc-agent${label === "DSH" ? " dsh" : ""}`,
+    const chips = [];
+    const labels = exported.map((item) => item.label);
+    const shown = exported.slice(0, 3);
+    shown.forEach((item, index) => chips.push(h("span", {
+      className: "dshsc-agent",
       key: `agent-${index}`,
-      title: label
-    }, label === "DSH" ? h("i", { className: "dshsc-dot" }) : null, label));
-    if (labels.length > 3) {
+      title: item.label
+    }, item.label)));
+    if (exported.length > shown.length) {
       const open = agentTip?.rowName === row.name;
       chips.push(h("button", {
         type: "button",
@@ -2065,21 +2100,17 @@ function InstalledTab({
         onFocus: (event) => actions.onOpenAgentTip(event, row.name, labels),
         onMouseLeave: actions.onCloseAgentTip,
         onBlur: actions.onCloseAgentTip
-      }, `+${labels.length - 3}`));
-    }
-    if (scopeNames.length > 0) {
-      chips.push(h("span", {
-        className: "dshsc-agent scope",
-        key: "scope",
-        title: `${t("meta.scope")}：${projects.length > 0 ? projects.join("、") : scopeNames.join("、")}`
-      }, `${t("meta.onlyProject")} ${scopeNames.join("、")}`));
+      }, `+${exported.length - shown.length}`));
     }
     return chips;
   }
   function rowView(row) {
-    const off = row.mode === "off";
+    const off = row.enabled === false;
     const tracked = row.status !== "unmanaged";
     const canUpdate = writable && updatable(row);
+    const hidden = !off && !row.visible;
+    const manualOnly = hidden && Boolean(row.visibility?.selfHidden);
+    const visLabel = hidden ? t("meta.modelHidden") : t("meta.modelVisible");
     return h(
       "div",
       { className: `dshsc-row${off ? " off" : ""}`, key: row.name },
@@ -2089,6 +2120,12 @@ function InstalledTab({
         h(
           "div",
           { className: "dshsc-namerow" },
+          off ? null : h("span", {
+            className: `dshsc-vdot${hidden ? " hidden" : ""}`,
+            role: "img",
+            title: visLabel,
+            "aria-label": visLabel
+          }),
           h("button", {
             type: "button",
             className: "dshsc-name dshsc-namebtn",
@@ -2097,10 +2134,25 @@ function InstalledTab({
             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
         ),
         sourceLine(row),
         off ? h("div", { className: "dshsc-note" }, t("mode.offHint")) : null,
+        // manual-only 用名字旁的「仅手动」标志表达，不占一行警告；
+        // 被更靠前的同名副本盖住时由下面的 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 上：模型看到的不是这一份，必须点名路径
+        row.visibility?.winnerIsCanonical === false ? h(
+          "div",
+          { className: "dshsc-note warn" },
+          t("visibility.foreignWinner").replace("{path}", row.visibility.winnerPath || "?")
+        ) : null,
         row.status === "broken-link" ? h("div", { className: "dshsc-note warn" }, t("status.brokenHint")) : null
       ),
       h("div", { className: "dshsc-agents" }, agentChips(row)),
@@ -2110,12 +2162,12 @@ function InstalledTab({
         h("button", {
           className: "dshsc-switch",
           role: "switch",
-          "aria-checked": String(tracked && row.mode === "on"),
+          "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.mode === "on" ? t("mode.off") : t("mode.on") : t("adopt.switchHint")
+          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",
@@ -2134,7 +2186,7 @@ function InstalledTab({
           disabled: !canUpdate || busy !== null,
           onClick: () => actions.onUpdate(row)
         }, t("action.update")),
-        h("button", { className: "dshsc-btn ghost", disabled: busy !== null, onClick: () => actions.onLinks(row) }, t("action.links")),
+        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,
@@ -2147,18 +2199,17 @@ function InstalledTab({
   }
   function groupedRows() {
     const groups = [];
-    const hasLink = (row, prefix) => row.links.some((link) => !link.broken && String(link.target).startsWith(prefix));
-    const dshRows = visibleRows.filter((row) => row.mode === "on" && !row.scopeProjects?.length && hasLink(row, "dsh-global"));
-    const projectRows = visibleRows.filter((row) => row.mode === "on" && row.scopeProjects?.length);
-    const offRows = visibleRows.filter((row) => row.mode === "off");
-    const unlinkedRows = visibleRows.filter((row) => row.mode === "on" && !row.scopeProjects?.length && !row.links.some((link) => !link.broken));
-    groups.push({ key: "dsh-global", title: t("group.dshGlobal"), rows: dshRows, dot: true });
-    if (projectRows.length) groups.push({ key: "dsh-project", title: t("group.dshProject"), rows: projectRows, dot: true });
+    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 });
     if (offRows.length) groups.push({ key: "off", title: t("group.off"), rows: offRows });
-    if (unlinkedRows.length) groups.push({ key: "unlinked", title: t("group.unlinked"), rows: unlinkedRows });
+    if (hiddenRows.length) groups.push({ key: "hidden", title: t("group.hidden"), rows: hiddenRows });
     for (const agent of data?.agents?.detected || []) {
       if (agent.kind !== "agent") continue;
-      const matched = visibleRows.filter((row) => row.links.some((link) => link.target === agent.target));
+      const matched = visibleRows.filter(
+        (row) => (row.exports || []).some((item) => item.target === agent.target && !item.broken)
+      );
       if (matched.length) groups.push({ key: agent.target, title: agent.label, rows: matched });
     }
     return groups.filter((group) => group.rows.length > 0);
@@ -2313,6 +2364,7 @@ function InstalledTab({
 
 // client/views/agent-tip.js
 function AgentTip({ t, agentTip, agentTipPos, nodeRef }) {
+  const labels = agentTip.labels || [];
   const node = h(
     "div",
     {
@@ -2326,15 +2378,16 @@ function AgentTip({ t, agentTip, agentTipPos, nodeRef }) {
       "div",
       { className: "dshsc-agenttip-head" },
       h("span", null, t("meta.agentsAll")),
-      h("span", { className: "dshsc-agenttip-n" }, agentTip.labels.length)
+      h("span", { className: "dshsc-agenttip-n" }, labels.length)
     ),
     h(
       "div",
       { className: "dshsc-agenttip-list" },
-      agentTip.labels.map((label, index) => h("span", {
-        className: `dshsc-agent${label === "DSH" ? " dsh" : ""}`,
-        key: `agenttip-${index}`
-      }, label === "DSH" ? h("i", { className: "dshsc-dot" }) : null, label))
+      labels.map((label, index) => h("span", {
+        className: "dshsc-agent",
+        key: `agenttip-${index}`,
+        title: label
+      }, label))
     )
   );
   return portalize(node);
@@ -2447,7 +2500,12 @@ function SubscriptionsTab({
 }
 
 // client/views/modals.js
+var import_react4 = __toESM(require("react"), 1);
+
+// client/views/add-skill.js
 var import_react3 = __toESM(require("react"), 1);
+
+// client/views/overlay.js
 function Overlay({ t, title, children, footer, onCancel }) {
   useOverlayLayer(true, onCancel);
   return portalize(h(
@@ -2472,212 +2530,8 @@ function Overlay({ t, title, children, footer, onCancel }) {
     )
   ), overlayHost());
 }
-function FormModal({ t, title, hint, fields, onCancel, onSubmit }) {
-  const [form, setForm] = import_react3.default.useState(() => Object.fromEntries(fields.map((field) => [field.key, ""])));
-  const incomplete = fields.some(
-    (field) => field.required !== false && !String(form[field.key] || "").trim()
-  );
-  return h(
-    Overlay,
-    {
-      t,
-      title,
-      onCancel,
-      footer: [
-        h("button", { key: "c", className: "dshsc-btn ghost", onClick: onCancel }, t("action.cancel")),
-        h("button", {
-          key: "s",
-          className: "dshsc-btn primary",
-          disabled: incomplete,
-          onClick: () => onSubmit(form)
-        }, t("action.save"))
-      ]
-    },
-    hint ? h("p", { className: "dshsc-sub" }, hint) : null,
-    ...fields.map((field) => h(
-      "label",
-      { className: "dshsc-field", key: field.key },
-      h("span", null, field.label),
-      h("input", {
-        value: form[field.key],
-        placeholder: field.placeholder,
-        onChange: (event) => setForm((prev) => ({ ...prev, [field.key]: event.target.value }))
-      })
-    ))
-  );
-}
-function ConfirmModal({ t, title, body, onCancel, onConfirm, danger, confirmLabel }) {
-  return h(Overlay, {
-    t,
-    title,
-    onCancel,
-    footer: [
-      h("button", { key: "c", className: "dshsc-btn ghost", onClick: onCancel }, t("action.cancel")),
-      h("button", { key: "o", className: `dshsc-btn${danger ? " danger" : " primary"}`, onClick: onConfirm }, confirmLabel || t("action.save"))
-    ]
-  }, h("p", { className: "dshsc-sub", style: { whiteSpace: "pre-wrap" } }, body));
-}
-function LinksModal({ t, row, agents, workspaces, pickDirectory, onCancel, onSave }) {
-  const candidates = agents.filter(
-    (agent) => agent.kind === "dsh" || agent.kind !== "project" && agent.exists
-  );
-  const [targets, setTargets] = import_react3.default.useState(() => {
-    const visible = new Set(candidates.map((agent) => agent.target));
-    const initial = new Set(row.links.map((link) => link.target).filter((target) => visible.has(target)));
-    initial.add("dsh-global");
-    return initial;
-  });
-  const [scopeProjects, setScopeProjects] = import_react3.default.useState(row.scopeProjects || []);
-  const [scopeMode, setScopeMode] = import_react3.default.useState((row.scopeProjects || []).length > 0 ? "projects" : "global");
-  const workspacePaths = new Set(workspaces.map((workspace) => workspace.path));
-  const otherProjects = scopeProjects.filter((project) => !workspacePaths.has(project));
-  const toggle = (target) => setTargets((prev) => {
-    const next = new Set(prev);
-    if (next.has(target)) next.delete(target);
-    else next.add(target);
-    return next;
-  });
-  const toggleProject = (project) => setScopeProjects((prev) => prev.includes(project) ? prev.filter((item) => item !== project) : [...prev, project]);
-  const chooseDirectory = async () => {
-    const dir = await pickDirectory?.();
-    if (!dir) return;
-    setScopeProjects((prev) => prev.includes(dir) ? prev : [...prev, dir]);
-  };
-  return h(
-    Overlay,
-    {
-      t,
-      title: `${t("action.links")} · ${row.name}`,
-      onCancel,
-      footer: [
-        h("button", { key: "c", className: "dshsc-btn ghost", onClick: onCancel }, t("action.cancel")),
-        h("button", {
-          key: "s",
-          className: "dshsc-btn primary",
-          onClick: () => onSave([...targets], scopeMode === "projects" ? scopeProjects.filter((item) => item.trim()) : [])
-        }, t("action.save"))
-      ]
-    },
-    h("div", { className: "dshsc-group" }, t("links.targets")),
-    h("p", { className: "dshsc-sub" }, t("links.detectedHint")),
-    h("p", { className: "dshsc-sub" }, t("links.canonical").replace("{path}", `~/.agents/skills/${row.name}`)),
-    ...candidates.map((agent) => h(
-      "label",
-      { className: `dshsc-check${agent.target === "dsh-global" ? " locked" : ""}`, key: agent.target },
-      h("input", {
-        type: "checkbox",
-        checked: agent.target === "dsh-global" ? true : targets.has(agent.target),
-        disabled: agent.target === "dsh-global",
-        onChange: () => toggle(agent.target)
-      }),
-      h("span", null, agent.kind === "dsh" ? t("links.dshGlobal") : agent.label),
-      agent.target === "dsh-global" ? h("small", null, t("links.required")) : null,
-      h("small", { title: agent.dir }, agent.dir)
-    )),
-    h("div", { className: "dshsc-group" }, t("links.scope")),
-    h(
-      "label",
-      { className: "dshsc-check" },
-      h("input", { type: "radio", name: `scope-${row.name}`, checked: scopeMode === "global", onChange: () => setScopeMode("global") }),
-      h("span", null, t("links.scopeGlobal"))
-    ),
-    h(
-      "label",
-      { className: "dshsc-check" },
-      h("input", { type: "radio", name: `scope-${row.name}`, checked: scopeMode === "projects", onChange: () => setScopeMode("projects") }),
-      h("span", null, t("links.scopeProjects"))
-    ),
-    scopeMode === "projects" ? h(
-      "div",
-      null,
-      h("div", { className: "dshsc-group" }, t("links.workspaces")),
-      workspaces.length === 0 ? h("p", { className: "dshsc-sub" }, t("links.noWorkspaces")) : h("div", { className: "dshsc-panel" }, workspaces.map((workspace) => h(
-        "label",
-        { className: "dshsc-check", key: workspace.id },
-        h("input", {
-          type: "checkbox",
-          checked: scopeProjects.includes(workspace.path),
-          onChange: () => toggleProject(workspace.path)
-        }),
-        h("span", null, workspace.title),
-        h("small", null, workspace.path)
-      ))),
-      otherProjects.length > 0 ? h("div", { className: "dshsc-group" }, t("links.selected")) : null,
-      ...otherProjects.map((project) => h(
-        "div",
-        { className: "dshsc-sub-entry", key: project },
-        h("span", { className: "dshsc-code" }, project),
-        h(
-          "div",
-          { className: "dshsc-actions" },
-          h("button", {
-            className: "dshsc-btn ghost danger",
-            onClick: () => setScopeProjects((prev) => prev.filter((item) => item !== project))
-          }, t("action.delete"))
-        )
-      )),
-      h("button", { className: "dshsc-btn", style: { alignSelf: "flex-start", marginTop: 6 }, onClick: () => void chooseDirectory() }, t("links.pickDirectory"))
-    ) : null,
-    h("p", { className: "dshsc-sub" }, t("links.hint"))
-  );
-}
-function AutoLinkModal({ t, settings, agents, dsh, onCancel, onSave }) {
-  const [targets, setTargets] = import_react3.default.useState(() => new Set(
-    Array.isArray(settings.autoLinkTargets) ? settings.autoLinkTargets : agents.map((agent) => agent.target)
-  ));
-  const toggle = (target) => setTargets((prev) => {
-    const next = new Set(prev);
-    if (next.has(target)) next.delete(target);
-    else next.add(target);
-    return next;
-  });
-  return h(
-    Overlay,
-    {
-      t,
-      title: t("autoLink"),
-      onCancel,
-      footer: [
-        h("button", { key: "c", className: "dshsc-btn ghost", onClick: onCancel }, t("action.cancel")),
-        h("button", { key: "s", className: "dshsc-btn primary", onClick: () => onSave([...targets]) }, t("action.save"))
-      ]
-    },
-    h("div", { className: "dshsc-group" }, t("autoLink.detected")),
-    h(
-      "div",
-      { className: "dshsc-panel" },
-      // dsh（全局）始终接入：列表里也勾上，只是不能改，勾选数与页头的计数器才对得上
-      h(
-        "label",
-        { className: "dshsc-check locked", key: "dsh-global" },
-        h("input", {
-          type: "checkbox",
-          checked: true,
-          disabled: true,
-          readOnly: true,
-          onChange: () => {
-          }
-        }),
-        h("span", null, dsh?.label || t("links.dshGlobal")),
-        h("small", null, t("links.required")),
-        dsh?.dir ? h("small", { title: dsh.dir }, dsh.dir) : null
-      ),
-      ...agents.map((agent) => h(
-        "label",
-        { className: "dshsc-check", key: agent.target },
-        h("input", {
-          type: "checkbox",
-          checked: targets.has(agent.target),
-          onChange: () => toggle(agent.target)
-        }),
-        h("span", null, agent.label),
-        h("small", null, agent.dir)
-      ))
-    ),
-    agents.length === 0 ? h("p", { className: "dshsc-sub" }, t("autoLink.none")) : null,
-    h("p", { className: "dshsc-sub" }, t("autoLink.hint"))
-  );
-}
+
+// 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");
@@ -2818,7 +2672,135 @@ function AddSkillModal({ t, onCancel, onProbe, onInstall }) {
     h("p", { className: "dshsc-sub" }, t("form.hint"))
   );
 }
-function Modals({ t, modal, data, autoLinkAgents, autoLinkDsh, pickDirectory, actions, onClose, onSaveAutoLink }) {
+
+// 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 incomplete = fields.some(
+    (field) => field.required !== false && !String(form[field.key] || "").trim()
+  );
+  return h(
+    Overlay,
+    {
+      t,
+      title,
+      onCancel,
+      footer: [
+        h("button", { key: "c", className: "dshsc-btn ghost", onClick: onCancel }, t("action.cancel")),
+        h("button", {
+          key: "s",
+          className: "dshsc-btn primary",
+          disabled: incomplete,
+          onClick: () => onSubmit(form)
+        }, t("action.save"))
+      ]
+    },
+    hint ? h("p", { className: "dshsc-sub" }, hint) : null,
+    ...fields.map((field) => h(
+      "label",
+      { className: "dshsc-field", key: field.key },
+      h("span", null, field.label),
+      h("input", {
+        value: form[field.key],
+        placeholder: field.placeholder,
+        onChange: (event) => setForm((prev) => ({ ...prev, [field.key]: event.target.value }))
+      })
+    ))
+  );
+}
+function ConfirmModal({ t, title, body, onCancel, onConfirm, danger, confirmLabel, hideCancel = false }) {
+  return h(Overlay, {
+    t,
+    title,
+    onCancel,
+    footer: [
+      ...hideCancel ? [] : [h("button", { key: "c", className: "dshsc-btn ghost", onClick: onCancel }, t("action.cancel"))],
+      h("button", { key: "o", className: `dshsc-btn${danger ? " danger" : " primary"}`, onClick: onConfirm }, confirmLabel || t("action.save"))
+    ]
+  }, h("p", { className: "dshsc-sub", style: { whiteSpace: "pre-wrap" } }, body));
+}
+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 available = new Set(candidates.map((agent) => agent.target));
+    return new Set((row.exports || []).map((item) => item.target).filter((target) => available.has(target)));
+  });
+  const toggle = (target) => setTargets((prev) => {
+    const next = new Set(prev);
+    if (next.has(target)) next.delete(target);
+    else next.add(target);
+    return next;
+  });
+  return h(
+    Overlay,
+    {
+      t,
+      title: `${t("action.exports")} · ${row.name}`,
+      onCancel,
+      footer: [
+        h("button", { key: "c", className: "dshsc-btn ghost", onClick: onCancel }, t("action.cancel")),
+        h("button", { key: "s", className: "dshsc-btn primary", onClick: () => onSave([...targets]) }, t("action.save"))
+      ]
+    },
+    h("div", { className: "dshsc-group" }, t("exports.targets")),
+    h("p", { className: "dshsc-sub" }, t("exports.detectedHint")),
+    h("p", { className: "dshsc-sub" }, t("exports.canonical").replace("{path}", `~/.agents/skills/${row.name}`)),
+    candidates.length === 0 ? h("p", { className: "dshsc-sub" }, t("exports.none")) : null,
+    ...candidates.map((agent) => h(
+      "label",
+      { className: "dshsc-check", key: agent.target },
+      h("input", {
+        type: "checkbox",
+        checked: targets.has(agent.target),
+        onChange: () => toggle(agent.target)
+      }),
+      h("span", null, agent.label),
+      // 候选里已经没有「读共享根」的 agent 了；'no' 是常态不必标注，只提示没验证过的
+      agent.sharedHome === "unknown" ? h("small", null, t("exports.sharedUnknown")) : null,
+      h("small", { title: agent.dir }, agent.dir)
+    )),
+    h("p", { className: "dshsc-sub" }, t("exports.hint"))
+  );
+}
+function DefaultExportModal({ t, settings, agents, onCancel, onSave }) {
+  const [targets, setTargets] = import_react4.default.useState(() => new Set(
+    Array.isArray(settings.exportTargets) ? settings.exportTargets : []
+  ));
+  const toggle = (target) => setTargets((prev) => {
+    const next = new Set(prev);
+    if (next.has(target)) next.delete(target);
+    else next.add(target);
+    return next;
+  });
+  return h(
+    Overlay,
+    {
+      t,
+      title: t("exportDefault"),
+      onCancel,
+      footer: [
+        h("button", { key: "c", className: "dshsc-btn ghost", onClick: onCancel }, t("action.cancel")),
+        h("button", { key: "s", className: "dshsc-btn primary", onClick: () => onSave([...targets]) }, t("action.save"))
+      ]
+    },
+    h("div", { className: "dshsc-group" }, t("exportDefault.detected")),
+    agents.length === 0 ? h("p", { className: "dshsc-sub" }, t("exportDefault.none")) : h("div", { className: "dshsc-panel" }, agents.map((agent) => h(
+      "label",
+      { className: "dshsc-check", key: agent.target },
+      h("input", {
+        type: "checkbox",
+        checked: targets.has(agent.target),
+        onChange: () => toggle(agent.target)
+      }),
+      h("span", null, agent.label),
+      h("small", null, agent.dir)
+    ))),
+    h("p", { className: "dshsc-sub" }, t("exportDefault.hint"))
+  );
+}
+function Modals({ t, modal, data, autoLinkAgents, actions, onClose, onSaveAutoLink }) {
   if (modal.type === "add-skill") {
     return h(AddSkillModal, {
       t,
@@ -2841,26 +2823,23 @@ function Modals({ t, modal, data, autoLinkAgents, autoLinkDsh, pickDirectory, ac
       onSubmit: (form) => void actions.addSubscription(form)
     });
   }
-  if (modal.type === "links") {
-    return h(LinksModal, {
+  if (modal.type === "exports") {
+    return h(ExportsModal, {
       t,
       row: modal.row,
       agents: data?.agents?.all || [],
-      workspaces: data?.workspaces || [],
-      pickDirectory,
       onCancel: onClose,
-      onSave: (targets, scopeProjects) => {
+      onSave: (targets) => {
         onClose();
-        void actions.saveLinks(modal.row, targets, scopeProjects);
+        void actions.saveExports(modal.row, targets);
       }
     });
   }
   if (modal.type === "autolink") {
-    return h(AutoLinkModal, {
+    return h(DefaultExportModal, {
       t,
       settings: data?.settings || {},
       agents: autoLinkAgents,
-      dsh: autoLinkDsh,
       onCancel: onClose,
       onSave: (targets) => void onSaveAutoLink(targets)
     });
@@ -2871,6 +2850,7 @@ function Modals({ t, modal, data, autoLinkAgents, autoLinkDsh, pickDirectory, ac
       title: t("confirm.deleteTitle"),
       body: t("confirm.deleteBody"),
       danger: true,
+      confirmLabel: t("action.delete"),
       onCancel: onClose,
       onConfirm: modal.onConfirm
     });
@@ -2880,6 +2860,7 @@ function Modals({ t, modal, data, autoLinkAgents, autoLinkDsh, pickDirectory, ac
       t,
       title: t("confirm.updateTitle"),
       body: t("confirm.updateBody"),
+      confirmLabel: t("action.update"),
       onCancel: onClose,
       onConfirm: modal.onConfirm
     });
@@ -2893,14 +2874,16 @@ function Modals({ t, modal, data, autoLinkAgents, autoLinkDsh, pickDirectory, ac
 ${conflicts.map((item) => `${item.label}: ${item.linkPath}`).join("\n")}`,
       onCancel: onClose,
       onConfirm: onClose,
-      confirmLabel: t("action.cancel")
+      confirmLabel: t("action.close"),
+      danger: true,
+      hideCancel: true
     });
   }
   return null;
 }
 
 // client/views/skill-reader.js
-var import_react4 = __toESM(require("react"), 1);
+var import_react5 = __toESM(require("react"), 1);
 
 // client/markdown.js
 function classifyHref(href) {
@@ -3183,7 +3166,7 @@ function resolveRelativeHref(currentDir, href) {
   return { relPath: out.join("/"), anchor: target.kind === "anchor" ? target.href : "" };
 }
 
-// client/views/skill-reader.js
+// client/views/markdown-view.js
 var PARSE_CACHE = /* @__PURE__ */ new Map();
 function parseCached(text) {
   const key = String(text ?? "");
@@ -3196,49 +3179,6 @@ function parseCached(text) {
   }
   return parsed;
 }
-function formatBytes(bytes) {
-  const value = Number(bytes) || 0;
-  if (value < 1024) return `${value} B`;
-  if (value < 1024 * 1024) return `${(value / 1024).toFixed(value < 10 * 1024 ? 1 : 0)} KB`;
-  return `${(value / (1024 * 1024)).toFixed(1)} MB`;
-}
-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())}`;
-}
-var MARKDOWN = /\.(md|markdown)$/i;
-function isMarkdownPath(relPath) {
-  return MARKDOWN.test(String(relPath || ""));
-}
-function isScroller(node) {
-  if (!node || typeof getComputedStyle !== "function") return false;
-  const style = getComputedStyle(node);
-  return Boolean(style && /(auto|scroll)/.test(style.overflowY || "") && node.scrollHeight > node.clientHeight + 4);
-}
-function nearestScroller(node) {
-  let current = node?.parentElement || null;
-  while (current) {
-    if (isScroller(current)) return current;
-    current = current.parentElement || null;
-  }
-  return typeof document !== "undefined" ? document.scrollingElement || null : null;
-}
-function scrollHost(node) {
-  if (isScroller(node)) return node;
-  return node && nearestScroller(node) || node;
-}
-var STATUS_KEY = {
-  current: "status.current",
-  "update-available": "status.update",
-  "locally-modified": "status.local",
-  conflict: "status.conflict",
-  "upstream-deleted": "status.deleted",
-  "broken-link": "status.broken",
-  unmanaged: "status.unmanaged"
-};
 function inlineNodes(nodes, { onOpenFile, onOpenAnchor, keyPrefix = "i" }) {
   if (!Array.isArray(nodes)) return null;
   return nodes.map((node, index) => {
@@ -3371,6 +3311,34 @@ function Markdown({ text, onOpenFile, onOpenAnchor }) {
   const { blocks } = parseCached(text);
   return h("div", { className: "dshsc-md" }, blockNodes(blocks, { onOpenFile, onOpenAnchor }));
 }
+
+// client/views/skill-reader.js
+function formatBytes(bytes) {
+  const value = Number(bytes) || 0;
+  if (value < 1024) return `${value} B`;
+  if (value < 1024 * 1024) return `${(value / 1024).toFixed(value < 10 * 1024 ? 1 : 0)} KB`;
+  return `${(value / (1024 * 1024)).toFixed(1)} MB`;
+}
+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())}`;
+}
+var MARKDOWN = /\.(md|markdown)$/i;
+function isMarkdownPath(relPath) {
+  return MARKDOWN.test(String(relPath || ""));
+}
+var STATUS_KEY = {
+  current: "status.current",
+  "update-available": "status.update",
+  "locally-modified": "status.local",
+  conflict: "status.conflict",
+  "upstream-deleted": "status.deleted",
+  "broken-link": "status.broken",
+  unmanaged: "status.unmanaged"
+};
 function TabButton({ id, label, count, active, onSelect }) {
   return h("button", {
     type: "button",
@@ -3407,18 +3375,21 @@ function SkillReader({
   onClose,
   onOpenPage,
   onUpdate,
-  onLinks,
+  onExports,
   onToast
 }) {
   const { state, file, loadFile, retry } = useSkillReader(row);
-  const [tab, setTab] = import_react4.default.useState(initialTab);
-  const [format, setFormat] = import_react4.default.useState("rendered");
-  const [docOverride, setDocOverride] = import_react4.default.useState(null);
-  const [fileFormat, setFileFormat] = import_react4.default.useState("rendered");
-  const [tocActive, setTocActive] = import_react4.default.useState(null);
-  const bodyRef = import_react4.default.useRef(null);
-  const dialogRef = import_react4.default.useRef(null);
-  const scrollRef = import_react4.default.useRef(0);
+  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 tree = state.tree;
@@ -3427,20 +3398,49 @@ function SkillReader({
   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_react4.default.useEffect(() => {
+  import_react5.default.useEffect(() => {
     setDocOverride(null);
     scrollRef.current = 0;
   }, [name]);
-  import_react4.default.useEffect(() => {
+  const descOwnerRef = import_react5.default.useRef(name);
+  import_react5.default.useEffect(() => {
+    if (descOwnerRef.current === name) return;
+    descOwnerRef.current = name;
+    setDescOpen(false);
+    setDescClamped(false);
+  }, [name]);
+  import_react5.default.useLayoutEffect(() => {
+    const node = descRef.current;
+    if (!node) return void 0;
+    const measure = () => {
+      if (descOpen) return;
+      const scroll = Number(node.scrollHeight) || 0;
+      const client = Number(node.clientHeight) || 0;
+      setDescClamped(scroll > client + 1);
+    };
+    measure();
+    if (typeof window === "undefined" || !window.addEventListener) return void 0;
+    window.addEventListener("resize", measure);
+    let observer = null;
+    if (typeof ResizeObserver === "function") {
+      observer = new ResizeObserver(measure);
+      observer.observe(node);
+    }
+    return () => {
+      observer?.disconnect?.();
+      window.removeEventListener("resize", measure);
+    };
+  }, [description, descOpen]);
+  import_react5.default.useEffect(() => {
     if (!initialFile) return;
     setTab("files");
     void loadFile(initialFile);
   }, [initialFile, loadFile]);
-  import_react4.default.useEffect(() => {
+  import_react5.default.useEffect(() => {
     const node = bodyRef.current;
     if (node && scrollRef.current) node.scrollTop = scrollRef.current;
   });
-  import_react4.default.useEffect(() => {
+  import_react5.default.useEffect(() => {
     if (variant !== "drawer" || typeof document === "undefined") return void 0;
     const previous = document.activeElement;
     const node = dialogRef.current;
@@ -3467,12 +3467,12 @@ function SkillReader({
       previous?.focus?.();
     };
   }, [variant, onClose]);
-  import_react4.default.useEffect(() => {
+  import_react5.default.useEffect(() => {
     if (variant !== "page" || typeof document === "undefined") return;
     const node = document.getElementById("dshsc-reader-name");
     node?.focus?.();
   }, [variant, name]);
-  import_react4.default.useEffect(() => {
+  import_react5.default.useEffect(() => {
     if (variant !== "page" || typeof window === "undefined") return void 0;
     const node = bodyRef.current;
     if (!node?.querySelectorAll) return void 0;
@@ -3533,7 +3533,7 @@ function SkillReader({
       { className: "dshsc-reader-title" },
       h("h2", { id: "dshsc-reader-name", tabIndex: -1 }, name || t("viewer.title")),
       row?.status && STATUS_KEY[row.status] ? h("span", { className: `dshsc-tag ${row.status === "current" ? "ok" : "warn"}` }, t(STATUS_KEY[row.status])) : null,
-      row?.mode === "off" ? h("span", { className: "dshsc-tag off" }, t("status.off")) : null,
+      row?.enabled === false ? h("span", { className: "dshsc-tag off" }, t("status.off")) : null,
       variant === "drawer" ? h("button", {
         type: "button",
         className: "dshsc-reader-close",
@@ -3542,7 +3542,22 @@ function SkillReader({
         onClick: () => onClose?.()
       }, "×") : null
     ),
-    description ? h("p", { className: "dshsc-reader-desc" }, description) : null,
+    description ? h(
+      "div",
+      { className: "dshsc-reader-descblock" },
+      h("p", {
+        className: `dshsc-reader-desc${descOpen ? " expanded" : ""}`,
+        id: "dshsc-reader-desc",
+        ref: descRef
+      }, description),
+      descClamped ? h("button", {
+        type: "button",
+        className: "dshsc-reader-more",
+        "aria-expanded": String(descOpen),
+        "aria-controls": "dshsc-reader-desc",
+        onClick: () => setDescOpen((prev) => !prev)
+      }, t(descOpen ? "action.collapse" : "action.expand")) : null
+    ) : null,
     h(
       "div",
       { className: "dshsc-reader-meta" },
@@ -3757,8 +3772,7 @@ function SkillReader({
     );
   }
   function infoPanel() {
-    const agentLabels = (row?.links || []).filter((link) => !link.broken).map((link) => link.target === "dsh-global" ? "DSH" : link.label);
-    const projects = row?.scopeProjects || [];
+    const exportLabels = (row?.exports || []).filter((item) => !item.broken).map((item) => item.label);
     const hash = row?.lockHash || row?.currentHash || null;
     const rows = [];
     rows.push(["viewer.info.name", h("span", { className: "mono" }, name), "mono"]);
@@ -3777,9 +3791,9 @@ function SkillReader({
       ["viewer.info.localChange", row?.status === "locally-modified" || row?.status === "conflict" ? t("viewer.info.localChangeYes") : t("viewer.info.localChangeNone")]
     ];
     const linkRows = [
-      ["viewer.info.agents", agentLabels.length > 0 ? agentLabels.join("、") : t("meta.unlinked")],
-      ["viewer.info.scope", projects.length > 0 ? `${t("viewer.info.scopeProject")}：${projects.map((item) => item.split("/").pop()).join("、")}` : t("viewer.info.scopeGlobal")],
-      ["viewer.info.mode", row?.mode === "off" ? t("status.off") : t("mode.on")],
+      ["viewer.info.visibility", row?.visible ? t("meta.modelVisible") : t("meta.modelHidden")],
+      ["viewer.info.exported", exportLabels.length > 0 ? exportLabels.join("、") : t("viewer.info.none")],
+      ["viewer.info.mode", row?.enabled === false ? t("status.off") : t("mode.on")],
       ["viewer.info.status", STATUS_KEY[row?.status] ? t(STATUS_KEY[row.status]) : t("status.unknown")]
     ];
     return h(
@@ -3826,7 +3840,7 @@ function SkillReader({
       onClick: () => void copyTextWithToast(row?.path || "", "viewer.copied")
     }, t("viewer.copyPath")),
     variant === "drawer" && onOpenPage ? h("button", { type: "button", className: "dshsc-btn ghost", onClick: () => onOpenPage() }, t("viewer.openPage")) : null,
-    onLinks ? h("button", { type: "button", className: "dshsc-btn", onClick: () => onLinks?.(row) }, t("action.links")) : null,
+    onExports ? h("button", { type: "button", className: "dshsc-btn", onClick: () => onExports?.(row) }, t("action.exports")) : null,
     onUpdate ? h("button", {
       type: "button",
       className: "dshsc-btn tint",
@@ -3835,6 +3849,7 @@ function SkillReader({
     }, t("action.update")) : null
   );
   if (variant === "page") {
+    const tocShown = headings.length > 1;
     return h(
       "div",
       { className: "dshsc-reader-page" },
@@ -3860,8 +3875,8 @@ function SkillReader({
       h("div", { className: "dshsc-reader-hero" }, header),
       h(
         "div",
-        { className: "dshsc-reader-layout" },
-        headings.length > 1 ? h(
+        { className: `dshsc-reader-layout${tocShown ? " has-toc" : ""}` },
+        tocShown ? h(
           "nav",
           { className: "dshsc-reader-toc", "aria-label": t("viewer.toc") },
           h("div", { className: "dshsc-reader-toc-title" }, t("viewer.toc")),
@@ -3895,19 +3910,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_react5.default.useState("installed");
-  const [view, setView] = import_react5.default.useState("flat");
-  const [modal, setModal] = import_react5.default.useState(null);
-  const [expanded, setExpanded] = import_react5.default.useState({});
-  const [placementBusy, setPlacementBusy] = import_react5.default.useState(null);
-  const [placementOverride, setPlacementOverride] = import_react5.default.useState(null);
-  const [query, setQuery] = import_react5.default.useState("");
-  const [viewer, setViewer] = import_react5.default.useState(null);
-  const rootRef = import_react5.default.useRef(null);
-  const scrollPos = import_react5.default.useRef(null);
-  const restoreScroll = import_react5.default.useRef(null);
-  const [filter, setFilter] = import_react5.default.useState("all");
-  const [builtinOpen, setBuiltinOpen] = import_react5.default.useState(false);
+  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 { settingsOpen, settingsRef, settingsPlacement, closeSettings, toggleSettings } = useSettingsPopover();
   const { agentTip, agentTipPos, agentTipRef, openAgentTip, closeAgentTip } = useAgentTip();
   const rows = data?.installs || [];
@@ -3917,46 +3932,32 @@ 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.mode === "off").length;
+  const offCount = rows.filter((row) => row.enabled === false).length;
   const counts = { all: rows.length, update: updateCount, unknown: unknownCount, 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.mode !== "off") return false;
+    if (filter === "off" && row.enabled !== false) return false;
     if (!queryText) return true;
-    const agentLabels = row.links.map((link) => link.target === "dsh-global" ? "DSH" : link.label);
+    const agentLabels = row.exports.map((item) => item.label);
     return [row.name, row.source || "", ...agentLabels].join(" ").toLowerCase().includes(queryText);
   });
-  import_react5.default.useEffect(() => {
+  import_react6.default.useEffect(() => {
     if (!viewer || !data) return;
     if (rows.some((row) => row.name === viewer.name)) return;
     setViewer(null);
     setToast({ kind: "err", text: t("viewer.gone") });
   }, [data, rows, t, viewer]);
-  const autolinkTargets = (data?.agents?.detected || []).filter((agent) => agent.kind === "agent");
-  const autoLinkSelection = data?.settings?.autoLinkTargets;
-  const autoLinkAgents = Array.isArray(autoLinkSelection) ? autolinkTargets.filter((agent) => autoLinkSelection.includes(agent.target)) : autolinkTargets;
-  const autoLinkDsh = (data?.agents?.all || []).find((agent) => agent.target === "dsh-global") || null;
-  const autoLinkLabel = [t("links.dshGlobal"), ...autoLinkAgents.map((agent) => agent.label)].join("、");
+  const exportTargetOptions = (data?.agents?.detected || []).filter((agent) => agent.kind === "agent" && agent.exportable);
+  const exportSelection = data?.settings?.exportTargets;
+  const autoLinkAgents = Array.isArray(exportSelection) ? exportTargetOptions.filter((agent) => exportSelection.includes(agent.target)) : [];
+  const autoLinkLabel = autoLinkAgents.length > 0 ? autoLinkAgents.map((agent) => agent.label).join("、") : t("exportDefault.none");
   const placement = (placementOverride ?? data?.settings?.placement) === "sidebar" ? "sidebar" : "settings";
-  function getScrollParent(node) {
-    let current = node?.parentElement || null;
-    while (current) {
-      if (typeof getComputedStyle === "function") {
-        const style = getComputedStyle(current);
-        if (style && /(auto|scroll)/.test(style.overflowY || "") && current.scrollHeight > current.clientHeight) {
-          return current;
-        }
-      }
-      current = current.parentElement || null;
-    }
-    return typeof document !== "undefined" ? document.scrollingElement || null : null;
-  }
   function listScroller() {
     const node = rootRef.current?.querySelector?.(".dshsc-listscroll");
-    if (node && node.scrollHeight > node.clientHeight) return node;
-    return getScrollParent(rootRef.current);
+    if (isScroller(node)) return node;
+    return nearestScroller(rootRef.current);
   }
   function openViewer(row, mode = "drawer") {
     if (!row) return;
@@ -3976,7 +3977,7 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
     if (viewer?.mode === "page") restoreScroll.current = scrollPos.current;
     setViewer(null);
   }
-  import_react5.default.useLayoutEffect(() => {
+  import_react6.default.useLayoutEffect(() => {
     if (restoreScroll.current === null) return;
     const target = restoreScroll.current;
     restoreScroll.current = null;
@@ -3999,7 +4000,7 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
   }
   async function saveAutoLink(targets) {
     setModal(null);
-    await run("settings", () => apiCall("POST", "/settings", { autoLinkTargets: targets }));
+    await run("settings", () => apiCall("POST", "/settings", { exportTargets: targets }));
   }
   const installedActions = {
     onView: (row) => openViewer(row),
@@ -4007,7 +4008,7 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
     onToggleMode: actions.toggleMode,
     onUpdate: actions.requestUpdate,
     onDelete: actions.requestDelete,
-    onLinks: (row) => setModal({ type: "links", row }),
+    onExports: (row) => setModal({ type: "exports", row }),
     onCheckUpdates: actions.checkUpdates,
     onUpdateAll: actions.updateAll,
     onAddSkill: actions.requestAddSkill,
@@ -4039,11 +4040,11 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
     onClose: closeViewer,
     onOpenPage: viewer.mode === "drawer" ? openPage : null,
     onUpdate: actions.requestUpdate,
-    onLinks: (row) => setModal({ type: "links", row }),
+    onExports: (row) => setModal({ type: "exports", row }),
     onToast: (next) => setToast(next)
   }) : null;
   const listNode = h(
-    import_react5.default.Fragment,
+    import_react6.default.Fragment,
     null,
     h(Header, {
       t,
@@ -4051,7 +4052,7 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
       plugin: data?.plugin,
       writable,
       autoLinkLabel,
-      autoLinkCount: autoLinkAgents.length + 1,
+      autoLinkCount: autoLinkAgents.length,
       tab,
       settingsOpen,
       settingsRef,
@@ -4116,14 +4117,13 @@ function Section({ t, page = false, pickDirectory, onPlacementChange }) {
       t,
       modal,
       data,
-      autoLinkAgents: autolinkTargets,
-      autoLinkDsh,
+      autoLinkAgents: exportTargetOptions,
       pickDirectory,
       actions: {
         probeSkills: actions.probeSkills,
         installSkills: actions.installSkills,
         addSubscription: actions.addSubscription,
-        saveLinks: actions.saveLinks
+        saveExports: actions.saveExports
       },
       onClose: () => setModal(null),
       onSaveAutoLink: saveAutoLink