@openhands/agent-canvas 1.13.0 → 1.15.0

package/dist/components/features/skills/skill-facet-rail.js

@@ -0,0 +1,42 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { cn as t } from "../../../utils/utils.js";
+import { SKILL_CATEGORY_ICONS as n } from "../../../utils/skill-category.js";
+import { SkillFacetRow as r } from "./skill-facet-row.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/features/skills/skill-facet-rail.tsx
+function o(e, t) {
+	if (e === "category") return n[t];
+}
+function s({ groups: n, onToggle: s, className: c }) {
+	let { t: l } = e("openhands");
+	return n.length === 0 ? null : /* @__PURE__ */ i("div", {
+		"data-testid": "skill-facet-rail",
+		className: t("flex min-w-0 flex-col gap-5", c),
+		children: n.map((e) => {
+			let t = `skill-facet-group-${e.id}-title`;
+			return /* @__PURE__ */ a("div", {
+				"data-testid": `skill-facet-group-${e.id}`,
+				role: "group",
+				"aria-labelledby": t,
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ i("span", {
+					id: t,
+					className: "px-1 text-[11px] font-semibold uppercase tracking-wider text-tertiary-alt",
+					children: l(e.labelKey)
+				}), e.rows.map((t) => /* @__PURE__ */ i(r, {
+					testId: `skill-facet-${e.id}-${t.value}`,
+					labelKey: t.labelKey,
+					count: t.count,
+					checked: t.checked,
+					disabled: t.disabled,
+					icon: o(e.id, t.value),
+					onToggle: () => s(e.id, t.value)
+				}, t.value))]
+			}, e.id);
+		})
+	});
+}
+//#endregion
+export { s as SkillFacetRail };
+
+//# sourceMappingURL=skill-facet-rail.js.map

package/dist/components/features/skills/skill-facet-rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-facet-rail.js","names":[],"sources":["../../../../src/components/features/skills/skill-facet-rail.tsx"],"sourcesContent":["import type { SkillCategoryId } from \"@openhands/extensions/skills\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { SKILL_CATEGORY_ICONS } from \"#/utils/skill-category\";\nimport { SkillFacetRow } from \"./skill-facet-row\";\nimport type { SkillFacetGroup, SkillFacetGroupId } from \"./skill-filter\";\n\ninterface SkillFacetRailProps {\n  groups: SkillFacetGroup[];\n  onToggle: (groupId: SkillFacetGroupId, value: string) => void;\n  className?: string;\n}\n\n/** Only the category group carries an icon; the rest are plain rows. */\nfunction iconFor(\n  groupId: SkillFacetGroupId,\n  value: string,\n): LucideIcon | undefined {\n  if (groupId !== \"category\") return undefined;\n  return SKILL_CATEGORY_ICONS[value as SkillCategoryId];\n}\n\nexport function SkillFacetRail({\n  groups,\n  onToggle,\n  className,\n}: SkillFacetRailProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (groups.length === 0) return null;\n\n  return (\n    <div\n      data-testid=\"skill-facet-rail\"\n      className={cn(\"flex min-w-0 flex-col gap-5\", className)}\n    >\n      {groups.map((group) => {\n        const titleId = `skill-facet-group-${group.id}-title`;\n        return (\n          <div\n            key={group.id}\n            data-testid={`skill-facet-group-${group.id}`}\n            role=\"group\"\n            aria-labelledby={titleId}\n            className=\"flex flex-col gap-1.5\"\n          >\n            <span\n              id={titleId}\n              className=\"px-1 text-[11px] font-semibold uppercase tracking-wider text-tertiary-alt\"\n            >\n              {t(group.labelKey)}\n            </span>\n            {group.rows.map((row) => (\n              <SkillFacetRow\n                key={row.value}\n                testId={`skill-facet-${group.id}-${row.value}`}\n                labelKey={row.labelKey}\n                count={row.count}\n                checked={row.checked}\n                disabled={row.disabled}\n                icon={iconFor(group.id, row.value)}\n                onToggle={() => onToggle(group.id, row.value)}\n              />\n            ))}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAeA,SAAS,EACP,GACA,GACwB;CACpB,UAAY,YAChB,OAAO,EAAqB;AAC9B;AAEA,SAAgB,EAAe,EAC7B,WACA,aACA,gBACsB;CACtB,IAAM,EAAE,SAAM,EAAe,WAAW;CAIxC,OAFI,EAAO,WAAW,IAAU,OAG9B,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EAAG,+BAA+B,CAAS;YAErD,EAAO,KAAK,MAAU;GACrB,IAAM,IAAU,qBAAqB,EAAM,GAAG;GAC9C,OACE,kBAAC,OAAD;IAEE,eAAa,qBAAqB,EAAM;IACxC,MAAK;IACL,mBAAiB;IACjB,WAAU;cALZ,CAOE,kBAAC,QAAD;KACE,IAAI;KACJ,WAAU;eAET,EAAE,EAAM,QAAQ;IACb,CAAA,GACL,EAAM,KAAK,KAAK,MACf,kBAAC,GAAD;KAEE,QAAQ,eAAe,EAAM,GAAG,GAAG,EAAI;KACvC,UAAU,EAAI;KACd,OAAO,EAAI;KACX,SAAS,EAAI;KACb,UAAU,EAAI;KACd,MAAM,EAAQ,EAAM,IAAI,EAAI,KAAK;KACjC,gBAAgB,EAAS,EAAM,IAAI,EAAI,KAAK;IAC7C,GARM,EAAI,KAQV,CACF,CACE;MAxBE,EAAM,EAwBR;EAET,CAAC;CACE,CAAA;AAET"}

package/dist/components/features/skills/skill-facet-row.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../node_modules/lucide-react/dist/esm/icons/check.cjs"),n=require("../../../utils/utils.cjs");let r=require("react/jsx-runtime");function i({labelKey:i,count:a,checked:o,disabled:s,icon:c,testId:l,onToggle:u}){let{t:d}=e.useTranslation(`openhands`),f=d(i);return(0,r.jsxs)(`button`,{type:`button`,role:`checkbox`,"aria-checked":o,"data-testid":l,disabled:s,onClick:u,className:n.cn(`flex w-full items-center gap-2 rounded-md px-1.5 py-1 text-left text-sm`,s?`cursor-default text-tertiary-alt/40`:`cursor-pointer hover:bg-[var(--oh-surface-raised)] hover:text-white`,o?`text-white`:`text-tertiary-light`),children:[(0,r.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`flex size-3.5 shrink-0 items-center justify-center rounded-[3px] border`,o?`border-white bg-white text-black`:`border-[var(--oh-border)]`),children:o?(0,r.jsx)(t.Check,{className:`size-2.5`,strokeWidth:3}):null}),c?(0,r.jsx)(c,{className:`size-3.5 shrink-0`,"aria-hidden":!0}):null,(0,r.jsx)(`span`,{title:f,className:`min-w-0 flex-1 truncate`,children:f}),(0,r.jsx)(`span`,{className:`shrink-0 text-xs text-tertiary-alt`,children:a})]})}exports.SkillFacetRow=i;
+//# sourceMappingURL=skill-facet-row.cjs.map

package/dist/components/features/skills/skill-facet-row.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-facet-row.cjs","names":[],"sources":["../../../../src/components/features/skills/skill-facet-row.tsx"],"sourcesContent":["import { Check, type LucideIcon } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\n\ninterface SkillFacetRowProps {\n  labelKey: I18nKey;\n  count: number;\n  checked: boolean;\n  disabled: boolean;\n  icon?: LucideIcon;\n  testId: string;\n  onToggle: () => void;\n}\n\nexport function SkillFacetRow({\n  labelKey,\n  count,\n  checked,\n  disabled,\n  icon: Icon,\n  testId,\n  onToggle,\n}: SkillFacetRowProps) {\n  const { t } = useTranslation(\"openhands\");\n  const label = t(labelKey);\n\n  return (\n    <button\n      type=\"button\"\n      role=\"checkbox\"\n      aria-checked={checked}\n      data-testid={testId}\n      disabled={disabled}\n      onClick={onToggle}\n      className={cn(\n        \"flex w-full items-center gap-2 rounded-md px-1.5 py-1 text-left text-sm\",\n        disabled\n          ? \"cursor-default text-tertiary-alt/40\"\n          : // Same hover pair as the extensions nav links: a raised surface the\n            // label brightens against, rather than a light fill it sinks into.\n            \"cursor-pointer hover:bg-[var(--oh-surface-raised)] hover:text-white\",\n        checked ? \"text-white\" : \"text-tertiary-light\",\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex size-3.5 shrink-0 items-center justify-center rounded-[3px] border\",\n          checked\n            ? \"border-white bg-white text-black\"\n            : \"border-[var(--oh-border)]\",\n        )}\n      >\n        {checked ? <Check className=\"size-2.5\" strokeWidth={3} /> : null}\n      </span>\n      {Icon ? <Icon className=\"size-3.5 shrink-0\" aria-hidden /> : null}\n      {/* The rail cannot be wide enough for every locale, so a truncated label stays readable on hover. */}\n      <span title={label} className=\"min-w-0 flex-1 truncate\">\n        {label}\n      </span>\n      <span className=\"shrink-0 text-xs text-tertiary-alt\">{count}</span>\n    </button>\n  );\n}\n"],"mappings":"uRAeA,SAAgB,EAAc,CAC5B,WACA,QACA,UACA,WACA,KAAM,EACN,SACA,YACqB,CACrB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAQ,EAAE,CAAQ,EAExB,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,KAAK,WACL,eAAc,EACd,cAAa,EACH,WACV,QAAS,EACT,UAAW,EAAA,GACT,0EACA,EACI,sCAGA,sEACJ,EAAU,aAAe,qBAC3B,WAfF,EAiBE,EAAA,EAAA,KAAC,OAAD,CACE,cAAA,GACA,UAAW,EAAA,GACT,0EACA,EACI,mCACA,2BACN,WAEC,GAAU,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,WAAW,YAAa,CAAI,CAAA,EAAI,IACxD,CAAA,EACL,GAAO,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,oBAAoB,cAAA,EAAa,CAAA,EAAI,MAE7D,EAAA,EAAA,KAAC,OAAD,CAAM,MAAO,EAAO,UAAU,mCAC3B,CACG,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8CAAsC,CAAY,CAAA,CAC5D,GAEZ"}

package/dist/components/features/skills/skill-facet-row.js

