dsh-skills-manager 0.1.5 → 0.1.7

package/README.md

@@ -33,8 +33,9 @@ After changing the bundle or installed dependencies, restart the Harness service
 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. 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 private library entry, not the local source or remote repository.
+5. Use **检测** to check every installed skill for upstream updates without applying them; rows show a badge (有更新 / 已是最新 / 上游已删除 / 无法检测). When updates are found, **全部更新 (N)** applies them one by one.
+6. Use the wrench control beside the composer attachment button to toggle installed skills for the current session workspace only.
+7. Remove an installed skill with **移除**. This deletes only the plugin's private library entry, not the local source or remote repository.
 
 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.
 

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$11 = [["path", {
+const __iconNode$15 = [["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$11);
+const Wrench = createLucideIcon("wrench", __iconNode$15);
 
 //#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$10 = [["path", {
+const __iconNode$14 = [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
 }]];
-const Plus = createLucideIcon("plus", __iconNode$10);
+const Plus = createLucideIcon("plus", __iconNode$14);
 
 //#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$9 = [
+const __iconNode$13 = [
 	["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$9 = [
 		key: "1cv678"
 	}]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$9);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$13);
 
 //#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$8 = [["path", {
+const __iconNode$12 = [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
 }], ["circle", {
@@ -185,22 +185,22 @@ const __iconNode$8 = [["path", {
 	r: "8",
 	key: "4ej97u"
 }]];
-const Search = createLucideIcon("search", __iconNode$8);
+const Search = createLucideIcon("search", __iconNode$12);
 
 //#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$7 = [["path", {
+const __iconNode$11 = [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
 }]];
-const X = createLucideIcon("x", __iconNode$7);
+const X = createLucideIcon("x", __iconNode$11);
 
 //#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$6 = [
+const __iconNode$10 = [
 	["path", {
 		d: "M10 11v6",
 		key: "nco0om"
@@ -222,11 +222,11 @@ const __iconNode$6 = [
 		key: "e791ji"
 	}]
 ];
-const Trash2 = createLucideIcon("trash-2", __iconNode$6);
+const Trash2 = createLucideIcon("trash-2", __iconNode$10);
 
 //#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$5 = [
+const __iconNode$9 = [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -242,11 +242,11 @@ const __iconNode$5 = [
 		key: "9i4pu4"
 	}]
 ];
-const Globe = createLucideIcon("globe", __iconNode$5);
+const Globe = createLucideIcon("globe", __iconNode$9);
 
 //#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$4 = [
