@michengai/dsh-agency-agents 0.1.14 → 0.1.16

package/README.md

@@ -18,7 +18,7 @@
 
 ## Features
 
-- Browse, enable, and disable bundled experts across 17 divisions in **Settings → Experts**.
+- Filter by category or search, then enable or disable bundled experts in **Settings → Experts**.
 - Summon enabled experts by name or slug from the composer's **Experts** picker.
 - Use `list_experts` to discover experts and `summon_expert` to start a one-shot specialist subagent.
 - Use 271 bundled personas immediately, or connect a separately synchronized expert directory.

package/README.zh-CN.md

@@ -18,7 +18,7 @@
 
 ## 功能概览
 
-- 在「设置 → 专家」中按 17 个分区浏览、启用或停用内置专家。
+- 在「设置 → 专家」中按分类筛选或搜索，再启用或停用内置专家。
 - 在输入框的「专家」中按名称或 slug 召唤已启用的专家处理完整任务。
 - 提供 `list_experts` 与 `summon_expert` 工具，分别用于发现专家和启动一次性子代理。
 - 内置 271 份 persona，无需额外下载；也可接入自行同步的专家目录。

package/lib/client.js

@@ -2529,6 +2529,16 @@ window.__ModuleLoader__.load({
 			"settings.loading": "正在加载专家…",
 			"settings.enabled": "已启用",
 			"settings.disabled": "已停用",
+			"settings.filter.category": "分类",
+			"settings.filter.all": "全部",
+			"settings.filter.option": "{name}（{count}）",
+			"settings.filter.showing.one": "显示 {count} 位",
+			"settings.filter.showing.other": "显示 {count} 位",
+			"settings.search": "搜索",
+			"settings.search.placeholder": "名称、slug 或简介",
+			"settings.search.clear": "清除搜索",
+			"settings.empty": "没有匹配的专家。试试其他关键词，或切换到「{all}」。",
+			"settings.empty.reset": "清除筛选",
 			"error.conflict": "配置已被其他窗口修改。",
 			"error.conflict.refreshed": "配置已被其他窗口修改，已为您刷新。",
 			"error.conflict.refreshFailed": "配置已被其他窗口修改，但刷新失败，请手动刷新。",
@@ -2569,6 +2579,16 @@ window.__ModuleLoader__.load({
 			"settings.loading": "Loading experts…",
 			"settings.enabled": "Enabled",
 			"settings.disabled": "Disabled",
+			"settings.filter.category": "Category",
+			"settings.filter.all": "All",
+			"settings.filter.option": "{name} ({count})",
+			"settings.filter.showing.one": "Showing {count} expert",
+			"settings.filter.showing.other": "Showing {count} experts",
+			"settings.search": "Search",
+			"settings.search.placeholder": "Name, slug, or description",
+			"settings.search.clear": "Clear search",
+			"settings.empty": "No matching experts. Try another keyword, or switch to {all}.",
+			"settings.empty.reset": "Clear filters",
 			"error.conflict": "Settings were changed in another window.",
 			"error.conflict.refreshed": "Settings were changed in another window and have been refreshed.",
 			"error.conflict.refreshFailed": "Settings were changed in another window, but refresh failed. Please refresh manually.",
@@ -6645,6 +6665,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			emoji: e.emoji,
 			division: e.division,
 			divisionZh: ZH_DIVISION[e.division] ?? e.division,
+			divisionEn: EN_DIVISION[e.division] ?? e.division,
 			description: e.description,
 			descriptionEn: e.descriptionEn
 		})).sort((a, b) => a.division.localeCompare(b.division) || a.slug.localeCompare(b.slug));
@@ -6667,6 +6688,31 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				experts: (groups.get(d) ?? []).slice().sort((a, b) => compareExpertName(a, b, active))
 			}));
 		}