@@ -0,0 +1,44 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { Check as t } from "../../../node_modules/lucide-react/dist/esm/icons/check.js";
+import { cn as n } from "../../../utils/utils.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/features/skills/skill-facet-row.tsx
+function a({ labelKey: a, count: o, checked: s, disabled: c, icon: l, testId: u, onToggle: d }) {
+	let { t: f } = e("openhands"), p = f(a);
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		role: "checkbox",
+		"aria-checked": s,
+		"data-testid": u,
+		disabled: c,
+		onClick: d,
+		className: n("flex w-full items-center gap-2 rounded-md px-1.5 py-1 text-left text-sm", c ? "cursor-default text-tertiary-alt/40" : "cursor-pointer hover:bg-[var(--oh-surface-raised)] hover:text-white", s ? "text-white" : "text-tertiary-light"),
+		children: [
+			/* @__PURE__ */ r("span", {
+				"aria-hidden": !0,
+				className: n("flex size-3.5 shrink-0 items-center justify-center rounded-[3px] border", s ? "border-white bg-white text-black" : "border-[var(--oh-border)]"),
+				children: s ? /* @__PURE__ */ r(t, {
+					className: "size-2.5",
+					strokeWidth: 3
+				}) : null
+			}),
+			l ? /* @__PURE__ */ r(l, {
+				className: "size-3.5 shrink-0",
+				"aria-hidden": !0
+			}) : null,
+			/* @__PURE__ */ r("span", {
+				title: p,
+				className: "min-w-0 flex-1 truncate",
+				children: p
+			}),
+			/* @__PURE__ */ r("span", {
+				className: "shrink-0 text-xs text-tertiary-alt",
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+export { a as SkillFacetRow };
+
+//# sourceMappingURL=skill-facet-row.js.map

package/dist/components/features/skills/skill-facet-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-facet-row.js","names":[],"sources":["../../../../src/components/features/skills/skill-facet-row.tsx"],"sourcesContent":["import { Check, type LucideIcon } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\n\ninterface SkillFacetRowProps {\n  labelKey: I18nKey;\n  count: number;\n  checked: boolean;\n  disabled: boolean;\n  icon?: LucideIcon;\n  testId: string;\n  onToggle: () => void;\n}\n\nexport function SkillFacetRow({\n  labelKey,\n  count,\n  checked,\n  disabled,\n  icon: Icon,\n  testId,\n  onToggle,\n}: SkillFacetRowProps) {\n  const { t } = useTranslation(\"openhands\");\n  const label = t(labelKey);\n\n  return (\n    <button\n      type=\"button\"\n      role=\"checkbox\"\n      aria-checked={checked}\n      data-testid={testId}\n      disabled={disabled}\n      onClick={onToggle}\n      className={cn(\n        \"flex w-full items-center gap-2 rounded-md px-1.5 py-1 text-left text-sm\",\n        disabled\n          ? \"cursor-default text-tertiary-alt/40\"\n          : // Same hover pair as the extensions nav links: a raised surface the\n            // label brightens against, rather than a light fill it sinks into.\n            \"cursor-pointer hover:bg-[var(--oh-surface-raised)] hover:text-white\",\n        checked ? \"text-white\" : \"text-tertiary-light\",\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex size-3.5 shrink-0 items-center justify-center rounded-[3px] border\",\n          checked\n            ? \"border-white bg-white text-black\"\n            : \"border-[var(--oh-border)]\",\n        )}\n      >\n        {checked ? <Check className=\"size-2.5\" strokeWidth={3} /> : null}\n      </span>\n      {Icon ? <Icon className=\"size-3.5 shrink-0\" aria-hidden /> : null}\n      {/* The rail cannot be wide enough for every locale, so a truncated label stays readable on hover. */}\n      <span title={label} className=\"min-w-0 flex-1 truncate\">\n        {label}\n      </span>\n      <span className=\"shrink-0 text-xs text-tertiary-alt\">{count}</span>\n    </button>\n  );\n}\n"],"mappings":";;;;;AAeA,SAAgB,EAAc,EAC5B,aACA,UACA,YACA,aACA,MAAM,GACN,WACA,eACqB;CACrB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAQ,EAAE,CAAQ;CAExB,OACE,kBAAC,UAAD;EACE,MAAK;EACL,MAAK;EACL,gBAAc;EACd,eAAa;EACH;EACV,SAAS;EACT,WAAW,EACT,2EACA,IACI,wCAGA,uEACJ,IAAU,eAAe,qBAC3B;YAfF;GAiBE,kBAAC,QAAD;IACE,eAAA;IACA,WAAW,EACT,2EACA,IACI,qCACA,2BACN;cAEC,IAAU,kBAAC,GAAD;KAAO,WAAU;KAAW,aAAa;IAAI,CAAA,IAAI;GACxD,CAAA;GACL,IAAO,kBAAC,GAAD;IAAM,WAAU;IAAoB,eAAA;GAAa,CAAA,IAAI;GAE7D,kBAAC,QAAD;IAAM,OAAO;IAAO,WAAU;cAC3B;GACG,CAAA;GACN,kBAAC,QAAD;IAAM,WAAU;cAAsC;GAAY,CAAA;EAC5D;;AAEZ"}

package/dist/components/features/skills/skill-filter.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../i18n/declaration.cjs"),t=require("../../../utils/skill-scope.cjs"),n=require("./get-skill-card-description.cjs"),r=require("../../../utils/skill-category.cjs");var i=`source`,a=`category`,o=`type`,s=`state`,c=[`enabled`,`disabled`],l=[`agentskills`,`knowledge`,`repo`],u={query:``,sources:new Set,categories:new Set,types:new Set,states:new Set};function d(e,t){return e.map(e=>({value:e,labelKey:t[e]}))}function f(e,t){return new Set(e.filter(e=>t.has(e)))}var p={project:e.I18nKey.SETTINGS$SKILLS_SOURCE_PROJECT,personal:e.I18nKey.SETTINGS$SKILLS_SOURCE_PERSONAL,public:e.I18nKey.SETTINGS$SKILLS_SOURCE_PUBLIC},m={agentskills:e.I18nKey.SETTINGS$SKILLS_TYPE_AGENTSKILLS,knowledge:e.I18nKey.SETTINGS$SKILLS_TYPE_KNOWLEDGE,repo:e.I18nKey.SETTINGS$SKILLS_TYPE_REPO},h={enabled:e.I18nKey.SETTINGS$SKILLS_ENABLED,disabled:e.I18nKey.SETTINGS$SKILLS_DISABLED},g=[{id:`state`,labelKey:e.I18nKey.SETTINGS$SKILLS_FACET_STATE,param:s,values:d(c,h),valueOf:(e,t)=>t.has(e.name)?`disabled`:`enabled`,selected:e=>e.states,withSelected:(e,t)=>({...e,states:f(c,t)})},{id:`source`,labelKey:e.I18nKey.SETTINGS$SKILLS_FACET_SOURCE,param:i,values:d(t.SKILL_SCOPE_ORDER,p),valueOf:e=>t.getSkillScope(e),selected:e=>e.sources,withSelected:(e,n)=>({...e,sources:f(t.SKILL_SCOPE_ORDER,n)})},{id:`category`,labelKey:e.I18nKey.SETTINGS$SKILLS_FACET_CATEGORY,param:a,values:d(r.SKILL_CATEGORY_ORDER,r.SKILL_CATEGORY_LABEL_KEYS),valueOf:e=>r.getSkillCategory(e),selected:e=>e.categories,withSelected:(e,t)=>({...e,categories:f(r.SKILL_CATEGORY_ORDER,t)})},{id:`type`,labelKey:e.I18nKey.SETTINGS$SKILLS_FACET_TYPE,param:o,values:d(l,m),valueOf:e=>e.type,selected:e=>e.types,withSelected:(e,t)=>({...e,types:f(l,t)})}];function _(e){let t=g.find(t=>t.id===e);if(!t)throw Error(`Unknown skill facet group: ${e}`);return t}function v(e,t){let r=t.trim();if(!r)return!0;let i=[e.name,n.getSkillCardDescription(e),e.description??``,e.content??``,e.license??``,e.compatibility??``,...e.triggers??[],...e.allowed_tools??[]],a=r.toLowerCase();return i.some(e=>e.toLowerCase().includes(a))}function y(e,t,n,r){return g.every(i=>{if(i.id===r)return!0;let a=i.selected(n);return a.size===0?!0:a.has(i.valueOf(e,t))})}function b(e,t,n){return e.filter(e=>v(e,n.query)&&y(e,t,n))}function x(e,t,n){let r={};for(let i of e){let e=t.valueOf(i,n);r[e]=(r[e]??0)+1}return r}function S(e,t,n,r,i){let a=x(t,e,r),o=e.values.filter(({value:e})=>(a[e]??0)>0),s=e.selected(i);if(o.length<2&&s.size===0)return null;let c=e.values.filter(({value:e})=>(a[e]??0)>0||s.has(e)),l=x(n.filter(t=>y(t,r,i,e.id)),e,r);return{id:e.id,labelKey:e.labelKey,rows:c.map(({value:e,labelKey:t})=>{let n=l[e]??0,r=s.has(e);return{value:e,labelKey:t,count:n,checked:r,disabled:n===0&&!r}})}}function C(e,t,n){let r=e.filter(e=>v(e,n.query));return g.map(i=>S(i,e,r,t,n)).filter(e=>e!==null)}function w(e,t,n){let r=_(t);if(!r.values.some(e=>e.value===n))return e;let i=new Set(r.selected(e));return i.has(n)?i.delete(n):i.add(n),r.withSelected(e,i)}function T(e){return{...u,query:e.query}}function E(e){return g.reduce((t,n)=>t+n.selected(e).size,0)}exports.EMPTY_SKILL_FILTER_STATE=u,exports.applySkillFilters=b,exports.buildSkillFacetGroups=C,exports.clearSkillFilterFacets=T,exports.countActiveFilters=E,exports.toggleSkillFilterValue=w;
+//# sourceMappingURL=skill-filter.cjs.map

package/dist/components/features/skills/skill-filter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-filter.cjs","names":[],"sources":["../../../../src/components/features/skills/skill-filter.ts"],"sourcesContent":["import type { SkillCategoryId } from \"@openhands/extensions/skills\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillInfo, SkillType } from \"#/types/settings\";\nimport {\n  getSkillCategory,\n  SKILL_CATEGORY_LABEL_KEYS,\n  SKILL_CATEGORY_ORDER,\n} from \"#/utils/skill-category\";\nimport {\n  getSkillScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { getSkillCardDescription } from \"./get-skill-card-description\";\n\nexport const SKILL_FILTER_QUERY_PARAM = \"q\";\nconst SOURCE_PARAM = \"source\";\nconst CATEGORY_PARAM = \"category\";\nconst TYPE_PARAM = \"type\";\nconst STATE_PARAM = \"state\";\n\nexport type SkillEnabledState = \"enabled\" | \"disabled\";\nexport type SkillFacetGroupId = \"state\" | \"source\" | \"category\" | \"type\";\n\nconst SKILL_ENABLED_STATE_ORDER: readonly SkillEnabledState[] = [\n  \"enabled\",\n  \"disabled\",\n];\nconst SKILL_TYPE_ORDER: readonly SkillType[] = [\n  \"agentskills\",\n  \"knowledge\",\n  \"repo\",\n];\n\nexport interface SkillFilterState {\n  query: string;\n  sources: Set<SkillScope>;\n  categories: Set<SkillCategoryId>;\n  types: Set<SkillType>;\n  states: Set<SkillEnabledState>;\n}\n\nexport interface SkillFacetRowModel {\n  value: string;\n  labelKey: I18nKey;\n  count: number;\n  checked: boolean;\n  disabled: boolean;\n}\n\nexport interface SkillFacetGroup {\n  id: SkillFacetGroupId;\n  labelKey: I18nKey;\n  rows: SkillFacetRowModel[];\n}\n\nexport const EMPTY_SKILL_FILTER_STATE: SkillFilterState = {\n  query: \"\",\n  sources: new Set(),\n  categories: new Set(),\n  types: new Set(),\n  states: new Set(),\n};\n\n/** Carrying `labelKey`s rather than translated strings keeps this module pure, so its tests need no i18n. */\ninterface GroupValue {\n  value: string;\n  labelKey: I18nKey;\n}\n\nfunction labelledValues<TValue extends string>(\n  order: readonly TValue[],\n  labelKeys: Record<TValue, I18nKey>,\n): readonly GroupValue[] {\n  return order.map((value) => ({ value, labelKey: labelKeys[value] }));\n}\n\n/** A new facet group is declared here and nowhere else: `selected` / `withSelected` are what keep every operation below driven by this table alone. */\ninterface GroupDef {\n  id: SkillFacetGroupId;\n  labelKey: I18nKey;\n  param: string;\n  values: readonly GroupValue[];\n  valueOf: (skill: SkillInfo, disabledSet: Set<string>) => string;\n  selected: (state: SkillFilterState) => Set<string>;\n  withSelected: (\n    state: SkillFilterState,\n    next: Set<string>,\n  ) => SkillFilterState;\n}\n\n/** Rebuilding rather than casting keeps every writer below cast-free: a value the group does not declare cannot survive. */\nfunction narrowSet<TValue extends string>(\n  order: readonly TValue[],\n  next: Set<string>,\n): Set<TValue> {\n  return new Set(order.filter((value) => next.has(value)));\n}\n\nconst SOURCE_LABEL_KEYS: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SETTINGS$SKILLS_SOURCE_PROJECT,\n  personal: I18nKey.SETTINGS$SKILLS_SOURCE_PERSONAL,\n  public: I18nKey.SETTINGS$SKILLS_SOURCE_PUBLIC,\n};\n\nconst TYPE_LABEL_KEYS: Record<SkillType, I18nKey> = {\n  agentskills: I18nKey.SETTINGS$SKILLS_TYPE_AGENTSKILLS,\n  knowledge: I18nKey.SETTINGS$SKILLS_TYPE_KNOWLEDGE,\n  repo: I18nKey.SETTINGS$SKILLS_TYPE_REPO,\n};\n\nconst STATE_LABEL_KEYS: Record<SkillEnabledState, I18nKey> = {\n  enabled: I18nKey.SETTINGS$SKILLS_ENABLED,\n  disabled: I18nKey.SETTINGS$SKILLS_DISABLED,\n};\n\nconst GROUP_DEFS: readonly GroupDef[] = [\n  {\n    id: \"state\",\n    labelKey: I18nKey.SETTINGS$SKILLS_FACET_STATE,\n    param: STATE_PARAM,\n    values: labelledValues(SKILL_ENABLED_STATE_ORDER, STATE_LABEL_KEYS),\n    valueOf: (skill, disabledSet) =>\n      disabledSet.has(skill.name) ? \"disabled\" : \"enabled\",\n    selected: (state) => state.states,\n    withSelected: (state, next) => ({\n      ...state,\n      states: narrowSet(SKILL_ENABLED_STATE_ORDER, next),\n    }),\n  },\n  {\n    id: \"source\",\n    labelKey: I18nKey.SETTINGS$SKILLS_FACET_SOURCE,\n    param: SOURCE_PARAM,\n    values: labelledValues(SKILL_SCOPE_ORDER, SOURCE_LABEL_KEYS),\n    valueOf: (skill) => getSkillScope(skill),\n    selected: (state) => state.sources,\n    withSelected: (state, next) => ({\n      ...state,\n      sources: narrowSet(SKILL_SCOPE_ORDER, next),\n    }),\n  },\n  {\n    id: \"category\",\n    labelKey: I18nKey.SETTINGS$SKILLS_FACET_CATEGORY,\n    param: CATEGORY_PARAM,\n    values: labelledValues(SKILL_CATEGORY_ORDER, SKILL_CATEGORY_LABEL_KEYS),\n    valueOf: (skill) => getSkillCategory(skill),\n    selected: (state) => state.categories,\n    withSelected: (state, next) => ({\n      ...state,\n      categories: narrowSet(SKILL_CATEGORY_ORDER, next),\n    }),\n  },\n  {\n    id: \"type\",\n    labelKey: I18nKey.SETTINGS$SKILLS_FACET_TYPE,\n    param: TYPE_PARAM,\n    values: labelledValues(SKILL_TYPE_ORDER, TYPE_LABEL_KEYS),\n    valueOf: (skill) => skill.type,\n    selected: (state) => state.types,\n    withSelected: (state, next) => ({\n      ...state,\n      types: narrowSet(SKILL_TYPE_ORDER, next),\n    }),\n  },\n];\n\nfunction groupDef(id: SkillFacetGroupId): GroupDef {\n  const def = GROUP_DEFS.find((candidate) => candidate.id === id);\n  if (!def) throw new Error(`Unknown skill facet group: ${id}`);\n  return def;\n}\n\n/** Unknown values are dropped, so a hand-edited URL cannot smuggle one in. */\nfunction parseSet(raw: string[], def: GroupDef): Set<string> {\n  const legal = new Set(def.values.map(({ value }) => value));\n  return new Set(\n    raw.map((value) => value.trim()).filter((value) => legal.has(value)),\n  );\n}\n\nexport function parseSkillFilterState(\n  params: URLSearchParams,\n): SkillFilterState {\n  return GROUP_DEFS.reduce<SkillFilterState>(\n    (state, def) =>\n      def.withSelected(state, parseSet(params.getAll(def.param), def)),\n    {\n      ...EMPTY_SKILL_FILTER_STATE,\n      query: params.get(SKILL_FILTER_QUERY_PARAM) ?? \"\",\n    },\n  );\n}\n\nexport function toSkillFilterSearchParams(\n  state: SkillFilterState,\n): URLSearchParams {\n  const params = new URLSearchParams();\n  if (state.query) params.set(SKILL_FILTER_QUERY_PARAM, state.query);\n\n  // Canonical order keeps URLs deterministic regardless of click order.\n  for (const def of GROUP_DEFS) {\n    const selected = def.selected(state);\n    for (const { value } of def.values) {\n      if (selected.has(value)) params.append(def.param, value);\n    }\n  }\n\n  return params;\n}\n\nfunction matchesQuery(skill: SkillInfo, query: string): boolean {\n  const trimmed = query.trim();\n  if (!trimmed) return true;\n\n  const haystacks = [\n    skill.name,\n    getSkillCardDescription(skill),\n    skill.description ?? \"\",\n    skill.content ?? \"\",\n    skill.license ?? \"\",\n    skill.compatibility ?? \"\",\n    ...(skill.triggers ?? []),\n    ...(skill.allowed_tools ?? []),\n  ];\n\n  const lowered = trimmed.toLowerCase();\n  return haystacks.some((value) => value.toLowerCase().includes(lowered));\n}\n\n/**\n * `exclude` omits one group's own selection so its rows stay counted against the other groups alone.\n * A row therefore reads \"this many skills carry this value, under your other filters\" — the usual disjunctive facet count — and not \"your result set will be this big\": the group ORs its values together, so on a group that already has a selection the two differ.\n */\nfunction matchesFacets(\n  skill: SkillInfo,\n  disabledSet: Set<string>,\n  state: SkillFilterState,\n  exclude?: SkillFacetGroupId,\n): boolean {\n  return GROUP_DEFS.every((def) => {\n    if (def.id === exclude) return true;\n    const selected = def.selected(state);\n    if (selected.size === 0) return true;\n    return selected.has(def.valueOf(skill, disabledSet));\n  });\n}\n\nexport function applySkillFilters(\n  skills: SkillInfo[],\n  disabledSet: Set<string>,\n  state: SkillFilterState,\n): SkillInfo[] {\n  return skills.filter(\n    (skill) =>\n      matchesQuery(skill, state.query) &&\n      matchesFacets(skill, disabledSet, state),\n  );\n}\n\nfunction countByValue(\n  skills: SkillInfo[],\n  def: GroupDef,\n  disabledSet: Set<string>,\n): Record<string, number> {\n  const counts: Record<string, number> = {};\n  for (const skill of skills) {\n    const value = def.valueOf(skill, disabledSet);\n    counts[value] = (counts[value] ?? 0) + 1;\n  }\n  return counts;\n}\n\nfunction buildGroup(\n  def: GroupDef,\n  allSkills: SkillInfo[],\n  searched: SkillInfo[],\n  disabledSet: Set<string>,\n  state: SkillFilterState,\n): SkillFacetGroup | null {\n  // Visibility and the row set come from the raw list so the rail's shape\n  // depends only on what the user has, never on the active filters. If they\n  // tracked filtered counts, narrowing could make a group vanish mid-click.\n  const rawCounts = countByValue(allSkills, def, disabledSet);\n  const discriminating = def.values.filter(\n    ({ value }) => (rawCounts[value] ?? 0) > 0,\n  );\n  const selected = def.selected(state);\n  // A group with only one (or zero) discriminating values is normally hidden,\n  // but a selection can still be carried in from the URL for a value that has\n  // no matches for this user. Hiding the group then would enforce the filter\n  // invisibly, with no row left to explain or undo it.\n  if (discriminating.length < 2 && selected.size === 0) return null;\n\n  const visibleValues = def.values.filter(\n    ({ value }) => (rawCounts[value] ?? 0) > 0 || selected.has(value),\n  );\n\n  const candidates = searched.filter((skill) =>\n    matchesFacets(skill, disabledSet, state, def.id),\n  );\n  const counts = countByValue(candidates, def, disabledSet);\n\n  return {\n    id: def.id,\n    labelKey: def.labelKey,\n    rows: visibleValues.map(({ value, labelKey }) => {\n      const count = counts[value] ?? 0;\n      const checked = selected.has(value);\n      return {\n        value,\n        labelKey,\n        count,\n        checked,\n        disabled: count === 0 && !checked,\n      };\n    }),\n  };\n}\n\nexport function buildSkillFacetGroups(\n  skills: SkillInfo[],\n  disabledSet: Set<string>,\n  state: SkillFilterState,\n): SkillFacetGroup[] {\n  const searched = skills.filter((skill) => matchesQuery(skill, state.query));\n\n  return GROUP_DEFS.map((def) =>\n    buildGroup(def, skills, searched, disabledSet, state),\n  ).filter((group): group is SkillFacetGroup => group !== null);\n}\n\nexport function toggleSkillFilterValue(\n  state: SkillFilterState,\n  groupId: SkillFacetGroupId,\n  value: string,\n): SkillFilterState {\n  const def = groupDef(groupId);\n  // `withSelected` would drop an unknown value anyway; returning the same\n  // state object keeps a no-op toggle from re-rendering or rewriting the URL.\n  if (!def.values.some((candidate) => candidate.value === value)) return state;\n\n  const next = new Set(def.selected(state));\n  if (next.has(value)) {\n    next.delete(value);\n  } else {\n    next.add(value);\n  }\n\n  return def.withSelected(state, next);\n}\n\nexport function clearSkillFilterFacets(\n  state: SkillFilterState,\n): SkillFilterState {\n  return { ...EMPTY_SKILL_FILTER_STATE, query: state.query };\n}\n\nexport function countActiveFilters(state: SkillFilterState): number {\n  // The query is excluded: it is already visible in its own input, so counting\n  // it would double-report in both the Filters badge and the summary row.\n  return GROUP_DEFS.reduce((total, def) => total + def.selected(state).size, 0);\n}\n"],"mappings":"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"}

package/dist/components/features/skills/skill-filter.js

@@ -0,0 +1,166 @@
+import { I18nKey as e } from "../../../i18n/declaration.js";
+import { SKILL_SCOPE_ORDER as t, getSkillScope as n } from "../../../utils/skill-scope.js";
+import { getSkillCardDescription as r } from "./get-skill-card-description.js";
+import { SKILL_CATEGORY_LABEL_KEYS as i, SKILL_CATEGORY_ORDER as a, getSkillCategory as o } from "../../../utils/skill-category.js";
+//#region src/components/features/skills/skill-filter.ts
+var s = "source", c = "category", l = "type", u = "state", d = ["enabled", "disabled"], f = [
+	"agentskills",
+	"knowledge",
+	"repo"
+], p = {
+	query: "",
+	sources: /* @__PURE__ */ new Set(),
+	categories: /* @__PURE__ */ new Set(),
+	types: /* @__PURE__ */ new Set(),
+	states: /* @__PURE__ */ new Set()
+};
+function m(e, t) {
+	return e.map((e) => ({
+		value: e,
+		labelKey: t[e]
+	}));
+}
+function h(e, t) {
+	return new Set(e.filter((e) => t.has(e)));
+}
+var g = {
+	project: e.SETTINGS$SKILLS_SOURCE_PROJECT,
+	personal: e.SETTINGS$SKILLS_SOURCE_PERSONAL,
+	public: e.SETTINGS$SKILLS_SOURCE_PUBLIC
+}, _ = {
+	agentskills: e.SETTINGS$SKILLS_TYPE_AGENTSKILLS,
+	knowledge: e.SETTINGS$SKILLS_TYPE_KNOWLEDGE,
+	repo: e.SETTINGS$SKILLS_TYPE_REPO
+}, v = {
+	enabled: e.SETTINGS$SKILLS_ENABLED,
+	disabled: e.SETTINGS$SKILLS_DISABLED
+}, y = [
+	{
+		id: "state",
+		labelKey: e.SETTINGS$SKILLS_FACET_STATE,
+		param: u,
+		values: m(d, v),
+		valueOf: (e, t) => t.has(e.name) ? "disabled" : "enabled",
+		selected: (e) => e.states,
+		withSelected: (e, t) => ({
+			...e,
+			states: h(d, t)
+		})
+	},
+	{
+		id: "source",
+		labelKey: e.SETTINGS$SKILLS_FACET_SOURCE,
+		param: s,
+		values: m(t, g),
+		valueOf: (e) => n(e),
+		selected: (e) => e.sources,
+		withSelected: (e, n) => ({
+			...e,
+			sources: h(t, n)
+		})
+	},
+	{
+		id: "category",
+		labelKey: e.SETTINGS$SKILLS_FACET_CATEGORY,
+		param: c,
+		values: m(a, i),
+		valueOf: (e) => o(e),
+		selected: (e) => e.categories,
+		withSelected: (e, t) => ({
+			...e,
+			categories: h(a, t)
+		})
+	},
+	{
+		id: "type",
+		labelKey: e.SETTINGS$SKILLS_FACET_TYPE,
+		param: l,
+		values: m(f, _),
+		valueOf: (e) => e.type,
+		selected: (e) => e.types,
+		withSelected: (e, t) => ({
+			...e,
+			types: h(f, t)
+		})
+	}
+];
+function b(e) {
+	let t = y.find((t) => t.id === e);
+	if (!t) throw Error(`Unknown skill facet group: ${e}`);
+	return t;
+}
+function x(e, t) {
+	let n = t.trim();
+	if (!n) return !0;
+	let i = [
+		e.name,
+		r(e),
+		e.description ?? "",
+		e.content ?? "",
+		e.license ?? "",
+		e.compatibility ?? "",
+		...e.triggers ?? [],
+		...e.allowed_tools ?? []
+	], a = n.toLowerCase();
+	return i.some((e) => e.toLowerCase().includes(a));
+}
+function S(e, t, n, r) {
+	return y.every((i) => {
+		if (i.id === r) return !0;
+		let a = i.selected(n);
+		return a.size === 0 ? !0 : a.has(i.valueOf(e, t));
+	});
+}
+function C(e, t, n) {
+	return e.filter((e) => x(e, n.query) && S(e, t, n));
+}
+function w(e, t, n) {
+	let r = {};
+	for (let i of e) {
+		let e = t.valueOf(i, n);
+		r[e] = (r[e] ?? 0) + 1;
+	}
+	return r;
+}
+function T(e, t, n, r, i) {
+	let a = w(t, e, r), o = e.values.filter(({ value: e }) => (a[e] ?? 0) > 0), s = e.selected(i);
+	if (o.length < 2 && s.size === 0) return null;
+	let c = e.values.filter(({ value: e }) => (a[e] ?? 0) > 0 || s.has(e)), l = w(n.filter((t) => S(t, r, i, e.id)), e, r);
+	return {
+		id: e.id,
+		labelKey: e.labelKey,
+		rows: c.map(({ value: e, labelKey: t }) => {
+			let n = l[e] ?? 0, r = s.has(e);
+			return {
+				value: e,
+				labelKey: t,
+				count: n,
+				checked: r,
+				disabled: n === 0 && !r
+			};
+		})
+	};
+}
+function E(e, t, n) {
+	let r = e.filter((e) => x(e, n.query));
+	return y.map((i) => T(i, e, r, t, n)).filter((e) => e !== null);
+}
+function D(e, t, n) {
+	let r = b(t);
+	if (!r.values.some((e) => e.value === n)) return e;
+	let i = new Set(r.selected(e));
+	return i.has(n) ? i.delete(n) : i.add(n), r.withSelected(e, i);
+}
+function O(e) {
+	return {
+		...p,
+		query: e.query
+	};
+}
+function k(e) {
+	return y.reduce((t, n) => t + n.selected(e).size, 0);
+}
+//#endregion
+export { p as EMPTY_SKILL_FILTER_STATE, C as applySkillFilters, E as buildSkillFacetGroups, O as clearSkillFilterFacets, k as countActiveFilters, D as toggleSkillFilterValue };
+
+//# sourceMappingURL=skill-filter.js.map

package/dist/components/features/skills/skill-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-filter.js","names":[],"sources":["../../../../src/components/features/skills/skill-filter.ts"],"sourcesContent":["import type { SkillCategoryId } from \"@openhands/extensions/skills\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillInfo, SkillType } from \"#/types/settings\";\nimport {\n  getSkillCategory,\n  SKILL_CATEGORY_LABEL_KEYS,\n  SKILL_CATEGORY_ORDER,\n} from \"#/utils/skill-category\";\nimport {\n  getSkillScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { getSkillCardDescription } from \"./get-skill-card-description\";\n\nexport const SKILL_FILTER_QUERY_PARAM = \"q\";\nconst SOURCE_PARAM = \"source\";\nconst CATEGORY_PARAM = \"category\";\nconst TYPE_PARAM = \"type\";\nconst STATE_PARAM = \"state\";\n\nexport type SkillEnabledState = \"enabled\" | \"disabled\";\nexport type SkillFacetGroupId = \"state\" | \"source\" | \"category\" | \"type\";\n\nconst SKILL_ENABLED_STATE_ORDER: readonly SkillEnabledState[] = [\n  \"enabled\",\n  \"disabled\",\n];\nconst SKILL_TYPE_ORDER: readonly SkillType[] = [\n  \"agentskills\",\n  \"knowledge\",\n  \"repo\",\n];\n\nexport interface SkillFilterState {\n  query: string;\n  sources: Set<SkillScope>;\n  categories: Set<SkillCategoryId>;\n  types: Set<SkillType>;\n  states: Set<SkillEnabledState>;\n}\n\nexport interface SkillFacetRowModel {\n  value: string;\n  labelKey: I18nKey;\n  count: number;\n  checked: boolean;\n  disabled: boolean;\n}\n\nexport interface SkillFacetGroup {\n  id: SkillFacetGroupId;\n  labelKey: I18nKey;\n  rows: SkillFacetRowModel[];\n}\n\nexport const EMPTY_SKILL_FILTER_STATE: SkillFilterState = {\n  query: \"\",\n  sources: new Set(),\n  categories: new Set(),\n  types: new Set(),\n  states: new Set(),\n};\n\n/** Carrying `labelKey`s rather than translated strings keeps this module pure, so its tests need no i18n. */\ninterface GroupValue {\n  value: string;\n  labelKey: I18nKey;\n}\n\nfunction labelledValues<TValue extends string>(\n  order: readonly TValue[],\n  labelKeys: Record<TValue, I18nKey>,\n): readonly GroupValue[] {\n  return order.map((value) => ({ value, labelKey: labelKeys[value] }));\n}\n\n/** A new facet group is declared here and nowhere else: `selected` / `withSelected` are what keep every operation below driven by this table alone. */\ninterface GroupDef {\n  id: SkillFacetGroupId;\n  labelKey: I18nKey;\n  param: string;\n  values: readonly GroupValue[];\n  valueOf: (skill: SkillInfo, disabledSet: Set<string>) => string;\n  selected: (state: SkillFilterState) => Set<string>;\n  withSelected: (\n    state: SkillFilterState,\n    next: Set<string>,\n  ) => SkillFilterState;\n}\n\n/** Rebuilding rather than casting keeps every writer below cast-free: a value the group does not declare cannot survive. */\nfunction narrowSet<TValue extends string>(\n  order: readonly TValue[],\n  next: Set<string>,\n): Set<TValue> {\n  return new Set(order.filter((value) => next.has(value)));\n}\n\nconst SOURCE_LABEL_KEYS: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SETTINGS$SKILLS_SOURCE_PROJECT,\n  personal: I18nKey.SETTINGS$SKILLS_SOURCE_PERSONAL,\n  public: I18nKey.SETTINGS$SKILLS_SOURCE_PUBLIC,\n};\n\nconst TYPE_LABEL_KEYS: Record<SkillType, I18nKey> = {\n  agentskills: I18nKey.SETTINGS$SKILLS_TYPE_AGENTSKILLS,\n  knowledge: I18nKey.SETTINGS$SKILLS_TYPE_KNOWLEDGE,\n  repo: I18nKey.SETTINGS$SKILLS_TYPE_REPO,\n};\n\nconst STATE_LABEL_KEYS: Record<SkillEnabledState, I18nKey> = {\n  enabled: I18nKey.SETTINGS$SKILLS_ENABLED,\n  disabled: I18nKey.SETTINGS$SKILLS_DISABLED,\n};\n\nconst GROUP_DEFS: readonly GroupDef[] = [\n  {\n    id: \"state\",\n    labelKey: I18nKey.SETTINGS$SKILLS_FACET_STATE,\n    param: STATE_PARAM,\n    values: labelledValues(SKILL_ENABLED_STATE_ORDER, STATE_LABEL_KEYS),\n    valueOf: (skill, disabledSet) =>\n      disabledSet.has(skill.name) ? \"disabled\" : \"enabled\",\n    selected: (state) => state.states,\n    withSelected: (state, next) => ({\n      ...state,\n      states: narrowSet(SKILL_ENABLED_STATE_ORDER, next),\n    }),\n  },\n  {\n    id: \"source\",\n    labelKey: I18nKey.SETTINGS$SKILLS_FACET_SOURCE,\n    param: SOURCE_PARAM,\n    values: labelledValues(SKILL_SCOPE_ORDER, SOURCE_LABEL_KEYS),\n    valueOf: (skill) => getSkillScope(skill),\n    selected: (state) => state.sources,\n    withSelected: (state, next) => ({\n      ...state,\n      sources: narrowSet(SKILL_SCOPE_ORDER, next),\n    }),\n  },\n  {\n    id: \"category\",\n    labelKey: I18nKey.SETTINGS$SKILLS_FACET_CATEGORY,\n    param: CATEGORY_PARAM,\n    values: labelledValues(SKILL_CATEGORY_ORDER, SKILL_CATEGORY_LABEL_KEYS),\n    valueOf: (skill) => getSkillCategory(skill),\n    selected: (state) => state.categories,\n    withSelected: (state, next) => ({\n      ...state,\n      categories: narrowSet(SKILL_CATEGORY_ORDER, next),\n    }),\n  },\n  {\n    id: \"type\",\n    labelKey: I18nKey.SETTINGS$SKILLS_FACET_TYPE,\n    param: TYPE_PARAM,\n    values: labelledValues(SKILL_TYPE_ORDER, TYPE_LABEL_KEYS),\n    valueOf: (skill) => skill.type,\n    selected: (state) => state.types,\n    withSelected: (state, next) => ({\n      ...state,\n      types: narrowSet(SKILL_TYPE_ORDER, next),\n    }),\n  },\n];\n\nfunction groupDef(id: SkillFacetGroupId): GroupDef {\n  const def = GROUP_DEFS.find((candidate) => candidate.id === id);\n  if (!def) throw new Error(`Unknown skill facet group: ${id}`);\n  return def;\n}\n\n/** Unknown values are dropped, so a hand-edited URL cannot smuggle one in. */\nfunction parseSet(raw: string[], def: GroupDef): Set<string> {\n  const legal = new Set(def.values.map(({ value }) => value));\n  return new Set(\n    raw.map((value) => value.trim()).filter((value) => legal.has(value)),\n  );\n}\n\nexport function parseSkillFilterState(\n  params: URLSearchParams,\n): SkillFilterState {\n  return GROUP_DEFS.reduce<SkillFilterState>(\n    (state, def) =>\n      def.withSelected(state, parseSet(params.getAll(def.param), def)),\n    {\n      ...EMPTY_SKILL_FILTER_STATE,\n      query: params.get(SKILL_FILTER_QUERY_PARAM) ?? \"\",\n    },\n  );\n}\n\nexport function toSkillFilterSearchParams(\n  state: SkillFilterState,\n): URLSearchParams {\n  const params = new URLSearchParams();\n  if (state.query) params.set(SKILL_FILTER_QUERY_PARAM, state.query);\n\n  // Canonical order keeps URLs deterministic regardless of click order.\n  for (const def of GROUP_DEFS) {\n    const selected = def.selected(state);\n    for (const { value } of def.values) {\n      if (selected.has(value)) params.append(def.param, value);\n    }\n  }\n\n  return params;\n}\n\nfunction matchesQuery(skill: SkillInfo, query: string): boolean {\n  const trimmed = query.trim();\n  if (!trimmed) return true;\n\n  const haystacks = [\n    skill.name,\n    getSkillCardDescription(skill),\n    skill.description ?? \"\",\n    skill.content ?? \"\",\n    skill.license ?? \"\",\n    skill.compatibility ?? \"\",\n    ...(skill.triggers ?? []),\n    ...(skill.allowed_tools ?? []),\n  ];\n\n  const lowered = trimmed.toLowerCase();\n  return haystacks.some((value) => value.toLowerCase().includes(lowered));\n}\n\n/**\n * `exclude` omits one group's own selection so its rows stay counted against the other groups alone.\n * A row therefore reads \"this many skills carry this value, under your other filters\" — the usual disjunctive facet count — and not \"your result set will be this big\": the group ORs its values together, so on a group that already has a selection the two differ.\n */\nfunction matchesFacets(\n  skill: SkillInfo,\n  disabledSet: Set<string>,\n  state: SkillFilterState,\n  exclude?: SkillFacetGroupId,\n): boolean {\n  return GROUP_DEFS.every((def) => {\n    if (def.id === exclude) return true;\n    const selected = def.selected(state);\n    if (selected.size === 0) return true;\n    return selected.has(def.valueOf(skill, disabledSet));\n  });\n}\n\nexport function applySkillFilters(\n  skills: SkillInfo[],\n  disabledSet: Set<string>,\n  state: SkillFilterState,\n): SkillInfo[] {\n  return skills.filter(\n    (skill) =>\n      matchesQuery(skill, state.query) &&\n      matchesFacets(skill, disabledSet, state),\n  );\n}\n\nfunction countByValue(\n  skills: SkillInfo[],\n  def: GroupDef,\n  disabledSet: Set<string>,\n): Record<string, number> {\n  const counts: Record<string, number> = {};\n  for (const skill of skills) {\n    const value = def.valueOf(skill, disabledSet);\n    counts[value] = (counts[value] ?? 0) + 1;\n  }\n  return counts;\n}\n\nfunction buildGroup(\n  def: GroupDef,\n  allSkills: SkillInfo[],\n  searched: SkillInfo[],\n  disabledSet: Set<string>,\n  state: SkillFilterState,\n): SkillFacetGroup | null {\n  // Visibility and the row set come from the raw list so the rail's shape\n  // depends only on what the user has, never on the active filters. If they\n  // tracked filtered counts, narrowing could make a group vanish mid-click.\n  const rawCounts = countByValue(allSkills, def, disabledSet);\n  const discriminating = def.values.filter(\n    ({ value }) => (rawCounts[value] ?? 0) > 0,\n  );\n  const selected = def.selected(state);\n  // A group with only one (or zero) discriminating values is normally hidden,\n  // but a selection can still be carried in from the URL for a value that has\n  // no matches for this user. Hiding the group then would enforce the filter\n  // invisibly, with no row left to explain or undo it.\n  if (discriminating.length < 2 && selected.size === 0) return null;\n\n  const visibleValues = def.values.filter(\n    ({ value }) => (rawCounts[value] ?? 0) > 0 || selected.has(value),\n  );\n\n  const candidates = searched.filter((skill) =>\n    matchesFacets(skill, disabledSet, state, def.id),\n  );\n  const counts = countByValue(candidates, def, disabledSet);\n\n  return {\n    id: def.id,\n    labelKey: def.labelKey,\n    rows: visibleValues.map(({ value, labelKey }) => {\n      const count = counts[value] ?? 0;\n      const checked = selected.has(value);\n      return {\n        value,\n        labelKey,\n        count,\n        checked,\n        disabled: count === 0 && !checked,\n      };\n    }),\n  };\n}\n\nexport function buildSkillFacetGroups(\n  skills: SkillInfo[],\n  disabledSet: Set<string>,\n  state: SkillFilterState,\n): SkillFacetGroup[] {\n  const searched = skills.filter((skill) => matchesQuery(skill, state.query));\n\n  return GROUP_DEFS.map((def) =>\n    buildGroup(def, skills, searched, disabledSet, state),\n  ).filter((group): group is SkillFacetGroup => group !== null);\n}\n\nexport function toggleSkillFilterValue(\n  state: SkillFilterState,\n  groupId: SkillFacetGroupId,\n  value: string,\n): SkillFilterState {\n  const def = groupDef(groupId);\n  // `withSelected` would drop an unknown value anyway; returning the same\n  // state object keeps a no-op toggle from re-rendering or rewriting the URL.\n  if (!def.values.some((candidate) => candidate.value === value)) return state;\n\n  const next = new Set(def.selected(state));\n  if (next.has(value)) {\n    next.delete(value);\n  } else {\n    next.add(value);\n  }\n\n  return def.withSelected(state, next);\n}\n\nexport function clearSkillFilterFacets(\n  state: SkillFilterState,\n): SkillFilterState {\n  return { ...EMPTY_SKILL_FILTER_STATE, query: state.query };\n}\n\nexport function countActiveFilters(state: SkillFilterState): number {\n  // The query is excluded: it is already visible in its own input, so counting\n  // it would double-report in both the Filters badge and the summary row.\n  return GROUP_DEFS.reduce((total, def) => total + def.selected(state).size, 0);\n}\n"],"mappings":"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"}

