@dungsil/dsh-plugin-ui-setting-skills 0.3.2 → 0.4.0

package/dist/client.js

@@ -77,6 +77,9 @@ var en_default = {
 		"dsh": "DSH skills",
 		"loading": "Loading skills…",
 		"empty": "No loaded skills from this source.",
+		"search": "Search skills",
+		"searchPlaceholder": "Search by name, description, or path",
+		"noResults": "No skills match your search.",
 		"error": "Could not load skills. Close and reopen this settings section to try again.",
 		"incomplete": "Some skill sources could not be loaded. This list may be incomplete.",
 		"use": "Use",
@@ -90,7 +93,10 @@ var en_default = {
 		"original": "View original",
 		"retry": "Retry",
 		"translating": "Translating…",
-		"translationNotice": "Expanding a skill automatically sends its description to the service selected in reasoning translation settings. Translations are cached using its target language.",
+		"translateAll": "Translate all skills",
+		"translatingAll": "Translating all skills…",
+		"translationAllError": "Some skill descriptions could not be translated. Try again to translate only the failed items.",
+		"translationNotice": "Expanding a skill or translating all skills sends descriptions to the service selected in reasoning translation settings. Translate all includes both shared and DSH skills. Translations are cached using its target language.",
 		"translationError": "Could not translate. The original is shown. Paid services require a Session and are unavailable here.",
 		"saveError": "Could not save the setting. Close and reopen this section to check the saved state before trying again."
 	}
@@ -108,6 +114,9 @@ var ko_default = {
 		"dsh": "DSH 스킬",
 		"loading": "스킬을 불러오는 중입니다…",
 		"empty": "이 경로에서 로드된 스킬이 없습니다.",
+		"search": "스킬 검색",
+		"searchPlaceholder": "이름, 설명 또는 경로로 검색",
+		"noResults": "검색 조건에 맞는 스킬이 없습니다.",
 		"error": "스킬을 불러오지 못했습니다. 이 설정 항목을 닫았다가 다시 열어 주세요.",
 		"incomplete": "일부 스킬 소스를 불러오지 못해 목록이 완전하지 않을 수 있습니다.",
 		"use": "사용",
@@ -121,7 +130,10 @@ var ko_default = {
 		"original": "원문 보기",
 		"retry": "다시 시도",
 		"translating": "번역 중…",
-		"translationNotice": "스킬을 펼치면 사고 과정 번역 설정에서 선택한 서비스로 설명을 자동 전송합니다. 번역문은 해당 설정의 대상 언어에 따라 캐시에 저장합니다.",
+		"translateAll": "전체 스킬 번역",
+		"translatingAll": "전체 스킬 번역 중…",
+		"translationAllError": "일부 스킬 설명을 번역하지 못했습니다. 다시 시도하면 실패한 항목만 번역합니다.",
+		"translationNotice": "스킬을 펼치거나 전체 스킬 번역을 누르면 사고 과정 번역 설정에서 선택한 서비스로 설명을 전송합니다. 전체 번역에는 공용 스킬과 DSH 스킬이 모두 포함됩니다. 번역문은 해당 설정의 대상 언어에 따라 캐시에 저장합니다.",
 		"translationError": "번역하지 못해 원문을 표시합니다. 유료 서비스는 세션이 필요하므로 이 화면에서 사용할 수 없습니다.",
 		"saveError": "설정을 저장하지 못했습니다. 이 설정 항목을 닫았다가 다시 열어 저장 상태를 확인한 후 다시 시도해 주세요."
 	}
@@ -139,6 +151,9 @@ var zh_default = {
 		"dsh": "DSH 技能",
 		"loading": "正在加载技能…",
 		"empty": "未从此目录加载任何技能。",
+		"search": "搜索技能",
+		"searchPlaceholder": "按名称、描述或路径搜索",
+		"noResults": "没有符合搜索条件的技能。",
 		"error": "无法加载技能。请关闭并重新打开此设置项后重试。",
 		"incomplete": "部分技能源无法加载，列表可能不完整。",
 		"use": "使用",
@@ -152,7 +167,10 @@ var zh_default = {
 		"original": "查看原文",
 		"retry": "重试",
 		"translating": "正在翻译…",
-		"translationNotice": "展开技能时，会自动将描述发送至思考过程翻译设置中选择的服务。译文按该设置的目标语言缓存。",
+		"translateAll": "翻译全部技能",
+		"translatingAll": "正在翻译全部技能…",
+		"translationAllError": "部分技能描述翻译失败。重试时仅翻译失败的项目。",
+		"translationNotice": "展开技能或点击翻译全部技能时，会将描述发送至思考过程翻译设置中选择的服务。全部翻译包括共享技能和 DSH 技能。译文按该设置的目标语言缓存。",
 		"translationError": "翻译失败，已显示原文。付费服务需要会话，无法在此页面使用。",
 		"saveError": "无法保存设置。请关闭并重新打开此设置项，确认已保存的状态后重试。"
 	}
@@ -174,6 +192,7 @@ const styles = `
 .dsh-skills-settings { container-type: inline-size; color: var(--dsw-alias-label-primary); font: 14px/22px var(--dsw-font-family, system-ui); }
 .dsh-skills-settings p { margin: 4px 0; }
 .dsh-skills-settings-tabs { margin: 20px 0 12px; }
+.dsh-skills-search { width: 100%; box-sizing: border-box; margin-bottom: 12px; }
 .dsh-skills-settings .dsh-skills-muted { color: var(--dsw-alias-label-secondary); }
 .dsh-skills-settings ul { list-style: none; margin: 0; padding: 0; }
 .dsh-skills-settings code { font-size: 12px; overflow-wrap: anywhere; }
@@ -197,52 +216,29 @@ const styles = `
 .dsh-skills-open-error { grid-column: 1 / -1; padding: 0 0 16px 28px; }
 .dsh-skills-list-header { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: .5px solid var(--dsw-alias-border-l2); }
 `;
-function SkillDescription({ skill, connection, language, available, expanded }) {
+const translationKey = (skill, language) => JSON.stringify([
+	language,
+	skill.path,
+	skill.description
+]);
+function SkillDescription({ skill, language, available, expanded, translation, translate }) {
 	const text = localizedCopy(language);
-	const [translated, setTranslated] = (0, react.useState)();
 	const [original, setOriginal] = (0, react.useState)(false);
-	const [pending, setPending] = (0, react.useState)(false);
-	const [failed, setFailed] = (0, react.useState)(false);
-	const [retry, setRetry] = (0, react.useState)(0);
+	const { value: translated, pending, failed } = translation ?? {};
 	(0, react.useEffect)(() => {
-		setTranslated(void 0);
-		setOriginal(false);
-		setPending(false);
-		setFailed(false);
-		if (!expanded || !available || !skill.path || !skill.description) return;
-		const request = new AbortController();
-		setPending(true);
-		(async () => {
-			try {
-				const result = await connection.rpc.call(channel, translateMethod, {
-					path: skill.path,
-					language
-				}, request.signal);
-				if (request.signal.aborted) return;
-				if (!result.ok || typeof result.value !== "string") throw new Error("Could not translate description");
-				setTranslated(result.value);
-			} catch {
-				if (!request.signal.aborted) setFailed(true);
-			} finally {
-				if (!request.signal.aborted) setPending(false);
-			}
-		})();
-		return () => request.abort();
+		if (expanded && available) translate(skill);
 	}, [
 		expanded,
-		skill.description,
-		skill.path,
-		language,
 		available,
-		connection,
-		retry
+		skill,
+		translate
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: original || translated === void 0 ? skill.description : translated }), available && skill.path && skill.description && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		pending && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			role: "status",
 			children: text.translating
 		}),
-		translated !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		translated !== void 0 && translated !== skill.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 			variant: "ghost",
 			size: "sm",
 			onClick: () => setOriginal((value) => !value),
@@ -254,7 +250,7 @@ function SkillDescription({ skill, connection, language, available, expanded })
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 			variant: "ghost",
 			size: "sm",
-			onClick: () => setRetry((value) => value + 1),
+			onClick: () => void translate(skill),
 			children: text.retry
 		})] })
 	] })] });
@@ -274,11 +270,89 @@ function SkillsSettings({ ctx }) {
 	const mounted = (0, react.useRef)(false);
 	const [expanded, setExpanded] = (0, react.useState)({});
 	const [source, setSource] = (0, react.useState)("user-agents");
-	const groups = ["user-agents", "user-dsh"].map((value) => ({
-		value,
-		label: value === "user-agents" ? text.agents : text.dsh,
-		skills: view?.skills.filter((skill) => skill.source === value) ?? []
-	}));
+	const [query, setQuery] = (0, react.useState)("");
+	const [, refreshTranslations] = (0, react.useState)(0);
+	const translations = (0, react.useMemo)(() => ({
+		entries: /* @__PURE__ */ new Map(),
+		requests: /* @__PURE__ */ new Map(),
+		controllers: /* @__PURE__ */ new Set(),
+		bulk: false,
+		active: true
+	}), [connection, locale.active]);
+	(0, react.useEffect)(() => {
+		translations.active = true;
+		return () => {
+			translations.active = false;
+			for (const controller of translations.controllers) controller.abort();
+		};
+	}, [translations]);
+	const translate = (0, react.useCallback)((skill) => {
+		if (!skill.path || !skill.description) return Promise.resolve();
+		const key = translationKey(skill, locale.active);
+		const existing = translations.requests.get(key);
+		if (existing) return existing;
+		if (translations.entries.get(key)?.value !== void 0) return Promise.resolve();
+		const controller = new AbortController();
+		translations.controllers.add(controller);
+		translations.entries.set(key, { pending: true });
+		refreshTranslations((value) => value + 1);
+		const request = (async () => {
+			try {
+				const result = await connection.rpc.call(channel, translateMethod, {
+					path: skill.path,
+					language: locale.active
+				}, controller.signal);
+				if (!result.ok || typeof result.value !== "string") throw new Error("Could not translate description");
+				if (!controller.signal.aborted) translations.entries.set(key, { value: result.value });
+			} catch {
+				if (!controller.signal.aborted) translations.entries.set(key, { failed: true });
+			} finally {
+				translations.requests.delete(key);
+				translations.controllers.delete(controller);
+				if (translations.active && !controller.signal.aborted) refreshTranslations((value) => value + 1);
+			}
+		})();
+		translations.requests.set(key, request);
+		return request;
+	}, [
+		connection,
+		locale.active,
+		translations
+	]);
+	async function translateAll() {
+		if (translations.bulk || !view?.translationAvailable) return;
+		translations.bulk = true;
+		refreshTranslations((value) => value + 1);
+		try {
+			for (const skill of view.skills) {
+				if (!translations.active) break;
+				await translate(skill);
+			}
+		} finally {
+			translations.bulk = false;
+			if (translations.active) refreshTranslations((value) => value + 1);
+		}
+	}
+	const normalizeSearch = (value) => value.normalize("NFKC").toLowerCase();
+	const searchTerms = normalizeSearch(query).trim().split(/\s+/u).filter(Boolean);
+	const groups = ["user-agents", "user-dsh"].map((value) => {
+		const skills = view?.skills.filter((skill) => skill.source === value) ?? [];
+		return {
+			value,
+			label: value === "user-agents" ? text.agents : text.dsh,
+			total: skills.length,
+			skills: skills.filter((skill) => {
+				const fields = [
+					skill.name,
+					skill.description,
+					skill.path ?? "",
+					translations.entries.get(translationKey(skill, locale.active))?.value ?? ""
+				].map(normalizeSearch);
+				return searchTerms.every((term) => fields.some((field) => field.includes(term)));
+			})
+		};
+	});
+	const groupCount = (group) => searchTerms.length ? `${group.skills.length}/${group.total}` : `${group.total}`;
 	(0, react.useEffect)(() => {
 		const controller = new AbortController();
 		mounted.current = true;
@@ -357,9 +431,30 @@ function SkillsSettings({ ctx }) {
 				className: "dsh-skills-muted",
 				children: text.openFolderUnavailable
 			}),
-			view?.translationAvailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "dsh-skills-muted",
-				children: text.translationNotice
+			view?.translationAvailable && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-skills-translation-toolbar",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-skills-muted",
+						children: text.translationNotice
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "ghost",
+						size: "sm",
+						disabled: translations.bulk || !view.skills.some((skill) => skill.path && skill.description),
+						"aria-busy": translations.bulk,
+						onClick: () => void translateAll(),
+						children: translations.bulk ? text.translatingAll : text.translateAll
+					}),
+					translations.bulk && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						children: text.translatingAll
+					}),
+					!translations.bulk && [...translations.entries.values()].some((entry) => entry.failed) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						children: text.translationAllError
+					})
+				]
 			}),
 			!view && !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				role: "status",
@@ -377,112 +472,126 @@ function SkillsSettings({ ctx }) {
 				role: "alert",
 				children: text.incomplete
 			}),
-			view && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedControl, {
-				id,
-				className: "dsh-skills-settings-tabs",
-				value: source,
-				options: groups.map((group) => ({
-					value: group.value,
-					label: `${group.label} ${group.skills.length}`
-				})),
-				onChange: setSource,
-				label: text.nav
-			}), groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				id: `${id}-${group.value}-panel`,
-				role: "tabpanel",
-				"aria-labelledby": `${id}-${group.value}`,
-				hidden: source !== group.value,
-				tabIndex: 0,
-				children: group.skills.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "dsh-skills-muted",
-					children: text.empty
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "dsh-skills-list-header dsh-skills-muted",
-					"aria-hidden": "true",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-						text.nav,
-						" ",
-						group.skills.length
-					] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text.use })]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: group.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-						onToggle: (event) => {
-							const open = event.currentTarget.open;
-							setExpanded((current) => ({
-								...current,
-								[skill.path ?? skill.name]: open
-							}));
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
-							"aria-label": skill.name,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, {
-								size: 16,
-								"aria-hidden": "true"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "dsh-skills-summary-text",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "dsh-skills-title",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: skill.name }), view.disabled.includes(skill.name) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-skills-muted",
-										children: text.disabled
+			view && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedControl, {
+					id,
+					className: "dsh-skills-settings-tabs",
+					value: source,
+					options: groups.map((group) => ({
+						value: group.value,
+						label: `${group.label} ${groupCount(group)}`
+					})),
+					onChange: setSource,
+					label: text.nav
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+					className: "dsh-skills-search",
+					type: "search",
+					value: query,
+					"aria-label": text.search,
+					placeholder: text.searchPlaceholder,
+					autoComplete: "off",
+					onChange: (event) => setQuery(event.target.value)
+				}),
+				groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					id: `${id}-${group.value}-panel`,
+					role: "tabpanel",
+					"aria-labelledby": `${id}-${group.value}`,
+					hidden: source !== group.value,
+					tabIndex: 0,
+					children: group.skills.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-skills-muted",
+						children: group.total > 0 && searchTerms.length ? text.noResults : text.empty
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-skills-list-header dsh-skills-muted",
+						"aria-hidden": "true",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+							text.nav,
+							" ",
+							groupCount(group)
+						] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text.use })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: group.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+							open: expanded[skill.path ?? skill.name] ?? false,
+							onToggle: (event) => {
+								const open = event.currentTarget.open;
+								setExpanded((current) => ({
+									...current,
+									[skill.path ?? skill.name]: open
+								}));
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
+								"aria-label": skill.name,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, {
+									size: 16,
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-skills-summary-text",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-skills-title",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: skill.name }), view.disabled.includes(skill.name) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-skills-muted",
+											children: text.disabled
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-skills-preview dsh-skills-muted",
+										"aria-hidden": "true",
+										children: translations.entries.get(translationKey(skill, locale.active))?.value ?? skill.description
 									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-skills-preview dsh-skills-muted",
-									"aria-hidden": "true",
-									children: skill.description
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-skills-detail",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillDescription, {
+									skill,
+									translation: translations.entries.get(translationKey(skill, locale.active)),
+									translate,
+									language: locale.active,
+									available: view.translationAvailable && source === group.value,
+									expanded: expanded[skill.path ?? skill.name] ?? false
+								}, translationKey(skill, locale.active)), skill.path && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-skills-muted",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: skill.path })
 								})]
 							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dsh-skills-detail",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillDescription, {
-								skill,
-								connection,
-								language: locale.active,
-								available: view.translationAvailable && source === group.value,
-								expanded: expanded[skill.path ?? skill.name] ?? false
-							}), skill.path && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsh-skills-muted",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: skill.path })
-							})]
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsh-skills-actions",
-						children: [skill.path && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-							label: folderStatus[skill.path] === "opening" ? text.openingFolder : text.openFolder,
-							side: "top",
-							portal: true,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								className: "dsh-skills-folder",
-								variant: "ghost",
-								size: "sm",
-								"aria-label": `${folderStatus[skill.path] === "opening" ? text.openingFolder : text.openFolder}: ${skill.name}`,
-								"aria-busy": folderStatus[skill.path] === "opening",
-								disabled: !view.folderOpenAvailable || folderStatus[skill.path] === "opening",
-								"aria-description": view.folderOpenAvailable ? text.openFolderHint : text.openFolderUnavailable,
-								onClick: () => void openFolder(skill.path),
-								icon: folderStatus[skill.path] === "opening" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLoadingOutlineRegular, {
-									size: 16,
-									"aria-hidden": "true"
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpenOutlineRegular, {
-									size: 16,
-									"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-skills-actions",
+							children: [skill.path && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: folderStatus[skill.path] === "opening" ? text.openingFolder : text.openFolder,
+								side: "top",
+								portal: true,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									className: "dsh-skills-folder",
+									variant: "ghost",
+									size: "sm",
+									"aria-label": `${folderStatus[skill.path] === "opening" ? text.openingFolder : text.openFolder}: ${skill.name}`,
+									"aria-busy": folderStatus[skill.path] === "opening",
+									disabled: !view.folderOpenAvailable || folderStatus[skill.path] === "opening",
+									"aria-description": view.folderOpenAvailable ? text.openFolderHint : text.openFolderUnavailable,
+									onClick: () => void openFolder(skill.path),
+									icon: folderStatus[skill.path] === "opening" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLoadingOutlineRegular, {
+										size: 16,
+										"aria-hidden": "true"
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpenOutlineRegular, {
+										size: 16,
+										"aria-hidden": "true"
+									})
 								})
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
-							label: `${text.use}: ${skill.name}`,
-							checked: !view.disabled.includes(skill.name),
-							disabled: busy || saveError,
-							onChange: (enabled) => void save(skill.name, !enabled)
-						})]
-					}),
-					skill.path && folderStatus[skill.path] === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "dsh-skills-open-error",
-						role: "alert",
-						children: text.openFolderError
-					})
-				] }, skill.path ?? skill.name)) })] })
-			}, group.value))] })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+								label: `${text.use}: ${skill.name}`,
+								checked: !view.disabled.includes(skill.name),
+								disabled: busy || saveError,
+								onChange: (enabled) => void save(skill.name, !enabled)
+							})]
+						}),
+						skill.path && folderStatus[skill.path] === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsh-skills-open-error",
+							role: "alert",
+							children: text.openFolderError
+						})
+					] }, skill.path ?? skill.name)) })] })
+				}, group.value))
+			] })
 		]
 	});
 }

package/dist/index.js

@@ -7,6 +7,8 @@ import { dshCachePath } from "@deepseek-ai/dsh-home-paths";
 import { canOpenNativePath, openNativePath } from "@deepseek-ai/dsh-native-command";
 import { SkillRegistry } from "@deepseek-ai/dsh-skill";
 import { FileSystemSkillProvider } from "@deepseek-ai/dsh-skill-filesystem";
+import { francAll } from "franc-min";
+import { iso6393 } from "iso-639-3";
 // ../../node_modules/.pnpm/@deepseek-ai+cosmokit@1.9.0/node_modules/@deepseek-ai/cosmokit/lib/index.js
 /** Return true when a value is `null` or `undefined`. */
 function isNullable(value) {
@@ -898,6 +900,23 @@ const method = "dungsil-ui-setting-skills/list";
 const saveMethod = "dungsil-ui-setting-skills/save";
 const translateMethod = "dungsil-ui-setting-skills/translate";
 const openFolderMethod = "dungsil-ui-setting-skills/open-folder";
+// src/language.ts
+const languageCodes = new Map(iso6393.map((entry) => [entry.iso6393, entry.iso6391 ?? entry.iso6393]));
+languageCodes.set("cmn", "zh");
+/** Only skip a provider request when local detection has a clear winner. */
+function matchesTargetLanguage(text, targetLanguage) {
+	let target;
+	try {
+		target = new Intl.Locale(targetLanguage.replaceAll("_", "-"));
+	} catch {
+		return false;
+	}
+	if (target.script || target.language === "zh" && target.region) return false;
+	if ((text.match(/\p{L}/gu)?.length ?? 0) < 10) return false;
+	const [first, second] = francAll(text);
+	if (!first || first[0] === "und" || second && first[1] - second[1] < .2) return false;
+	return languageCodes.get(first[0]) === target.language;
+}
 // src/index.ts
 const name = "dungsil-ui-setting-skills";
 const inject = ["connection", "configEditor"];
@@ -1010,8 +1029,8 @@ function apply(ctx, config = {}) {
 						skill.description
 					])).digest("hex");
 					const cachePath = join(cacheDir, `${key}.json`);
-					let value;
-					try {
+					let value = matchesTargetLanguage(skill.description, targetLanguage) ? skill.description : void 0;
+					if (value === void 0) try {
 						const cached = JSON.parse(await readFile(cachePath, "utf8"));
 						if (typeof cached === "string") value = cached;
 					} catch {}

package/locale/en.json

@@ -10,6 +10,9 @@
     "dsh": "DSH skills",
     "loading": "Loading skills…",
     "empty": "No loaded skills from this source.",
+    "search": "Search skills",
+    "searchPlaceholder": "Search by name, description, or path",
+    "noResults": "No skills match your search.",
     "error": "Could not load skills. Close and reopen this settings section to try again.",
     "incomplete": "Some skill sources could not be loaded. This list may be incomplete.",
     "use": "Use",
@@ -23,7 +26,10 @@
     "original": "View original",
     "retry": "Retry",
     "translating": "Translating…",
-    "translationNotice": "Expanding a skill automatically sends its description to the service selected in reasoning translation settings. Translations are cached using its target language.",
+    "translateAll": "Translate all skills",
+    "translatingAll": "Translating all skills…",
+    "translationAllError": "Some skill descriptions could not be translated. Try again to translate only the failed items.",
+    "translationNotice": "Expanding a skill or translating all skills sends descriptions to the service selected in reasoning translation settings. Translate all includes both shared and DSH skills. Translations are cached using its target language.",
     "translationError": "Could not translate. The original is shown. Paid services require a Session and are unavailable here.",
     "saveError": "Could not save the setting. Close and reopen this section to check the saved state before trying again."
   }

package/locale/ko.json

@@ -10,6 +10,9 @@
     "dsh": "DSH 스킬",
     "loading": "스킬을 불러오는 중입니다…",
     "empty": "이 경로에서 로드된 스킬이 없습니다.",
+    "search": "스킬 검색",
+    "searchPlaceholder": "이름, 설명 또는 경로로 검색",
+    "noResults": "검색 조건에 맞는 스킬이 없습니다.",
     "error": "스킬을 불러오지 못했습니다. 이 설정 항목을 닫았다가 다시 열어 주세요.",
     "incomplete": "일부 스킬 소스를 불러오지 못해 목록이 완전하지 않을 수 있습니다.",
     "use": "사용",
@@ -23,7 +26,10 @@
     "original": "원문 보기",
     "retry": "다시 시도",
     "translating": "번역 중…",
-    "translationNotice": "스킬을 펼치면 사고 과정 번역 설정에서 선택한 서비스로 설명을 자동 전송합니다. 번역문은 해당 설정의 대상 언어에 따라 캐시에 저장합니다.",
+    "translateAll": "전체 스킬 번역",
+    "translatingAll": "전체 스킬 번역 중…",
+    "translationAllError": "일부 스킬 설명을 번역하지 못했습니다. 다시 시도하면 실패한 항목만 번역합니다.",
+    "translationNotice": "스킬을 펼치거나 전체 스킬 번역을 누르면 사고 과정 번역 설정에서 선택한 서비스로 설명을 전송합니다. 전체 번역에는 공용 스킬과 DSH 스킬이 모두 포함됩니다. 번역문은 해당 설정의 대상 언어에 따라 캐시에 저장합니다.",
     "translationError": "번역하지 못해 원문을 표시합니다. 유료 서비스는 세션이 필요하므로 이 화면에서 사용할 수 없습니다.",
     "saveError": "설정을 저장하지 못했습니다. 이 설정 항목을 닫았다가 다시 열어 저장 상태를 확인한 후 다시 시도해 주세요."
   }

package/locale/zh.json

@@ -10,6 +10,9 @@
     "dsh": "DSH 技能",
     "loading": "正在加载技能…",
     "empty": "未从此目录加载任何技能。",
+    "search": "搜索技能",
+    "searchPlaceholder": "按名称、描述或路径搜索",
+    "noResults": "没有符合搜索条件的技能。",
     "error": "无法加载技能。请关闭并重新打开此设置项后重试。",
     "incomplete": "部分技能源无法加载，列表可能不完整。",
     "use": "使用",
@@ -23,7 +26,10 @@
     "original": "查看原文",
     "retry": "重试",
     "translating": "正在翻译…",
-    "translationNotice": "展开技能时，会自动将描述发送至思考过程翻译设置中选择的服务。译文按该设置的目标语言缓存。",
+    "translateAll": "翻译全部技能",
+    "translatingAll": "正在翻译全部技能…",
+    "translationAllError": "部分技能描述翻译失败。重试时仅翻译失败的项目。",
+    "translationNotice": "展开技能或点击翻译全部技能时，会将描述发送至思考过程翻译设置中选择的服务。全部翻译包括共享技能和 DSH 技能。译文按该设置的目标语言缓存。",
     "translationError": "翻译失败，已显示原文。付费服务需要会话，无法在此页面使用。",
     "saveError": "无法保存设置。请关闭并重新打开此设置项，确认已保存的状态后重试。"
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dungsil/dsh-plugin-ui-setting-skills",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "View loaded user skills in DeepSeek Harness settings.",
   "license": "MIT",
   "repository": {
@@ -27,7 +27,9 @@
   "dependencies": {
     "@deepseek-ai/dsh-atomic-write": "0.2.2-rc.1",
     "@deepseek-ai/dsh-home-paths": "0.2.2-rc.1",
-    "@deepseek-ai/dsh-native-command": "0.2.2-rc.1"
+    "@deepseek-ai/dsh-native-command": "0.2.2-rc.1",
+    "franc-min": "6.2.0",
+    "iso-639-3": "3.0.1"
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "4.1.0",