+const __iconNode$8 = [
 	["circle", {
 		cx: "12",
 		cy: "13",
@@ -266,11 +266,11 @@ const __iconNode$4 = [
 		key: "1pygq7"
 	}]
 ];
-const FolderGit = createLucideIcon("folder-git", __iconNode$4);
+const FolderGit = createLucideIcon("folder-git", __iconNode$8);
 
 //#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$3 = [
+const __iconNode$7 = [
 	["path", {
 		d: "M15 6a9 9 0 0 0-9 9V3",
 		key: "1cii5b"
@@ -288,11 +288,11 @@ const __iconNode$3 = [
 		key: "fqmcym"
 	}]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$3);
+const GitBranch = createLucideIcon("git-branch", __iconNode$7);
 
 //#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$2 = [
+const __iconNode$6 = [
 	["path", {
 		d: "M12 22v-9",
 		key: "x3hkom"
@@ -310,19 +310,19 @@ const __iconNode$2 = [
 		key: "12ttoo"
 	}]
 ];
-const PackageOpen = createLucideIcon("package-open", __iconNode$2);
+const PackageOpen = createLucideIcon("package-open", __iconNode$6);
 
 //#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$1 = [["path", {
+const __iconNode$5 = [["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$1);
+const Puzzle = createLucideIcon("puzzle", __iconNode$5);
 
 //#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 = [
+const __iconNode$4 = [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -344,7 +344,61 @@ const __iconNode = [
 		key: "4dfq90"
 	}]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$4);
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/list.mjs
+const __iconNode$3 = [
+	["path", {
+		d: "M3 5h.01",
+		key: "18ugdj"
+	}],
+	["path", {
+		d: "M3 12h.01",
+		key: "nlz23k"
+	}],
+	["path", {
+		d: "M3 19h.01",
+		key: "noohij"
+	}],
+	["path", {
+		d: "M8 5h13",
+		key: "1pao27"
+	}],
+	["path", {
+		d: "M8 12h13",
+		key: "1za7za"
+	}],
+	["path", {
+		d: "M8 19h13",
+		key: "m83p4d"
+	}]
+];
+const List = createLucideIcon("list", __iconNode$3);
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/folder.mjs
+const __iconNode$2 = [["path", {
+	d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+	key: "1kt360"
+}]];
+const Folder = createLucideIcon("folder", __iconNode$2);
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-down.mjs
+const __iconNode$1 = [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1);
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.mjs
+const __iconNode = [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode);
 
 //#endregion
 //#region lib/types/client/popover.js
@@ -489,6 +543,11 @@ function apply(ctx) {
 	};
 	const list = (projectRoot) => request("list", projectRoot ? { projectRoot } : {});
 	const mutate = request;
+	const checkUpdates = async () => {
+		const result = await connection.rpc.call("/skill-manager", "check-updates", {});
+		if (!result.ok) throw new Error(result.error.message);
+		return result.value;
+	};
 	ctx.slots.inject("settings.section", () => ctx.slots.register({
 		name: "settings.section",
 		id: "skills",
@@ -497,6 +556,7 @@ function apply(ctx) {
 		inject: () => ({
 			list,
 			mutate,
+			checkUpdates,
 			pickDirectory: () => ctx.workspaces.pickDirectory(),
 			loopback: connection.isLoopback
 		})
@@ -512,15 +572,19 @@ function apply(ctx) {
 	}, ComposerSkillButton));
 }
 function SkillManagerSection(props) {
-	const { list, mutate, pickDirectory, loopback, useWorkspaces } = props;
+	const { list, mutate, checkUpdates, pickDirectory, loopback, useWorkspaces } = props;
 	const workspaces = useWorkspaces((state) => state);
 	const [projectRoot, setProjectRoot] = (0, react.useState)(void 0);
 	const [catalog, setCatalog] = (0, react.useState)(null);
 	const [query, setQuery] = (0, react.useState)("");
 	const [busy, setBusy] = (0, react.useState)(false);
+	const [checking, setChecking] = (0, react.useState)(false);
+	const [statuses, setStatuses] = (0, react.useState)({});
 	const [error, setError] = (0, react.useState)(null);
 	const [repositoryOpen, setRepositoryOpen] = (0, react.useState)(false);
 	const [repository, setRepository] = (0, react.useState)("");
+	const [view, setView] = (0, react.useState)("flat");
+	const [collapsed, setCollapsed] = (0, react.useState)({});
 	(0, react.useEffect)(() => {
 		ensureKeyframes();
 	}, []);
@@ -558,6 +622,7 @@ function SkillManagerSection(props) {
 	}, []);
 	const normalizedQuery = query.trim().toLocaleLowerCase();
 	const filtered = (catalog?.entries ?? []).filter((entry) => normalizedQuery.length === 0 || `${entry.name} ${entry.description}`.toLocaleLowerCase().includes(normalizedQuery));
+	const groups = groupBySource(filtered);
 	const importSkill = async () => {
 		const path = await pickDirectory();
 		if (path) await run(() => mutate("install", {
@@ -586,7 +651,60 @@ function SkillManagerSection(props) {
 			projectRoot
 		}));
 	};
+	const checkAll = async () => {
+		setChecking(true);
+		setError(null);
+		try {
+			const report = await checkUpdates();
+			setStatuses(Object.fromEntries(report.entries.map((entry) => [entry.name, entry.status])));
+		} catch (reason) {
+			setError(messageOf(reason));
+		} finally {
+			setChecking(false);
+		}
+	};
+	const updatable = (catalog?.entries ?? []).filter((entry) => statuses[entry.name] === "update-available" && entry.updateSupported);
+	const updateAll = async () => {
+		setBusy(true);
+		setError(null);
+		try {
+			for (const entry of updatable) setCatalog(await mutate("update", {
+				name: entry.name,
+				projectRoot
+			}));
+			setStatuses({});
+		} catch (reason) {
+			setError(messageOf(reason));
+		} finally {
+			setBusy(false);
+		}
+	};
 	const selectedWorkspace = workspaces.items.find((item) => item.path === projectRoot);
+	const rowProps = (entry) => ({
+		key: entry.name,
+		entry,
+		projectLabel: selectedWorkspace?.title ?? "当前项目",
+		projectAvailable: projectRoot !== void 0,
+		busy,
+		updateStatus: statuses[entry.name],
+		onGlobalChange: (enabled) => void run(() => mutate("set-enabled", {
+			name: entry.name,
+			scope: "global",
+			projectRoot,
+			enabled
+		})),
+		onProjectChange: (enabled) => void run(() => mutate("set-enabled", {
+			name: entry.name,
+			scope: "project",
+			projectRoot,
+			enabled
+		})),
+		onUpdate: () => void updateSkill(entry),
+		onRemove: () => void run(() => mutate("remove", {
+			name: entry.name,
+			projectRoot
+		}))
+	});
 	return (0, react.createElement)("div", {
 		style: panelStyle,
 		"aria-busy": busy
@@ -617,6 +735,25 @@ function SkillManagerSection(props) {
 		gap: 8,
 		flexWrap: "wrap"
 	} }, (0, react.createElement)("button", {
+		type: "button",
+		style: buttonStyle("ghost", busy || checking),
+		onClick: () => void checkAll(),
+		disabled: busy || checking,
+		title: "检测全部 skill 是否有更新（只检测，不更新）"
+	}, (0, react.createElement)(RefreshCw, {
+		size: 14,
+		"aria-hidden": true,
+		style: checking ? spinnerStyle : void 0
+	}), checking ? "检测中…" : "检测"), updatable.length > 0 ? (0, react.createElement)("button", {
+		type: "button",
+		style: buttonStyle("primary", busy || checking || !loopback),
+		onClick: () => void updateAll(),
+		disabled: busy || checking || !loopback,
+		title: loopback ? `更新全部 ${updatable.length} 个有更新的 skill` : "仅在本机连接时可更新"
+	}, (0, react.createElement)(RefreshCw, {
+		size: 14,
+		"aria-hidden": true
+	}), `全部更新 (${updatable.length})`) : null, (0, react.createElement)("button", {
 		type: "button",
 		style: buttonStyle("ghost", busy || !loopback),
 		onClick: () => setRepositoryOpen((value) => !value),
@@ -733,7 +870,49 @@ function SkillManagerSection(props) {
 	}, (0, react.createElement)("option", { value: "__global__" }, "只看全局"), ...workspaces.items.map((workspace) => (0, react.createElement)("option", {
 		key: workspace.workspaceId,
 		value: workspace.path
-	}, workspace.title))))), error ? (0, react.createElement)("div", {
+	}, workspace.title)))), (0, react.createElement)("div", {
+		role: "group",
+		"aria-label": "视图切换",
+		style: {
+			display: "flex",
+			flex: "0 0 auto",
+			border: `1px solid ${tokens.border}`,
+			borderRadius: 8,
+			overflow: "hidden"
+		}
+	}, (0, react.createElement)("button", {
+		type: "button",
+		onClick: () => setView("flat"),
+		"aria-pressed": view === "flat",
+		title: "平铺列表",
+		style: {
+			...iconButtonStyle,
+			width: 32,
+			height: 32,
+			borderRadius: 0,
+			color: view === "flat" ? tokens.accent : tokens.secondary,
+			background: view === "flat" ? "rgba(99, 102, 241, .12)" : "transparent"
+		}
+	}, (0, react.createElement)(List, {
+		size: 15,
+		"aria-hidden": true
+	})), (0, react.createElement)("button", {
+		type: "button",
+		onClick: () => setView("grouped"),
+		"aria-pressed": view === "grouped",
+		title: "按来源仓库分组",
+		style: {
+			...iconButtonStyle,
+			width: 32,
+			height: 32,
+			borderRadius: 0,
+			color: view === "grouped" ? tokens.accent : tokens.secondary,
+			background: view === "grouped" ? "rgba(99, 102, 241, .12)" : "transparent"
+		}
+	}, (0, react.createElement)(Folder, {
+		size: 15,
+		"aria-hidden": true
+	})))), error ? (0, react.createElement)("div", {
 		role: "alert",
 		style: {
 			display: "flex",
@@ -764,30 +943,89 @@ function SkillManagerSection(props) {
 		textAlign: "center",
 		fontSize: 13,
 		color: tokens.secondary
-	} }, "正在读取…") : filtered.length === 0 ? (0, react.createElement)(EmptyState, { hasAny: (catalog.entries.length ?? 0) > 0 }) : filtered.map((entry) => (0, react.createElement)(SkillRow, {
-		key: entry.name,
-		entry,
-		projectLabel: selectedWorkspace?.title ?? "当前项目",
-		projectAvailable: projectRoot !== void 0,
-		busy,
-		onGlobalChange: (enabled) => void run(() => mutate("set-enabled", {
-			name: entry.name,
-			scope: "global",
-			projectRoot,
-			enabled
-		})),
-		onProjectChange: (enabled) => void run(() => mutate("set-enabled", {
-			name: entry.name,
-			scope: "project",
-			projectRoot,
-			enabled
+	} }, "正在读取…") : filtered.length === 0 ? (0, react.createElement)(EmptyState, { hasAny: (catalog.entries.length ?? 0) > 0 }) : view === "flat" ? filtered.map((entry) => (0, react.createElement)(SkillRow, rowProps(entry))) : groups.map((group) => (0, react.createElement)("div", {
+		key: group.key,
+		style: {
+			display: "grid",
+			gap: 8
+		}
+	}, (0, react.createElement)("button", {
+		type: "button",
+		onClick: () => setCollapsed((prev) => ({
+			...prev,
+			[group.key]: !prev[group.key]
 		})),
-		onUpdate: () => void updateSkill(entry),
-		onRemove: () => void run(() => mutate("remove", {
-			name: entry.name,
-			projectRoot
-		}))
-	}))));
+		"aria-expanded": !collapsed[group.key],
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "6px 4px",
+			border: "none",
+			background: "transparent",
+			color: "inherit",
+			cursor: "pointer",
+			fontSize: 13,
+			fontWeight: 600,
+			textAlign: "left"
+		}
+	}, collapsed[group.key] ? (0, react.createElement)(ChevronRight, {
+		size: 14,
+		"aria-hidden": true,
+		style: {
+			color: tokens.secondary,
+			flex: "0 0 auto"
+		}
+	}) : (0, react.createElement)(ChevronDown, {
+		size: 14,
+		"aria-hidden": true,
+		style: {
+			color: tokens.secondary,
+			flex: "0 0 auto"
+		}
+	}), (0, react.createElement)(GitBranch, {
+		size: 13,
+		"aria-hidden": true,
+		style: {
+			color: tokens.secondary,
+			flex: "0 0 auto"
+		}
+	}), (0, react.createElement)("span", {
+		title: group.key === "__local__" ? void 0 : group.key,
+		style: {
+			...monoStyle,
+			minWidth: 0,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		}
+	}, group.label), (0, react.createElement)("span", { style: {
+		color: tokens.secondary,
+		fontWeight: 400,
+		flex: "0 0 auto"
+	} }, `${group.entries.length} 个`)), collapsed[group.key] ? null : group.entries.map((entry) => (0, react.createElement)(SkillRow, rowProps(entry)))))));
+}
+function groupBySource(entries) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const entry of entries) {
+		const key = entry.sourceType === "git" && entry.sourceUrl ? entry.sourceUrl : "__local__";
+		const label = key === "__local__" ? "本机导入" : shortRepoLabel(key);
+		const group = groups.get(key) ?? {
+			label,
+			entries: []
+		};
+		group.entries.push(entry);
+		groups.set(key, group);
+	}
+	return [...groups.entries()].map(([key, group]) => ({
+		key,
+		label: group.label,
+		entries: group.entries
+	})).sort((a, b) => a.key === "__local__" ? 1 : b.key === "__local__" ? -1 : a.label.localeCompare(b.label));
+}
+function shortRepoLabel(url) {
+	const match = /^(?:https?:\/\/|git@|ssh:\/\/git@)?([^/:]+)[:/]([^/]+\/[^/]+?)(?:\.git)?\/?$/.exec(url);
+	return match ? `${match[2]} (${match[1]})` : url;
 }
 function EmptyState(props) {
 	return (0, react.createElement)("div", { style: {
@@ -1043,8 +1281,35 @@ function ProjectSkillPopover(props) {
 		style: spinnerStyle
 	})) : null);
 }
