dsh-skills-manager 0.1.0

package/lib/client.js

@@ -0,0 +1,1317 @@
+window.__ModuleLoader__.load({ id: "dsh-skills-manager", factory: (require) => {
+var module = { exports: {} }; var exports = module.exports;
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let react = require("react");
+react = __toESM(react);
+
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+/**
+* @license lucide-react v1.31.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+	return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.mjs
+/**
+* @license lucide-react v1.31.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs
+/**
+* @license lucide-react v1.31.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.mjs
+const toPascalCase = (string) => {
+	const camelCase = toCamelCase(string);
+	return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.mjs
+/**
+* @license lucide-react v1.31.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var defaultAttributes = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+};
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs
+/**
+* @license lucide-react v1.31.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const hasA11yProp = (props) => {
+	for (const prop in props) if (prop.startsWith("aria-") || prop === "role" || prop === "title") return true;
+	return false;
+};
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/context.mjs
+const LucideContext = (0, react.createContext)({});
+const useLucideContext = () => (0, react.useContext)(LucideContext);
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.mjs
+const Icon = (0, react.forwardRef)(({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode,...rest }, ref) => {
+	const { size: contextSize = 24, strokeWidth: contextStrokeWidth = 2, absoluteStrokeWidth: contextAbsoluteStrokeWidth = false, color: contextColor = "currentColor", className: contextClass = "" } = useLucideContext() ?? {};
+	const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;
+	return (0, react.createElement)("svg", {
+		ref,
+		...defaultAttributes,
+		width: size ?? contextSize ?? defaultAttributes.width,
+		height: size ?? contextSize ?? defaultAttributes.height,
+		stroke: color ?? contextColor,
+		strokeWidth: calculatedStrokeWidth,
+		className: mergeClasses("lucide", contextClass, className),
+		...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+		...rest
+	}, [...iconNode.map(([tag, attrs]) => (0, react.createElement)(tag, attrs)), ...Array.isArray(children) ? children : [children]]);
+});
+
+//#endregion
+//#region node_modules/.pnpm/lucide-react@1.31.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.mjs
+const createLucideIcon = (iconName, iconNode) => {
+	const Component = (0, react.forwardRef)(({ className,...props }, ref) => (0, react.createElement)(Icon, {
+		ref,
+		iconNode,
+		className: mergeClasses(`lucide-${toKebabCase(toPascalCase(iconName))}`, `lucide-${iconName}`, className),
+		...props
+	}));
+	Component.displayName = toPascalCase(iconName);
+	return Component;
+};
+
+//#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", {
+	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);
+
+//#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", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "M12 5v14",
+	key: "s699le"
+}]];
+const Plus = createLucideIcon("plus", __iconNode$11);
+
+//#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 = [
+	["path", {
+		d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
+		key: "v9h5vc"
+	}],
+	["path", {
+		d: "M21 3v5h-5",
+		key: "1q7to0"
+	}],
+	["path", {
+		d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",
+		key: "3uifl3"
+	}],
+	["path", {
+		d: "M8 16H3v5",
+		key: "1cv678"
+	}]
+];
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$10);
+
+//#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", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]];
+const Search = createLucideIcon("search", __iconNode$9);
+
+//#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", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]];
+const X = createLucideIcon("x", __iconNode$8);
+
+//#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 = [
+	["path", {
+		d: "M10 11v6",
+		key: "nco0om"
+	}],
+	["path", {
+		d: "M14 11v6",
+		key: "outv1u"
+	}],
+	["path", {
+		d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+		key: "miytrc"
+	}],
+	["path", {
+		d: "M3 6h18",
+		key: "d0wm0j"
+	}],
+	["path", {
+		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+		key: "e791ji"
+	}]
+];
+const Trash2 = createLucideIcon("trash-2", __iconNode$7);
+
+//#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 = [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
+		key: "13o1zl"
+	}],
+	["path", {
+		d: "M2 12h20",
+		key: "9i4pu4"
+	}]
+];
+const Globe = createLucideIcon("globe", __iconNode$6);
+
+//#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 = [
+	["circle", {
+		cx: "12",
+		cy: "13",
+		r: "2",
+		key: "1c1ljs"
+	}],
+	["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"
+	}],
+	["path", {
+		d: "M14 13h3",
+		key: "1dgedf"
+	}],
+	["path", {
+		d: "M7 13h3",
+		key: "1pygq7"
+	}]
+];
+const FolderGit = createLucideIcon("folder-git", __iconNode$5);
+
+//#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 = [
+	["path", {
+		d: "M15 6a9 9 0 0 0-9 9V3",
+		key: "1cii5b"
+	}],
+	["circle", {
+		cx: "18",
+		cy: "6",
+		r: "3",
+		key: "1h7g24"
+	}],
+	["circle", {
+		cx: "6",
+		cy: "18",
+		r: "3",
+		key: "fqmcym"
+	}]
+];
+const GitBranch = createLucideIcon("git-branch", __iconNode$4);
+
+//#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 = [
+	["path", {
+		d: "M12 22v-9",
+		key: "x3hkom"
+	}],
+	["path", {
+		d: "M15.17 2.21a1.67 1.67 0 0 1 1.63 0L21 4.57a1.93 1.93 0 0 1 0 3.36L8.82 14.79a1.655 1.655 0 0 1-1.64 0L3 12.43a1.93 1.93 0 0 1 0-3.36z",
+		key: "2ntwy6"
+	}],
+	["path", {
+		d: "M20 13v3.87a2.06 2.06 0 0 1-1.11 1.83l-6 3.08a1.93 1.93 0 0 1-1.78 0l-6-3.08A2.06 2.06 0 0 1 4 16.87V13",
+		key: "1pmm1c"
+	}],
+	["path", {
+		d: "M21 12.43a1.93 1.93 0 0 0 0-3.36L8.83 2.2a1.64 1.64 0 0 0-1.63 0L3 4.57a1.93 1.93 0 0 0 0 3.36l12.18 6.86a1.636 1.636 0 0 0 1.63 0z",
+		key: "12ttoo"
+	}]
+];
+const PackageOpen = createLucideIcon("package-open", __iconNode$3);
+
+//#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", {
+	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);
+
+//#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 = [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		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);
+
+//#endregion
+//#region lib/types/client/index.js
+const inject = [
+	"connection",
+	"slots",
+	"workspaces",
+	"sessions"
+];
+const ICON_SPIN = ["dsh-skill-manager-spin", "to { transform: rotate(360deg); }"];
+function ensureKeyframes() {
+	if (typeof document === "undefined") return;
+	if (document.getElementById(ICON_SPIN[0])) return;
+	const style = document.createElement("style");
+	style.id = ICON_SPIN[0];
+	style.textContent = `
+    @keyframes ${ICON_SPIN[0]} { ${ICON_SPIN[1]} }
+    @container (max-width: 360px) {
+      .dsh-skill-manager-row { grid-template-columns: minmax(0, 1fr) !important; }
+      .dsh-skill-manager-row-icon { display: none !important; }
+      .dsh-skill-manager-row-actions { grid-column: 1 !important; justify-content: flex-start !important; }
+    }
+  `;
+	document.head.appendChild(style);
+}
+const spinnerStyle = {
+	animation: `${ICON_SPIN[0]} 1s linear infinite`,
+	flex: "0 0 auto"
+};
+const monoStyle = { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace" };
+const tokens = {
+	border: "var(--border-subtle, rgba(148, 163, 184, .22))",
+	borderStrong: "var(--border-strong, rgba(148, 163, 184, .38))",
+	accent: "var(--fg-accent, #6366f1)",
+	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))"
+};
+const panelStyle = {
+	containerType: "inline-size",
+	display: "grid",
+	gap: 18,
+	width: "100%",
+	minWidth: 0,
+	maxWidth: 760,
+	padding: "6px 0 36px"
+};
+function buttonStyle(tone, disabled) {
+	const base = {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: 6,
+		minHeight: 32,
+		padding: "0 12px",
+		borderRadius: 8,
+		border: `1px solid transparent`,
+		fontSize: 13,
+		fontWeight: 500,
+		cursor: disabled ? "default" : "pointer",
+		opacity: disabled ? .55 : 1,
+		whiteSpace: "nowrap",
+		transition: "background .15s ease, border-color .15s ease"
+	};
+	if (tone === "primary") return {
+		...base,
+		background: tokens.accent,
+		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",
+		color: "inherit",
+		border: `1px solid ${tokens.border}`
+	};
+}
+const iconButtonStyle = {
+	display: "grid",
+	placeItems: "center",
+	width: 28,
+	height: 28,
+	padding: 0,
+	border: "none",
+	borderRadius: 7,
+	background: "transparent",
+	color: tokens.secondary,
+	cursor: "pointer"
+};
+const inputStyle = {
+	width: "100%",
+	minHeight: 34,
+	padding: "0 10px 0 30px",
+	borderRadius: 8,
+	border: `1px solid ${tokens.border}`,
+	background: "var(--bg-primary, transparent)",
+	color: "inherit",
+	fontSize: 13,
+	outline: "none",
+	boxSizing: "border-box"
+};
+const selectStyle = {
+	minHeight: 34,
+	maxWidth: 300,
+	padding: "0 8px",
+	borderRadius: 8,
+	border: `1px solid ${tokens.border}`,
+	background: "var(--bg-primary, transparent)",
+	color: "inherit",
+	fontSize: 13
+};
+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);
+		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",
+		order: 35,
+		label: "Skill 管理",
+		inject: () => ({
+			list,
+			mutate,
+			pickDirectory: () => ctx.workspaces.pickDirectory(),
+			loopback: client.connection.isLoopback
+		})
+	}, SkillManagerSection));
+	ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
+		name: "conversation.input.left",
+		id: "skill-manager",
+		order: 10,
+		inject: () => ({
+			list,
+			mutate,
+			sessions: ctx.sessions.list
+		})
+	}, ComposerSkillButton));
+}
+function SkillManagerSection(props) {
+	const { list, mutate, 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 [error, setError] = (0, react.useState)(null);
+	const [repositoryOpen, setRepositoryOpen] = (0, react.useState)(false);
+	const [repository, setRepository] = (0, react.useState)("");
+	(0, react.useEffect)(() => {
+		ensureKeyframes();
+	}, []);
+	(0, react.useEffect)(() => {
+		if (projectRoot === void 0 && 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 () => {
+		setBusy(true);
+		setError(null);
+		try {
+			setCatalog(await list(projectRoot));
+		} catch (reason) {
+			setError(messageOf(reason));
+		} finally {
+			setBusy(false);
+		}
+	}, [list, projectRoot]);
+	(0, react.useEffect)(() => {
+		refresh();
+	}, [refresh]);
+	const run = (0, react.useCallback)(async (action) => {
+		setBusy(true);
+		setError(null);
+		try {
+			setCatalog(await action());
+			return true;
+		} catch (reason) {
+			setError(messageOf(reason));
+			return false;
+		} finally {
+			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 importSkill = async () => {
+		const path = await pickDirectory();
+		if (path) await run(() => mutate("install", {
+			path,
+			projectRoot
+		}));
+	};
+	const importRepository = async (event) => {
+		event.preventDefault();
+		const source = repository.trim();
+		if (!source) return;
+		if (await run(() => mutate("install-remote", {
+			repository: source,
+			projectRoot
+		}))) {
+			setRepository("");
+			setRepositoryOpen(false);
+		}
+	};
+	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;
+		}
+		await run(() => mutate("update", {
+			name: entry.name,
+			path,
+			projectRoot
+		}));
+	};
+	const selectedWorkspace = workspaces.items.find((item) => item.path === projectRoot);
+	return (0, react.createElement)("div", {
+		style: panelStyle,
+		"aria-busy": busy
+	}, (0, react.createElement)("header", { style: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center",
+		gap: 16,
+		flexWrap: "wrap"
+	} }, (0, react.createElement)("div", { style: {
+		display: "flex",
+		alignItems: "center",
+		gap: 10,
+		minWidth: 0
+	} }, (0, react.createElement)(Puzzle, {
+		size: 20,
+		"aria-hidden": true
+	}), (0, react.createElement)("h2", { style: {
+		margin: 0,
+		fontSize: 18,
+		fontWeight: 600
+	} }, "Skill 管理"), busy ? (0, react.createElement)(RefreshCw, {
+		size: 14,
+		"aria-hidden": true,
+		style: spinnerStyle
+	}) : null), (0, react.createElement)("div", { style: {
+		display: "flex",
+		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),
+		disabled: busy || !loopback,
+		title: loopback ? "从 Git 仓库导入 skill" : "仅在本机连接时可导入"
+	}, (0, react.createElement)(GitBranch, {
+		size: 14,
+		"aria-hidden": true
+	}), "仓库"), (0, react.createElement)("button", {
+		type: "button",
+		style: buttonStyle("primary", busy || !loopback),
+		onClick: importSkill,
+		disabled: busy || !loopback,
+		title: loopback ? "从本机目录导入 skill" : "仅在本机连接时可导入"
+	}, (0, react.createElement)(Plus, {
+		size: 14,
+		"aria-hidden": true
+	}), "本机"))), (0, react.createElement)("p", { style: {
+		margin: "-8px 0 0",
+		fontSize: 13,
+		color: tokens.secondary,
+		lineHeight: 1.5
+	} }, "从本机目录或 Git 仓库导入 skill，并按「全局」或「项目」范围启用。"), repositoryOpen ? (0, react.createElement)("form", {
+		onSubmit: importRepository,
+		style: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: 8,
+			alignItems: "center"
+		}
+	}, (0, react.createElement)("input", {
+		type: "text",
+		value: repository,
+		onChange: (event) => setRepository(event.currentTarget.value),
+		placeholder: "owner/repo 或 Git URL",
+		"aria-label": "Git 仓库地址",
+		autoFocus: true,
+		disabled: busy,
+		style: {
+			...inputStyle,
+			flex: "1 1 260px",
+			minWidth: 0,
+			paddingLeft: 10
+		}
+	}), (0, react.createElement)("button", {
+		type: "submit",
+		style: buttonStyle("primary", busy || !repository.trim()),
+		disabled: busy || !repository.trim()
+	}, (0, react.createElement)(GitBranch, {
+		size: 14,
+		"aria-hidden": true
+	}), "导入"), (0, react.createElement)("button", {
+		type: "button",
+		style: iconButtonStyle,
+		onClick: () => setRepositoryOpen(false),
+		disabled: busy,
+		title: "关闭仓库导入",
+		"aria-label": "关闭仓库导入"
+	}, (0, react.createElement)(X, {
+		size: 15,
+		"aria-hidden": true
+	}))) : null, (0, react.createElement)("div", { style: {
+		display: "flex",
+		gap: 10,
+		flexWrap: "wrap",
+		alignItems: "center"
+	} }, (0, react.createElement)("div", { style: {
+		position: "relative",
+		flex: "1 1 220px",
+		display: "flex",
+		alignItems: "center"
+	} }, (0, react.createElement)(Search, {
+		size: 14,
+		"aria-hidden": true,
+		style: {
+			position: "absolute",
+			left: 9,
+			color: tokens.secondary,
+			pointerEvents: "none"
+		}
+	}), (0, react.createElement)("input", {
+		type: "search",
+		value: query,
+		placeholder: "搜索 skill…",
+		"aria-label": "搜索 skill",
+		onChange: (event) => setQuery(event.currentTarget.value),
+		style: inputStyle
+	})), (0, react.createElement)("label", { style: {
+		display: "flex",
+		flex: "1 1 220px",
+		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),
+		style: {
+			...selectStyle,
+			width: "100%"
+		}
+	}, (0, react.createElement)("option", { value: "" }, "只看全局"), ...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", {
+		role: "alert",
+		style: {
+			display: "flex",
+			gap: 8,
+			alignItems: "center",
+			margin: 0,
+			padding: "9px 12px",
+			borderRadius: 8,
+			fontSize: 13,
+			color: tokens.danger,
+			background: "rgba(220, 38, 38, .08)",
+			border: "1px solid rgba(220, 38, 38, .28)"
+		}
+	}, (0, react.createElement)(CircleAlert, {
+		size: 15,
+		"aria-hidden": true
+	}), error) : null, (0, react.createElement)("section", {
+		style: {
+			display: "grid",
+			width: "100%",
+			minWidth: 0,
+			gap: 8
+		},
+		"aria-label": "已安装 skill"
+	}, catalog === null ? (0, react.createElement)("p", { style: {
+		margin: 0,
+		padding: "24px 0",
+		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
+		})),
+		onUpdate: () => void updateSkill(entry),
+		onRemove: () => void run(() => mutate("remove", {
+			name: entry.name,
+			projectRoot
+		}))
+	}))));
+}
+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",
+		justifyItems: "center",
+		gap: 8,
+		padding: "36px 16px",
+		borderRadius: 10,
+		border: `1px dashed ${tokens.borderStrong}`,
+		color: tokens.secondary,
+		textAlign: "center"
+	} }, (0, react.createElement)(PackageOpen, {
+		size: 26,
+		"aria-hidden": true
+	}), (0, react.createElement)("p", { style: {
+		margin: 0,
+		fontSize: 13,
+		lineHeight: 1.5
+	} }, 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 [open, setOpen] = (0, react.useState)(false);
+	const containerRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		const onPointerDown = (event) => {
+			if (containerRef.current && event.target instanceof Node && !containerRef.current.contains(event.target)) setOpen(false);
+		};
+		const onKeyDown = (event) => {
+			if (event.key === "Escape") setOpen(false);
+		};
+		document.addEventListener("pointerdown", onPointerDown);
+		document.addEventListener("keydown", onKeyDown);
+		return () => {
+			document.removeEventListener("pointerdown", onPointerDown);
+			document.removeEventListener("keydown", onKeyDown);
+		};
+	}, [open]);
+	return (0, react.createElement)("div", {
+		ref: containerRef,
+		style: {
+			position: "relative",
+			display: "inline-flex",
+			marginLeft: -25
+		}
+	}, (0, react.createElement)("button", {
+		type: "button",
+		title: projectRoot ? "配置当前项目的 Skill" : "当前会话没有工作区",
+		"aria-label": "配置当前项目的 Skill",
+		"aria-expanded": open,
+		disabled: !projectRoot,
+		onClick: () => setOpen((value) => !value),
+		style: {
+			display: "grid",
+			placeItems: "center",
+			flex: "0 0 auto",
+			width: 28,
+			height: 28,
+			padding: 0,
+			border: "none",
+			borderRadius: 999,
+			background: open ? "var(--dsw-alias-bg-active, rgba(255, 255, 255, .16))" : "var(--dsw-specific-selector, rgba(255, 255, 255, .08))",
+			color: "var(--dsw-alias-label-primary, inherit)",
+			cursor: projectRoot ? "pointer" : "default",
+			opacity: projectRoot ? 1 : .5
+		}
+	}, (0, react.createElement)(Wrench, {
+		size: 16,
+		"aria-hidden": true
+	})), open && projectRoot ? (0, react.createElement)(ProjectSkillPopover, {
+		projectRoot,
+		list,
+		mutate,
+		onClose: () => setOpen(false)
+	}) : null);
+}
+function ProjectSkillPopover(props) {
+	const { projectRoot, list, mutate, onClose } = props;
+	const theme = currentThemeColors();
+	const [catalog, setCatalog] = (0, react.useState)(null);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		ensureKeyframes();
+	}, []);
+	const refresh = (0, react.useCallback)(async () => {
+		setBusy(true);
+		setError(null);
+		try {
+			setCatalog(await list(projectRoot));
+		} catch (reason) {
+			setError(messageOf(reason));
+		} finally {
+			setBusy(false);
+		}
+	}, [list, projectRoot]);
+	(0, react.useEffect)(() => {
+		refresh();
+	}, [refresh]);
+	const toggle = async (entry, enabled) => {
+		setBusy(true);
+		setError(null);
+		try {
+			setCatalog(await mutate("set-enabled", {
+				name: entry.name,
+				scope: "project",
+				projectRoot,
+				enabled
+			}));
+		} catch (reason) {
+			setError(messageOf(reason));
+		} finally {
+			setBusy(false);
+		}
+	};
+	const enabledCount = (catalog?.entries ?? []).filter((entry) => entry.projectEnabled).length;
+	return (0, react.createElement)("section", {
+		style: {
+			position: "absolute",
+			zIndex: 50,
+			left: 0,
+			bottom: 40,
+			width: 320,
+			display: "grid",
+			gap: 6,
+			padding: 12,
+			border: `1px solid ${tokens.borderStrong}`,
+			borderRadius: 12,
+			background: theme.background,
+			color: theme.color,
+			boxShadow: "0 16px 40px rgba(0, 0, 0, .4)"
+		},
+		"aria-label": "当前项目 Skill"
+	}, (0, react.createElement)("header", { style: {
+		display: "flex",
+		justifyContent: "space-between",
+		gap: 8,
+		alignItems: "center",
+		paddingBottom: 4
+	} }, (0, react.createElement)("div", { style: {
+		display: "flex",
+		alignItems: "center",
+		gap: 7,
+		minWidth: 0
+	} }, (0, react.createElement)(FolderGit, {
+		size: 14,
+		"aria-hidden": true,
+		style: {
+			color: tokens.secondary,
+			flex: "0 0 auto"
+		}
+	}), (0, react.createElement)("strong", { style: {
+		fontSize: 13,
+		fontWeight: 600
+	} }, "项目 Skill"), (0, react.createElement)("span", { style: {
+		fontSize: 12,
+		color: tokens.secondary
+	} }, `${enabledCount}/${catalog?.entries.length ?? 0} 已启用`)), (0, react.createElement)("button", {
+		type: "button",
+		onClick: onClose,
+		style: iconButtonStyle,
+		"aria-label": "关闭项目 Skill",
+		title: "关闭"
+	}, (0, react.createElement)(X, {
+		size: 14,
+		"aria-hidden": true
+	}))), error ? (0, react.createElement)("div", {
+		role: "alert",
+		style: {
+			display: "flex",
+			gap: 6,
+			alignItems: "center",
+			margin: 0,
+			padding: "7px 9px",
+			borderRadius: 7,
+			fontSize: 12,
+			color: tokens.danger,
+			background: "rgba(220, 38, 38, .08)"
+		}
+	}, (0, react.createElement)(CircleAlert, {
+		size: 13,
+		"aria-hidden": true
+	}), error) : null, (0, react.createElement)("div", { style: {
+		display: "grid",
+		gap: 1,
+		maxHeight: 280,
+		overflowY: "auto",
+		margin: "0 -4px",
+		padding: "0 4px"
+	} }, catalog === null ? (0, react.createElement)("p", { style: {
+		margin: 0,
+		padding: "18px 0",
+		textAlign: "center",
+		fontSize: 12,
+		color: tokens.secondary
+	} }, "正在读取…") : catalog.entries.length === 0 ? (0, react.createElement)("p", { style: {
+		margin: 0,
+		padding: "18px 0",
+		textAlign: "center",
+		fontSize: 12,
+		color: tokens.secondary
+	} }, "未导入 skill。请到「设置 → Skill 管理」导入。") : catalog.entries.map((entry) => (0, react.createElement)("label", {
+		key: entry.name,
+		style: {
+			display: "grid",
+			gridTemplateColumns: "14px minmax(0, 1fr) 30px",
+			gap: 8,
+			alignItems: "center",
+			padding: "7px 6px",
+			borderRadius: 7,
+			fontSize: 13,
+			cursor: busy ? "default" : "pointer"
+		},
+		title: entry.description || entry.name
+	}, (0, react.createElement)(Puzzle, {
+		size: 13,
+		"aria-hidden": true,
+		style: { color: entry.projectEnabled ? tokens.accent : tokens.secondary }
+	}), (0, react.createElement)("span", { style: {
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	} }, entry.name), (0, react.createElement)(Toggle, {
+		checked: entry.projectEnabled,
+		disabled: busy,
+		onChange: (enabled) => void toggle(entry, enabled),
+		label: entry.name
+	})))), busy ? (0, react.createElement)("div", { style: {
+		display: "flex",
+		justifyContent: "flex-end",
+		paddingTop: 2
+	} }, (0, react.createElement)(RefreshCw, {
+		size: 12,
+		"aria-hidden": true,
+		style: spinnerStyle
+	})) : null);
+}
+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: {
+			display: "grid",
+			gridTemplateColumns: "32px minmax(0, 1fr)",
+			gap: 12,
+			alignItems: "center",
+			width: "100%",
+			minWidth: 0,
+			maxWidth: "100%",
+			overflow: "hidden",
+			boxSizing: "border-box",
+			padding: "12px 14px",
+			borderRadius: 10,
+			border: `1px solid ${hover ? tokens.borderStrong : tokens.border}`,
+			background: hover ? tokens.surfaceHover : "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: {
+			display: "grid",
+			placeItems: "center",
+			width: 32,
+			height: 32,
+			borderRadius: 8,
+			color: entry.effectiveEnabled ? tokens.accent : tokens.secondary,
+			background: entry.effectiveEnabled ? "rgba(99, 102, 241, .1)" : "rgba(148, 163, 184, .1)"
+		}
+	}, (0, react.createElement)(Puzzle, {
+		size: 16,
+		"aria-hidden": true
+	})), (0, react.createElement)("div", { style: {
+		minWidth: 0,
+		display: "grid",
+		gap: 4
+	} }, (0, react.createElement)("div", { style: {
+		display: "flex",
+		alignItems: "center",
+		gap: 8,
+		minWidth: 0,
+		flexWrap: "wrap"
+	} }, (0, react.createElement)("strong", { style: {
+		...monoStyle,
+		fontSize: 13,
+		fontWeight: 600,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	} }, entry.name), (0, react.createElement)(SourceBadge, { entry }), (0, react.createElement)(StatusBadge, {
+		active: entry.globalEnabled,
+		icon: Globe,
+		label: "全局"
+	}), projectAvailable ? (0, react.createElement)(StatusBadge, {
+		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: {
+		margin: 0,
+		color: tokens.secondary,
+		lineHeight: 1.45,
+		fontSize: 12.5,
+		display: "-webkit-box",
+		WebkitLineClamp: 2,
+		WebkitBoxOrient: "vertical",
+		overflow: "hidden"
+	} }, entry.description) : null), (0, react.createElement)("div", {
+		className: "dsh-skill-manager-row-actions",
+		style: {
+			gridColumn: "1 / -1",
+			display: "flex",
+			width: "100%",
+			minWidth: 0,
+			justifyContent: "flex-end",
+			alignItems: "center",
+			gap: 10,
+			flexWrap: "wrap"
+		}
+	}, (0, react.createElement)(Toggle, {
+		checked: entry.globalEnabled,
+		disabled: busy,
+		onChange: onGlobalChange,
+		label: `${entry.name} 全局开关`,
+		title: "全局启用"
+	}), projectAvailable ? (0, react.createElement)(Toggle, {
+		checked: entry.projectEnabled,
+		disabled: busy,
+		onChange: onProjectChange,
+		label: `${entry.name} 项目开关`,
+		title: `${projectLabel} 启用`
+	}) : null, (0, react.createElement)("button", {
+		type: "button",
+		style: {
+			...iconButtonStyle,
+			color: entry.updateAvailable ? tokens.accent : tokens.secondary
+		},
+		disabled: busy,
+		onClick: onUpdate,
+		title: entry.updateSupported && !entry.updateError ? entry.sourceType === "git" ? "从远程仓库更新" : "从原始目录更新" : "选择来源目录并更新",
+		"aria-label": `更新 ${entry.name}`
+	}, (0, react.createElement)(RefreshCw, {
+		size: 15,
+		"aria-hidden": true
+	})), (0, react.createElement)("button", {
+		type: "button",
+		style: {
+			...iconButtonStyle,
+			color: tokens.danger
+		},
+		disabled: busy,
+		onClick: onRemove,
+		title: "从库中移除",
+		"aria-label": `移除 ${entry.name}`
+	}, (0, react.createElement)(Trash2, {
+		size: 15,
+		"aria-hidden": true
+	}))));
+}
+function SourceBadge(props) {
+	const remote = props.entry.sourceType === "git" || Boolean(props.entry.sourceUrl);
+	const local = props.entry.sourceType === "local" || Boolean(props.entry.sourcePath);
+	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 : "旧版本导入，首次更新需重新选择来源",
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 4,
+			flex: "0 1 auto",
+			maxWidth: "100%",
+			overflow: "hidden",
+			padding: "2px 6px",
+			borderRadius: 999,
+			fontSize: 11,
+			lineHeight: "16px",
+			whiteSpace: "nowrap",
+			color: tokens.secondary,
+			background: "rgba(148, 163, 184, .09)"
+		}
+	}, (0, react.createElement)(Icon$1, {
+		size: 11,
+		"aria-hidden": true
+	}), label);
+}
+function StatusBadge(props) {
+	const Icon$1 = props.icon;
+	return (0, react.createElement)("span", {
+		title: props.active ? `${props.label}已启用` : `${props.label}未启用`,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 4,
+			flex: "0 1 auto",
+			maxWidth: "100%",
+			overflow: "hidden",
+			padding: "2px 6px",
+			borderRadius: 999,
+			fontSize: 11,
+			lineHeight: "16px",
+			whiteSpace: "nowrap",
+			color: props.active ? tokens.success : tokens.secondary,
+			background: props.active ? "rgba(22, 163, 74, .1)" : "rgba(148, 163, 184, .09)",
+			border: `1px solid ${props.active ? "rgba(22, 163, 74, .3)" : "transparent"}`
+		}
+	}, (0, react.createElement)(Icon$1, {
+		size: 11,
+		"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",
+		color: "#f9fafb"
+	};
+	const style = getComputedStyle(document.body);
+	return {
+		background: style.backgroundColor || "#151517",
+		color: style.color || "#f9fafb"
+	};
+}
+function messageOf(reason) {
+	return reason instanceof Error ? reason.message : String(reason);
+}
+
+//#endregion
+exports.apply = apply;
+exports.inject = inject;
+return module.exports; } });
+//# sourceMappingURL=client.js.map