package/dist/components/features/skills/skill-filters-modal.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../shared/modals/modal-backdrop.cjs"),i=require("../../shared/modals/modal-body.cjs"),a=require("../settings/brand-button.cjs"),o=require("./skill-facet-rail.cjs");let s=require("react/jsx-runtime");function c({groups:c,activeCount:l,onToggle:u,onClearAll:d,onClose:f}){let{t:p}=e.useTranslation(`openhands`);return(0,s.jsx)(r.ModalBackdrop,{onClose:f,"aria-label":p(t.I18nKey.SETTINGS$SKILLS_FILTERS_MODAL_TITLE),children:(0,s.jsxs)(i.ModalBody,{testID:`skill-filters-modal`,className:n.cn(`items-stretch`,i.MODAL_MAX_WIDTH_VIEWPORT),children:[(0,s.jsx)(`h3`,{className:`text-lg font-semibold text-foreground`,children:p(t.I18nKey.SETTINGS$SKILLS_FILTERS_MODAL_TITLE)}),(0,s.jsx)(`div`,{className:`max-h-[60vh] overflow-y-auto custom-scrollbar-always`,children:(0,s.jsx)(o.SkillFacetRail,{groups:c,onToggle:u})}),(0,s.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[l>0?(0,s.jsx)(a.BrandButton,{type:`button`,variant:`secondary`,testId:`skill-filters-modal-clear`,onClick:d,children:p(t.I18nKey.SETTINGS$SKILLS_CLEAR_FILTERS)}):null,(0,s.jsx)(a.BrandButton,{type:`button`,variant:`primary`,testId:`skill-filters-modal-done`,onClick:f,children:p(t.I18nKey.BUTTON$CLOSE)})]})]})})}exports.SkillFiltersModal=c;
+//# sourceMappingURL=skill-filters-modal.cjs.map

