Blame for context-controls/initial/skill-library/client.js

window.__ModuleLoader__.load({
	id: "dsh-skills-anywhere",
	factory: (require) => {
		var module = { exports: {} };
		var exports = module.exports;
		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
		let react = require("react");
		let react_jsx_runtime = require("react/jsx-runtime");
		//#region src/web-protocol.ts
		/** Settings namespace the host registers and the card edits. */
		const SETTINGS_NAMESPACE = "skills-anywhere";
		/**
		* Exact Fetch route the host registers on the dsh connection's shared `/api`
		* channel (the public seam for feature packages; it inherits the browser-trust
		* fence and authentication) and the card POSTs to. Body: `ReportRequest` JSON;
		* response: `RpcResult<ReportView>` JSON.
		*/
		const REPORT_PATH = "/api/skills-anywhere/report";
		//#endregion
		//#region src/client/locale.ts
		/** Dictionaries for the settings card. Keys are shared by both languages. */
		const LOCALE_NS = "skills-anywhere";
		const en = {
			title: "Skills Anywhere",
			description: "Skills from other agents, Claude Code plugins and git sources: what the model sees and what stays one search away.",
			expand: "Expand",
			collapse: "Collapse",
			readOnly: "This browser cannot change settings on this host; values are shown read-only.",
			loading: "Reading the skill catalog…",
			loadFailed: "Could not read the skill catalog",
			retry: "Retry",
			refresh: "Refresh",
			summary: "{listed} of {total} skills listed for the model",
			incomplete: "Some directories could not be read; the list may be incomplete.",
			limitLabel: "Catalog budget",
			limitHint: "Maximum skills listed for the model. 0 lists every skill.",
			unlimited: "unlimited",
			search: "Filter by name, description or origin",
			noMatches: "No skills match.",
			stateVisible: "listed",
			stateHidden: "not listed",
			stateDisabled: "author disabled",
			pinned: "pinned",
			renamedFrom: "renamed from {name}",
			pin: "Pin",
			unpin: "Unpin",
			pinHint: "Always list this skill for the model",
			hide: "Hide",
			unhide: "Show",
			hideHint: "Keep this skill out of the model catalog; /name and find_skills still work",
			exclude: "Exclude",
			excludeHint: "Drop this skill from the provider entirely",
			excluded: "Excluded skills",
			restore: "Restore",
			droppedSummary: "{count} duplicates collapsed",
			invalidSummary: "{count} files skipped",
			saving: "Saving…",
			saveFailed: "The change was refused; reload and try again.",
			roots: "Scanned directories",
			rootsSummary: "{present} of {total} directories exist"
		};
		const zh = {
			title: "Skills Anywhere",
			description: "来自其他 agent、Claude Code 插件和 git 源的技能：哪些进入模型目录，哪些留在搜索之外。",
			expand: "展开",
			collapse: "收起",
			readOnly: "当前浏览器无法修改这台主机的设置，以下内容只读。",
			loading: "正在读取技能目录…",
			loadFailed: "无法读取技能目录",
			retry: "重试",
			refresh: "刷新",
			summary: "{total} 个技能中有 {listed} 个列入模型目录",
			incomplete: "部分目录无法读取，列表可能不完整。",
			limitLabel: "目录预算",
			limitHint: "列给模型的最大技能数。0 表示全部列出。",
			unlimited: "不限",
			search: "按名称、描述或来源筛选",
			noMatches: "没有匹配的技能。",
			stateVisible: "已列出",
			stateHidden: "未列出",
			stateDisabled: "作者禁用",
			pinned: "已置顶",
			renamedFrom: "原名 {name}",
			pin: "置顶",
			unpin: "取消置顶",
			pinHint: "始终把这个技能列给模型",
			hide: "隐藏",
			unhide: "显示",
			hideHint: "不进入模型目录；/名称 和 find_skills 仍然可用",
			exclude: "排除",
			excludeHint: "从本 provider 中彻底去掉这个技能",
			excluded: "已排除的技能",
			restore: "恢复",
			droppedSummary: "合并了 {count} 个重复项",
			invalidSummary: "跳过了 {count} 个文件",
			saving: "保存中…",
			saveFailed: "修改被拒绝，请刷新后重试。",
			roots: "扫描的目录",
			rootsSummary: "{total} 个目录中有 {present} 个存在"
		};
		/** `{name}`-style interpolation for the few messages that carry numbers or names. */
		function fill(template, values) {
			return template.replace(/\{(\w+)\}/g, (_match, key) => String(values[key] ?? `{${key}}`));
		}
		//#endregion
		//#region src/client/styles.ts
		const label = "var(--dsw-alias-label-primary)";
		const secondary = "var(--dsw-alias-label-secondary)";
		const tertiary = "var(--dsw-alias-label-tertiary)";
		const border = "var(--dsw-alias-border-l2)";
		const brand = "var(--dsw-alias-brand-primary)";
		const styles = {
			card: {
				listStyle: "none",
				border: `1px solid ${border}`,
				borderRadius: 10,
				marginBottom: 8,
				background: "var(--dsw-alias-bg-layer-3)",
				color: label
			},
			header: {
				display: "flex",
				alignItems: "center",
				gap: 12,
				width: "100%",
				padding: "12px 14px",
				background: "none",
				border: "none",
				color: "inherit",
				cursor: "pointer",
				textAlign: "left",
				font: "inherit"
			},
			headText: {
				display: "flex",
				flexDirection: "column",
				gap: 2,
				flex: 1,
				minWidth: 0
			},
			name: {
				fontWeight: 600,
				fontSize: 14
			},
			description: {
				color: tertiary,
				fontSize: 12,
				lineHeight: 1.4
			},
			chevron: {
				color: tertiary,
				fontSize: 12,
				transition: "transform .15s"
			},
			body: {
				padding: "0 14px 14px",
				display: "flex",
				flexDirection: "column",
				gap: 12
			},
			status: {
				color: tertiary,
				fontSize: 12,
				margin: 0
			},
			errorText: {
				color: "var(--dsw-alias-label-error)",
				fontSize: 12,
				margin: 0
			},
			row: {
				display: "flex",
				alignItems: "center",
				gap: 8,
				flexWrap: "wrap"
			},
			input: {
				font: "inherit",
				fontSize: 13,
				color: label,
				background: "transparent",
				border: `1px solid ${border}`,
				borderRadius: 6,
				padding: "5px 8px",
				minWidth: 0
			},
			search: {
				flex: 1,
				minWidth: 180
			},
			limitInput: {
				width: 72,
				textAlign: "right"
			},
			hint: {
				color: tertiary,
				fontSize: 12
			},
			group: {
				margin: 0,
				padding: 0,
				listStyle: "none",
				display: "flex",
				flexDirection: "column",
				gap: 4
			},
			groupTitle: {
				color: secondary,
				fontSize: 12,
				fontWeight: 600,
				margin: "8px 0 4px",
				textTransform: "uppercase",
				letterSpacing: ".04em"
			},
			skill: {
				display: "grid",
				gridTemplateColumns: "minmax(0, 1fr) auto",
				gap: "2px 12px",
				alignItems: "center",
				padding: "6px 8px",
				borderRadius: 6,
				border: `1px solid transparent`
			},
			skillHidden: { opacity: .7 },
			skillName: {
				fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
				fontSize: 13,
				display: "flex",
				gap: 6,
				alignItems: "center",
				flexWrap: "wrap"
			},
			skillMeta: {
				gridColumn: "1 / 2",
				color: tertiary,
				fontSize: 12,
				overflow: "hidden",
				textOverflow: "ellipsis",
				whiteSpace: "nowrap"
			},
			actions: {
				gridColumn: "2 / 3",
				gridRow: "1 / 3",
				display: "flex",
				gap: 6
			},
			tag: {
				fontSize: 11,
				lineHeight: "16px",
				padding: "0 6px",
				borderRadius: 999,
				border: `1px solid ${border}`,
				color: secondary,
				whiteSpace: "nowrap"
			},
			tagOn: {
				borderColor: brand,
				color: brand
			},
			tagOff: { color: tertiary },
			button: {
				font: "inherit",
				fontSize: 12,
				color: label,
				background: "transparent",
				border: `1px solid ${border}`,
				borderRadius: 6,
				padding: "3px 8px",
				cursor: "pointer"
			},
			buttonActive: {
				borderColor: brand,
				color: brand
			},
			buttonDisabled: {
				opacity: .5,
				cursor: "default"
			},
			details: {
				color: tertiary,
				fontSize: 12
			},
			mono: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace" }
		};
		//#endregion
		//#region src/client/index.tsx
		/**
		* dsh-skills-anywhere — browser half.
		*
		* Registers one card into the web Settings → Plugins → *Plugin configuration*
		* tab (`settings.plugin.item`, keyed by the `skills-anywhere` settings
		* namespace). The card lists every skill the provider found, grouped by where
		* it lives, shows whether the model catalog lists it, and lets the user pin,
		* hide or exclude skills. Edits write through the dsh settings scope, so they
		* persist in the profile's settings document and take effect immediately: the
		* host provider re-applies the namespace on every commit.
		*
		* Runtime services (Cordis `inject`): `slots`, `locale`, `settingsScope`. The
		* report is fetched from the host's exact `/api` route with the page's own
		* credentials. Bundled as a lazy-CJS factory for the dsh client module system.
		*
		* @module dsh-skills-anywhere/client
		*/
		/** Client services the bundle needs before `apply` runs. */
		const inject = [
			"slots",
			"locale",
			"settingsScope"
		];
		/** Register the dictionaries and the settings card. */
		function apply(ctx) {
			ctx.effect(() => ctx.locale.register(LOCALE_NS, {
				en,
				zh
			}), "skills-anywhere: dictionaries");
			const face = {
				scope: ctx.settingsScope.bind({ namespace: SETTINGS_NAMESPACE }),
				fetchReport: async (signal) => {
					const response = await fetch(new URL(REPORT_PATH, location.href), {
						method: "POST",
						headers: { "content-type": "application/json" },
						body: "{}",
						credentials: "same-origin",
						signal
					});
					if (!response.ok) throw new Error(`HTTP ${response.status}`);
					const result = await response.json();
					if (!result.ok) throw new Error(`${result.error.code}: ${result.error.message}`);
					return result.value;
				}
			};
			ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
				name: "settings.plugin.item",
				key: SETTINGS_NAMESPACE,
				locale: LOCALE_NS,
				inject: () => ({ ...face })
			}, SkillsAnywhereCard));
		}
		/** Settings card for the skills-anywhere provider. Exported for tests. */
		function SkillsAnywhereCard(props) {
			const { t, scope, fetchReport } = props;
			const subscribe = (0, react.useCallback)((listener) => scope.subscribe(listener), [scope]);
			const getSnapshot = (0, react.useCallback)(() => scope.getSnapshot(), [scope]);
			const snapshot = (0, react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
			const [open, setOpen] = (0, react.useState)(false);
			const [report, setReport] = (0, react.useState)({ kind: "loading" });
			const [reloadTick, setReloadTick] = (0, react.useState)(0);
			const [saving, setSaving] = (0, react.useState)(false);
			const [saveError, setSaveError] = (0, react.useState)(void 0);
			const [query, setQuery] = (0, react.useState)("");
			(0, react.useEffect)(() => {
				if (!open) return;
				const abort = new AbortController();
				setReport((current) => current.kind === "ready" ? current : { kind: "loading" });
				fetchReport(abort.signal).then((value) => {
					if (!abort.signal.aborted) setReport({
						kind: "ready",
						report: value
					});
				}).catch((error) => {
					if (!abort.signal.aborted) setReport({
						kind: "failed",
						message: error instanceof Error ? error.message : String(error)
					});
				});
				return () => abort.abort();
			}, [
				open,
				fetchReport,
				snapshot.revision,
				reloadTick
			]);
			const settings = snapshot.value;
			const writable = snapshot.writable && !saving;
			const write = (0, react.useCallback)(async (next) => {
				setSaving(true);
				setSaveError(void 0);
				const ops = [];
				if (next.catalog !== void 0) for (const [key, value] of Object.entries(next.catalog)) ops.push({
					op: "set",
					path: ["catalog", key],
					value
				});
				if (next.excludeSkills !== void 0) ops.push({
					op: "set",
					path: ["excludeSkills"],
					value: next.excludeSkills
				});
				try {
					await scope.mutate(ops);
					setReloadTick((tick) => tick + 1);
				} catch (error) {
					setSaveError(error instanceof Error ? error.message : String(error));
				} finally {
					setSaving(false);
				}
			}, [scope]);
			const toggleList = (0, react.useCallback)((list, name) => {
				if (settings === void 0) return;
				const current = new Set(settings.catalog[list]);
				if (current.has(name)) current.delete(name);
				else current.add(name);
				const pin = new Set(list === "pin" ? current : settings.catalog.pin);
				const hide = new Set(list === "hide" ? current : settings.catalog.hide);
				if (list === "pin" && current.has(name)) hide.delete(name);
				if (list === "hide" && current.has(name)) pin.delete(name);
				write({ catalog: {
					limit: settings.catalog.limit,
					pin: [...pin].toSorted(),
					hide: [...hide].toSorted()
				} });
			}, [settings, write]);
			const setExcluded = (0, react.useCallback)((name, excluded) => {
				if (settings === void 0) return;
				const current = new Set(settings.excludeSkills);
				if (excluded) current.add(name);
				else current.delete(name);
				write({ excludeSkills: [...current].toSorted() });
			}, [settings, write]);
			const setLimit = (0, react.useCallback)((text) => {
				if (settings === void 0) return;
				const limit = text.trim() === "" ? 0 : Number(text);
				if (!Number.isInteger(limit) || limit < 0 || limit === settings.catalog.limit) return;
				write({ catalog: {
					...settings.catalog,
					limit
				} });
			}, [settings, write]);
			const groups = (0, react.useMemo)(() => {
				if (report.kind !== "ready") return [];
				const terms = query.trim().toLowerCase().split(/\s+/).filter(Boolean);
				const matches = (skill) => terms.every((term) => skill.name.toLowerCase().includes(term) || skill.description.toLowerCase().includes(term) || skill.origin.toLowerCase().includes(term));
				const byGroup = /* @__PURE__ */ new Map();
				for (const skill of report.report.skills) {
					if (!matches(skill)) continue;
					const list = byGroup.get(skill.group);
					if (list === void 0) byGroup.set(skill.group, [skill]);
					else list.push(skill);
				}
				return [...byGroup.entries()];
			}, [report, query]);
			if (snapshot.status !== "ready" || settings === void 0) return null;
			const title = t("title");
			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
				style: styles.card,
				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
					type: "button",
					style: styles.header,
					"aria-expanded": open,
					"aria-label": `${t(open ? "collapse" : "expand")}: ${title}`,
					onClick: () => setOpen(!open),
					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
						style: styles.headText,
						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
							style: styles.name,
							children: title
						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
							style: styles.description,
							children: t("description")
						})]
					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
						style: {
							...styles.chevron,
							transform: open ? "rotate(180deg)" : void 0
						},
						"aria-hidden": "true",
						children: "▾"
					})]
				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
					style: styles.body,
					children: [
						!snapshot.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
							style: styles.status,
							role: "status",
							children: t("readOnly")
						}) : null,
						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
							style: styles.row,
							children: [
								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
									style: styles.hint,
									htmlFor: "skills-anywhere-limit",
									children: t("limitLabel")
								}),
								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
									id: "skills-anywhere-limit",
									style: {
										...styles.input,
										...styles.limitInput
									},
									type: "number",
									min: 0,
									step: 1,
									defaultValue: settings.catalog.limit,
									disabled: !writable,
									onBlur: (event) => setLimit(event.currentTarget.value),
									onKeyDown: (event) => {
										if (event.key === "Enter") setLimit(event.currentTarget.value);
									},
									"aria-describedby": "skills-anywhere-limit-hint"
								}, `limit-${settings.catalog.limit}`),
								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
									id: "skills-anywhere-limit-hint",
									style: styles.hint,
									children: [
										settings.catalog.limit === 0 ? t("unlimited") : "",
										" ",
										t("limitHint")
									]
								})
							]
						}),
						report.kind === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
							style: styles.status,
							role: "status",
							children: t("loading")
						}) : null,
						report.kind === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
							style: styles.errorText,
							role: "alert",
							children: [
								t("loadFailed"),
								": ",
								report.message,
								" ",
								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
									type: "button",
									style: styles.button,
									onClick: () => setReloadTick((tick) => tick + 1),
									children: t("retry")
								})
							]
						}) : null,
						report.kind === "ready" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
								style: styles.row,
								children: [
									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
										style: styles.hint,
										children: fill(t("summary"), {
											listed: report.report.listed,
											total: report.report.skills.length
										})
									}),
									!report.report.complete ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
										style: styles.errorText,
										children: t("incomplete")
									}) : null,
									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
										type: "button",
										style: styles.button,
										onClick: () => setReloadTick((tick) => tick + 1),
										children: t("refresh")
									})
								]
							}),
							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
								style: {
									...styles.input,
									...styles.search
								},
								type: "search",
								placeholder: t("search"),
								value: query,
								onChange: (event) => setQuery(event.currentTarget.value),
								"aria-label": t("search")
							}),
							saving ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
								style: styles.status,
								role: "status",
								children: t("saving")
							}) : null,
							saveError !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
								style: styles.errorText,
								role: "alert",
								children: [
									t("saveFailed"),
									" (",
									saveError,
									")"
								]
							}) : null,
							groups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
								style: styles.status,
								children: t("noMatches")
							}) : null,
							groups.map(([group, skills]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
								style: styles.groupTitle,
								children: group
							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
								style: styles.group,
								children: skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
									skill,
									t,
									writable,
									onPin: () => toggleList("pin", skill.name),
									onHide: () => toggleList("hide", skill.name),
									onExclude: () => setExcluded(skill.name, true)
								}, skill.name))
							})] }, group)),
							settings.excludeSkills.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
								style: styles.groupTitle,
								children: t("excluded")
							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
								style: styles.group,
								children: settings.excludeSkills.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
									style: styles.skill,
									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
										style: styles.skillName,
										children: name
									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
										style: styles.actions,
										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
											type: "button",
											style: {
												...styles.button,
												...writable ? {} : styles.buttonDisabled
											},
											disabled: !writable,
											onClick: () => setExcluded(name, false),
											children: t("restore")
										})
									})]
								}, name))
							})] }) : null,
							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
								style: styles.details,
								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", { children: [
									fill(t("rootsSummary"), {
										present: report.report.roots.filter((root) => root.exists).length,
										total: report.report.roots.length
									}),
									report.report.dropped.length > 0 ? ` · ${fill(t("droppedSummary"), { count: report.report.dropped.length })}` : "",
									report.report.invalid.length > 0 ? ` · ${fill(t("invalidSummary"), { count: report.report.invalid.length })}` : ""
								] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
									style: styles.group,
									children: [report.report.roots.filter((root) => root.exists).map((root) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
										style: styles.mono,
										children: [
											root.label,
											" — ",
											root.path,
											" (",
											root.count,
											")"
										]
									}, root.path)), report.report.invalid.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
										style: styles.mono,
										children: [
											entry.path,
											": ",
											entry.reason
										]
									}, entry.path))]
								})]
							})
						] }) : null
					]
				}) : null]
			});
		}
		function SkillRow({ skill, t, writable, onPin, onHide, onExclude }) {
			const stateKey = skill.state === "visible" ? "stateVisible" : skill.state === "hidden" ? "stateHidden" : "stateDisabled";
			const stateStyle = skill.state === "visible" ? styles.tagOn : styles.tagOff;
			const disabledButton = writable && !skill.authorDisabled ? {} : styles.buttonDisabled;
			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
				style: {
					...styles.skill,
					...skill.state === "visible" ? {} : styles.skillHidden
				},
				children: [
					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
						style: styles.skillName,
						children: [
							skill.name,
							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
								style: {
									...styles.tag,
									...stateStyle
								},
								children: t(stateKey)
							}),
							skill.pinned ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
								style: {
									...styles.tag,
									...styles.tagOn
								},
								children: t("pinned")
							}) : null,
							skill.renamedFrom !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
								style: styles.tag,
								children: fill(t("renamedFrom"), { name: skill.renamedFrom })
							}) : null
						]
					}),
					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
						style: styles.skillMeta,
						title: `${skill.path}\n${skill.description}`,
						children: [
							skill.origin,
							" · ",
							skill.description
						]
					}),
					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
						style: styles.actions,
						children: [
							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
								type: "button",
								style: {
									...styles.button,
									...skill.pinned ? styles.buttonActive : {},
									...disabledButton
								},
								disabled: !writable || skill.authorDisabled,
								title: t("pinHint"),
								onClick: onPin,
								children: t(skill.pinned ? "unpin" : "pin")
							}),
							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
								type: "button",
								style: {
									...styles.button,
									...skill.hidden ? styles.buttonActive : {},
									...disabledButton
								},
								disabled: !writable || skill.authorDisabled,
								title: t("hideHint"),
								onClick: onHide,
								children: t(skill.hidden ? "unhide" : "hide")
							}),
							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
								type: "button",
								style: {
									...styles.button,
									...writable ? {} : styles.buttonDisabled
								},
								disabled: !writable,
								title: t("excludeHint"),
								onClick: onExclude,
								children: t("exclude")
							})
						]
					})
				]
			});
		}
		//#endregion
		exports.SkillsAnywhereCard = SkillsAnywhereCard;
		exports.apply = apply;
		exports.inject = inject;
		return module.exports;
	}
});