npm - @openhands/agent-canvas - Versions diffs - 1.15.0 → 1.17.0 - Mend

@openhands/agent-canvas 1.15.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1277) hide show

package/dist/components/features/skills/build-skill-pills.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"build-skill-pills.js","names":[],"sources":["../../../../src/components/features/skills/build-skill-pills.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TFunction } from \"i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillInfo } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport { SkillTypeBadge } from \"./skill-type-badge\";\nimport {\n SKILL_CARD_PILL_CLASS,\n type SkillCardPill,\n} from \"./skill-card-pill-row\";\nimport {\n getSkillCategory,\n SKILL_CATEGORY_LABEL_KEYS,\n UNCATEGORIZED_SKILL_CATEGORY,\n} from \"#/utils/skill-category\";\n\ntype SkillPillVariant = \"card\" \| \"detail\";\n\ninterface BuildSkillPillsOptions {\n variant?: SkillPillVariant;\n testIdPrefix?: string;\n}\n\nfunction pillTestId(\n prefix: string \| undefined,\n skillName: string,\n suffix: string,\n) {\n if (prefix) {\n return `${prefix}-${skillName}-${suffix}`;\n }\n return undefined;\n}\n\nexport function buildSkillPills(\n skill: SkillInfo,\n translate: TFunction,\n options: BuildSkillPillsOptions = {},\n): SkillCardPill[] {\n const { variant = \"card\", testIdPrefix } = options;\n const category = getSkillCategory(skill);\n const pills: SkillCardPill[] = [\n {\n id: `type-${skill.type}`,\n node: <SkillTypeBadge type={skill.type} />,\n },\n ];\n\n // An \"Other\" pill says nothing, and every local skill would carry one:\n // only the catalog assigns categories.\n if (category !== UNCATEGORIZED_SKILL_CATEGORY) {\n pills.push({\n id: `category-${category}`,\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"category\") ??\n `skill-category-${skill.name}`\n }\n className={SKILL_CARD_PILL_CLASS}\n >\n {translate(SKILL_CATEGORY_LABEL_KEYS[category])}\n </span>\n ),\n });\n }\n\n if (skill.version) {\n pills.push({\n id: `version-${skill.version}`,\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"version\") ??\n `skill-version-${skill.name}`\n }\n className={SKILL_CARD_PILL_CLASS}\n >\n {translate(I18nKey.SETTINGS$SKILLS_VERSION, {\n version: skill.version,\n })}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.license) {\n pills.push({\n id: `license-${skill.license}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, \"license\")}\n className={SKILL_CARD_PILL_CLASS}\n >\n {skill.license}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.compatibility) {\n pills.push({\n id: `compatibility-${skill.compatibility}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, \"compatibility\")}\n className={SKILL_CARD_PILL_CLASS}\n >\n {skill.compatibility}\n </span>\n ),\n });\n }\n\n if (skill.disable_model_invocation) {\n pills.push({\n id: \"disable-model-invocation\",\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"disable-model-invocation\") ??\n `skill-disable-model-invocation-${skill.name}`\n }\n className=\"inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-full border border-[rgba(248,113,113,0.35)] bg-[rgba(248,113,113,0.12)] px-2 py-0.5 text-[11px] font-medium leading-4 text-[#fca5a5]\"\n >\n <span className=\"size-1.5 rounded-full bg-[#fca5a5]\" />\n {translate(I18nKey.SETTINGS$SKILLS_DISABLE_MODEL_INVOCATION)}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.allowed_tools) {\n for (const tool of skill.allowed_tools) {\n pills.push({\n id: `allowed-tool-${tool}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, `tool-${tool}`)}\n className={cn(SKILL_CARD_PILL_CLASS, \"font-mono\")}\n >\n {tool}\n </span>\n ),\n });\n }\n }\n\n if (variant === \"detail\" && skill.metadata) {\n for (const [key, value] of Object.entries(skill.metadata)) {\n pills.push({\n id: `metadata-${key}`,\n node: (\n <span\n data-testid={pillTestId(\n testIdPrefix,\n skill.name,\n `metadata-${key}`,\n )}\n className={SKILL_CARD_PILL_CLASS}\n >\n <span className=\"font-mono text-[10px] text-tertiary-light\">\n {key}:\n </span>{\" \"}\n {value}\n </span>\n ),\n });\n }\n }\n\n for (const trigger of skill.triggers ?? []) {\n pills.push({\n id: `trigger-${trigger}`,\n node: (\n <span\n data-testid={pillTestId(\n testIdPrefix,\n skill.name,\n `trigger-${trigger}`,\n )}\n className={SKILL_CARD_PILL_CLASS}\n >\n {trigger}\n </span>\n ),\n });\n }\n\n return pills;\n}\n"],"mappings":"~~;;;;;;;;AAuBA~~,SAAS,EACP,GACA,GACA,GACA;CACA,IAAI,GACF,OAAO,GAAG,EAAO,GAAG,EAAU,GAAG;AAGrC;AAEA,SAAgB,EACd,GACA,GACA,IAAkC,CAAC,GAClB;CACjB,IAAM,EAAE,aAAU,QAAQ,oBAAiB,GACrC,IAAW,EAAiB,CAAK,GACjC,IAAyB,CAC7B;EACE,IAAI,QAAQ,EAAM;EAClB,MAAM,kBAAC,GAAD,EAAgB,MAAM,EAAM,KAAO,CAAA;CAC3C,CACF;~~CAsFA~~,~~IAlFI~~,MAAA,WACF,EAAM,KAAK;EACT,IAAI,YAAY;EAChB,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,UAAU,KAC/C,kBAAkB,EAAM;GAE1B,WAAW;aAEV,EAAU,EAA0B,EAAS;EAC1C,CAAA;CAEV,CAAC,GAGC,EAAM,WACR,EAAM,KAAK;EACT,IAAI,WAAW,EAAM;EACrB,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,SAAS,KAC9C,iBAAiB,EAAM;GAEzB,WAAW;aAEV,EAAU,EAAQ,yBAAyB,EAC1C,SAAS,EAAM,QACjB,CAAC;EACG,CAAA;CAEV,CAAC,GAGC,MAAY,YAAY,EAAM,WAChC,EAAM,KAAK;EACT,IAAI,WAAW,EAAM;EACrB,MACE,kBAAC,QAAD;GACE,eAAa,EAAW,GAAc,EAAM,MAAM,SAAS;GAC3D,WAAW;aAEV,EAAM;EACH,CAAA;CAEV,CAAC,GAGC,MAAY,YAAY,EAAM,iBAChC,EAAM,KAAK;EACT,IAAI,iBAAiB,EAAM;EAC3B,MACE,kBAAC,QAAD;GACE,eAAa,EAAW,GAAc,EAAM,MAAM,eAAe;GACjE,WAAW;aAEV,EAAM;EACH,CAAA;CAEV,CAAC,GAGC,EAAM,4BACR,EAAM,KAAK;EACT,IAAI;EACJ,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,0BAA0B,KAC/D,kCAAkC,EAAM;GAE1C,WAAU;aALZ,CAOE,kBAAC,QAAD,EAAM,WAAU,qCAAsC,CAAA,GACrD,EAAU,EAAQ,wCAAwC,CACvD;;CAEV,CAAC,GAGC,MAAY,YAAY,EAAM,eAChC,KAAK,IAAM,KAAQ,EAAM,eACvB,EAAM,KAAK;EACT,IAAI,gBAAgB;EACpB,MACE,kBAAC,QAAD;GACE,eAAa,EAAW,GAAc,EAAM,MAAM,QAAQ,GAAM;GAChE,WAAW,EAAG,GAAuB,WAAW;aAE/C;EACG,CAAA;CAEV,CAAC;CAIL,IAAI,MAAY,YAAY,EAAM,UAChC,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAM,QAAQ,GACtD,EAAM,KAAK;EACT,IAAI,YAAY;EAChB,MACE,kBAAC,QAAD;GACE,eAAa,EACX,GACA,EAAM,MACN,YAAY,GACd;GACA,WAAW;aANb;IAQE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACG,GAAI,GACD;;IAAE;IACP;GACG;;CAEV,CAAC;CAIL,KAAK,IAAM,KAAW,EAAM,YAAY,CAAC,GACvC,EAAM,KAAK;EACT,IAAI,WAAW;EACf,MACE,kBAAC,QAAD;GACE,eAAa,EACX,GACA,EAAM,MACN,WAAW,GACb;GACA,WAAW;aAEV;EACG,CAAA;CAEV,CAAC;CAGH,OAAO;AACT"}
1	+ {"version":3,"file":"build-skill-pills.js","names":[],"sources":["../../../../src/components/features/skills/build-skill-pills.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TFunction } from \"i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillInfo } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport { SkillTypeBadge } from \"./skill-type-badge\";\nimport {\n SKILL_CARD_PILL_CLASS,\n type SkillCardPill,\n} from \"./skill-card-pill-row\";\nimport {\n getSkillCategory,\n SKILL_CATEGORY_LABEL_KEYS,\n UNCATEGORIZED_SKILL_CATEGORY,\n} from \"#/utils/skill-category\";\nimport { isRecommendedSkill } from \"#/utils/skill-enablement\";\n\ntype SkillPillVariant = \"card\" \| \"detail\";\n\ninterface BuildSkillPillsOptions {\n variant?: SkillPillVariant;\n testIdPrefix?: string;\n}\n\nfunction pillTestId(\n prefix: string \| undefined,\n skillName: string,\n suffix: string,\n) {\n if (prefix) {\n return `${prefix}-${skillName}-${suffix}`;\n }\n return undefined;\n}\n\nexport function buildSkillPills(\n skill: SkillInfo,\n translate: TFunction,\n options: BuildSkillPillsOptions = {},\n): SkillCardPill[] {\n const { variant = \"card\", testIdPrefix } = options;\n const category = getSkillCategory(skill);\n const pills: SkillCardPill[] = [\n {\n id: `type-${skill.type}`,\n node: <SkillTypeBadge type={skill.type} />,\n },\n ];\n\n if (isRecommendedSkill(skill.name)) {\n pills.push({\n id: \"recommended\",\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"recommended\") ??\n `skill-recommended-${skill.name}`\n }\n className={SKILL_CARD_PILL_CLASS}\n >\n {translate(I18nKey.SETTINGS$SKILLS_RECOMMENDED)}\n </span>\n ),\n });\n }\n\n // An \"Other\" pill says nothing, and every local skill would carry one:\n // only the catalog assigns categories.\n if (category !== UNCATEGORIZED_SKILL_CATEGORY) {\n pills.push({\n id: `category-${category}`,\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"category\") ??\n `skill-category-${skill.name}`\n }\n className={SKILL_CARD_PILL_CLASS}\n >\n {translate(SKILL_CATEGORY_LABEL_KEYS[category])}\n </span>\n ),\n });\n }\n\n if (skill.version) {\n pills.push({\n id: `version-${skill.version}`,\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"version\") ??\n `skill-version-${skill.name}`\n }\n className={SKILL_CARD_PILL_CLASS}\n >\n {translate(I18nKey.SETTINGS$SKILLS_VERSION, {\n version: skill.version,\n })}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.license) {\n pills.push({\n id: `license-${skill.license}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, \"license\")}\n className={SKILL_CARD_PILL_CLASS}\n >\n {skill.license}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.compatibility) {\n pills.push({\n id: `compatibility-${skill.compatibility}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, \"compatibility\")}\n className={SKILL_CARD_PILL_CLASS}\n >\n {skill.compatibility}\n </span>\n ),\n });\n }\n\n if (skill.disable_model_invocation) {\n pills.push({\n id: \"disable-model-invocation\",\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"disable-model-invocation\") ??\n `skill-disable-model-invocation-${skill.name}`\n }\n className=\"inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-full border border-[rgba(248,113,113,0.35)] bg-[rgba(248,113,113,0.12)] px-2 py-0.5 text-[11px] font-medium leading-4 text-[#fca5a5]\"\n >\n <span className=\"size-1.5 rounded-full bg-[#fca5a5]\" />\n {translate(I18nKey.SETTINGS$SKILLS_DISABLE_MODEL_INVOCATION)}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.allowed_tools) {\n for (const tool of skill.allowed_tools) {\n pills.push({\n id: `allowed-tool-${tool}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, `tool-${tool}`)}\n className={cn(SKILL_CARD_PILL_CLASS, \"font-mono\")}\n >\n {tool}\n </span>\n ),\n });\n }\n }\n\n if (variant === \"detail\" && skill.metadata) {\n for (const [key, value] of Object.entries(skill.metadata)) {\n pills.push({\n id: `metadata-${key}`,\n node: (\n <span\n data-testid={pillTestId(\n testIdPrefix,\n skill.name,\n `metadata-${key}`,\n )}\n className={SKILL_CARD_PILL_CLASS}\n >\n <span className=\"font-mono text-[10px] text-tertiary-light\">\n {key}:\n </span>{\" \"}\n {value}\n </span>\n ),\n });\n }\n }\n\n for (const trigger of skill.triggers ?? []) {\n pills.push({\n id: `trigger-${trigger}`,\n node: (\n <span\n data-testid={pillTestId(\n testIdPrefix,\n skill.name,\n `trigger-${trigger}`,\n )}\n className={SKILL_CARD_PILL_CLASS}\n >\n {trigger}\n </span>\n ),\n });\n }\n\n return pills;\n}\n"],"mappings":";;;;;;;;;AAwBA,SAAS,EACP,GACA,GACA,GACA;CACA,IAAI,GACF,OAAO,GAAG,EAAO,GAAG,EAAU,GAAG;AAGrC;AAEA,SAAgB,EACd,GACA,GACA,IAAkC,CAAC,GAClB;CACjB,IAAM,EAAE,aAAU,QAAQ,oBAAiB,GACrC,IAAW,EAAiB,CAAK,GACjC,IAAyB,CAC7B;EACE,IAAI,QAAQ,EAAM;EAClB,MAAM,kBAAC,GAAD,EAAgB,MAAM,EAAM,KAAO,CAAA;CAC3C,CACF;CAuGA,IArGI,EAAmB,EAAM,IAAI,KAC/B,EAAM,KAAK;EACT,IAAI;EACJ,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,aAAa,KAClD,qBAAqB,EAAM;GAE7B,WAAW;aAEV,EAAU,EAAQ,2BAA2B;EAC1C,CAAA;CAEV,CAAC,GAKC,MAAA,WACF,EAAM,KAAK;EACT,IAAI,YAAY;EAChB,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,UAAU,KAC/C,kBAAkB,EAAM;GAE1B,WAAW;aAEV,EAAU,EAA0B,EAAS;EAC1C,CAAA;CAEV,CAAC,GAGC,EAAM,WACR,EAAM,KAAK;EACT,IAAI,WAAW,EAAM;EACrB,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,SAAS,KAC9C,iBAAiB,EAAM;GAEzB,WAAW;aAEV,EAAU,EAAQ,yBAAyB,EAC1C,SAAS,EAAM,QACjB,CAAC;EACG,CAAA;CAEV,CAAC,GAGC,MAAY,YAAY,EAAM,WAChC,EAAM,KAAK;EACT,IAAI,WAAW,EAAM;EACrB,MACE,kBAAC,QAAD;GACE,eAAa,EAAW,GAAc,EAAM,MAAM,SAAS;GAC3D,WAAW;aAEV,EAAM;EACH,CAAA;CAEV,CAAC,GAGC,MAAY,YAAY,EAAM,iBAChC,EAAM,KAAK;EACT,IAAI,iBAAiB,EAAM;EAC3B,MACE,kBAAC,QAAD;GACE,eAAa,EAAW,GAAc,EAAM,MAAM,eAAe;GACjE,WAAW;aAEV,EAAM;EACH,CAAA;CAEV,CAAC,GAGC,EAAM,4BACR,EAAM,KAAK;EACT,IAAI;EACJ,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,0BAA0B,KAC/D,kCAAkC,EAAM;GAE1C,WAAU;aALZ,CAOE,kBAAC,QAAD,EAAM,WAAU,qCAAsC,CAAA,GACrD,EAAU,EAAQ,wCAAwC,CACvD;;CAEV,CAAC,GAGC,MAAY,YAAY,EAAM,eAChC,KAAK,IAAM,KAAQ,EAAM,eACvB,EAAM,KAAK;EACT,IAAI,gBAAgB;EACpB,MACE,kBAAC,QAAD;GACE,eAAa,EAAW,GAAc,EAAM,MAAM,QAAQ,GAAM;GAChE,WAAW,EAAG,GAAuB,WAAW;aAE/C;EACG,CAAA;CAEV,CAAC;CAIL,IAAI,MAAY,YAAY,EAAM,UAChC,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAM,QAAQ,GACtD,EAAM,KAAK;EACT,IAAI,YAAY;EAChB,MACE,kBAAC,QAAD;GACE,eAAa,EACX,GACA,EAAM,MACN,YAAY,GACd;GACA,WAAW;aANb;IAQE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACG,GAAI,GACD;;IAAE;IACP;GACG;;CAEV,CAAC;CAIL,KAAK,IAAM,KAAW,EAAM,YAAY,CAAC,GACvC,EAAM,KAAK;EACT,IAAI,WAAW;EACf,MACE,kBAAC,QAAD;GACE,eAAa,EACX,GACA,EAAM,MACN,WAAW,GACb;GACA,WAAW;aAEV;EACG,CAAA;CAEV,CAAC;CAGH,OAAO;AACT"}