package/dist/components/features/skills/skill-filters-modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-filters-modal.cjs","names":[],"sources":["../../../../src/components/features/skills/skill-filters-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  ModalBody,\n} from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { SkillFacetRail } from \"./skill-facet-rail\";\nimport type { SkillFacetGroup, SkillFacetGroupId } from \"./skill-filter\";\n\ninterface SkillFiltersModalProps {\n  groups: SkillFacetGroup[];\n  activeCount: number;\n  onToggle: (groupId: SkillFacetGroupId, value: string) => void;\n  onClearAll: () => void;\n  onClose: () => void;\n}\n\nexport function SkillFiltersModal({\n  groups,\n  activeCount,\n  onToggle,\n  onClearAll,\n  onClose,\n}: SkillFiltersModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      aria-label={t(I18nKey.SETTINGS$SKILLS_FILTERS_MODAL_TITLE)}\n    >\n      <ModalBody\n        testID=\"skill-filters-modal\"\n        className={cn(\"items-stretch\", MODAL_MAX_WIDTH_VIEWPORT)}\n      >\n        <h3 className=\"text-lg font-semibold text-foreground\">\n          {t(I18nKey.SETTINGS$SKILLS_FILTERS_MODAL_TITLE)}\n        </h3>\n\n        <div className=\"max-h-[60vh] overflow-y-auto custom-scrollbar-always\">\n          <SkillFacetRail groups={groups} onToggle={onToggle} />\n        </div>\n\n        <div className=\"flex items-center justify-end gap-2\">\n          {activeCount > 0 ? (\n            <BrandButton\n              type=\"button\"\n              variant=\"secondary\"\n              testId=\"skill-filters-modal-clear\"\n              onClick={onClearAll}\n            >\n              {t(I18nKey.SETTINGS$SKILLS_CLEAR_FILTERS)}\n            </BrandButton>\n          ) : null}\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            testId=\"skill-filters-modal-done\"\n            onClick={onClose}\n          >\n            {t(I18nKey.BUTTON$CLOSE)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"2aAoBA,SAAgB,EAAkB,CAChC,SACA,cACA,WACA,aACA,WACyB,CACzB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACW,UACT,aAAY,EAAE,EAAA,QAAQ,mCAAmC,YAEzD,EAAA,EAAA,MAAC,EAAA,UAAD,CACE,OAAO,sBACP,UAAW,EAAA,GAAG,gBAAiB,EAAA,wBAAwB,WAFzD,EAIE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iDACX,EAAE,EAAA,QAAQ,mCAAmC,CAC5C,CAAA,GAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iEACb,EAAA,EAAA,KAAC,EAAA,eAAD,CAAwB,SAAkB,UAAW,CAAA,CAClD,CAAA,GAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+CAAf,CACG,EAAc,GACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,YACR,OAAO,4BACP,QAAS,WAER,EAAE,EAAA,QAAQ,6BAA6B,CAC7B,CAAA,EACX,MACJ,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,UACR,OAAO,2BACP,QAAS,WAER,EAAE,EAAA,QAAQ,YAAY,CACZ,CAAA,CACV,GACI,GACE,CAAA,CAEnB"}