+		/** 规范化检索词：去首尾空白并转小写，便于中英和 slug 统一匹配。 */
+		function normalizeExpertQuery(query) {
+			return query.trim().toLowerCase();
+		}
+		/** 按名称、slug、分区或简介做包含匹配；空检索视为全部命中。 */
+		function matchExpertQuery(expert, query) {
+			const q = normalizeExpertQuery(query);
+			if (q === "") return true;
+			return [
+				expert.slug,
+				expert.name,
+				expert.nameEn,
+				expert.division,
+				expert.divisionZh,
+				expert.divisionEn,
+				expert.description,
+				expert.descriptionEn
+			].some((field) => field.toLowerCase().includes(q));
+		}
+		/** 先按分区收窄，再按检索词过滤。division 为空表示全部分类。 */
+		function filterExperts(list, options) {
+			const division = options.division ?? "";
+			return list.filter((expert) => (division === "" || expert.division === division) && matchExpertQuery(expert, options.query ?? ""));
+		}
+		const DIVISION_COUNTS = Object.fromEntries(DIVISION_ORDER.map((division) => [division, EXPERTS.filter((expert) => expert.division === division).length]));
 		/** 按当前 locale 取专家显示名：en 用花名册英文名，其余用中文名。 */
 		function displayName(e, active) {
 			return active === "en" ? e.nameEn : e.name;
@@ -6675,7 +6721,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function displayDescription(e, active) {
 			return active === "en" && e.descriptionEn !== "" ? e.descriptionEn : e.description;
 		}
-		const CSS = ".aag-btn-wrap{position:relative;order:1;margin-right:-8px}.aag-btn{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 4px 0 8px;border:none;border-radius:24px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px;font-weight:500;cursor:pointer}.aag-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.aag-menu{position:absolute;bottom:calc(100% + 4px);left:0;box-sizing:border-box;padding:4px;display:flex;flex-direction:column;gap:0;width:300px;max-width:360px;max-height:calc(100vh - 24px);overflow-y:auto;border:1px solid var(--dsw-alias-border-inverted);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3);z-index:10000}.aag-menu-title{padding:8px 10px;font-size:12px;line-height:16px;color:var(--dsw-alias-label-tertiary)}.aag-menu-item{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 10px;border:none;border-radius:10px;background:transparent;cursor:pointer;text-align:left;font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary);box-sizing:border-box}.aag-menu-item:hover{background:var(--dsw-alias-interactive-bg-hover)}.aag-emoji{flex:0 0 auto;font-size:16px}.aag-menu-empty{padding:8px 10px;color:var(--dsw-alias-label-secondary);font-size:13px}[data-composer-card] :has(> button[aria-haspopup=\"listbox\"]) > :nth-child(2){order:2}\n.aag-section{box-sizing:border-box;display:flex;min-width:0;max-width:760px;width:100%;margin:0 auto;flex-direction:column;gap:16px;padding:0 0 32px;color:var(--dsw-alias-label-primary)}\n.aag-toolbar{display:flex;align-items:flex-start;gap:16px;padding-bottom:12px}\n.aag-title{margin:0;font-size:20px;line-height:28px;font-weight:650;letter-spacing:-.2px}\n.aag-desc{margin:4px 0 0;max-width:42em;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}\n.aag-actions{display:flex;align-items:center;gap:8px;margin-left:auto}\n.aag-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);font:inherit;font-size:13px;font-weight:550;cursor:pointer;transition:opacity 180ms ease,background 180ms ease,border-color 180ms ease}\n.aag-action:hover:not(:disabled){opacity:.9}.aag-action:disabled{opacity:.5;cursor:default}\n.aag-action-secondary{background:transparent;border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}\n.aag-action:focus-visible{outline:2px solid var(--dsw-alias-state-success-primary);outline-offset:2px}\n.aag-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-2)}\n.aag-summary-count{font-size:18px;font-weight:650}.aag-summary-label{color:var(--dsw-alias-label-secondary);font-size:12px}.aag-summary-separator{width:1px;height:24px;background:var(--dsw-alias-border-l2)}\n.aag-group{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-2)}\n.aag-group-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--dsw-alias-border-l1)}\n.aag-group-title{margin:0;font-size:14px;font-weight:600}.aag-count{color:var(--dsw-alias-label-tertiary);font-size:12px}\n.aag-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--dsw-alias-border-l1)}\n.aag-row:last-child{border-bottom:0}\n.aag-row-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}\n.aag-row-id{display:flex;align-items:center;gap:7px;min-width:0}\n.aag-row-name{overflow:hidden;font-size:13px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}\n.aag-tag{flex:none;padding:1px 6px;border:1px solid var(--dsw-alias-border-l3);border-radius:4px;color:var(--dsw-alias-label-secondary);font-size:11px;line-height:16px}\n.aag-tag-on{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}\n.aag-tag-off{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}\n.aag-note{overflow:hidden;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}\n.aag-error{color:var(--dsw-alias-state-error-primary);font-size:13px;line-height:20px}\n@media (max-width:560px){.aag-toolbar{flex-wrap:wrap}.aag-actions{margin-left:0}.aag-row{align-items:flex-start;flex-wrap:wrap}.aag-row>.aag-action{margin-left:auto}}\n@media (prefers-reduced-motion:reduce){.aag-action{transition:none}}\n" + DIVISION_ORDER.map((d) => `[role="listbox"] div[data-source="division.${d}"] ~ button span:last-child`).join(",") + "{flex:1 1 auto;max-width:none;min-width:0}";
+		const CSS = ".aag-btn-wrap{position:relative;order:1;margin-right:-8px}.aag-btn{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 4px 0 8px;border:none;border-radius:24px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px;font-weight:500;cursor:pointer}.aag-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.aag-menu{position:absolute;bottom:calc(100% + 4px);left:0;box-sizing:border-box;padding:4px;display:flex;flex-direction:column;gap:0;width:300px;max-width:360px;max-height:calc(100vh - 24px);overflow-y:auto;border:1px solid var(--dsw-alias-border-inverted);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3);z-index:10000}.aag-menu-title{padding:8px 10px;font-size:12px;line-height:16px;color:var(--dsw-alias-label-tertiary)}.aag-menu-item{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 10px;border:none;border-radius:10px;background:transparent;cursor:pointer;text-align:left;font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary);box-sizing:border-box}.aag-menu-item:hover{background:var(--dsw-alias-interactive-bg-hover)}.aag-emoji{flex:0 0 auto;font-size:16px}.aag-menu-empty{padding:8px 10px;color:var(--dsw-alias-label-secondary);font-size:13px}[data-composer-card] :has(> button[aria-haspopup=\"listbox\"]) > :nth-child(2){order:2}\n.aag-section{box-sizing:border-box;display:flex;min-width:0;max-width:760px;width:100%;margin:0 auto;flex-direction:column;gap:16px;padding:0 0 32px;color:var(--dsw-alias-label-primary)}\n.aag-toolbar{display:flex;align-items:flex-start;gap:16px;padding-bottom:12px}\n.aag-title{margin:0;font-size:20px;line-height:28px;font-weight:650;letter-spacing:-.2px}\n.aag-desc{margin:4px 0 0;max-width:42em;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}\n.aag-actions{display:flex;align-items:center;gap:8px;margin-left:auto}\n.aag-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);font:inherit;font-size:13px;font-weight:550;cursor:pointer;transition:opacity 180ms ease,background 180ms ease,border-color 180ms ease}\n.aag-action:hover:not(:disabled){opacity:.9}.aag-action:disabled{opacity:.5;cursor:default}\n.aag-action-secondary{background:transparent;border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}\n.aag-action:focus-visible{outline:2px solid var(--dsw-alias-state-success-primary);outline-offset:2px}\n.aag-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-2)}\n.aag-summary-count{font-size:18px;font-weight:650}.aag-summary-label{color:var(--dsw-alias-label-secondary);font-size:12px}.aag-summary-separator{width:1px;height:24px;background:var(--dsw-alias-border-l2)}\n.aag-group{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-2)}\n.aag-group-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--dsw-alias-border-l1)}\n.aag-group-title{margin:0;font-size:14px;font-weight:600}.aag-count{color:var(--dsw-alias-label-tertiary);font-size:12px}\n.aag-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--dsw-alias-border-l1)}\n.aag-row:last-child{border-bottom:0}\n.aag-row-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}\n.aag-row-id{display:flex;align-items:center;gap:7px;min-width:0}\n.aag-row-name{overflow:hidden;font-size:13px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}\n.aag-tag{flex:none;padding:1px 6px;border:1px solid var(--dsw-alias-border-l3);border-radius:4px;color:var(--dsw-alias-label-secondary);font-size:11px;line-height:16px}\n.aag-tag-on{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}\n.aag-tag-off{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}\n.aag-note{overflow:hidden;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}\n.aag-error{color:var(--dsw-alias-state-error-primary);font-size:13px;line-height:20px}\n.aag-filters{display:flex;align-items:flex-end;gap:10px}\n.aag-field{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}\n.aag-field-category{flex:0 1 220px}\n.aag-field-search{flex:1 1 240px}\n.aag-label{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:16px}\n.aag-control{box-sizing:border-box;width:100%;min-height:32px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px}\n.aag-control:focus-visible{outline:2px solid var(--dsw-alias-state-success-primary);outline-offset:2px}\n.aag-select{position:relative}\n.aag-select-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:20px;text-align:left;cursor:pointer}\n.aag-select-trigger:hover{background:var(--dsw-alias-interactive-bg-hover)}\n.aag-select-trigger:focus-visible{outline:2px solid var(--dsw-alias-state-success-primary);outline-offset:2px}\n.aag-select-trigger[aria-expanded=\"true\"]{border-color:var(--dsw-alias-state-success-primary)}\n.aag-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.aag-select-caret{flex:none;width:12px;height:12px;color:var(--dsw-alias-label-tertiary)}\n.aag-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;box-sizing:border-box;max-height:280px;overflow:auto;padding:4px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-specific-menu,var(--dsw-alias-bg-layer-2));box-shadow:var(--dsw-shadow-lv3)}\n.aag-select-option{box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:20px;text-align:left;cursor:pointer}\n.aag-select-option:hover,.aag-select-option[data-active=\"true\"]{background:var(--dsw-alias-interactive-bg-hover)}\n.aag-select-option[aria-selected=\"true\"]{color:var(--dsw-alias-state-success-primary)}\n.aag-search-wrap{position:relative;display:flex;align-items:center}\n.aag-search{padding-right:32px}.aag-search::-webkit-search-cancel-button,.aag-search::-webkit-search-decoration{-webkit-appearance:none;appearance:none}\n.aag-search-clear{position:absolute;right:4px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-tertiary);font:inherit;font-size:16px;line-height:1;cursor:pointer}\n.aag-search-clear:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}\n.aag-search-clear:focus-visible{outline:2px solid var(--dsw-alias-state-success-primary);outline-offset:2px}\n.aag-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;border:1px dashed var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px;text-align:center}\n.aag-filter-meta{margin-left:auto;color:var(--dsw-alias-label-tertiary);font-size:12px}\n@media (max-width:560px){.aag-toolbar{flex-wrap:wrap}.aag-actions{margin-left:0}.aag-filters{flex-direction:column;align-items:stretch}.aag-field-category,.aag-field-search{flex:none}.aag-row{align-items:flex-start;flex-wrap:wrap}.aag-row>.aag-action{margin-left:auto}.aag-filter-meta{margin-left:0}}\n@media (prefers-reduced-motion:reduce){.aag-action{transition:none}}\n" + DIVISION_ORDER.map((d) => `[role="listbox"] div[data-source="division.${d}"] ~ button span:last-child`).join(",") + "{flex:1 1 auto;max-width:none;min-width:0}";
 		/** 将写失败映射到 agency 词条；非冲突错误返回 null，由调用方展示原始消息。 */
 		function writeErrorKey(error, options) {
 			if (error instanceof Error && error.message.includes("changed since it was read")) {
@@ -6806,9 +6852,138 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				onClick
 			}, expertIcon(), react.default.createElement("span", null, props.t("settings.nav"))), menu);
 		}