+const UPDATE_BADGE = {
+	"update-available": {
+		label: "有更新",
+		color: tokens.accent,
+		background: "rgba(99, 102, 241, .1)",
+		border: "1px solid rgba(99, 102, 241, .35)"
+	},
+	"current": {
+		label: "已是最新",
+		color: tokens.success,
+		background: "rgba(22, 163, 74, .1)",
+		border: "1px solid rgba(22, 163, 74, .3)"
+	},
+	"deleted-upstream": {
+		label: "上游已删除",
+		color: tokens.danger,
+		background: "rgba(220, 38, 38, .08)",
+		border: "1px solid rgba(220, 38, 38, .3)"
+	},
+	"unknown": {
+		label: "无法检测",
+		color: tokens.secondary,
+		background: "rgba(148, 163, 184, .09)",
+		border: "1px solid transparent"
+	}
+};
 function SkillRow(props) {
-	const { entry, projectLabel, projectAvailable, busy, onGlobalChange, onProjectChange, onUpdate, onRemove } = props;
+	const { entry, projectLabel, projectAvailable, busy, updateStatus, onGlobalChange, onProjectChange, onUpdate, onRemove } = props;
+	const badge = updateStatus ? UPDATE_BADGE[updateStatus] : void 0;
 	return (0, react.createElement)("article", {
 		className: "dsh-skill-manager-row",
 		style: {
@@ -1094,7 +1359,19 @@ function SkillRow(props) {
 		overflow: "hidden",
 		textOverflow: "ellipsis",
 		whiteSpace: "nowrap"
-	} }, entry.name), (0, react.createElement)(SourceBadge, { entry }), (0, react.createElement)(StatusBadge, {
+	} }, entry.name), badge ? (0, react.createElement)("span", { style: {
+		display: "inline-flex",
+		alignItems: "center",
+		flex: "0 1 auto",
+		padding: "2px 6px",
+		borderRadius: 999,
+		fontSize: 11,
+		lineHeight: "16px",
+		whiteSpace: "nowrap",
+		color: badge.color,
+		background: badge.background,
+		border: badge.border
+	} }, badge.label) : null, (0, react.createElement)(SourceBadge, { entry }), (0, react.createElement)(StatusBadge, {
 		active: entry.globalEnabled,
 		icon: Globe,
 		label: "全局"