dsh-skills-manager 0.1.0 → 0.1.2

package/README.md

@@ -2,7 +2,7 @@
 
 A tree-external DeepSeek Harness plugin for managing reusable Agent Skills.
 
-It adds a **Skill 管理** item to the Web Settings sidebar and a wrench control beside the composer attachment button. Skills are copied into a private Harness library, then enabled independently at two scopes:
+It adds a **Skill 管理** item to the Web Settings sidebar and a wrench control beside the composer attachment button. Skills are installed into a private Harness library, then enabled independently at two scopes:
 
 - **Global**: available from every workspace.
 - **Project**: available from one registered workspace and its child directories.
@@ -11,7 +11,7 @@ An imported skill is disabled by default. The plugin uses the official `ctx.skil
 
 ## Install
 
-Build a tarball or install the package from a trusted source:
+The bundled `skills` CLI requires Node.js 22.20.0 or newer. Build a tarball or install the package from a trusted source:
 
 ```sh
 pnpm install
@@ -32,25 +32,26 @@ After changing the bundle or installed dependencies, restart the Harness service
 1. Open Web Settings, then select **Skill 管理** in the sidebar.
 2. Choose **本机** to select a local skill folder, or **仓库** to enter a GitHub `owner/repo`, HTTPS URL, SSH URL, or other Git URL.
 3. Enable **全局** or select a workspace and enable **项目**.
-4. Choose **检查更新** to compare installed content with local sources or freshly cloned repositories. Use the refresh icon on a row to install a detected change.
+4. Use the refresh icon on a row to reinstall that skill from the source recorded in `skills-lock.json`.
 5. Use the wrench control beside the composer attachment button to toggle installed skills for the current session workspace only.
-6. Remove an installed skill with **移除**. This deletes only the plugin's copied library entry, not the local source or remote repository.
+6. Remove an installed skill with **移除**. This deletes only the plugin's private library entry, not the local source or remote repository.
 
-Repository imports discover a root `SKILL.md`, immediate entries under `skills/`, and immediate entries under `.agents/skills/`. Private repositories use the machine's existing Git credential helper or SSH configuration. Do not put credentials in repository URLs; the plugin stores the repository URL and skill subpath, never a token.
+Repository imports and refreshes are delegated to the `skills` CLI. It supports GitHub `owner/repo`, HTTPS, SSH, Git and file URLs, and reuses the machine's existing Git credential helper or SSH configuration. Do not put credentials in repository URLs; the plugin rejects embedded credentials before invoking the CLI.
 
-Updates preserve global and project enablement. Imports created by older plugin versions have no recorded source; their first update asks for a local source directory and tracks it for later checks.
-
-The imported format follows the official filesystem provider: directory bundles use `<name>/SKILL.md`; flat skills use `<name>.md`. YAML frontmatter must contain a kebab-case `name` and non-empty `description`. Companion resources are copied with directory bundles.
+Updates preserve global and project enablement. New imports and refreshes require standard directory bundles: `<name>/SKILL.md` with kebab-case `name` and non-empty `description`. Flat `<name>.md` imports are not supported.
 
 ## Storage
 
 By default the plugin uses the actual Harness home resolved from `DSH_HOME`:
 
 ```text
-$DSH_HOME/skill-manager/library/
+$DSH_HOME/skill-manager/.agents/skills/
+$DSH_HOME/skill-manager/skills-lock.json
 $DSH_HOME/skill-manager/state.json
 ```
 
+`skills-lock.json` is the only source-of-origin record. `state.json` stores only global and project enablement.
+
 Override the storage root in `cordis.patch.yml`:
 
 ```yaml
@@ -69,13 +70,13 @@ pnpm test
 pnpm validate
 ```
 
-The test suite covers scope resolution, path containment, local updates, Git clone/update behavior, credential URL rejection, and cleanup of persisted references. `pnpm validate` checks the DSH bundle shape.
+The test suite covers scope resolution, current-state validation, local and Git refreshes through the private CLI library, flat-format rejection, credential URL rejection, and removal cleanup. `pnpm validate` checks the DSH bundle shape.
 
 ## Design boundaries
 