+		function CategorySelect(props) {
+			const [open, setOpen] = react.default.useState(false);
+			const selectedIndex = Math.max(0, props.options.findIndex((option) => option.value === props.value));
+			const [active, setActive] = react.default.useState(selectedIndex);
+			const rootRef = react.default.useRef(null);
+			const triggerRef = react.default.useRef(null);
+			const listRef = react.default.useRef(null);
+			const wasOpen = react.default.useRef(false);
+			const selected = props.options[selectedIndex];
+			react.default.useEffect(() => {
+				if (!open) return;
+				setActive(selectedIndex);
+				const onPointerDown = (ev) => {
+					const target = ev.target;
+					if (target instanceof Node && rootRef.current?.contains(target) === true) return;
+					setOpen(false);
+				};
+				document.addEventListener("pointerdown", onPointerDown);
+				return () => document.removeEventListener("pointerdown", onPointerDown);
+			}, [open, selectedIndex]);
+			react.default.useEffect(() => {
+				if (open) {
+					listRef.current?.focus();
+					wasOpen.current = true;
+					return;
+				}
+				if (wasOpen.current) {
+					triggerRef.current?.focus();
+					wasOpen.current = false;
+				}
+			}, [open]);
+			react.default.useEffect(() => {
+				if (!open) return;
+				document.getElementById(props.id + "-opt-" + String(active))?.scrollIntoView({ block: "nearest" });
+			}, [
+				active,
+				open,
+				props.id
+			]);
+			const choose = (value) => {
+				props.onChange(value);
+				setOpen(false);
+			};
+			const move = (next) => {
+				if (props.options.length === 0) return;
+				setActive(Math.min(props.options.length - 1, Math.max(0, next)));
+			};
+			const onTriggerKeyDown = (ev) => {
+				if (ev.key === "ArrowDown" || ev.key === "ArrowUp" || ev.key === "Enter" || ev.key === " ") {
+					ev.preventDefault();
+					setOpen(true);
+				}
+			};
+			const onListKeyDown = (ev) => {
+				if (ev.key === "ArrowDown") {
+					ev.preventDefault();
+					move(active + 1);
+					return;
+				}
+				if (ev.key === "ArrowUp") {
+					ev.preventDefault();
+					move(active - 1);
+					return;
+				}
+				if (ev.key === "Home") {
+					ev.preventDefault();
+					move(0);
+					return;
+				}
+				if (ev.key === "End") {
+					ev.preventDefault();
+					move(props.options.length - 1);
+					return;
+				}
+				if (ev.key === "Enter" || ev.key === " ") {
+					ev.preventDefault();
+					const option = props.options[active];
+					if (option !== void 0) choose(option.value);
+					return;
+				}
+				if (ev.key === "Escape" || ev.key === "Tab") setOpen(false);
+			};
+			return react.default.createElement("div", {
+				className: "aag-select",
+				ref: rootRef
+			}, react.default.createElement("button", {
+				id: props.id,
+				ref: triggerRef,
+				type: "button",
+				className: "aag-select-trigger",
+				"aria-haspopup": "listbox",
+				"aria-expanded": open,
+				"aria-controls": props.id + "-list",
+				onClick: () => setOpen((current) => !current),
+				onKeyDown: onTriggerKeyDown
+			}, react.default.createElement("span", { className: "aag-select-value" }, selected === void 0 ? "" : selected.label), react.default.createElement("svg", {
+				className: "aag-select-caret",
+				viewBox: "0 0 12 12",
+				"aria-hidden": true,
+				focusable: false
+			}, react.default.createElement("path", {
+				d: "M2.5 4.5L6 8l3.5-3.5",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}))), open ? react.default.createElement("div", {
+				id: props.id + "-list",
+				ref: listRef,
+				className: "aag-select-menu",
+				role: "listbox",
+				tabIndex: 0,
+				"aria-activedescendant": props.id + "-opt-" + String(active),
+				onKeyDown: onListKeyDown
+			}, props.options.map((option, index) => react.default.createElement("button", {
+				key: option.value === "" ? "all" : option.value,
+				id: props.id + "-opt-" + String(index),
+				type: "button",
+				role: "option",
+				className: "aag-select-option",
+				"aria-selected": option.value === props.value,
+				"data-active": index === active,
+				onMouseEnter: () => setActive(index),
+				onClick: () => choose(option.value)
+			}, option.label))) : null);
+		}
 		function AgentsSettings(props) {
 			const [state, setState] = react.default.useState(null);
 			const [error, setError] = react.default.useState(null);
+			const [query, setQuery] = react.default.useState("");
+			const [division, setDivision] = react.default.useState("");
 			const saving = react.default.useRef(false);
 			const [isSaving, setIsSaving] = react.default.useState(false);
 			const load = react.default.useCallback(() => {
@@ -6876,9 +7051,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				className: "aag-note"
 			}, props.t("settings.loading")));
 			else {
-				const groups = groupByDivision(EXPERTS, props.getActive());
+				const filtered = filterExperts(EXPERTS, {
+					query,
+					division
+				});
+				const groups = groupByDivision(filtered, props.getActive());
 				const enabledCount = [...state.enabled].filter((slug) => EXPERTS.some((e) => e.slug === slug)).length;
 				const total = EXPERTS.length;
+				const filteredCount = filtered.length;
+				const hasFilter = normalizeExpertQuery(query) !== "" || division !== "";
+				const resetFilters = () => {
+					setQuery("");
+					setDivision("");
+				};
 				nodes.push(react.default.createElement("div", {
 					key: "toolbar",
 					className: "aag-toolbar"
@@ -6891,7 +7076,59 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				nodes.push(react.default.createElement("div", {
 					key: "summary",
 					className: "aag-summary"
-				}, react.default.createElement("span", { className: "aag-summary-count" }, total), react.default.createElement("span", { className: "aag-summary-label" }, props.t(total === 1 ? "summary.total.one" : "summary.total.other", { count: total })), react.default.createElement("span", { className: "aag-summary-separator" }), react.default.createElement("span", { className: "aag-summary-count" }, enabledCount), react.default.createElement("span", { className: "aag-summary-label" }, props.t(enabledCount === 1 ? "summary.enabled.one" : "summary.enabled.other", { count: enabledCount }))));
+				}, react.default.createElement("span", { className: "aag-summary-count" }, total), react.default.createElement("span", { className: "aag-summary-label" }, props.t(total === 1 ? "summary.total.one" : "summary.total.other", { count: total })), react.default.createElement("span", { className: "aag-summary-separator" }), react.default.createElement("span", { className: "aag-summary-count" }, enabledCount), react.default.createElement("span", { className: "aag-summary-label" }, props.t(enabledCount === 1 ? "summary.enabled.one" : "summary.enabled.other", { count: enabledCount })), hasFilter ? react.default.createElement("span", {
+					className: "aag-filter-meta",
+					"aria-live": "polite"
+				}, props.t(filteredCount === 1 ? "settings.filter.showing.one" : "settings.filter.showing.other", { count: filteredCount })) : null));
+				nodes.push(react.default.createElement("div", {
+					key: "filters",
+					className: "aag-filters"
+				}, react.default.createElement("div", { className: "aag-field aag-field-category" }, react.default.createElement("label", {
+					className: "aag-label",
+					htmlFor: "aag-filter-category"
+				}, props.t("settings.filter.category")), react.default.createElement(CategorySelect, {
+					id: "aag-filter-category",
+					value: division,
+					onChange: setDivision,
+					options: [{
+						value: "",
+						label: props.t("settings.filter.option", {
+							name: props.t("settings.filter.all"),
+							count: total
+						})
+					}, ...DIVISION_ORDER.map((key) => ({
+						value: key,
+						label: props.t("settings.filter.option", {
+							name: props.t(`division.${key}`),
+							count: DIVISION_COUNTS[key] ?? 0
+						})
+					}))]
+				})), react.default.createElement("div", { className: "aag-field aag-field-search" }, react.default.createElement("label", {
+					className: "aag-label",
+					htmlFor: "aag-filter-search"
+				}, props.t("settings.search")), react.default.createElement("div", { className: "aag-search-wrap" }, react.default.createElement("input", {
+					id: "aag-filter-search",
+					className: "aag-control aag-search",
+					type: "search",
+					value: query,
+					autoComplete: "off",
+					spellCheck: false,
+					placeholder: props.t("settings.search.placeholder"),
+					onChange: (ev) => setQuery(ev.currentTarget.value)
+				}), query !== "" ? react.default.createElement("button", {
+					type: "button",
+					className: "aag-search-clear",
+					"aria-label": props.t("settings.search.clear"),
+					onClick: () => setQuery("")
+				}, "×") : null))));
+				if (groups.length === 0) nodes.push(react.default.createElement("div", {
+					key: "empty",
+					className: "aag-empty"
+				}, react.default.createElement("div", null, props.t("settings.empty", { all: props.t("settings.filter.all") })), react.default.createElement("button", {
+					type: "button",
+					className: "aag-action aag-action-secondary",
+					onClick: resetFilters
+				}, props.t("settings.empty.reset"))));
 				for (const g of groups) nodes.push(react.default.createElement("div", {
 					key: g.division,
 					className: "aag-group"
@@ -6990,7 +7227,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		exports.applyExpertSummon = applyExpertSummon;
 		exports.buildSummonInstruction = buildSummonInstruction;
 		exports.compareExpertName = compareExpertName;
+		exports.filterExperts = filterExperts;
 		exports.inject = inject;
+		exports.matchExpertQuery = matchExpertQuery;
+		exports.normalizeExpertQuery = normalizeExpertQuery;
 		exports.writeErrorKey = writeErrorKey;
 		exports.writeErrorMessage = writeErrorMessage;
 		return module.exports;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@michengai/dsh-agency-agents",
   "description": "Agency Experts — a summonable domain-expert roster for DSH (expert mode)",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "type": "module",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",