package/dist/components/features/skills/skill-filters-modal.js

@@ -0,0 +1,53 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { cn as n } from "../../../utils/utils.js";
+import { ModalBackdrop as r } from "../../shared/modals/modal-backdrop.js";
+import { MODAL_MAX_WIDTH_VIEWPORT as i, ModalBody as a } from "../../shared/modals/modal-body.js";
+import { BrandButton as o } from "../settings/brand-button.js";
+import { SkillFacetRail as s } from "./skill-facet-rail.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/features/skills/skill-filters-modal.tsx
+function u({ groups: u, activeCount: d, onToggle: f, onClearAll: p, onClose: m }) {
+	let { t: h } = e("openhands");
+	return /* @__PURE__ */ c(r, {
+		onClose: m,
+		"aria-label": h(t.SETTINGS$SKILLS_FILTERS_MODAL_TITLE),
+		children: /* @__PURE__ */ l(a, {
+			testID: "skill-filters-modal",
+			className: n("items-stretch", i),
+			children: [
+				/* @__PURE__ */ c("h3", {
+					className: "text-lg font-semibold text-foreground",
+					children: h(t.SETTINGS$SKILLS_FILTERS_MODAL_TITLE)
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "max-h-[60vh] overflow-y-auto custom-scrollbar-always",
+					children: /* @__PURE__ */ c(s, {
+						groups: u,
+						onToggle: f
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center justify-end gap-2",
+					children: [d > 0 ? /* @__PURE__ */ c(o, {
+						type: "button",
+						variant: "secondary",
+						testId: "skill-filters-modal-clear",
+						onClick: p,
+						children: h(t.SETTINGS$SKILLS_CLEAR_FILTERS)
+					}) : null, /* @__PURE__ */ c(o, {
+						type: "button",
+						variant: "primary",
+						testId: "skill-filters-modal-done",
+						onClick: m,
+						children: h(t.BUTTON$CLOSE)
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { u as SkillFiltersModal };
+
+//# sourceMappingURL=skill-filters-modal.js.map

package/dist/components/features/skills/skill-filters-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-filters-modal.js","names":[],"sources":["../../../../src/components/features/skills/skill-filters-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  ModalBody,\n} from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { SkillFacetRail } from \"./skill-facet-rail\";\nimport type { SkillFacetGroup, SkillFacetGroupId } from \"./skill-filter\";\n\ninterface SkillFiltersModalProps {\n  groups: SkillFacetGroup[];\n  activeCount: number;\n  onToggle: (groupId: SkillFacetGroupId, value: string) => void;\n  onClearAll: () => void;\n  onClose: () => void;\n}\n\nexport function SkillFiltersModal({\n  groups,\n  activeCount,\n  onToggle,\n  onClearAll,\n  onClose,\n}: SkillFiltersModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      aria-label={t(I18nKey.SETTINGS$SKILLS_FILTERS_MODAL_TITLE)}\n    >\n      <ModalBody\n        testID=\"skill-filters-modal\"\n        className={cn(\"items-stretch\", MODAL_MAX_WIDTH_VIEWPORT)}\n      >\n        <h3 className=\"text-lg font-semibold text-foreground\">\n          {t(I18nKey.SETTINGS$SKILLS_FILTERS_MODAL_TITLE)}\n        </h3>\n\n        <div className=\"max-h-[60vh] overflow-y-auto custom-scrollbar-always\">\n          <SkillFacetRail groups={groups} onToggle={onToggle} />\n        </div>\n\n        <div className=\"flex items-center justify-end gap-2\">\n          {activeCount > 0 ? (\n            <BrandButton\n              type=\"button\"\n              variant=\"secondary\"\n              testId=\"skill-filters-modal-clear\"\n              onClick={onClearAll}\n            >\n              {t(I18nKey.SETTINGS$SKILLS_CLEAR_FILTERS)}\n            </BrandButton>\n          ) : null}\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            testId=\"skill-filters-modal-done\"\n            onClick={onClose}\n          >\n            {t(I18nKey.BUTTON$CLOSE)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,EAAkB,EAChC,WACA,gBACA,aACA,eACA,cACyB;CACzB,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,GAAD;EACW;EACT,cAAY,EAAE,EAAQ,mCAAmC;YAEzD,kBAAC,GAAD;GACE,QAAO;GACP,WAAW,EAAG,iBAAiB,CAAwB;aAFzD;IAIE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,EAAQ,mCAAmC;IAC5C,CAAA;IAEJ,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAwB;MAAkB;KAAW,CAAA;IAClD,CAAA;IAEL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,IAAc,IACb,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,QAAO;MACP,SAAS;gBAER,EAAE,EAAQ,6BAA6B;KAC7B,CAAA,IACX,MACJ,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,QAAO;MACP,SAAS;gBAER,EAAE,EAAQ,YAAY;KACZ,CAAA,CACV;;GACI;;CACE,CAAA;AAEnB"}

package/dist/components/features/skills/skill-icon-badge.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs"),t=require("../../../icons/skills.cjs");let n=require("react/jsx-runtime");function r({skillName:r,className:i}){return(0,n.jsx)(`span`,{"aria-hidden":`true`,title:r,"data-testid":`skill-icon-${r}`,className:e.cn(`inline-flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden`,`rounded-lg border border-white/10 bg-surface-raised text-white`,`shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]`,`[&>svg]:h-5 [&>svg]:w-5`,i),children:(0,n.jsx)(t.default,{})})}exports.SkillIconBadge=r;
+//# sourceMappingURL=skill-icon-badge.cjs.map

package/dist/components/features/skills/skill-icon-badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-icon-badge.cjs","names":[],"sources":["../../../../src/components/features/skills/skill-icon-badge.tsx"],"sourcesContent":["import SkillsIcon from \"#/icons/skills.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface SkillIconBadgeProps {\n  skillName: string;\n  className?: string;\n}\n\nexport function SkillIconBadge({ skillName, className }: SkillIconBadgeProps) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={skillName}\n      data-testid={`skill-icon-${skillName}`}\n      className={cn(\n        \"inline-flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden\",\n        \"rounded-lg border border-white/10 bg-surface-raised text-white\",\n        \"shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        \"[&>svg]:h-5 [&>svg]:w-5\",\n        className,\n      )}\n    >\n      <SkillsIcon />\n    </span>\n  );\n}\n"],"mappings":"yKAQA,SAAgB,EAAe,CAAE,YAAW,aAAkC,CAC5E,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,MAAO,EACP,cAAa,cAAc,IAC3B,UAAW,EAAA,GACT,6EACA,iEACA,gDACA,0BACA,CACF,YAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CAAa,CAAA,CACT,CAAA,CAEV"}

package/dist/components/features/skills/skill-icon-badge.js

@@ -0,0 +1,17 @@
+import { cn as e } from "../../../utils/utils.js";
+import t from "../../../icons/skills.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/features/skills/skill-icon-badge.tsx
+function r({ skillName: r, className: i }) {
+	return /* @__PURE__ */ n("span", {
+		"aria-hidden": "true",
+		title: r,
+		"data-testid": `skill-icon-${r}`,
+		className: e("inline-flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden", "rounded-lg border border-white/10 bg-surface-raised text-white", "shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]", "[&>svg]:h-5 [&>svg]:w-5", i),
+		children: /* @__PURE__ */ n(t, {})
+	});
+}
+//#endregion
+export { r as SkillIconBadge };
+
+//# sourceMappingURL=skill-icon-badge.js.map

package/dist/components/features/skills/skill-icon-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-icon-badge.js","names":[],"sources":["../../../../src/components/features/skills/skill-icon-badge.tsx"],"sourcesContent":["import SkillsIcon from \"#/icons/skills.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface SkillIconBadgeProps {\n  skillName: string;\n  className?: string;\n}\n\nexport function SkillIconBadge({ skillName, className }: SkillIconBadgeProps) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={skillName}\n      data-testid={`skill-icon-${skillName}`}\n      className={cn(\n        \"inline-flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden\",\n        \"rounded-lg border border-white/10 bg-surface-raised text-white\",\n        \"shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        \"[&>svg]:h-5 [&>svg]:w-5\",\n        className,\n      )}\n    >\n      <SkillsIcon />\n    </span>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAe,EAAE,cAAW,gBAAkC;CAC5E,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,OAAO;EACP,eAAa,cAAc;EAC3B,WAAW,EACT,8EACA,kEACA,iDACA,2BACA,CACF;YAEA,kBAAC,GAAD,CAAa,CAAA;CACT,CAAA;AAEV"}

package/dist/components/features/skills/skill-type-badge.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs");let n=require("react/jsx-runtime");var r=`inline-flex shrink-0 items-center whitespace-nowrap rounded-full border border-text-secondary/35 bg-text-secondary/12 px-2 py-0.5 text-[11px] font-medium leading-4 text-tertiary-light`,i={agentskills:{labelKey:t.I18nKey.SETTINGS$SKILLS_TYPE_AGENTSKILLS},knowledge:{labelKey:t.I18nKey.SETTINGS$SKILLS_TYPE_KNOWLEDGE},repo:{labelKey:t.I18nKey.SETTINGS$SKILLS_TYPE_REPO}};function a({type:t}){let{t:a}=e.useTranslation(`openhands`),o=i[t];return(0,n.jsx)(`span`,{"data-testid":`skill-type-badge-${t}`,className:r,children:a(o.labelKey)})}exports.SkillTypeBadge=a;
+//# sourceMappingURL=skill-type-badge.cjs.map

package/dist/components/features/skills/skill-type-badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-type-badge.cjs","names":[],"sources":["../../../../src/components/features/skills/skill-type-badge.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillType } from \"#/types/settings\";\n\ninterface SkillTypeBadgeProps {\n  type: SkillType;\n}\n\n/** Theme-aware pill chrome for skill type badges only (not shared metadata pills). */\nconst SKILL_TYPE_BADGE_CLASS_NAME =\n  \"inline-flex shrink-0 items-center whitespace-nowrap rounded-full border border-text-secondary/35 bg-text-secondary/12 px-2 py-0.5 text-[11px] font-medium leading-4 text-tertiary-light\";\n\nconst TYPE_CONFIG: Record<SkillType, { labelKey: I18nKey }> = {\n  agentskills: {\n    labelKey: I18nKey.SETTINGS$SKILLS_TYPE_AGENTSKILLS,\n  },\n  knowledge: {\n    labelKey: I18nKey.SETTINGS$SKILLS_TYPE_KNOWLEDGE,\n  },\n  repo: {\n    labelKey: I18nKey.SETTINGS$SKILLS_TYPE_REPO,\n  },\n};\n\nexport function getSkillTypeLabelKey(type: SkillType): I18nKey {\n  return TYPE_CONFIG[type].labelKey;\n}\n\nexport function SkillTypeBadge({ type }: SkillTypeBadgeProps) {\n  const { t } = useTranslation(\"openhands\");\n  const config = TYPE_CONFIG[type];\n  return (\n    <span\n      data-testid={`skill-type-badge-${type}`}\n      className={SKILL_TYPE_BADGE_CLASS_NAME}\n    >\n      {t(config.labelKey)}\n    </span>\n  );\n}\n"],"mappings":"mNASA,IAAM,EACJ,0LAEI,EAAwD,CAC5D,YAAa,CACX,SAAU,EAAA,QAAQ,gCACpB,EACA,UAAW,CACT,SAAU,EAAA,QAAQ,8BACpB,EACA,KAAM,CACJ,SAAU,EAAA,QAAQ,yBACpB,CACF,EAMA,SAAgB,EAAe,CAAE,QAA6B,CAC5D,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAS,EAAY,GAC3B,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,oBAAoB,IACjC,UAAW,WAEV,EAAE,EAAO,QAAQ,CACd,CAAA,CAEV"}

package/dist/components/features/skills/skill-type-badge.js

@@ -0,0 +1,21 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/features/skills/skill-type-badge.tsx
+var r = "inline-flex shrink-0 items-center whitespace-nowrap rounded-full border border-text-secondary/35 bg-text-secondary/12 px-2 py-0.5 text-[11px] font-medium leading-4 text-tertiary-light", i = {
+	agentskills: { labelKey: t.SETTINGS$SKILLS_TYPE_AGENTSKILLS },
+	knowledge: { labelKey: t.SETTINGS$SKILLS_TYPE_KNOWLEDGE },
+	repo: { labelKey: t.SETTINGS$SKILLS_TYPE_REPO }
+};
+function a({ type: t }) {
+	let { t: a } = e("openhands"), o = i[t];
+	return /* @__PURE__ */ n("span", {
+		"data-testid": `skill-type-badge-${t}`,
+		className: r,
+		children: a(o.labelKey)
+	});
+}
+//#endregion
+export { a as SkillTypeBadge };
+
+//# sourceMappingURL=skill-type-badge.js.map

package/dist/components/features/skills/skill-type-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-type-badge.js","names":[],"sources":["../../../../src/components/features/skills/skill-type-badge.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillType } from \"#/types/settings\";\n\ninterface SkillTypeBadgeProps {\n  type: SkillType;\n}\n\n/** Theme-aware pill chrome for skill type badges only (not shared metadata pills). */\nconst SKILL_TYPE_BADGE_CLASS_NAME =\n  \"inline-flex shrink-0 items-center whitespace-nowrap rounded-full border border-text-secondary/35 bg-text-secondary/12 px-2 py-0.5 text-[11px] font-medium leading-4 text-tertiary-light\";\n\nconst TYPE_CONFIG: Record<SkillType, { labelKey: I18nKey }> = {\n  agentskills: {\n    labelKey: I18nKey.SETTINGS$SKILLS_TYPE_AGENTSKILLS,\n  },\n  knowledge: {\n    labelKey: I18nKey.SETTINGS$SKILLS_TYPE_KNOWLEDGE,\n  },\n  repo: {\n    labelKey: I18nKey.SETTINGS$SKILLS_TYPE_REPO,\n  },\n};\n\nexport function getSkillTypeLabelKey(type: SkillType): I18nKey {\n  return TYPE_CONFIG[type].labelKey;\n}\n\nexport function SkillTypeBadge({ type }: SkillTypeBadgeProps) {\n  const { t } = useTranslation(\"openhands\");\n  const config = TYPE_CONFIG[type];\n  return (\n    <span\n      data-testid={`skill-type-badge-${type}`}\n      className={SKILL_TYPE_BADGE_CLASS_NAME}\n    >\n      {t(config.labelKey)}\n    </span>\n  );\n}\n"],"mappings":";;;;AASA,IAAM,IACJ,2LAEI,IAAwD;CAC5D,aAAa,EACX,UAAU,EAAQ,iCACpB;CACA,WAAW,EACT,UAAU,EAAQ,+BACpB;CACA,MAAM,EACJ,UAAU,EAAQ,0BACpB;AACF;AAMA,SAAgB,EAAe,EAAE,WAA6B;CAC5D,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAS,EAAY;CAC3B,OACE,kBAAC,QAAD;EACE,eAAa,oBAAoB;EACjC,WAAW;YAEV,EAAE,EAAO,QAAQ;CACd,CAAA;AAEV"}

package/dist/components/features/skills/skills-toolbar.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/list-filter.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/search.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/x.cjs"),a=require("../../../utils/utils.cjs");let o=require("react/jsx-runtime");function s({search:s,onSearchChange:c,activeFilterCount:l,onOpenFilters:u}){let{t:d}=e.useTranslation(`openhands`);return(0,o.jsxs)(`div`,{"data-testid":`skills-toolbar`,className:`flex items-stretch gap-2`,children:[(0,o.jsxs)(`div`,{className:a.cn(`relative flex flex-1 min-w-0 items-center`,`rounded-lg border border-[var(--oh-border)] bg-base-secondary`,`focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20`,`transition-colors`),children:[(0,o.jsx)(r.Search,{className:`ml-3 h-4 w-4 shrink-0 text-tertiary-alt`,"aria-hidden":!0}),(0,o.jsx)(`input`,{"data-testid":`skills-search-input`,type:`search`,value:s,onChange:e=>c(e.target.value),placeholder:d(t.I18nKey.SETTINGS$SKILLS_SEARCH_PLACEHOLDER),"aria-label":d(t.I18nKey.SETTINGS$SKILLS_SEARCH_PLACEHOLDER),className:a.cn(`flex-1 min-w-0 bg-transparent border-0 outline-none`,`px-3 py-2 text-sm placeholder:text-tertiary-alt`,`[&::-webkit-search-cancel-button]:hidden`)}),s?(0,o.jsx)(`button`,{type:`button`,onClick:()=>c(``),"aria-label":d(t.I18nKey.MCP$SEARCH_CLEAR),className:`mr-2 p-1 rounded text-tertiary-alt hover:text-white cursor-pointer`,children:(0,o.jsx)(i.X,{className:`h-4 w-4`,"aria-hidden":!0})}):null]}),(0,o.jsxs)(`button`,{type:`button`,"data-testid":`skills-filters-button`,onClick:u,className:a.cn(`flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm md:hidden`,`border border-[var(--oh-border)] bg-base-secondary text-white`,`cursor-pointer hover:bg-[var(--oh-interactive-hover)]`),children:[(0,o.jsx)(n.ListFilter,{className:`size-4 shrink-0`,"aria-hidden":!0}),d(t.I18nKey.SETTINGS$SKILLS_FILTERS_BUTTON),l>0?(0,o.jsx)(`span`,{className:`rounded-full bg-white px-1.5 text-[11px] font-medium text-black`,children:l}):null]})]})}exports.SkillsToolbar=s;
+//# sourceMappingURL=skills-toolbar.cjs.map

package/dist/components/features/skills/skills-toolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skills-toolbar.cjs","names":[],"sources":["../../../../src/components/features/skills/skills-toolbar.tsx"],"sourcesContent":["import { ListFilter, Search, X } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\n\ninterface SkillsToolbarProps {\n  search: string;\n  onSearchChange: (value: string) => void;\n  activeFilterCount: number;\n  onOpenFilters: () => void;\n}\n\nexport function SkillsToolbar({\n  search,\n  onSearchChange,\n  activeFilterCount,\n  onOpenFilters,\n}: SkillsToolbarProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div data-testid=\"skills-toolbar\" className=\"flex items-stretch gap-2\">\n      <div\n        className={cn(\n          \"relative flex flex-1 min-w-0 items-center\",\n          \"rounded-lg border border-[var(--oh-border)] bg-base-secondary\",\n          \"focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20\",\n          \"transition-colors\",\n        )}\n      >\n        <Search\n          className=\"ml-3 h-4 w-4 shrink-0 text-tertiary-alt\"\n          aria-hidden\n        />\n        <input\n          data-testid=\"skills-search-input\"\n          type=\"search\"\n          value={search}\n          onChange={(e) => onSearchChange(e.target.value)}\n          placeholder={t(I18nKey.SETTINGS$SKILLS_SEARCH_PLACEHOLDER)}\n          aria-label={t(I18nKey.SETTINGS$SKILLS_SEARCH_PLACEHOLDER)}\n          className={cn(\n            \"flex-1 min-w-0 bg-transparent border-0 outline-none\",\n            \"px-3 py-2 text-sm placeholder:text-tertiary-alt\",\n            \"[&::-webkit-search-cancel-button]:hidden\",\n          )}\n        />\n        {search ? (\n          <button\n            type=\"button\"\n            onClick={() => onSearchChange(\"\")}\n            aria-label={t(I18nKey.MCP$SEARCH_CLEAR)}\n            className=\"mr-2 p-1 rounded text-tertiary-alt hover:text-white cursor-pointer\"\n          >\n            <X className=\"h-4 w-4\" aria-hidden />\n          </button>\n        ) : null}\n      </div>\n\n      {/* The facet rail is desktop-only, so below md this is the only way in. */}\n      <button\n        type=\"button\"\n        data-testid=\"skills-filters-button\"\n        onClick={onOpenFilters}\n        className={cn(\n          \"flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm md:hidden\",\n          \"border border-[var(--oh-border)] bg-base-secondary text-white\",\n          \"cursor-pointer hover:bg-[var(--oh-interactive-hover)]\",\n        )}\n      >\n        <ListFilter className=\"size-4 shrink-0\" aria-hidden />\n        {t(I18nKey.SETTINGS$SKILLS_FILTERS_BUTTON)}\n        {activeFilterCount > 0 ? (\n          <span className=\"rounded-full bg-white px-1.5 text-[11px] font-medium text-black\">\n            {activeFilterCount}\n          </span>\n        ) : null}\n      </button>\n    </div>\n  );\n}\n"],"mappings":"udAYA,SAAgB,EAAc,CAC5B,SACA,iBACA,oBACA,iBACqB,CACrB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,iBAAiB,UAAU,oCAA5C,EACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,4CACA,gEACA,8EACA,mBACF,WANF,EAQE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,UAAU,0CACV,cAAA,EACD,CAAA,GACD,EAAA,EAAA,KAAC,QAAD,CACE,cAAY,sBACZ,KAAK,SACL,MAAO,EACP,SAAW,GAAM,EAAe,EAAE,OAAO,KAAK,EAC9C,YAAa,EAAE,EAAA,QAAQ,kCAAkC,EACzD,aAAY,EAAE,EAAA,QAAQ,kCAAkC,EACxD,UAAW,EAAA,GACT,sDACA,kDACA,0CACF,CACD,CAAA,EACA,GACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAe,EAAE,EAChC,aAAY,EAAE,EAAA,QAAQ,gBAAgB,EACtC,UAAU,+EAEV,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,UAAU,UAAU,cAAA,EAAa,CAAA,CAC9B,CAAA,EACN,IACD,KAGL,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,wBACZ,QAAS,EACT,UAAW,EAAA,GACT,0EACA,gEACA,uDACF,WARF,EAUE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,kBAAkB,cAAA,EAAa,CAAA,EACpD,EAAE,EAAA,QAAQ,8BAA8B,EACxC,EAAoB,GACnB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2EACb,CACG,CAAA,EACJ,IACE,GACL,GAET"}

package/dist/components/features/skills/skills-toolbar.js

@@ -0,0 +1,63 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { ListFilter as n } from "../../../node_modules/lucide-react/dist/esm/icons/list-filter.js";
+import { Search as r } from "../../../node_modules/lucide-react/dist/esm/icons/search.js";
+import { X as i } from "../../../node_modules/lucide-react/dist/esm/icons/x.js";
+import { cn as a } from "../../../utils/utils.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/features/skills/skills-toolbar.tsx
+function c({ search: c, onSearchChange: l, activeFilterCount: u, onOpenFilters: d }) {
+	let { t: f } = e("openhands");
+	return /* @__PURE__ */ s("div", {
+		"data-testid": "skills-toolbar",
+		className: "flex items-stretch gap-2",
+		children: [/* @__PURE__ */ s("div", {
+			className: a("relative flex flex-1 min-w-0 items-center", "rounded-lg border border-[var(--oh-border)] bg-base-secondary", "focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20", "transition-colors"),
+			children: [
+				/* @__PURE__ */ o(r, {
+					className: "ml-3 h-4 w-4 shrink-0 text-tertiary-alt",
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ o("input", {
+					"data-testid": "skills-search-input",
+					type: "search",
+					value: c,
+					onChange: (e) => l(e.target.value),
+					placeholder: f(t.SETTINGS$SKILLS_SEARCH_PLACEHOLDER),
+					"aria-label": f(t.SETTINGS$SKILLS_SEARCH_PLACEHOLDER),
+					className: a("flex-1 min-w-0 bg-transparent border-0 outline-none", "px-3 py-2 text-sm placeholder:text-tertiary-alt", "[&::-webkit-search-cancel-button]:hidden")
+				}),
+				c ? /* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: () => l(""),
+					"aria-label": f(t.MCP$SEARCH_CLEAR),
+					className: "mr-2 p-1 rounded text-tertiary-alt hover:text-white cursor-pointer",
+					children: /* @__PURE__ */ o(i, {
+						className: "h-4 w-4",
+						"aria-hidden": !0
+					})
+				}) : null
+			]
+		}), /* @__PURE__ */ s("button", {
+			type: "button",
+			"data-testid": "skills-filters-button",
+			onClick: d,
+			className: a("flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm md:hidden", "border border-[var(--oh-border)] bg-base-secondary text-white", "cursor-pointer hover:bg-[var(--oh-interactive-hover)]"),
+			children: [
+				/* @__PURE__ */ o(n, {
+					className: "size-4 shrink-0",
+					"aria-hidden": !0
+				}),
+				f(t.SETTINGS$SKILLS_FILTERS_BUTTON),
+				u > 0 ? /* @__PURE__ */ o("span", {
+					className: "rounded-full bg-white px-1.5 text-[11px] font-medium text-black",
+					children: u
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { c as SkillsToolbar };
+
+//# sourceMappingURL=skills-toolbar.js.map