-- This plugin does not call or shell out to the `skills` CLI. Git repositories are fetched with `git clone --depth 1` using an argv array, never through a shell.
-- It does not rewrite an imported `SKILL.md` and does not alter the source folder or repository. Skill symlinks that escape their source root are rejected.
-- Skills already present in other filesystem roots remain owned by those roots; import them into this library when they should be managed here.
+- This plugin runs the packaged `skills` CLI with an argv array and a private storage `cwd`; it never modifies the active workspace's `.agents/skills` directory.
+- It does not rewrite an imported `SKILL.md` or alter the source folder or repository. Broken or escaping source symlinks are rejected before the CLI copies anything.
+- Skills already present in other filesystem roots remain owned by those roots; import them into this private library when they should be managed here.
 - Import and mutation RPCs are loopback-only because they write local files.
 - DSH is in developer preview; bundle and Cordis APIs can change between Harness releases.
 

package/lib/client.js

@@ -135,26 +135,26 @@ const createLucideIcon = (iconName, iconNode) => {
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/wrench.mjs
-const __iconNode$12 = [["path", {
+const __iconNode$11 = [["path", {
 	d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
 	key: "1ngwbx"
 }]];
-const Wrench = createLucideIcon("wrench", __iconNode$12);
+const Wrench = createLucideIcon("wrench", __iconNode$11);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/plus.mjs
-const __iconNode$11 = [["path", {
+const __iconNode$10 = [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
 }]];
-const Plus = createLucideIcon("plus", __iconNode$11);
+const Plus = createLucideIcon("plus", __iconNode$10);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/refresh-cw.mjs
-const __iconNode$10 = [
+const __iconNode$9 = [
 	["path", {
 		d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
 		key: "v9h5vc"
@@ -172,11 +172,11 @@ const __iconNode$10 = [
 		key: "1cv678"
 	}]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$10);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$9);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/search.mjs
-const __iconNode$9 = [["path", {
+const __iconNode$8 = [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
 }], ["circle", {
@@ -185,22 +185,22 @@ const __iconNode$9 = [["path", {
 	r: "8",
 	key: "4ej97u"
 }]];
-const Search = createLucideIcon("search", __iconNode$9);
+const Search = createLucideIcon("search", __iconNode$8);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/x.mjs
-const __iconNode$8 = [["path", {
+const __iconNode$7 = [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
 }]];
-const X = createLucideIcon("x", __iconNode$8);
+const X = createLucideIcon("x", __iconNode$7);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/trash-2.mjs
-const __iconNode$7 = [
+const __iconNode$6 = [
 	["path", {
 		d: "M10 11v6",
 		key: "nco0om"
@@ -222,11 +222,11 @@ const __iconNode$7 = [
 		key: "e791ji"
 	}]
 ];
-const Trash2 = createLucideIcon("trash-2", __iconNode$7);
+const Trash2 = createLucideIcon("trash-2", __iconNode$6);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/globe.mjs
-const __iconNode$6 = [
+const __iconNode$5 = [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -242,11 +242,11 @@ const __iconNode$6 = [
 		key: "9i4pu4"
 	}]
 ];
-const Globe = createLucideIcon("globe", __iconNode$6);
+const Globe = createLucideIcon("globe", __iconNode$5);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/folder-git.mjs
-const __iconNode$5 = [
+const __iconNode$4 = [
 	["circle", {
 		cx: "12",
 		cy: "13",
@@ -266,11 +266,11 @@ const __iconNode$5 = [
 		key: "1pygq7"
 	}]
 ];
-const FolderGit = createLucideIcon("folder-git", __iconNode$5);
+const FolderGit = createLucideIcon("folder-git", __iconNode$4);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/git-branch.mjs
-const __iconNode$4 = [
+const __iconNode$3 = [
 	["path", {
 		d: "M15 6a9 9 0 0 0-9 9V3",
 		key: "1cii5b"
@@ -288,11 +288,11 @@ const __iconNode$4 = [
 		key: "fqmcym"
 	}]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$4);
+const GitBranch = createLucideIcon("git-branch", __iconNode$3);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/package-open.mjs
-const __iconNode$3 = [
+const __iconNode$2 = [
 	["path", {
 		d: "M12 22v-9",
 		key: "x3hkom"
@@ -310,19 +310,19 @@ const __iconNode$3 = [
 		key: "12ttoo"
 	}]
 ];
-const PackageOpen = createLucideIcon("package-open", __iconNode$3);
+const PackageOpen = createLucideIcon("package-open", __iconNode$2);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/puzzle.mjs
-const __iconNode$2 = [["path", {
+const __iconNode$1 = [["path", {
 	d: "M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z",
 	key: "w46dr5"
 }]];
-const Puzzle = createLucideIcon("puzzle", __iconNode$2);
+const Puzzle = createLucideIcon("puzzle", __iconNode$1);
 
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/circle-alert.mjs
-const __iconNode$1 = [
+const __iconNode = [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -344,23 +344,14 @@ const __iconNode$1 = [
 		key: "4dfq90"
 	}]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$1);
-
-//#endregion
-//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/check.mjs
-const __iconNode = [["path", {
-	d: "M20 6 9 17l-5-5",
-	key: "1gmf2c"
-}]];
-const Check = createLucideIcon("check", __iconNode);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode);
 
 //#endregion
 //#region lib/types/client/index.js
 const inject = [
 	"connection",
 	"slots",
-	"workspaces",
-	"sessions"
+	"workspaces"
 ];
 const ICON_SPIN = ["dsh-skill-manager-spin", "to { transform: rotate(360deg); }"];
 function ensureKeyframes() {
@@ -370,6 +361,10 @@ function ensureKeyframes() {
 	style.id = ICON_SPIN[0];
 	style.textContent = `
     @keyframes ${ICON_SPIN[0]} { ${ICON_SPIN[1]} }
+    .dsh-skill-manager-row:hover {
+      border-color: ${tokens.borderStrong} !important;
+      background: ${tokens.surfaceHover} !important;
+    }
     @container (max-width: 360px) {
       .dsh-skill-manager-row { grid-template-columns: minmax(0, 1fr) !important; }
       .dsh-skill-manager-row-icon { display: none !important; }
@@ -390,8 +385,7 @@ const tokens = {
 	success: "var(--fg-success, #16a34a)",
 	danger: "var(--fg-danger, #dc2626)",
 	secondary: "var(--fg-secondary, #64748b)",
-	surfaceHover: "var(--bg-hover, rgba(148, 163, 184, .08))",
-	surfaceActive: "var(--bg-active, rgba(99, 102, 241, .12))"
+	surfaceHover: "var(--bg-hover, rgba(148, 163, 184, .08))"
 };
 const panelStyle = {
 	containerType: "inline-size",
@@ -424,12 +418,6 @@ function buttonStyle(tone, disabled) {
 		color: "var(--fg-on-accent, #fff)",
 		border: "none"
 	};
-	if (tone === "danger") return {
-		...base,
-		background: "transparent",
-		color: tokens.danger,
-		border: `1px solid ${tokens.border}`
-	};
 	return {
 		...base,
 		background: "transparent",
@@ -471,18 +459,22 @@ const selectStyle = {
 	color: "inherit",
 	fontSize: 13
 };
+const checkboxStyle = {
+	width: 16,
+	height: 16,
+	margin: 0,
+	accentColor: tokens.accent,
+	flex: "0 0 auto"
+};
 function apply(ctx) {
-	const client = ctx;
-	const list = async (projectRoot) => {
-		const result = await client.connection.rpc.call("/skill-manager", "list", projectRoot ? { projectRoot } : {});
-		if (!result.ok) throw new Error(result.error.message);
-		return result.value;
-	};
-	const mutate = async (endpoint, payload) => {
-		const result = await client.connection.rpc.call("/skill-manager", endpoint, payload);
+	const connection = ctx.connection;
+	const request = async (endpoint, payload = {}) => {
+		const result = await connection.rpc.call("/skill-manager", endpoint, payload);
 		if (!result.ok) throw new Error(result.error.message);
 		return result.value;
 	};
+	const list = (projectRoot) => request("list", projectRoot ? { projectRoot } : {});
+	const mutate = request;
 	ctx.slots.inject("settings.section", () => ctx.slots.register({
 		name: "settings.section",
 		id: "skills",
@@ -492,7 +484,7 @@ function apply(ctx) {
 			list,
 			mutate,
 			pickDirectory: () => ctx.workspaces.pickDirectory(),
-			loopback: client.connection.isLoopback
+			loopback: connection.isLoopback
 		})
 	}, SkillManagerSection));
 	ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
@@ -501,8 +493,7 @@ function apply(ctx) {
 		order: 10,
 		inject: () => ({
 			list,
-			mutate,
-			sessions: ctx.sessions.list
+			mutate
 		})
 	}, ComposerSkillButton));
 }
@@ -519,8 +510,9 @@ function SkillManagerSection(props) {
 	(0, react.useEffect)(() => {
 		ensureKeyframes();
 	}, []);
+	const userChoseGlobal = (0, react.useRef)(false);
 	(0, react.useEffect)(() => {
-		if (projectRoot === void 0 && workspaces.items.length > 0) setProjectRoot(workspaces.items[0].path);
+		if (projectRoot === void 0 && !userChoseGlobal.current && workspaces.items.length > 0) setProjectRoot(workspaces.items[0].path);
 		if (projectRoot !== void 0 && !workspaces.items.some((item) => item.path === projectRoot)) setProjectRoot(workspaces.items[0]?.path);
 	}, [projectRoot, workspaces.items]);
 	const refresh = (0, react.useCallback)(async () => {
@@ -550,18 +542,8 @@ function SkillManagerSection(props) {
 			setBusy(false);
 		}
 	}, []);
-	const filtered = (0, react.useMemo)(() => {
-		const normalized = query.trim().toLocaleLowerCase();
-		return (catalog?.entries ?? []).filter((entry) => normalized.length === 0 || `${entry.name} ${entry.description}`.toLocaleLowerCase().includes(normalized));
-	}, [catalog, query]);
-	const stats = (0, react.useMemo)(() => {
-		const entries = catalog?.entries ?? [];
-		return {
-			total: entries.length,
-			global: entries.filter((entry) => entry.globalEnabled).length,
-			project: entries.filter((entry) => entry.projectEnabled).length
-		};
-	}, [catalog]);
+	const normalizedQuery = query.trim().toLocaleLowerCase();
+	const filtered = (catalog?.entries ?? []).filter((entry) => normalizedQuery.length === 0 || `${entry.name} ${entry.description}`.toLocaleLowerCase().includes(normalizedQuery));
 	const importSkill = async () => {
 		const path = await pickDirectory();
 		if (path) await run(() => mutate("install", {
@@ -582,12 +564,8 @@ function SkillManagerSection(props) {
 		}
 	};
 	const updateSkill = async (entry) => {
-		let path;
-		const remote = entry.sourceType === "git" || Boolean(entry.sourceUrl);
-		if (!entry.updateSupported || entry.updateError && !remote) {
-			path = await pickDirectory() ?? void 0;
-			if (!path) return;
-		}
+		const path = entry.updateSupported ? void 0 : await pickDirectory() ?? void 0;
+		if (!entry.updateSupported && !path) return;
 		await run(() => mutate("update", {
 			name: entry.name,
 			path,
@@ -625,15 +603,6 @@ function SkillManagerSection(props) {
 		gap: 8,
 		flexWrap: "wrap"
 	} }, (0, react.createElement)("button", {
-		type: "button",
-		style: buttonStyle("ghost", busy),
-		onClick: () => void run(() => mutate("check-updates", { projectRoot })),
-		disabled: busy,
-		title: "检查已记录来源是否有变化"
-	}, (0, react.createElement)(RefreshCw, {
-		size: 14,
-		"aria-hidden": true
-	}), "检查更新"), (0, react.createElement)("button", {
 		type: "button",
 		style: buttonStyle("ghost", busy || !loopback),
 		onClick: () => setRepositoryOpen((value) => !value),
@@ -727,35 +696,30 @@ function SkillManagerSection(props) {
 		minWidth: 0,
 		alignItems: "center",
 		gap: 8,
-		flexWrap: "wrap",
 		fontSize: 13,
 		color: tokens.secondary
-	} }, "项目范围", (0, react.createElement)("select", {
-		value: projectRoot ?? "",
-		onChange: (event) => setProjectRoot(event.currentTarget.value || void 0),
+	} }, (0, react.createElement)("span", { style: { flex: "0 0 auto" } }, "项目范围"), (0, react.createElement)("select", {
+		value: projectRoot ?? "__global__",
+		onChange: (event) => {
+			const value = event.currentTarget.value;
+			if (value === "__global__") {
+				userChoseGlobal.current = true;
+				setProjectRoot(void 0);
+			} else {
+				userChoseGlobal.current = false;
+				setProjectRoot(value);
+			}
+		},
 		style: {
 			...selectStyle,
-			width: "100%"
+			flex: "1 1 auto",
+			minWidth: 0,
+			maxWidth: "none"
 		}
-	}, (0, react.createElement)("option", { value: "" }, "只看全局"), ...workspaces.items.map((workspace) => (0, react.createElement)("option", {
+	}, (0, react.createElement)("option", { value: "__global__" }, "只看全局"), ...workspaces.items.map((workspace) => (0, react.createElement)("option", {
 		key: workspace.workspaceId,
 		value: workspace.path
-	}, workspace.title))))), (0, react.createElement)("div", { style: {
-		display: "flex",
-		gap: 8,
-		flexWrap: "wrap"
-	} }, (0, react.createElement)(StatChip, {
-		label: "已安装",
-		value: stats.total
-	}), (0, react.createElement)(StatChip, {
-		label: "全局启用",
-		value: stats.global,
-		tone: "accent"
-	}), projectRoot !== void 0 ? (0, react.createElement)(StatChip, {
-		label: "项目启用",
-		value: stats.project,
-		tone: "accent"
-	}) : null), error ? (0, react.createElement)("div", {
+	}, workspace.title))))), error ? (0, react.createElement)("div", {
 		role: "alert",
 		style: {
 			display: "flex",
@@ -811,23 +775,6 @@ function SkillManagerSection(props) {
 		}))
 	}))));
 }
-function StatChip(props) {
-	const active = props.tone === "accent" && props.value > 0;
-	return (0, react.createElement)("span", { style: {
-		display: "inline-flex",
-		alignItems: "baseline",
-		gap: 6,
-		padding: "4px 10px",
-		borderRadius: 999,
-		fontSize: 12,
-		border: `1px solid ${active ? "rgba(99, 102, 241, .4)" : tokens.border}`,
-		color: active ? tokens.accent : tokens.secondary,
-		background: active ? "rgba(99, 102, 241, .08)" : "transparent"
-	} }, (0, react.createElement)("span", null, props.label), (0, react.createElement)("strong", { style: {
-		fontSize: 13,
-		fontWeight: 600
-	} }, String(props.value)));
-}
 function EmptyState(props) {
 	return (0, react.createElement)("div", { style: {
 		display: "grid",
@@ -848,8 +795,8 @@ function EmptyState(props) {
 	} }, props.hasAny ? "没有匹配的 skill，试试调整搜索词。" : "还没有导入任何 skill。点击右上角「导入」，从本机目录开始。"));
 }
 function ComposerSkillButton(props) {
-	const { session, sessions, list, mutate } = props;
-	const projectRoot = (0, react.useSyncExternalStore)(sessions.subscribe, sessions.getSnapshot, sessions.getSnapshot).byId[session.sessionId]?.cwd;
+	const { session, list, mutate } = props;
+	const projectRoot = session.cwd;
 	const [open, setOpen] = (0, react.useState)(false);
 	const containerRef = (0, react.useRef)(null);
 	(0, react.useEffect)(() => {
@@ -1051,11 +998,13 @@ function ProjectSkillPopover(props) {
 		overflow: "hidden",
 		textOverflow: "ellipsis",
 		whiteSpace: "nowrap"
-	} }, entry.name), (0, react.createElement)(Toggle, {
+	} }, entry.name), (0, react.createElement)("input", {
+		type: "checkbox",
 		checked: entry.projectEnabled,
 		disabled: busy,
-		onChange: (enabled) => void toggle(entry, enabled),
-		label: entry.name
+		onChange: (event) => void toggle(entry, event.currentTarget.checked),
+		"aria-label": `${entry.name} 项目开关`,
+		style: checkboxStyle
 	})))), busy ? (0, react.createElement)("div", { style: {
 		display: "flex",
 		justifyContent: "flex-end",
@@ -1068,7 +1017,6 @@ function ProjectSkillPopover(props) {
 }
 function SkillRow(props) {
 	const { entry, projectLabel, projectAvailable, busy, onGlobalChange, onProjectChange, onUpdate, onRemove } = props;
-	const [hover, setHover] = (0, react.useState)(false);
 	return (0, react.createElement)("article", {
 		className: "dsh-skill-manager-row",
 		style: {
@@ -1083,12 +1031,10 @@ function SkillRow(props) {
 			boxSizing: "border-box",
 			padding: "12px 14px",
 			borderRadius: 10,
-			border: `1px solid ${hover ? tokens.borderStrong : tokens.border}`,
-			background: hover ? tokens.surfaceHover : "transparent",
+			border: `1px solid ${tokens.border}`,
+			background: "transparent",
 			transition: "border-color .15s ease, background .15s ease"
-		},
-		onMouseEnter: () => setHover(true),
-		onMouseLeave: () => setHover(false)
+		}
 	}, (0, react.createElement)("div", {
 		className: "dsh-skill-manager-row-icon",
 		style: {
@@ -1128,18 +1074,7 @@ function SkillRow(props) {
 		active: entry.projectEnabled,
 		icon: FolderGit,
 		label: projectLabel
-	}) : null, entry.updateAvailable ? (0, react.createElement)("span", { style: {
-		flex: "0 0 auto",
-		fontSize: 11,
-		color: tokens.accent
-	} }, "有更新") : null, entry.updateError ? (0, react.createElement)("span", {
-		style: {
-			flex: "0 0 auto",
-			fontSize: 11,
-			color: tokens.danger
-		},
-		title: entry.updateError
-	}, "来源异常") : null), entry.description ? (0, react.createElement)("p", { style: {
+	}) : null), entry.description ? (0, react.createElement)("p", { style: {
 		margin: 0,
 		color: tokens.secondary,
 		lineHeight: 1.45,
@@ -1160,27 +1095,31 @@ function SkillRow(props) {
 			gap: 10,
 			flexWrap: "wrap"
 		}
-	}, (0, react.createElement)(Toggle, {
+	}, (0, react.createElement)("input", {
+		type: "checkbox",
 		checked: entry.globalEnabled,
 		disabled: busy,
-		onChange: onGlobalChange,
-		label: `${entry.name} 全局开关`,
-		title: "全局启用"
-	}), projectAvailable ? (0, react.createElement)(Toggle, {
+		onChange: (event) => onGlobalChange(event.currentTarget.checked),
+		"aria-label": `${entry.name} 全局开关`,
+		title: "全局启用",
+		style: checkboxStyle
+	}), projectAvailable ? (0, react.createElement)("input", {
+		type: "checkbox",
 		checked: entry.projectEnabled,
 		disabled: busy,
-		onChange: onProjectChange,
-		label: `${entry.name} 项目开关`,
-		title: `${projectLabel} 启用`
+		onChange: (event) => onProjectChange(event.currentTarget.checked),
+		"aria-label": `${entry.name} 项目开关`,
+		title: `${projectLabel} 启用`,
+		style: checkboxStyle
 	}) : null, (0, react.createElement)("button", {
 		type: "button",
 		style: {
 			...iconButtonStyle,
-			color: entry.updateAvailable ? tokens.accent : tokens.secondary
+			color: tokens.secondary
 		},
 		disabled: busy,
 		onClick: onUpdate,
-		title: entry.updateSupported && !entry.updateError ? entry.sourceType === "git" ? "从远程仓库更新" : "从原始目录更新" : "选择来源目录并更新",
+		title: entry.updateSupported ? entry.sourceType === "git" ? "从远程仓库更新" : "从原始目录更新" : "选择来源目录并更新",
 		"aria-label": `更新 ${entry.name}`
 	}, (0, react.createElement)(RefreshCw, {
 		size: 15,
@@ -1201,12 +1140,12 @@ function SkillRow(props) {
 	}))));
 }
 function SourceBadge(props) {
-	const remote = props.entry.sourceType === "git" || Boolean(props.entry.sourceUrl);
-	const local = props.entry.sourceType === "local" || Boolean(props.entry.sourcePath);
+	const remote = props.entry.sourceType === "git";
+	const local = props.entry.sourceType === "local";
 	const Icon$1 = remote ? GitBranch : local ? FolderGit : CircleAlert;
 	const label = remote ? "Git" : local ? "本机" : "未知";
 	return (0, react.createElement)("span", {
-		title: remote ? props.entry.sourceUrl : local ? props.entry.sourcePath : "旧版本导入，首次更新需重新选择来源",
+		title: remote ? props.entry.sourceUrl : local ? props.entry.sourcePath : "来源未知，更新时需选择本机来源目录",
 		style: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -1252,49 +1191,6 @@ function StatusBadge(props) {
 		"aria-hidden": true
 	}), props.active ? `${props.label}开` : `${props.label}关`);
 }
-function Toggle(props) {
-	const { checked, disabled, onChange, label, title } = props;
-	return (0, react.createElement)("button", {
-		type: "button",
-		role: "switch",
-		"aria-checked": checked,
-		"aria-label": label,
-		title,
-		disabled,
-		onClick: () => onChange(!checked),
-		style: {
-			position: "relative",
-			flex: "0 0 auto",
-			width: 30,
-			height: 18,
-			padding: 0,
-			border: "none",
-			borderRadius: 999,
-			background: checked ? tokens.accent : "rgba(148, 163, 184, .35)",
-			cursor: disabled ? "default" : "pointer",
-			opacity: disabled ? .55 : 1,
-			transition: "background .15s ease"
-		}
-	}, (0, react.createElement)("span", {
-		"aria-hidden": true,
-		style: {
-			position: "absolute",
-			top: 2,
-			left: checked ? 14 : 2,
-			width: 14,
-			height: 14,
-			borderRadius: 999,
-			background: "#fff",
-			boxShadow: "0 1px 2px rgba(0, 0, 0, .3)",
-			transition: "left .15s ease",
-			display: "grid",
-			placeItems: "center"
-		}
-	}, checked ? (0, react.createElement)(Check, {
-		size: 10,
-		"aria-hidden": true
-	}) : null));
-}
 function currentThemeColors() {
 	if (typeof document === "undefined") return {
 		background: "#151517",