package/dist/components/features/skills/extensions-navigation.cjs CHANGED Viewed

@@ -1,2 +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/external-link.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../api/backend-registry/active-store.cjs"),a=require("../../../contexts/active-backend-context.cjs"),o=require("../../shared/navigation-link.cjs"),s=require("../../../icons/skills.cjs"),c=require("../sidebar/sidebar-layout.cjs"),l=require("../settings/backend-synced-settings-badge.cjs"),u=require("../../../icons/server-process.cjs");let d=require("react/jsx-runtime");var f=`/skills`,p=`/plugins`,m=[{to:`/mcp`,label:`MCP Servers`,icon:(0,d.jsx)(u.default,{width:16,height:16}),end:!0},{to:`/skills`,label:`Skills`,icon:(0,d.jsx)(s.default,{width:16,height:16,"aria-hidden":`true`}),end:!0},{to:`/plugins`,label:`Plugins`,icon:(0,d.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,width:16,height:16,"aria-hidden":`true`,children:[(0,d.jsx)(`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`}),(0,d.jsx)(`path`,{d:`m3.3 7 8.7 5 8.7-5`}),(0,d.jsx)(`path`,{d:`M12 22V12`})]}),end:!0}];function h(){let{t:s}=e.useTranslation(`openhands`),{active:u}=a.useActiveBackendContext(),{backend:h}=u,g=!i.isNoBackend(h)&&h.kind===`cloud`;return(0,d.jsxs)(`aside`,{"data-testid":`extensions-navbar-desktop`,className:`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start`,children:[(0,d.jsx)(`span`,{className:`px-2 text-sm font-normal text-white`,children:s(t.I18nKey.NAV$CUSTOMIZE)}),(0,d.jsx)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:m.filter(e=>!(e.to===p&&g)).map(e=>{let i=e.to===f&&g,a=(0,d.jsx)(`span`,{className:`shrink-0 flex items-center justify-center`,children:e.icon}),l=(0,d.jsx)(`span`,{className:`truncate`,children:i?s(t.I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK):e.label}),u=e.comingSoon&&(0,d.jsx)(`span`,{className:`ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]`,children:s(t.I18nKey.NAV$COMING_SOON)});if(i){let t=`${h.host.replace(/\/+$/,``)}/settings/skills`;return(0,d.jsxs)(`a`,{"data-testid":`sidebar-extensions-${e.to}`,href:t,target:`_blank`,rel:`noopener noreferrer`,className:r.cn(c.sidebarNavRowClassName(),`truncate`,c.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[a,l,(0,d.jsx)(n.ExternalLink,{className:`ml-auto size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]},e.to)}return(0,d.jsxs)(o.NavigationLink,{to:e.to,end:e.end,"data-testid":`sidebar-extensions-${e.to}`,className:({isActive:e})=>r.cn(c.sidebarNavRowClassName(),`truncate`,e?c.SIDEBAR_ROW_INTERACTIVE_CLASS.active:c.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[a,l,u]},e.to)})}),(0,d.jsx)(`div`,{className:`px-2 pt-3`,children:(0,d.jsx)(l.BackendSyncedSettingsBadge,{})})]})}exports.ExtensionsNavigation=h;
+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/blocks.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../api/backend-registry/active-store.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../../shared/navigation-link.cjs"),c=require("../../../icons/skills.cjs"),l=require("../sidebar/sidebar-layout.cjs"),u=require("../settings/backend-synced-settings-badge.cjs"),d=require("../../../icons/server-process.cjs");let f=require("react/jsx-runtime");var p=`/skills`,m=new Set([`/plugins`,`/apps`]),h=[{to:`/mcp`,label:`MCP Servers`,icon:(0,f.jsx)(d.default,{width:16,height:16}),end:!0},{to:`/skills`,label:`Skills`,icon:(0,f.jsx)(c.default,{width:16,height:16,"aria-hidden":`true`}),end:!0},{to:`/plugins`,label:`Plugins`,icon:(0,f.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,width:16,height:16,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`}),(0,f.jsx)(`path`,{d:`m3.3 7 8.7 5 8.7-5`}),(0,f.jsx)(`path`,{d:`M12 22V12`})]}),end:!0},{to:`/apps`,label:`Apps`,icon:(0,f.jsx)(n.Blocks,{width:16,height:16,"aria-hidden":`true`}),end:!0}];function g(){let{t:n}=e.useTranslation(`openhands`),{active:c}=o.useActiveBackendContext(),{backend:d}=c,g=!a.isNoBackend(d)&&d.kind===`cloud`;return(0,f.jsxs)(`aside`,{"data-testid":`extensions-navbar-desktop`,className:`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start`,children:[(0,f.jsx)(`span`,{className:`px-2 text-sm font-normal text-white`,children:n(t.I18nKey.NAV$CUSTOMIZE)}),(0,f.jsx)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:h.filter(e=>!(m.has(e.to)&&g)).map(e=>{let a=e.to===p&&g,o=(0,f.jsx)(`span`,{className:`shrink-0 flex items-center justify-center`,children:e.icon}),c=(0,f.jsx)(`span`,{className:`truncate`,children:a?n(t.I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK):e.label}),u=e.comingSoon&&(0,f.jsx)(`span`,{className:`ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]`,children:n(t.I18nKey.NAV$COMING_SOON)});if(a){let t=`${d.host.replace(/\/+$/,``)}/settings/skills`;return(0,f.jsxs)(`a`,{"data-testid":`sidebar-extensions-${e.to}`,href:t,target:`_blank`,rel:`noopener noreferrer`,className:i.cn(l.sidebarNavRowClassName(),`truncate`,l.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[o,c,(0,f.jsx)(r.ExternalLink,{className:`ml-auto size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]},e.to)}return(0,f.jsxs)(s.NavigationLink,{to:e.to,end:e.end,"data-testid":`sidebar-extensions-${e.to}`,className:({isActive:e})=>i.cn(l.sidebarNavRowClassName(),`truncate`,e?l.SIDEBAR_ROW_INTERACTIVE_CLASS.active:l.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[o,c,u]},e.to)})}),(0,f.jsx)(`div`,{className:`px-2 pt-3`,children:(0,f.jsx)(u.BackendSyncedSettingsBadge,{})})]})}exports.ExtensionsNavigation=g;
 //# sourceMappingURL=extensions-navigation.cjs.map

package/dist/components/features/skills/extensions-navigation.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"extensions-navigation.cjs","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ExternalLink } from \"lucide-react\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n SIDEBAR_ROW_INTERACTIVE_CLASS,\n sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\n\n/** Only the Skills item points to a cloud-hosted page today. /\nconst CLOUD_LINKED_EXTENSION_PATH = \"/skills\";\n/* ~~Plugins~~ are not available on Cloud backends, ~~so this item is hidden there~~. */\nconst ~~CLOUD_HIDDEN_EXTENSION_PATH~~ = \"/plugins\";\n\ninterface ExtensionNavItem {\n to: string;\n label: string;\n icon: React.ReactElement;\n end?: boolean;\n comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n {\n to: \"/mcp\",\n label: \"MCP Servers\",\n icon: <ServerProcessIcon width={16} height={16} />,\n end: true,\n },\n {\n to: \"/skills\",\n label: \"Skills\",\n icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n end: true,\n },\n {\n to: \"/plugins\",\n label: \"Plugins\",\n icon: (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n width={16}\n height={16}\n aria-hidden=\"true\"\n >\n <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n <path d=\"m3.3 7 8.7 5 8.7-5\" />\n <path d=\"M12 22V12\" />\n </svg>\n ),\n end: true,\n },\n];\n\nexport function ExtensionsNavigation() {\n const { t } = useTranslation(\"openhands\");\n const { active } = useActiveBackendContext();\n const { backend } = active;\n const isCloudBackend = !isNoBackend(backend) && backend.kind === \"cloud\";\n\n return (\n <aside\n data-testid=\"extensions-navbar-desktop\"\n className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n >\n <span className=\"px-2 text-sm font-normal text-white\">\n {t(I18nKey.NAV$CUSTOMIZE)}\n </span>\n <div className=\"flex flex-col gap-0.5 pt-0.5\">\n {EXTENSIONS_NAV_ITEMS.filter(\n (item) =>\n !(item.to ~~=== CLOUD_HIDDEN_EXTENSION_PATH~~ && isCloudBackend),\n ).map((item) => {\n const isCloudSkillsLink =\n item.to === CLOUD_LINKED_EXTENSION_PATH && isCloudBackend;\n const baseRow = (\n <span className=\"shrink-0 flex items-center justify-center\">\n {item.icon}\n </span>\n );\n const label = (\n <span className=\"truncate\">\n {isCloudSkillsLink\n ? t(I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK)\n : item.label}\n </span>\n );\n const comingSoonBadge = item.comingSoon && (\n <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n {t(I18nKey.NAV$COMING_SOON)}\n </span>\n );\n\n if (isCloudSkillsLink) {\n const cloudSkillsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/skills`;\n return (\n <a\n key={item.to}\n data-testid={`sidebar-extensions-${item.to}`}\n href={cloudSkillsUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n sidebarNavRowClassName(),\n \"truncate\",\n SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n )}\n >\n {baseRow}\n {label}\n <ExternalLink\n className=\"ml-auto size-4 shrink-0 text-[var(--oh-muted)]\"\n aria-hidden\n />\n </a>\n );\n }\n\n return (\n <NavigationLink\n key={item.to}\n to={item.to}\n end={item.end}\n data-testid={`sidebar-extensions-${item.to}`}\n className={({ isActive }) =>\n cn(\n sidebarNavRowClassName(),\n \"truncate\",\n isActive\n ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n )\n }\n >\n {baseRow}\n {label}\n {comingSoonBadge}\n </NavigationLink>\n );\n })}\n </div>\n <div className=\"px-2 pt-3\">\n <BackendSyncedSettingsBadge />\n </div>\n </aside>\n );\n}\n"],"mappings":"~~0qBAgBA~~,IAAM,EAA8B,UAE9B,~~EAA8B~~,~~WAUvB~~,EAA2C,CACtD,CACE,GAAI,OACJ,MAAO,cACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAmB,MAAO,GAAI,OAAQ,EAAK,CAAA,EACjD,IAAK,EACP,EACA,CACE,GAAI,UACJ,MAAO,SACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,MAAO,GAAI,OAAQ,GAAI,cAAY,MAAQ,CAAA,EAC7D,IAAK,EACP,EACA,CACE,GAAI,WACJ,MAAO,UACP,MACE,EAAA,EAAA,MAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QACf,MAAO,GACP,OAAQ,GACR,cAAY,gBAVd,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,wHAA0H,CAAA,GAClI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,oBAAsB,CAAA,GAC9B,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,CAClB,IAEP,IAAK,EACP,CACF,EAEA,SAAgB,GAAuB,CACrC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,UAAW,EAAA,wBAAwB,EACrC,CAAE,WAAY,EACd,EAAiB,CAAC,EAAA,YAAY,CAAO,GAAK,EAAQ,OAAS,QAEjE,OACE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,4BACZ,UAAU,yGAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+CACb,EAAE,EAAA,QAAQ,aAAa,CACpB,CAAA,GACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wCACZ,EAAqB,OACnB,GACC,EAAE,EAAK,~~KAAO~~,~~GAA+B~~,~~EACjD~~,EAAE,IAAK,GAAS,CACd,IAAM,EACJ,EAAK,KAAO,GAA+B,EACvC,GACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACb,EAAK,IACF,CAAA,EAEF,GACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBACb,EACG,EAAE,EAAA,QAAQ,qCAAqC,EAC/C,EAAK,KACL,CAAA,EAEF,EAAkB,EAAK,aAC3B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2IACb,EAAE,EAAA,QAAQ,eAAe,CACtB,CAAA,EAGR,GAAI,EAAmB,CACrB,IAAM,EAAiB,GAAG,EAAQ,KAAK,QAAQ,OAAQ,EAAE,EAAE,kBAC3D,OACE,EAAA,EAAA,MAAC,IAAD,CAEE,cAAa,sBAAsB,EAAK,KACxC,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,UAAW,EAAA,GACT,EAAA,uBAAuB,EACvB,WACA,EAAA,8BAA8B,IAChC,WAVF,CAYG,EACA,GACD,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,iDACV,cAAA,EACD,CAAA,CACA,GAjBI,EAAK,EAiBT,CAEP,CAEA,OACE,EAAA,EAAA,MAAC,EAAA,eAAD,CAEE,GAAI,EAAK,GACT,IAAK,EAAK,IACV,cAAa,sBAAsB,EAAK,KACxC,WAAY,CAAE,cACZ,EAAA,GACE,EAAA,uBAAuB,EACvB,WACA,EACI,EAAA,8BAA8B,OAC9B,EAAA,8BAA8B,IACpC,WAZJ,CAeG,EACA,EACA,CACa,GAjBT,EAAK,EAiBI,CAEpB,CAAC,CACE,CAAA,GACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,CAA6B,CAAA,CAC1B,CAAA,CACA,GAEX"}
1	+ {"version":3,"file":"extensions-navigation.cjs","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Blocks, ExternalLink } from \"lucide-react\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n SIDEBAR_ROW_INTERACTIVE_CLASS,\n sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\n\n/** Only the Skills item points to a cloud-hosted page today. /\nconst CLOUD_LINKED_EXTENSION_PATH = \"/skills\";\n/* Backend-installed artifacts are not available on Cloud backends yet. */\nconst CLOUD_HIDDEN_EXTENSION_PATHS = new Set([\"/plugins\", \"/apps\"]);\n\ninterface ExtensionNavItem {\n to: string;\n label: string;\n icon: React.ReactElement;\n end?: boolean;\n comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n {\n to: \"/mcp\",\n label: \"MCP Servers\",\n icon: <ServerProcessIcon width={16} height={16} />,\n end: true,\n },\n {\n to: \"/skills\",\n label: \"Skills\",\n icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n end: true,\n },\n {\n to: \"/plugins\",\n label: \"Plugins\",\n icon: (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n width={16}\n height={16}\n aria-hidden=\"true\"\n >\n <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n <path d=\"m3.3 7 8.7 5 8.7-5\" />\n <path d=\"M12 22V12\" />\n </svg>\n ),\n end: true,\n },\n {\n to: \"/apps\",\n label: \"Apps\",\n icon: <Blocks width={16} height={16} aria-hidden=\"true\" />,\n end: true,\n },\n];\n\nexport function ExtensionsNavigation() {\n const { t } = useTranslation(\"openhands\");\n const { active } = useActiveBackendContext();\n const { backend } = active;\n const isCloudBackend = !isNoBackend(backend) && backend.kind === \"cloud\";\n\n return (\n <aside\n data-testid=\"extensions-navbar-desktop\"\n className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n >\n <span className=\"px-2 text-sm font-normal text-white\">\n {t(I18nKey.NAV$CUSTOMIZE)}\n </span>\n <div className=\"flex flex-col gap-0.5 pt-0.5\">\n {EXTENSIONS_NAV_ITEMS.filter(\n (item) =>\n !(CLOUD_HIDDEN_EXTENSION_PATHS.has(item.to) && isCloudBackend),\n ).map((item) => {\n const isCloudSkillsLink =\n item.to === CLOUD_LINKED_EXTENSION_PATH && isCloudBackend;\n const baseRow = (\n <span className=\"shrink-0 flex items-center justify-center\">\n {item.icon}\n </span>\n );\n const label = (\n <span className=\"truncate\">\n {isCloudSkillsLink\n ? t(I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK)\n : item.label}\n </span>\n );\n const comingSoonBadge = item.comingSoon && (\n <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n {t(I18nKey.NAV$COMING_SOON)}\n </span>\n );\n\n if (isCloudSkillsLink) {\n const cloudSkillsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/skills`;\n return (\n <a\n key={item.to}\n data-testid={`sidebar-extensions-${item.to}`}\n href={cloudSkillsUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n sidebarNavRowClassName(),\n \"truncate\",\n SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n )}\n >\n {baseRow}\n {label}\n <ExternalLink\n className=\"ml-auto size-4 shrink-0 text-[var(--oh-muted)]\"\n aria-hidden\n />\n </a>\n );\n }\n\n return (\n <NavigationLink\n key={item.to}\n to={item.to}\n end={item.end}\n data-testid={`sidebar-extensions-${item.to}`}\n className={({ isActive }) =>\n cn(\n sidebarNavRowClassName(),\n \"truncate\",\n isActive\n ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n )\n }\n >\n {baseRow}\n {label}\n {comingSoonBadge}\n </NavigationLink>\n );\n })}\n </div>\n <div className=\"px-2 pt-3\">\n <BackendSyncedSettingsBadge />\n </div>\n </aside>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/skills/extensions-navigation.js CHANGED Viewed

@@ -1,21 +1,22 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
-import { ExternalLink as n } from "../../../node_modules/lucide-react/dist/esm/icons/external-link.js";
-import { cn as r } from "../../../utils/utils.js";
-import { isNoBackend as i } from "../../../api/backend-registry/active-store.js";
-import { useActiveBackendContext as a } from "../../../contexts/active-backend-context.js";
-import { NavigationLink as o } from "../../shared/navigation-link.js";
-import s from "../../../icons/skills.js";
-import { SIDEBAR_ROW_INTERACTIVE_CLASS as c, sidebarNavRowClassName as l } from "../sidebar/sidebar-layout.js";
-import { BackendSyncedSettingsBadge as u } from "../settings/backend-synced-settings-badge.js";
-import d from "../../../icons/server-process.js";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Blocks as n } from "../../../node_modules/lucide-react/dist/esm/icons/blocks.js";
+import { ExternalLink as r } from "../../../node_modules/lucide-react/dist/esm/icons/external-link.js";
+import { cn as i } from "../../../utils/utils.js";
+import { isNoBackend as a } from "../../../api/backend-registry/active-store.js";
+import { useActiveBackendContext as o } from "../../../contexts/active-backend-context.js";
+import { NavigationLink as s } from "../../shared/navigation-link.js";
+import c from "../../../icons/skills.js";
+import { SIDEBAR_ROW_INTERACTIVE_CLASS as l, sidebarNavRowClassName as u } from "../sidebar/sidebar-layout.js";
+import { BackendSyncedSettingsBadge as d } from "../settings/backend-synced-settings-badge.js";
+import f from "../../../icons/server-process.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/features/skills/extensions-navigation.tsx
-var m = "/skills", h = "/plugins", g = [
+var h = "/skills", g = new Set(["/plugins", "/apps"]), _ = [
 	{
 		to: "/mcp",
 		label: "MCP Servers",
-		icon: /* @__PURE__ */ f(d, {
+		icon: /* @__PURE__ */ p(f, {
 			width: 16,
 			height: 16
 		}),
@@ -24,7 +25,7 @@ var m = "/skills", h = "/plugins", g = [
 	{
 		to: "/skills",
 		label: "Skills",
-		icon: /* @__PURE__ */ f(s, {
+		icon: /* @__PURE__ */ p(c, {
 			width: 16,
 			height: 16,
 			"aria-hidden": "true"
@@ -34,7 +35,7 @@ var m = "/skills", h = "/plugins", g = [
 	{
 		to: "/plugins",
 		label: "Plugins",
-		icon: /* @__PURE__ */ p("svg", {
+		icon: /* @__PURE__ */ m("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 24 24",
 			fill: "none",
@@ -46,76 +47,86 @@ var m = "/skills", h = "/plugins", g = [
 			height: 16,
 			"aria-hidden": "true",
 			children: [
-				/* @__PURE__ */ f("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
-				/* @__PURE__ */ f("path", { d: "m3.3 7 8.7 5 8.7-5" }),
-				/* @__PURE__ */ f("path", { d: "M12 22V12" })
+				/* @__PURE__ */ p("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
+				/* @__PURE__ */ p("path", { d: "m3.3 7 8.7 5 8.7-5" }),
+				/* @__PURE__ */ p("path", { d: "M12 22V12" })
 			]
 		}),
 		end: !0
+	},
+	{
+		to: "/apps",
+		label: "Apps",
+		icon: /* @__PURE__ */ p(n, {
+			width: 16,
+			height: 16,
+			"aria-hidden": "true"
+		}),
+		end: !0
 	}
 ];
-function _() {
-	let { t: s } = e("openhands"), { active: d } = a(), { backend: _ } = d, v = !i(_) && _.kind === "cloud";
-	return /* @__PURE__ */ p("aside", {
+function v() {
+	let { t: n } = e("openhands"), { active: c } = o(), { backend: f } = c, v = !a(f) && f.kind === "cloud";
+	return /* @__PURE__ */ m("aside", {
 		"data-testid": "extensions-navbar-desktop",
 		className: "hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start",
 		children: [
-			/* @__PURE__ */ f("span", {
+			/* @__PURE__ */ p("span", {
 				className: "px-2 text-sm font-normal text-white",
-				children: s(t.NAV$CUSTOMIZE)
+				children: n(t.NAV$CUSTOMIZE)
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-0.5 pt-0.5",
-				children: g.filter((e) => !(e.to === h && v)).map((e) => {
-					let i = e.to === m && v, a = /* @__PURE__ */ f("span", {
+				children: _.filter((e) => !(g.has(e.to) && v)).map((e) => {
+					let a = e.to === h && v, o = /* @__PURE__ */ p("span", {
 						className: "shrink-0 flex items-center justify-center",
 						children: e.icon
-					}), u = /* @__PURE__ */ f("span", {
+					}), c = /* @__PURE__ */ p("span", {
 						className: "truncate",
-						children: i ? s(t.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK) : e.label
-					}), d = e.comingSoon && /* @__PURE__ */ f("span", {
+						children: a ? n(t.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK) : e.label
+					}), d = e.comingSoon && /* @__PURE__ */ p("span", {
 						className: "ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]",
-						children: s(t.NAV$COMING_SOON)
+						children: n(t.NAV$COMING_SOON)
 					});
-					if (i) {
-						let t = `${_.host.replace(/\/+$/, "")}/settings/skills`;
-						return /* @__PURE__ */ p("a", {
+					if (a) {
+						let t = `${f.host.replace(/\/+$/, "")}/settings/skills`;
+						return /* @__PURE__ */ m("a", {
 							"data-testid": `sidebar-extensions-${e.to}`,
 							href: t,
 							target: "_blank",
 							rel: "noopener noreferrer",
-							className: r(l(), "truncate", c.idle),
+							className: i(u(), "truncate", l.idle),
 							children: [
-								a,
-								u,
-								/* @__PURE__ */ f(n, {
+								o,
+								c,
+								/* @__PURE__ */ p(r, {
 									className: "ml-auto size-4 shrink-0 text-[var(--oh-muted)]",
 									"aria-hidden": !0
 								})
 							]
 						}, e.to);
 					}
-					return /* @__PURE__ */ p(o, {
+					return /* @__PURE__ */ m(s, {
 						to: e.to,
 						end: e.end,
 						"data-testid": `sidebar-extensions-${e.to}`,
-						className: ({ isActive: e }) => r(l(), "truncate", e ? c.active : c.idle),
+						className: ({ isActive: e }) => i(u(), "truncate", e ? l.active : l.idle),
 						children: [
-							a,
-							u,
+							o,
+							c,
 							d
 						]
 					}, e.to);
 				})
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "px-2 pt-3",
-				children: /* @__PURE__ */ f(u, {})
+				children: /* @__PURE__ */ p(d, {})
 			})
 		]
 	});
 }
 //#endregion
-export { _ as ExtensionsNavigation };
+export { v as ExtensionsNavigation };
 //# sourceMappingURL=extensions-navigation.js.map

package/dist/components/features/skills/extensions-navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"extensions-navigation.js","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ExternalLink } from \"lucide-react\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n SIDEBAR_ROW_INTERACTIVE_CLASS,\n sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\n\n/** Only the Skills item points to a cloud-hosted page today. /\nconst CLOUD_LINKED_EXTENSION_PATH = \"/skills\";\n/* ~~Plugins~~ are not available on Cloud backends, ~~so this item is hidden there~~. */\nconst ~~CLOUD_HIDDEN_EXTENSION_PATH~~ = \"/plugins\";\n\ninterface ExtensionNavItem {\n to: string;\n label: string;\n icon: React.ReactElement;\n end?: boolean;\n comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n {\n to: \"/mcp\",\n label: \"MCP Servers\",\n icon: <ServerProcessIcon width={16} height={16} />,\n end: true,\n },\n {\n to: \"/skills\",\n label: \"Skills\",\n icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n end: true,\n },\n {\n to: \"/plugins\",\n label: \"Plugins\",\n icon: (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n width={16}\n height={16}\n aria-hidden=\"true\"\n >\n <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n <path d=\"m3.3 7 8.7 5 8.7-5\" />\n <path d=\"M12 22V12\" />\n </svg>\n ),\n end: true,\n },\n];\n\nexport function ExtensionsNavigation() {\n const { t } = useTranslation(\"openhands\");\n const { active } = useActiveBackendContext();\n const { backend } = active;\n const isCloudBackend = !isNoBackend(backend) && backend.kind === \"cloud\";\n\n return (\n <aside\n data-testid=\"extensions-navbar-desktop\"\n className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n >\n <span className=\"px-2 text-sm font-normal text-white\">\n {t(I18nKey.NAV$CUSTOMIZE)}\n </span>\n <div className=\"flex flex-col gap-0.5 pt-0.5\">\n {EXTENSIONS_NAV_ITEMS.filter(\n (item) =>\n !(item.to ~~=== CLOUD_HIDDEN_EXTENSION_PATH~~ && isCloudBackend),\n ).map((item) => {\n const isCloudSkillsLink =\n item.to === CLOUD_LINKED_EXTENSION_PATH && isCloudBackend;\n const baseRow = (\n <span className=\"shrink-0 flex items-center justify-center\">\n {item.icon}\n </span>\n );\n const label = (\n <span className=\"truncate\">\n {isCloudSkillsLink\n ? t(I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK)\n : item.label}\n </span>\n );\n const comingSoonBadge = item.comingSoon && (\n <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n {t(I18nKey.NAV$COMING_SOON)}\n </span>\n );\n\n if (isCloudSkillsLink) {\n const cloudSkillsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/skills`;\n return (\n <a\n key={item.to}\n data-testid={`sidebar-extensions-${item.to}`}\n href={cloudSkillsUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n sidebarNavRowClassName(),\n \"truncate\",\n SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n )}\n >\n {baseRow}\n {label}\n <ExternalLink\n className=\"ml-auto size-4 shrink-0 text-[var(--oh-muted)]\"\n aria-hidden\n />\n </a>\n );\n }\n\n return (\n <NavigationLink\n key={item.to}\n to={item.to}\n end={item.end}\n data-testid={`sidebar-extensions-${item.to}`}\n className={({ isActive }) =>\n cn(\n sidebarNavRowClassName(),\n \"truncate\",\n isActive\n ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n )\n }\n >\n {baseRow}\n {label}\n {comingSoonBadge}\n </NavigationLink>\n );\n })}\n </div>\n <div className=\"px-2 pt-3\">\n <BackendSyncedSettingsBadge />\n </div>\n </aside>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;~~AAgBA,IAAM,IAA8B,WAE9B,~~IAA8B~~,~~YAUvB~~,IAA2C;CACtD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAmB,OAAO;GAAI,QAAQ;EAAK,CAAA;EACjD,KAAK;CACP;CACA;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAY,OAAO;GAAI,QAAQ;GAAI,eAAY;EAAQ,CAAA;EAC7D,KAAK;CACP;CACA;EACE,IAAI;EACJ,OAAO;EACP,MACE,kBAAC,OAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf,OAAO;GACP,QAAQ;GACR,eAAY;aAVd;IAYE,kBAAC,QAAD,EAAM,GAAE,yHAA0H,CAAA;IAClI,kBAAC,QAAD,EAAM,GAAE,qBAAsB,CAAA;IAC9B,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GAClB;;EAEP,KAAK;CACP;AACF;AAEA,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,eAAY,GACd,IAAiB,CAAC,EAAY,CAAO,KAAK,EAAQ,SAAS;CAEjE,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,aAAa;GACpB,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAqB,QACnB,MACC,EAAE,EAAK,~~OAAO~~,~~KAA+B~~,~~EACjD~~,EAAE,KAAK,MAAS;KACd,IAAM,IACJ,EAAK,OAAO,KAA+B,GACvC,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;KACF,CAAA,GAEF,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,IACG,EAAE,EAAQ,qCAAqC,IAC/C,EAAK;KACL,CAAA,GAEF,IAAkB,EAAK,cAC3B,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,EAAQ,eAAe;KACtB,CAAA;KAGR,IAAI,GAAmB;MACrB,IAAM,IAAiB,GAAG,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE;MAC3D,OACE,kBAAC,KAAD;OAEE,eAAa,sBAAsB,EAAK;OACxC,MAAM;OACN,QAAO;OACP,KAAI;OACJ,WAAW,EACT,EAAuB,GACvB,YACA,EAA8B,IAChC;iBAVF;QAYG;QACA;QACD,kBAAC,GAAD;SACE,WAAU;SACV,eAAA;QACD,CAAA;OACA;SAjBI,EAAK,EAiBT;KAEP;KAEA,OACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,KAAK,EAAK;MACV,eAAa,sBAAsB,EAAK;MACxC,YAAY,EAAE,kBACZ,EACE,EAAuB,GACvB,YACA,IACI,EAA8B,SAC9B,EAA8B,IACpC;gBAZJ;OAeG;OACA;OACA;MACa;QAjBT,EAAK,EAiBI;IAEpB,CAAC;GACE,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACA;;AAEX"}
1	+ {"version":3,"file":"extensions-navigation.js","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Blocks, ExternalLink } from \"lucide-react\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n SIDEBAR_ROW_INTERACTIVE_CLASS,\n sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\n\n/** Only the Skills item points to a cloud-hosted page today. /\nconst CLOUD_LINKED_EXTENSION_PATH = \"/skills\";\n/* Backend-installed artifacts are not available on Cloud backends yet. */\nconst CLOUD_HIDDEN_EXTENSION_PATHS = new Set([\"/plugins\", \"/apps\"]);\n\ninterface ExtensionNavItem {\n to: string;\n label: string;\n icon: React.ReactElement;\n end?: boolean;\n comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n {\n to: \"/mcp\",\n label: \"MCP Servers\",\n icon: <ServerProcessIcon width={16} height={16} />,\n end: true,\n },\n {\n to: \"/skills\",\n label: \"Skills\",\n icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n end: true,\n },\n {\n to: \"/plugins\",\n label: \"Plugins\",\n icon: (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n width={16}\n height={16}\n aria-hidden=\"true\"\n >\n <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n <path d=\"m3.3 7 8.7 5 8.7-5\" />\n <path d=\"M12 22V12\" />\n </svg>\n ),\n end: true,\n },\n {\n to: \"/apps\",\n label: \"Apps\",\n icon: <Blocks width={16} height={16} aria-hidden=\"true\" />,\n end: true,\n },\n];\n\nexport function ExtensionsNavigation() {\n const { t } = useTranslation(\"openhands\");\n const { active } = useActiveBackendContext();\n const { backend } = active;\n const isCloudBackend = !isNoBackend(backend) && backend.kind === \"cloud\";\n\n return (\n <aside\n data-testid=\"extensions-navbar-desktop\"\n className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n >\n <span className=\"px-2 text-sm font-normal text-white\">\n {t(I18nKey.NAV$CUSTOMIZE)}\n </span>\n <div className=\"flex flex-col gap-0.5 pt-0.5\">\n {EXTENSIONS_NAV_ITEMS.filter(\n (item) =>\n !(CLOUD_HIDDEN_EXTENSION_PATHS.has(item.to) && isCloudBackend),\n ).map((item) => {\n const isCloudSkillsLink =\n item.to === CLOUD_LINKED_EXTENSION_PATH && isCloudBackend;\n const baseRow = (\n <span className=\"shrink-0 flex items-center justify-center\">\n {item.icon}\n </span>\n );\n const label = (\n <span className=\"truncate\">\n {isCloudSkillsLink\n ? t(I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK)\n : item.label}\n </span>\n );\n const comingSoonBadge = item.comingSoon && (\n <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n {t(I18nKey.NAV$COMING_SOON)}\n </span>\n );\n\n if (isCloudSkillsLink) {\n const cloudSkillsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/skills`;\n return (\n <a\n key={item.to}\n data-testid={`sidebar-extensions-${item.to}`}\n href={cloudSkillsUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n sidebarNavRowClassName(),\n \"truncate\",\n SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n )}\n >\n {baseRow}\n {label}\n <ExternalLink\n className=\"ml-auto size-4 shrink-0 text-[var(--oh-muted)]\"\n aria-hidden\n />\n </a>\n );\n }\n\n return (\n <NavigationLink\n key={item.to}\n to={item.to}\n end={item.end}\n data-testid={`sidebar-extensions-${item.to}`}\n className={({ isActive }) =>\n cn(\n sidebarNavRowClassName(),\n \"truncate\",\n isActive\n ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n )\n }\n >\n {baseRow}\n {label}\n {comingSoonBadge}\n </NavigationLink>\n );\n })}\n </div>\n <div className=\"px-2 pt-3\">\n <BackendSyncedSettingsBadge />\n </div>\n </aside>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,IAA8B,WAE9B,IAA+B,IAAI,IAAI,CAAC,YAAY,OAAO,CAAC,GAUrD,IAA2C;CACtD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAmB,OAAO;GAAI,QAAQ;EAAK,CAAA;EACjD,KAAK;CACP;CACA;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAY,OAAO;GAAI,QAAQ;GAAI,eAAY;EAAQ,CAAA;EAC7D,KAAK;CACP;CACA;EACE,IAAI;EACJ,OAAO;EACP,MACE,kBAAC,OAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf,OAAO;GACP,QAAQ;GACR,eAAY;aAVd;IAYE,kBAAC,QAAD,EAAM,GAAE,yHAA0H,CAAA;IAClI,kBAAC,QAAD,EAAM,GAAE,qBAAsB,CAAA;IAC9B,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GAClB;;EAEP,KAAK;CACP;CACA;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAQ,OAAO;GAAI,QAAQ;GAAI,eAAY;EAAQ,CAAA;EACzD,KAAK;CACP;AACF;AAEA,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,eAAY,GACd,IAAiB,CAAC,EAAY,CAAO,KAAK,EAAQ,SAAS;CAEjE,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,aAAa;GACpB,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAqB,QACnB,MACC,EAAE,EAA6B,IAAI,EAAK,EAAE,KAAK,EACnD,EAAE,KAAK,MAAS;KACd,IAAM,IACJ,EAAK,OAAO,KAA+B,GACvC,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;KACF,CAAA,GAEF,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,IACG,EAAE,EAAQ,qCAAqC,IAC/C,EAAK;KACL,CAAA,GAEF,IAAkB,EAAK,cAC3B,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,EAAQ,eAAe;KACtB,CAAA;KAGR,IAAI,GAAmB;MACrB,IAAM,IAAiB,GAAG,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE;MAC3D,OACE,kBAAC,KAAD;OAEE,eAAa,sBAAsB,EAAK;OACxC,MAAM;OACN,QAAO;OACP,KAAI;OACJ,WAAW,EACT,EAAuB,GACvB,YACA,EAA8B,IAChC;iBAVF;QAYG;QACA;QACD,kBAAC,GAAD;SACE,WAAU;SACV,eAAA;QACD,CAAA;OACA;SAjBI,EAAK,EAiBT;KAEP;KAEA,OACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,KAAK,EAAK;MACV,eAAa,sBAAsB,EAAK;MACxC,YAAY,EAAE,kBACZ,EACE,EAAuB,GACvB,YACA,IACI,EAA8B,SAC9B,EAA8B,IACpC;gBAZJ;OAeG;OACA;OACA;MACa;QAjBT,EAAK,EAiBI;IAEpB,CAAC;GACE,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACA;;AAEX"}

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

@@ -1,2 +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;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../i18n/declaration.cjs"),t=require("../../../utils/skill-enablement.cjs"),n=require("../../../utils/skill-scope.cjs"),r=require("./get-skill-card-description.cjs"),i=require("../../../utils/skill-category.cjs");var a=`source`,o=`category`,s=`type`,c=`state`,l=`recommendation`,u=[`enabled`,`disabled`],d=[`recommended`,`other`],f=[`agentskills`,`knowledge`,`repo`],p={query:``,sources:new Set,categories:new Set,types:new Set,states:new Set,recommendations: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.I18nKey.SETTINGS$SKILLS_SOURCE_PROJECT,personal:e.I18nKey.SETTINGS$SKILLS_SOURCE_PERSONAL,public:e.I18nKey.SETTINGS$SKILLS_SOURCE_PUBLIC},_={agentskills:e.I18nKey.SETTINGS$SKILLS_TYPE_AGENTSKILLS,knowledge:e.I18nKey.SETTINGS$SKILLS_TYPE_KNOWLEDGE,repo:e.I18nKey.SETTINGS$SKILLS_TYPE_REPO},v={enabled:e.I18nKey.SETTINGS$SKILLS_ENABLED,disabled:e.I18nKey.SETTINGS$SKILLS_DISABLED},y={recommended:e.I18nKey.SETTINGS$SKILLS_RECOMMENDED,other:e.I18nKey.SETTINGS$SKILLS_RECOMMENDATION_OTHER},b=[{id:`state`,labelKey:e.I18nKey.SETTINGS$SKILLS_FACET_STATE,param:c,values:m(u,v),valueOf:(e,t)=>t(e)?`enabled`:`disabled`,selected:e=>e.states,withSelected:(e,t)=>({...e,states:h(u,t)})},{id:`recommendation`,labelKey:e.I18nKey.SETTINGS$SKILLS_FACET_RECOMMENDATION,param:l,values:m(d,y),valueOf:e=>t.isRecommendedSkill(e.name)?`recommended`:`other`,selected:e=>e.recommendations,withSelected:(e,t)=>({...e,recommendations:h(d,t)})},{id:`source`,labelKey:e.I18nKey.SETTINGS$SKILLS_FACET_SOURCE,param:a,values:m(n.SKILL_SCOPE_ORDER,g),valueOf:e=>n.getSkillScope(e),selected:e=>e.sources,withSelected:(e,t)=>({...e,sources:h(n.SKILL_SCOPE_ORDER,t)})},{id:`category`,labelKey:e.I18nKey.SETTINGS$SKILLS_FACET_CATEGORY,param:o,values:m(i.SKILL_CATEGORY_ORDER,i.SKILL_CATEGORY_LABEL_KEYS),valueOf:e=>i.getSkillCategory(e),selected:e=>e.categories,withSelected:(e,t)=>({...e,categories:h(i.SKILL_CATEGORY_ORDER,t)})},{id:`type`,labelKey:e.I18nKey.SETTINGS$SKILLS_FACET_TYPE,param:s,values:m(f,_),valueOf:e=>e.type,selected:e=>e.types,withSelected:(e,t)=>({...e,types:h(f,t)})}];function x(e){let t=b.find(t=>t.id===e);if(!t)throw Error(`Unknown skill facet group: ${e}`);return t}function S(e,t){let n=t.trim();if(!n)return!0;let i=[e.name,r.getSkillCardDescription(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 C(e,t,n,r){return b.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 w(e,t,n){return e.filter(e=>S(e,n.query)&&C(e,t,n))}function T(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 E(e,t,n,r,i){let a=T(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=T(n.filter(t=>C(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 D(e,t,n){let r=e.filter(e=>S(e,n.query));return b.map(i=>E(i,e,r,t,n)).filter(e=>e!==null)}function O(e,t,n){let r=x(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 k(e){return{...p,query:e.query}}function A(e){return b.reduce((t,n)=>t+n.selected(e).size,0)}exports.EMPTY_SKILL_FILTER_STATE=p,exports.applySkillFilters=w,exports.buildSkillFacetGroups=D,exports.clearSkillFilterFacets=k,exports.countActiveFilters=A,exports.toggleSkillFilterValue=O;
 //# sourceMappingURL=skill-filter.cjs.map

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

	@@ -1 +1 @@
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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"}
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 { isRecommendedSkill } from \"#/utils/skill-enablement\";\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\";\nconst RECOMMENDATION_PARAM = \"recommendation\";\n\nexport type SkillEnabledState = \"enabled\" \| \"disabled\";\nexport type SkillRecommendation = \"recommended\" \| \"other\";\nexport type SkillFacetGroupId =\n \| \"state\"\n \| \"recommendation\"\n \| \"source\"\n \| \"category\"\n \| \"type\";\n\nconst SKILL_ENABLED_STATE_ORDER: readonly SkillEnabledState[] = [\n \"enabled\",\n \"disabled\",\n];\nconst SKILL_RECOMMENDATION_ORDER: readonly SkillRecommendation[] = [\n \"recommended\",\n \"other\",\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 recommendations: Set<SkillRecommendation>;\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 recommendations: 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/* Resolving the two lists behind enablement is the caller's job, not this module's. /\ntype SkillEnabledPredicate = (skill: SkillInfo) => boolean;\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, isEnabled: SkillEnabledPredicate) => 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 RECOMMENDATION_LABEL_KEYS: Record<SkillRecommendation, I18nKey> = {\n recommended: I18nKey.SETTINGS$SKILLS_RECOMMENDED,\n other: I18nKey.SETTINGS$SKILLS_RECOMMENDATION_OTHER,\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, isEnabled) => (isEnabled(skill) ? \"enabled\" : \"disabled\"),\n selected: (state) => state.states,\n withSelected: (state, next) => ({\n ...state,\n states: narrowSet(SKILL_ENABLED_STATE_ORDER, next),\n }),\n },\n {\n id: \"recommendation\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_RECOMMENDATION,\n param: RECOMMENDATION_PARAM,\n values: labelledValues(\n SKILL_RECOMMENDATION_ORDER,\n RECOMMENDATION_LABEL_KEYS,\n ),\n valueOf: (skill) =>\n isRecommendedSkill(skill.name) ? \"recommended\" : \"other\",\n selected: (state) => state.recommendations,\n withSelected: (state, next) => ({\n ...state,\n recommendations: narrowSet(SKILL_RECOMMENDATION_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 isEnabled: SkillEnabledPredicate,\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, isEnabled));\n });\n}\n\nexport function applySkillFilters(\n skills: SkillInfo[],\n isEnabled: SkillEnabledPredicate,\n state: SkillFilterState,\n): SkillInfo[] {\n return skills.filter(\n (skill) =>\n matchesQuery(skill, state.query) &&\n matchesFacets(skill, isEnabled, state),\n );\n}\n\nfunction countByValue(\n skills: SkillInfo[],\n def: GroupDef,\n isEnabled: SkillEnabledPredicate,\n): Record<string, number> {\n const counts: Record<string, number> = {};\n for (const skill of skills) {\n const value = def.valueOf(skill, isEnabled);\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 isEnabled: SkillEnabledPredicate,\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, isEnabled);\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, isEnabled, state, def.id),\n );\n const counts = countByValue(candidates, def, isEnabled);\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 isEnabled: SkillEnabledPredicate,\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, isEnabled, 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.d.ts CHANGED Viewed

@@ -4,13 +4,15 @@ import type { SkillInfo, SkillType } from "#/types/settings";
 import { type SkillScope } from "#/utils/skill-scope";
 export declare const SKILL_FILTER_QUERY_PARAM = "q";
 export type SkillEnabledState = "enabled" | "disabled";
-export type SkillFacetGroupId = "state" | "source" | "category" | "type";
+export type SkillRecommendation = "recommended" | "other";
+export type SkillFacetGroupId = "state" | "recommendation" | "source" | "category" | "type";
 export interface SkillFilterState {
     query: string;
     sources: Set<SkillScope>;
     categories: Set<SkillCategoryId>;
     types: Set<SkillType>;
     states: Set<SkillEnabledState>;
+    recommendations: Set<SkillRecommendation>;
 }
 export interface SkillFacetRowModel {
     value: string;
@@ -25,10 +27,13 @@ export interface SkillFacetGroup {
     rows: SkillFacetRowModel[];
 }
 export declare const EMPTY_SKILL_FILTER_STATE: SkillFilterState;
+/** Resolving the two lists behind enablement is the caller's job, not this module's. */
+type SkillEnabledPredicate = (skill: SkillInfo) => boolean;
 export declare function parseSkillFilterState(params: URLSearchParams): SkillFilterState;
 export declare function toSkillFilterSearchParams(state: SkillFilterState): URLSearchParams;
-export declare function applySkillFilters(skills: SkillInfo[], disabledSet: Set<string>, state: SkillFilterState): SkillInfo[];
-export declare function buildSkillFacetGroups(skills: SkillInfo[], disabledSet: Set<string>, state: SkillFilterState): SkillFacetGroup[];
+export declare function applySkillFilters(skills: SkillInfo[], isEnabled: SkillEnabledPredicate, state: SkillFilterState): SkillInfo[];
+export declare function buildSkillFacetGroups(skills: SkillInfo[], isEnabled: SkillEnabledPredicate, state: SkillFilterState): SkillFacetGroup[];
 export declare function toggleSkillFilterValue(state: SkillFilterState, groupId: SkillFacetGroupId, value: string): SkillFilterState;
 export declare function clearSkillFilterFacets(state: SkillFilterState): SkillFilterState;
 export declare function countActiveFilters(state: SkillFilterState): number;
+export {};