@nospt/backstage-plugin-apigee 0.1.0

package/dist/components/SearchBar.esm.js

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+import { TextField, InputAdornment, IconButton, makeStyles } from '@material-ui/core';
+import Clear from '@material-ui/icons/Clear';
+import Search from '@material-ui/icons/Search';
+
+const useStyles = makeStyles((theme) => ({
+  field: {
+    minWidth: 240,
+    flex: "1 1 auto",
+    "& input:focus-visible": {
+      outline: `2px solid ${theme.palette.primary.main}`,
+      outlineOffset: 2
+    }
+  },
+  searchIcon: {
+    color: theme.palette.text.secondary
+  }
+}));
+function SearchBar({ value, onChange }) {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      className: classes.field,
+      variant: "outlined",
+      size: "small",
+      placeholder: "Search APIs\u2026",
+      value,
+      onChange: (event) => onChange(event.target.value),
+      inputProps: { "aria-label": "Search APIs" },
+      InputProps: {
+        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(Search, { className: classes.searchIcon }) }),
+        endAdornment: value ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            "aria-label": "Clear search",
+            onClick: () => onChange(""),
+            children: /* @__PURE__ */ jsx(Clear, {})
+          }
+        ) }) : void 0
+      }
+    }
+  );
+}
+
+export { SearchBar };
+//# sourceMappingURL=SearchBar.esm.js.map

package/dist/components/SearchBar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.esm.js","sources":["../../src/components/SearchBar.tsx"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport {\r\n  IconButton,\r\n  InputAdornment,\r\n  TextField,\r\n  makeStyles,\r\n} from '@material-ui/core';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport Search from '@material-ui/icons/Search';\r\n\r\nexport interface SearchBarProps {\r\n  /** Controlled input value — echoes keystrokes instantly (no debounce here). */\r\n  value: string;\r\n  /** Reports every change; the 200 ms trailing debounce lives in `useApigeeFilters` (06-04). */\r\n  onChange: (next: string) => void;\r\n}\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  field: {\r\n    minWidth: 240,\r\n    flex: '1 1 auto',\r\n    '& input:focus-visible': {\r\n      outline: `2px solid ${theme.palette.primary.main}`,\r\n      outlineOffset: 2,\r\n    },\r\n  },\r\n  searchIcon: {\r\n    color: theme.palette.text.secondary,\r\n  },\r\n}));\r\n\r\n/**\r\n * Stateless, controlled outlined search field (UI-SPEC §Component Inventory #2). Holds NO state\r\n * and NO debounce — it purely echoes `value` and reports changes; the 200 ms trailing debounce\r\n * lives in the `useApigeeFilters` hook (06-04). Leading search icon, and a Clear\r\n * (✕) button shown only when `value` is non-empty. No spinner (UI-SPEC Assumption 9). The `value`\r\n * renders only as a controlled prop (React auto-escapes) — never raw HTML (T-06-03-01).\r\n */\r\nexport function SearchBar({ value, onChange }: SearchBarProps) {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <TextField\r\n      className={classes.field}\r\n      variant=\"outlined\"\r\n      size=\"small\"\r\n      placeholder=\"Search APIs…\"\r\n      value={value}\r\n      onChange={event => onChange(event.target.value)}\r\n      inputProps={{ 'aria-label': 'Search APIs' }}\r\n      InputProps={{\r\n        startAdornment: (\r\n          <InputAdornment position=\"start\">\r\n            <Search className={classes.searchIcon} />\r\n          </InputAdornment>\r\n        ),\r\n        endAdornment: value ? (\r\n          <InputAdornment position=\"end\">\r\n            <IconButton\r\n              size=\"small\"\r\n              aria-label=\"Clear search\"\r\n              onClick={() => onChange('')}\r\n            >\r\n              <Clear />\r\n            </IconButton>\r\n          </InputAdornment>\r\n        ) : undefined,\r\n      }}\r\n    />\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;;AAiBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,GAAA;AAAA,IACV,IAAA,EAAM,UAAA;AAAA,IACN,uBAAA,EAAyB;AAAA,MACvB,OAAA,EAAS,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,QAAQ,IAAI,CAAA,CAAA;AAAA,MAChD,aAAA,EAAe;AAAA;AACjB,GACF;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA;AAE9B,CAAA,CAAE,CAAA;AASK,SAAS,SAAA,CAAU,EAAE,KAAA,EAAO,QAAA,EAAS,EAAmB;AAC7D,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,KAAA;AAAA,MACnB,OAAA,EAAQ,UAAA;AAAA,MACR,IAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAY,mBAAA;AAAA,MACZ,KAAA;AAAA,MACA,QAAA,EAAU,CAAA,KAAA,KAAS,QAAA,CAAS,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,MAC9C,UAAA,EAAY,EAAE,YAAA,EAAc,aAAA,EAAc;AAAA,MAC1C,UAAA,EAAY;AAAA,QACV,cAAA,kBACE,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAS,OAAA,EACvB,8BAAC,MAAA,EAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,UAAA,EAAY,CAAA,EACzC,CAAA;AAAA,QAEF,YAAA,EAAc,KAAA,mBACZ,GAAA,CAAC,cAAA,EAAA,EAAe,UAAS,KAAA,EACvB,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,YAAA,EAAW,cAAA;AAAA,YACX,OAAA,EAAS,MAAM,QAAA,CAAS,EAAE,CAAA;AAAA,YAE1B,8BAAC,KAAA,EAAA,EAAM;AAAA;AAAA,WAEX,CAAA,GACE;AAAA;AACN;AAAA,GACF;AAEJ;;;;"}

package/dist/components/apiCardViewModel.esm.js

@@ -0,0 +1,41 @@
+import { parseEntityRef } from '@backstage/catalog-model';
+import { humanizeEntityRef } from '@backstage/plugin-catalog-react';
+import { ANNOTATION_CATEGORY, ANNOTATION_API_HUB_VERSION, ANNOTATION_HAS_SPEC } from '../constants.esm.js';
+
+function toBadge(lifecycle) {
+  switch (lifecycle) {
+    case "production":
+      return { label: "Production", kind: "ok" };
+    case "deprecated":
+      return { label: "Deprecated", kind: "error" };
+    case "experimental":
+      return { label: "Experimental", kind: "warning" };
+    default:
+      return { label: "Unknown", kind: "warning" };
+  }
+}
+function toApiCardViewModel(entity) {
+  const annotations = entity.metadata.annotations ?? {};
+  const owner = entity.spec?.owner;
+  const description = entity.metadata.description?.trim() ? entity.metadata.description : void 0;
+  return {
+    name: entity.metadata.title ?? entity.metadata.name,
+    ownerLabel: owner ? humanizeEntityRef(
+      parseEntityRef(owner, { defaultKind: "group", defaultNamespace: "default" }),
+      { defaultKind: "group" }
+    ) : "unknown",
+    badge: toBadge(entity.spec?.lifecycle),
+    hasSpec: annotations[ANNOTATION_HAS_SPEC] === "true",
+    version: annotations[ANNOTATION_API_HUB_VERSION] || void 0,
+    category: annotations[ANNOTATION_CATEGORY]?.split(",")[0]?.trim() || void 0,
+    description,
+    targetRef: {
+      kind: "API",
+      namespace: entity.metadata.namespace ?? "default",
+      name: entity.metadata.name
+    }
+  };
+}
+
+export { toApiCardViewModel };
+//# sourceMappingURL=apiCardViewModel.esm.js.map

package/dist/components/apiCardViewModel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiCardViewModel.esm.js","sources":["../../src/components/apiCardViewModel.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport { type Entity, parseEntityRef } from '@backstage/catalog-model';\r\nimport { humanizeEntityRef } from '@backstage/plugin-catalog-react';\r\nimport {\r\n  ANNOTATION_HAS_SPEC,\r\n  ANNOTATION_CATEGORY,\r\n  ANNOTATION_API_HUB_VERSION,\r\n} from '../constants';\r\n\r\nexport type LifecycleBadgeKind = 'ok' | 'warning' | 'error';\r\n\r\nexport interface ApiCardViewModel {\r\n  /** metadata.title ?? metadata.name */\r\n  name: string;\r\n  /** humanizeEntityRef(spec.owner, { defaultKind: 'group' }) — 'unknown' when absent */\r\n  ownerLabel: string;\r\n  badge: { label: string; kind: LifecycleBadgeKind };\r\n  /** annotations['apigee.com/has-spec'] === 'true' */\r\n  hasSpec: boolean;\r\n  /** annotations['apigee.com/api-hub-version'] — omitted when absent (D-05) */\r\n  version?: string;\r\n  /** first comma-separated slug of apigee.com/category — undefined => 'Other' bucket */\r\n  category?: string;\r\n  /** metadata.description — omitted when empty */\r\n  description?: string;\r\n  /** for entityRouteRef navigation (05-04) */\r\n  targetRef: { kind: 'API'; namespace: string; name: string };\r\n}\r\n\r\n/** D-04 lifecycle -> badge mapping. Unknown/undeployed/missing default to warning. */\r\nfunction toBadge(lifecycle: string | undefined): {\r\n  label: string;\r\n  kind: LifecycleBadgeKind;\r\n} {\r\n  switch (lifecycle) {\r\n    case 'production':\r\n      return { label: 'Production', kind: 'ok' };\r\n    case 'deprecated':\r\n      return { label: 'Deprecated', kind: 'error' };\r\n    case 'experimental':\r\n      return { label: 'Experimental', kind: 'warning' };\r\n    default:\r\n      return { label: 'Unknown', kind: 'warning' };\r\n  }\r\n}\r\n\r\n/** PURE mapper: an Apigee `kind: API` entity -> the view-model each tile renders. */\r\nexport function toApiCardViewModel(entity: Entity): ApiCardViewModel {\r\n  const annotations = entity.metadata.annotations ?? {};\r\n  const owner = entity.spec?.owner as string | undefined;\r\n  const description = entity.metadata.description?.trim()\r\n    ? entity.metadata.description\r\n    : undefined;\r\n\r\n  return {\r\n    name: entity.metadata.title ?? entity.metadata.name,\r\n    ownerLabel: owner\r\n      ? humanizeEntityRef(\r\n          parseEntityRef(owner, { defaultKind: 'group', defaultNamespace: 'default' }),\r\n          { defaultKind: 'group' },\r\n        )\r\n      : 'unknown',\r\n    badge: toBadge(entity.spec?.lifecycle as string | undefined),\r\n    hasSpec: annotations[ANNOTATION_HAS_SPEC] === 'true',\r\n    version: annotations[ANNOTATION_API_HUB_VERSION] || undefined,\r\n    category: annotations[ANNOTATION_CATEGORY]?.split(',')[0]?.trim() || undefined,\r\n    description,\r\n    targetRef: {\r\n      kind: 'API',\r\n      namespace: entity.metadata.namespace ?? 'default',\r\n      name: entity.metadata.name,\r\n    },\r\n  };\r\n}\r\n"],"names":[],"mappings":";;;;AA8BA,SAAS,QAAQ,SAAA,EAGf;AACA,EAAA,QAAQ,SAAA;AAAW,IACjB,KAAK,YAAA;AACH,MAAA,OAAO,EAAE,KAAA,EAAO,YAAA,EAAc,IAAA,EAAM,IAAA,EAAK;AAAA,IAC3C,KAAK,YAAA;AACH,MAAA,OAAO,EAAE,KAAA,EAAO,YAAA,EAAc,IAAA,EAAM,OAAA,EAAQ;AAAA,IAC9C,KAAK,cAAA;AACH,MAAA,OAAO,EAAE,KAAA,EAAO,cAAA,EAAgB,IAAA,EAAM,SAAA,EAAU;AAAA,IAClD;AACE,MAAA,OAAO,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,SAAA,EAAU;AAAA;AAEjD;AAGO,SAAS,mBAAmB,MAAA,EAAkC;AACnE,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,QAAA,CAAS,WAAA,IAAe,EAAC;AACpD,EAAA,MAAM,KAAA,GAAQ,OAAO,IAAA,EAAM,KAAA;AAC3B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,WAAA,EAAa,MAAK,GAClD,MAAA,CAAO,SAAS,WAAA,GAChB,MAAA;AAEJ,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,MAAA,CAAO,QAAA,CAAS,KAAA,IAAS,OAAO,QAAA,CAAS,IAAA;AAAA,IAC/C,YAAY,KAAA,GACR,iBAAA;AAAA,MACE,eAAe,KAAA,EAAO,EAAE,aAAa,OAAA,EAAS,gBAAA,EAAkB,WAAW,CAAA;AAAA,MAC3E,EAAE,aAAa,OAAA;AAAQ,KACzB,GACA,SAAA;AAAA,IACJ,KAAA,EAAO,OAAA,CAAQ,MAAA,CAAO,IAAA,EAAM,SAA+B,CAAA;AAAA,IAC3D,OAAA,EAAS,WAAA,CAAY,mBAAmB,CAAA,KAAM,MAAA;AAAA,IAC9C,OAAA,EAAS,WAAA,CAAY,0BAA0B,CAAA,IAAK,MAAA;AAAA,IACpD,QAAA,EAAU,WAAA,CAAY,mBAAmB,CAAA,EAAG,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAA,EAAG,IAAA,EAAK,IAAK,MAAA;AAAA,IACrE,WAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,KAAA;AAAA,MACN,SAAA,EAAW,MAAA,CAAO,QAAA,CAAS,SAAA,IAAa,SAAA;AAAA,MACxC,IAAA,EAAM,OAAO,QAAA,CAAS;AAAA;AACxB,GACF;AACF;;;;"}

package/dist/components/apigeeFacetFilters.esm.js

@@ -0,0 +1,61 @@
+import { parseEntityRef } from '@backstage/catalog-model';
+import { humanizeEntityRef } from '@backstage/plugin-catalog-react';
+import { ANNOTATION_APIGEE_ORGS, ANNOTATION_APIGEE_ORG, ANNOTATION_CATEGORY } from '../constants.esm.js';
+
+function isApigeeEntity(e) {
+  const a = e.metadata.annotations ?? {};
+  return ANNOTATION_APIGEE_ORGS in a || ANNOTATION_APIGEE_ORG in a;
+}
+const entityLifecycle = (e) => e.spec?.lifecycle?.trim() || void 0;
+const entityOwnerLabel = (e) => {
+  const owner = e.spec?.owner;
+  return owner ? humanizeEntityRef(
+    parseEntityRef(owner, { defaultKind: "group", defaultNamespace: "default" }),
+    { defaultKind: "group" }
+  ) : void 0;
+};
+const entityOrg = (e) => {
+  const a = e.metadata.annotations ?? {};
+  return (a[ANNOTATION_APIGEE_ORGS] ?? a[ANNOTATION_APIGEE_ORG])?.split(",")[0]?.trim() || void 0;
+};
+const entityCategory = (e) => (e.metadata.annotations ?? {})[ANNOTATION_CATEGORY]?.split(",")[0]?.trim() || void 0;
+const entityCategoryFacet = (e) => entityCategory(e) ?? "other";
+class FieldFacetFilter {
+  constructor(extract, values) {
+    this.extract = extract;
+    this.values = values;
+  }
+  extract;
+  values;
+  filterEntity(entity) {
+    const v = this.extract(entity);
+    return v !== void 0 && this.values.includes(v);
+  }
+}
+function apiSearchHaystack(e) {
+  return [
+    e.metadata.title ?? e.metadata.name,
+    e.metadata.description ?? "",
+    entityOwnerLabel(e) ?? "",
+    entityOrg(e) ?? "",
+    entityCategory(e) ?? ""
+  ].join(" ").toLowerCase();
+}
+class ApiSearchFilter {
+  needle;
+  constructor(query) {
+    this.needle = query.trim().toLowerCase();
+  }
+  filterEntity(entity) {
+    return this.needle === "" || apiSearchHaystack(entity).includes(this.needle);
+  }
+}
+class ApiKindFilter {
+  value = "api";
+  getCatalogFilters() {
+    return { kind: this.value };
+  }
+}
+
+export { ApiKindFilter, ApiSearchFilter, FieldFacetFilter, apiSearchHaystack, entityCategory, entityCategoryFacet, entityLifecycle, entityOrg, entityOwnerLabel, isApigeeEntity };
+//# sourceMappingURL=apigeeFacetFilters.esm.js.map

package/dist/components/apigeeFacetFilters.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apigeeFacetFilters.esm.js","sources":["../../src/components/apigeeFacetFilters.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport { type Entity, parseEntityRef } from '@backstage/catalog-model';\r\nimport type { EntityFilter } from '@backstage/plugin-catalog-react';\r\nimport { humanizeEntityRef } from '@backstage/plugin-catalog-react';\r\nimport {\r\n  ANNOTATION_APIGEE_ORGS,\r\n  ANNOTATION_APIGEE_ORG,\r\n  ANNOTATION_CATEGORY,\r\n} from '../constants';\r\n\r\n/** Dual-key is-Apigee gate (same rule as the existing ApigeeOrgFilter). */\r\nexport function isApigeeEntity(e: Entity): boolean {\r\n  const a = e.metadata.annotations ?? {};\r\n  return ANNOTATION_APIGEE_ORGS in a || ANNOTATION_APIGEE_ORG in a;\r\n}\r\n\r\n// --- Pure field extractors: the ONE place each facet's value is defined. Reused by\r\n//     deriveFacets(), the facet predicates, and the search haystack. Unit-testable. ---\r\nexport const entityLifecycle = (e: Entity): string | undefined =>\r\n  (e.spec?.lifecycle as string | undefined)?.trim() || undefined;\r\n\r\nexport const entityOwnerLabel = (e: Entity): string | undefined => {\r\n  const owner = e.spec?.owner as string | undefined;\r\n  return owner\r\n    ? humanizeEntityRef(\r\n        parseEntityRef(owner, { defaultKind: 'group', defaultNamespace: 'default' }),\r\n        { defaultKind: 'group' },\r\n      ) // 'group:default/payments-team' -> 'payments-team'\r\n    : undefined;\r\n};\r\n\r\nexport const entityOrg = (e: Entity): string | undefined => {\r\n  const a = e.metadata.annotations ?? {};\r\n  return (\r\n    (a[ANNOTATION_APIGEE_ORGS] ?? a[ANNOTATION_APIGEE_ORG])?.split(',')[0]?.trim() ||\r\n    undefined\r\n  );\r\n};\r\n\r\nexport const entityCategory = (e: Entity): string | undefined =>\r\n  (e.metadata.annotations ?? {})[ANNOTATION_CATEGORY]?.split(',')[0]?.trim() ||\r\n  undefined;\r\n\r\n/**\r\n * Facet-only category value: maps an uncategorised entity to the 'other' bucket\r\n * (LOCKED UI-SPEC Facet Data). Search uses `entityCategory` (the REAL slug) instead,\r\n * so a search for \"other\" does not match uncategorised APIs.\r\n */\r\nexport const entityCategoryFacet = (e: Entity): string =>\r\n  entityCategory(e) ?? 'other';\r\n\r\n/** Generic single-field multi-value facet. Within-facet OR. No URL seam / getCatalogFilters. */\r\nexport class FieldFacetFilter implements EntityFilter {\r\n  constructor(\r\n    private readonly extract: (e: Entity) => string | undefined,\r\n    public readonly values: string[],\r\n  ) {}\r\n  filterEntity(entity: Entity): boolean {\r\n    const v = this.extract(entity);\r\n    return v !== undefined && this.values.includes(v); // OR across selected values\r\n  }\r\n}\r\n\r\n/** Broad \"find anything\" search: name + description + owner + org + category (D-09). */\r\nexport function apiSearchHaystack(e: Entity): string {\r\n  return [\r\n    e.metadata.title ?? e.metadata.name,\r\n    e.metadata.description ?? '',\r\n    entityOwnerLabel(e) ?? '',\r\n    entityOrg(e) ?? '',\r\n    entityCategory(e) ?? '',\r\n  ]\r\n    .join(' ')\r\n    .toLowerCase();\r\n}\r\n\r\nexport class ApiSearchFilter implements EntityFilter {\r\n  private readonly needle: string;\r\n  constructor(query: string) {\r\n    this.needle = query.trim().toLowerCase();\r\n  }\r\n  filterEntity(entity: Entity): boolean {\r\n    // String.includes ONLY — never build a RegExp from user input (ReDoS guard).\r\n    return this.needle === '' || apiSearchHaystack(entity).includes(this.needle);\r\n  }\r\n}\r\n\r\n/**\r\n * Replaces EntityKindFilter('api','API'): keeps the backend kind=api filter but exposes no\r\n * URL seam, so the provider does not serialize `filters[kind]=api` into the URL (D-06).\r\n */\r\nexport class ApiKindFilter implements EntityFilter {\r\n  readonly value = 'api';\r\n  getCatalogFilters(): Record<string, string> {\r\n    return { kind: this.value };\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;AAWO,SAAS,eAAe,CAAA,EAAoB;AACjD,EAAA,MAAM,CAAA,GAAI,CAAA,CAAE,QAAA,CAAS,WAAA,IAAe,EAAC;AACrC,EAAA,OAAO,sBAAA,IAA0B,KAAK,qBAAA,IAAyB,CAAA;AACjE;AAIO,MAAM,kBAAkB,CAAC,CAAA,KAC7B,EAAE,IAAA,EAAM,SAAA,EAAkC,MAAK,IAAK;AAEhD,MAAM,gBAAA,GAAmB,CAAC,CAAA,KAAkC;AACjE,EAAA,MAAM,KAAA,GAAQ,EAAE,IAAA,EAAM,KAAA;AACtB,EAAA,OAAO,KAAA,GACH,iBAAA;AAAA,IACE,eAAe,KAAA,EAAO,EAAE,aAAa,OAAA,EAAS,gBAAA,EAAkB,WAAW,CAAA;AAAA,IAC3E,EAAE,aAAa,OAAA;AAAQ,GACzB,GACA,MAAA;AACN;AAEO,MAAM,SAAA,GAAY,CAAC,CAAA,KAAkC;AAC1D,EAAA,MAAM,CAAA,GAAI,CAAA,CAAE,QAAA,CAAS,WAAA,IAAe,EAAC;AACrC,EAAA,OAAA,CACG,CAAA,CAAE,sBAAsB,CAAA,IAAK,CAAA,CAAE,qBAAqB,CAAA,GAAI,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAA,EAAG,IAAA,EAAK,IAC7E,MAAA;AAEJ;AAEO,MAAM,iBAAiB,CAAC,CAAA,KAAA,CAC5B,CAAA,CAAE,QAAA,CAAS,eAAe,EAAC,EAAG,mBAAmB,CAAA,EAAG,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,EAAG,MAAK,IACzE;AAOK,MAAM,mBAAA,GAAsB,CAAC,CAAA,KAClC,cAAA,CAAe,CAAC,CAAA,IAAK;AAGhB,MAAM,gBAAA,CAAyC;AAAA,EACpD,WAAA,CACmB,SACD,MAAA,EAChB;AAFiB,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA;AACD,IAAA,IAAA,CAAA,MAAA,GAAA,MAAA;AAAA,EACf;AAAA,EAFgB,OAAA;AAAA,EACD,MAAA;AAAA,EAElB,aAAa,MAAA,EAAyB;AACpC,IAAA,MAAM,CAAA,GAAI,IAAA,CAAK,OAAA,CAAQ,MAAM,CAAA;AAC7B,IAAA,OAAO,CAAA,KAAM,MAAA,IAAa,IAAA,CAAK,MAAA,CAAO,SAAS,CAAC,CAAA;AAAA,EAClD;AACF;AAGO,SAAS,kBAAkB,CAAA,EAAmB;AACnD,EAAA,OAAO;AAAA,IACL,CAAA,CAAE,QAAA,CAAS,KAAA,IAAS,CAAA,CAAE,QAAA,CAAS,IAAA;AAAA,IAC/B,CAAA,CAAE,SAAS,WAAA,IAAe,EAAA;AAAA,IAC1B,gBAAA,CAAiB,CAAC,CAAA,IAAK,EAAA;AAAA,IACvB,SAAA,CAAU,CAAC,CAAA,IAAK,EAAA;AAAA,IAChB,cAAA,CAAe,CAAC,CAAA,IAAK;AAAA,GACvB,CACG,IAAA,CAAK,GAAG,CAAA,CACR,WAAA,EAAY;AACjB;AAEO,MAAM,eAAA,CAAwC;AAAA,EAClC,MAAA;AAAA,EACjB,YAAY,KAAA,EAAe;AACzB,IAAA,IAAA,CAAK,MAAA,GAAS,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY;AAAA,EACzC;AAAA,EACA,aAAa,MAAA,EAAyB;AAEpC,IAAA,OAAO,IAAA,CAAK,WAAW,EAAA,IAAM,iBAAA,CAAkB,MAAM,CAAA,CAAE,QAAA,CAAS,KAAK,MAAM,CAAA;AAAA,EAC7E;AACF;AAMO,MAAM,aAAA,CAAsC;AAAA,EACxC,KAAA,GAAQ,KAAA;AAAA,EACjB,iBAAA,GAA4C;AAC1C,IAAA,OAAO,EAAE,IAAA,EAAM,IAAA,CAAK,KAAA,EAAM;AAAA,EAC5B;AACF;;;;"}

package/dist/components/apigeeOrgFilter.esm.js

@@ -0,0 +1,11 @@
+import { ANNOTATION_APIGEE_ORGS, ANNOTATION_APIGEE_ORG } from '../constants.esm.js';
+
+class ApigeeOrgFilter {
+  filterEntity(entity) {
+    const a = entity.metadata.annotations ?? {};
+    return ANNOTATION_APIGEE_ORGS in a || ANNOTATION_APIGEE_ORG in a;
+  }
+}
+
+export { ApigeeOrgFilter };
+//# sourceMappingURL=apigeeOrgFilter.esm.js.map

package/dist/components/apigeeOrgFilter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apigeeOrgFilter.esm.js","sources":["../../src/components/apigeeOrgFilter.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport type { Entity } from '@backstage/catalog-model';\r\nimport type { EntityFilter } from '@backstage/plugin-catalog-react';\r\nimport { ANNOTATION_APIGEE_ORGS, ANNOTATION_APIGEE_ORG } from '../constants';\r\n\r\n/**\r\n * Frontend predicate that keeps an entity when it carries EITHER Apigee org key.\r\n * MUST match both: proxy-derived APIs use the plural key, hub-only APIs the singular\r\n * (RESEARCH Pitfall 1 / CAT-05). Uses filterEntity (not getCatalogFilters) because a\r\n * single backend filter record cannot OR two different annotation keys.\r\n */\r\nexport class ApigeeOrgFilter implements EntityFilter {\r\n  filterEntity(entity: Entity): boolean {\r\n    const a = entity.metadata.annotations ?? {};\r\n    return ANNOTATION_APIGEE_ORGS in a || ANNOTATION_APIGEE_ORG in a;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAWO,MAAM,eAAA,CAAwC;AAAA,EACnD,aAAa,MAAA,EAAyB;AACpC,IAAA,MAAM,CAAA,GAAI,MAAA,CAAO,QAAA,CAAS,WAAA,IAAe,EAAC;AAC1C,IAAA,OAAO,sBAAA,IAA0B,KAAK,qBAAA,IAAyB,CAAA;AAAA,EACjE;AACF;;;;"}

package/dist/components/apigeeSearchParams.esm.js

@@ -0,0 +1,20 @@
+import { FACET_ORDER } from './facetModel.esm.js';
+
+const QKEY = {
+  lifecycle: "lifecycle",
+  org: "org",
+  owner: "owner",
+  category: "category"
+};
+function parseSearchParams(sp) {
+  const selected = Object.fromEntries(
+    FACET_ORDER.map((k) => [k, sp.getAll(QKEY[k])])
+  );
+  return { selected, q: sp.get("q") ?? "" };
+}
+function isActive(state) {
+  return state.q.trim() !== "" || FACET_ORDER.some((k) => state.selected[k].length > 0);
+}
+
+export { isActive, parseSearchParams };
+//# sourceMappingURL=apigeeSearchParams.esm.js.map

package/dist/components/apigeeSearchParams.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apigeeSearchParams.esm.js","sources":["../../src/components/apigeeSearchParams.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport { FACET_ORDER, type FacetKey } from './facetModel';\r\n\r\nexport interface ApigeeFilterState {\r\n  selected: Record<FacetKey, string[]>;\r\n  q: string;\r\n}\r\n\r\n/** Clean URL keys (D-06): one query key per facet, no native `filters[...]` wrapper. */\r\nconst QKEY: Record<FacetKey, string> = {\r\n  lifecycle: 'lifecycle',\r\n  org: 'org',\r\n  owner: 'owner',\r\n  category: 'category',\r\n};\r\n\r\n/**\r\n * URL → state. Repeated keys become arrays (D-07) via `getAll`; unknown/extra keys are\r\n * ignored. Values are treated as opaque strings — no eval, RegExp, or HTML (T-06-02-01);\r\n * an unknown facet value simply matches nothing downstream (derived allow-list).\r\n */\r\nexport function parseSearchParams(sp: URLSearchParams): ApigeeFilterState {\r\n  const selected = Object.fromEntries(\r\n    FACET_ORDER.map(k => [k, sp.getAll(QKEY[k])]),\r\n  ) as Record<FacetKey, string[]>;\r\n  return { selected, q: sp.get('q') ?? '' };\r\n}\r\n\r\n/**\r\n * state → URL. Deterministic order (FACET_ORDER, then `q` last) reproduces the exact SC #3\r\n * shape `?lifecycle=deprecated&q=payment`. Only the known clean keys are appended and empties\r\n * are omitted (T-06-02-02) — no injection surface. Multi-value facets serialize as repeated\r\n * keys (D-07) via `append`.\r\n */\r\nexport function buildSearchParams(state: ApigeeFilterState): URLSearchParams {\r\n  const sp = new URLSearchParams();\r\n  for (const k of FACET_ORDER) {\r\n    for (const v of state.selected[k]) {\r\n      sp.append(QKEY[k], v);\r\n    }\r\n  }\r\n  if (state.q.trim()) {\r\n    sp.set('q', state.q.trim());\r\n  }\r\n  return sp;\r\n}\r\n\r\n/** True when any facet is selected or the search box holds a non-blank query. */\r\nexport function isActive(state: ApigeeFilterState): boolean {\r\n  return (\r\n    state.q.trim() !== '' || FACET_ORDER.some(k => state.selected[k].length > 0)\r\n  );\r\n}\r\n"],"names":[],"mappings":";;AASA,MAAM,IAAA,GAAiC;AAAA,EACrC,SAAA,EAAW,WAAA;AAAA,EACX,GAAA,EAAK,KAAA;AAAA,EACL,KAAA,EAAO,OAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAA;AAOO,SAAS,kBAAkB,EAAA,EAAwC;AACxE,EAAA,MAAM,WAAW,MAAA,CAAO,WAAA;AAAA,IACtB,WAAA,CAAY,GAAA,CAAI,CAAA,CAAA,KAAK,CAAC,CAAA,EAAG,EAAA,CAAG,MAAA,CAAO,IAAA,CAAK,CAAC,CAAC,CAAC,CAAC;AAAA,GAC9C;AACA,EAAA,OAAO,EAAE,QAAA,EAAU,CAAA,EAAG,GAAG,GAAA,CAAI,GAAG,KAAK,EAAA,EAAG;AAC1C;AAsBO,SAAS,SAAS,KAAA,EAAmC;AAC1D,EAAA,OACE,KAAA,CAAM,CAAA,CAAE,IAAA,EAAK,KAAM,EAAA,IAAM,WAAA,CAAY,IAAA,CAAK,CAAA,CAAA,KAAK,KAAA,CAAM,QAAA,CAAS,CAAC,CAAA,CAAE,SAAS,CAAC,CAAA;AAE/E;;;;"}

package/dist/components/categoryIcons.esm.js

@@ -0,0 +1,63 @@
+import Category from '@material-ui/icons/Category';
+import Security from '@material-ui/icons/Security';
+import Payment from '@material-ui/icons/Payment';
+import People from '@material-ui/icons/People';
+import ShoppingCart from '@material-ui/icons/ShoppingCart';
+import Notifications from '@material-ui/icons/Notifications';
+import Assessment from '@material-ui/icons/Assessment';
+import SettingsEthernet from '@material-ui/icons/SettingsEthernet';
+import Devices from '@material-ui/icons/Devices';
+import Tv from '@material-ui/icons/Tv';
+import Place from '@material-ui/icons/Place';
+
+const ICONS = {
+  Category,
+  Security,
+  Payment,
+  People,
+  ShoppingCart,
+  Notifications,
+  Assessment,
+  SettingsEthernet,
+  Devices,
+  Tv,
+  Place
+};
+const DEFAULT_MAP = [
+  { match: /security|auth|identity|oauth/i, key: "Security" },
+  { match: /payment|billing|finance|fino/i, key: "Payment" },
+  { match: /customer|crm|people|partner/i, key: "People" },
+  { match: /order|commerce|catalog|product/i, key: "ShoppingCart" },
+  { match: /communication|messaging|notification/i, key: "Notifications" },
+  { match: /data|analytics|reporting/i, key: "Assessment" },
+  { match: /network|integration|common|infra/i, key: "SettingsEthernet" },
+  { match: /device|iot/i, key: "Devices" },
+  { match: /media|tv|content/i, key: "Tv" },
+  { match: /location|geo|gis/i, key: "Place" }
+];
+function isIconKey(v) {
+  return Object.prototype.hasOwnProperty.call(ICONS, v);
+}
+function resolveCategoryIcon(slug, overrides) {
+  if (slug && overrides && Object.prototype.hasOwnProperty.call(overrides, slug)) {
+    const value = overrides[slug];
+    if (isIconKey(value)) {
+      return ICONS[value];
+    }
+    console.warn(
+      '[apigee] Ignoring unknown categoryIcons value "%s" for "%s"; using Category',
+      value,
+      slug
+    );
+  }
+  if (slug) {
+    const match = DEFAULT_MAP.find((entry) => entry.match.test(slug));
+    if (match) {
+      return ICONS[match.key];
+    }
+  }
+  return ICONS.Category;
+}
+
+export { ICONS, resolveCategoryIcon };
+//# sourceMappingURL=categoryIcons.esm.js.map

package/dist/components/categoryIcons.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categoryIcons.esm.js","sources":["../../src/components/categoryIcons.tsx"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport type { SvgIconComponent } from '@material-ui/icons';\r\nimport Category from '@material-ui/icons/Category';\r\nimport Security from '@material-ui/icons/Security';\r\nimport Payment from '@material-ui/icons/Payment';\r\nimport People from '@material-ui/icons/People';\r\nimport ShoppingCart from '@material-ui/icons/ShoppingCart';\r\nimport Notifications from '@material-ui/icons/Notifications';\r\nimport Assessment from '@material-ui/icons/Assessment';\r\nimport SettingsEthernet from '@material-ui/icons/SettingsEthernet';\r\nimport Devices from '@material-ui/icons/Devices';\r\nimport Tv from '@material-ui/icons/Tv';\r\nimport Place from '@material-ui/icons/Place';\r\n\r\nexport type IconKey =\r\n  | 'Category'\r\n  | 'Security'\r\n  | 'Payment'\r\n  | 'People'\r\n  | 'ShoppingCart'\r\n  | 'Notifications'\r\n  | 'Assessment'\r\n  | 'SettingsEthernet'\r\n  | 'Devices'\r\n  | 'Tv'\r\n  | 'Place';\r\n\r\n/**\r\n * Fixed allow-list registry. A config override may ONLY select one of these keys —\r\n * a config value is never a module path or an arbitrary component (T-05-01).\r\n */\r\nexport const ICONS: Record<IconKey, SvgIconComponent> = {\r\n  Category,\r\n  Security,\r\n  Payment,\r\n  People,\r\n  ShoppingCart,\r\n  Notifications,\r\n  Assessment,\r\n  SettingsEthernet,\r\n  Devices,\r\n  Tv,\r\n  Place,\r\n};\r\n\r\n/** Default category-slug -> IconKey substring map (D-08, case-insensitive). */\r\nconst DEFAULT_MAP: ReadonlyArray<{ match: RegExp; key: IconKey }> = [\r\n  { match: /security|auth|identity|oauth/i, key: 'Security' },\r\n  { match: /payment|billing|finance|fino/i, key: 'Payment' },\r\n  { match: /customer|crm|people|partner/i, key: 'People' },\r\n  { match: /order|commerce|catalog|product/i, key: 'ShoppingCart' },\r\n  { match: /communication|messaging|notification/i, key: 'Notifications' },\r\n  { match: /data|analytics|reporting/i, key: 'Assessment' },\r\n  { match: /network|integration|common|infra/i, key: 'SettingsEthernet' },\r\n  { match: /device|iot/i, key: 'Devices' },\r\n  { match: /media|tv|content/i, key: 'Tv' },\r\n  { match: /location|geo|gis/i, key: 'Place' },\r\n];\r\n\r\n/** Type guard: is `v` an OWN key of the static ICONS allow-list? */\r\nfunction isIconKey(v: string): v is IconKey {\r\n  return Object.prototype.hasOwnProperty.call(ICONS, v);\r\n}\r\n\r\n/**\r\n * Resolve a category slug to a Material icon component.\r\n *\r\n * A config `overrides` value may only select an allow-listed IconKey; any other value\r\n * (unknown key, module path, `constructor`, etc.) falls back to `Category` and warns\r\n * once. This never `import()`s a config path or renders an arbitrary component — it is\r\n * the primary mitigation for the config-driven component-injection threat (T-05-01).\r\n */\r\nexport function resolveCategoryIcon(\r\n  slug: string | undefined,\r\n  overrides?: Record<string, string>,\r\n): SvgIconComponent {\r\n  if (slug && overrides && Object.prototype.hasOwnProperty.call(overrides, slug)) {\r\n    const value = overrides[slug];\r\n    if (isIconKey(value)) {\r\n      return ICONS[value];\r\n    }\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      '[apigee] Ignoring unknown categoryIcons value \"%s\" for \"%s\"; using Category',\r\n      value,\r\n      slug,\r\n    );\r\n  }\r\n\r\n  if (slug) {\r\n    const match = DEFAULT_MAP.find(entry => entry.match.test(slug));\r\n    if (match) {\r\n      return ICONS[match.key];\r\n    }\r\n  }\r\n\r\n  return ICONS.Category;\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;AA+BO,MAAM,KAAA,GAA2C;AAAA,EACtD,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,EAAA;AAAA,EACA;AACF;AAGA,MAAM,WAAA,GAA8D;AAAA,EAClE,EAAE,KAAA,EAAO,+BAAA,EAAiC,GAAA,EAAK,UAAA,EAAW;AAAA,EAC1D,EAAE,KAAA,EAAO,+BAAA,EAAiC,GAAA,EAAK,SAAA,EAAU;AAAA,EACzD,EAAE,KAAA,EAAO,8BAAA,EAAgC,GAAA,EAAK,QAAA,EAAS;AAAA,EACvD,EAAE,KAAA,EAAO,iCAAA,EAAmC,GAAA,EAAK,cAAA,EAAe;AAAA,EAChE,EAAE,KAAA,EAAO,uCAAA,EAAyC,GAAA,EAAK,eAAA,EAAgB;AAAA,EACvE,EAAE,KAAA,EAAO,2BAAA,EAA6B,GAAA,EAAK,YAAA,EAAa;AAAA,EACxD,EAAE,KAAA,EAAO,mCAAA,EAAqC,GAAA,EAAK,kBAAA,EAAmB;AAAA,EACtE,EAAE,KAAA,EAAO,aAAA,EAAe,GAAA,EAAK,SAAA,EAAU;AAAA,EACvC,EAAE,KAAA,EAAO,mBAAA,EAAqB,GAAA,EAAK,IAAA,EAAK;AAAA,EACxC,EAAE,KAAA,EAAO,mBAAA,EAAqB,GAAA,EAAK,OAAA;AACrC,CAAA;AAGA,SAAS,UAAU,CAAA,EAAyB;AAC1C,EAAA,OAAO,MAAA,CAAO,SAAA,CAAU,cAAA,CAAe,IAAA,CAAK,OAAO,CAAC,CAAA;AACtD;AAUO,SAAS,mBAAA,CACd,MACA,SAAA,EACkB;AAClB,EAAA,IAAI,IAAA,IAAQ,aAAa,MAAA,CAAO,SAAA,CAAU,eAAe,IAAA,CAAK,SAAA,EAAW,IAAI,CAAA,EAAG;AAC9E,IAAA,MAAM,KAAA,GAAQ,UAAU,IAAI,CAAA;AAC5B,IAAA,IAAI,SAAA,CAAU,KAAK,CAAA,EAAG;AACpB,MAAA,OAAO,MAAM,KAAK,CAAA;AAAA,IACpB;AAEA,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN,6EAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AAEA,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,MAAM,KAAA,GAAQ,YAAY,IAAA,CAAK,CAAA,KAAA,KAAS,MAAM,KAAA,CAAM,IAAA,CAAK,IAAI,CAAC,CAAA;AAC9D,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,OAAO,KAAA,CAAM,MAAM,GAAG,CAAA;AAAA,IACxB;AAAA,EACF;AAEA,EAAA,OAAO,KAAA,CAAM,QAAA;AACf;;;;"}

package/dist/components/facetModel.esm.js

@@ -0,0 +1,78 @@
+import { resolveCategoryIcon } from './categoryIcons.esm.js';
+import { humanise } from './grouping.esm.js';
+import { entityCategoryFacet, entityOwnerLabel, entityOrg, entityLifecycle } from './apigeeFacetFilters.esm.js';
+
+const FACET_ORDER = ["lifecycle", "org", "owner", "category"];
+const LIFECYCLE_SEVERITY = ["production", "experimental", "deprecated", "unknown"];
+const FACET_TRIGGER_LABEL = {
+  lifecycle: "Lifecycle",
+  org: "Org",
+  owner: "Owner",
+  category: "Category"
+};
+const EXTRACT = {
+  lifecycle: entityLifecycle,
+  org: entityOrg,
+  owner: entityOwnerLabel,
+  category: entityCategoryFacet
+};
+function labelFor(key, value) {
+  switch (key) {
+    case "lifecycle":
+      return value.charAt(0).toUpperCase() + value.slice(1);
+    case "owner":
+      return value;
+    case "category":
+      return value === "other" ? "Other" : humanise(value);
+    case "org":
+    default:
+      return humanise(value);
+  }
+}
+function sortValues(key, values) {
+  if (key === "lifecycle") {
+    const rank = (v) => {
+      const i = LIFECYCLE_SEVERITY.indexOf(v);
+      return i === -1 ? LIFECYCLE_SEVERITY.length : i;
+    };
+    return [...values].sort((a, b) => rank(a) - rank(b));
+  }
+  if (key === "category") {
+    return [...values].sort((a, b) => {
+      if (a === "other") return 1;
+      if (b === "other") return -1;
+      return a.localeCompare(b);
+    });
+  }
+  return [...values].sort((a, b) => a.localeCompare(b));
+}
+function deriveFacets(entities, overrides) {
+  return FACET_ORDER.map((key) => {
+    const distinct = Array.from(
+      new Set(entities.map(EXTRACT[key]).filter((v) => !!v))
+    );
+    const options = sortValues(key, distinct).map((value) => ({
+      value,
+      label: labelFor(key, value)
+    }));
+    const icons = key === "category" ? Object.fromEntries(
+      options.map((opt) => [
+        opt.value,
+        resolveCategoryIcon(
+          opt.value === "other" ? void 0 : opt.value,
+          overrides
+        )
+      ])
+    ) : void 0;
+    return {
+      key,
+      label: FACET_TRIGGER_LABEL[key],
+      options,
+      enabled: options.length > 0,
+      ...icons !== void 0 ? { icons } : {}
+    };
+  });
+}
+
+export { FACET_ORDER, deriveFacets };
+//# sourceMappingURL=facetModel.esm.js.map

package/dist/components/facetModel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"facetModel.esm.js","sources":["../../src/components/facetModel.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport type { Entity } from '@backstage/catalog-model';\r\nimport type { SvgIconComponent } from '@material-ui/icons';\r\nimport { resolveCategoryIcon } from './categoryIcons';\r\nimport { humanise } from './grouping';\r\nimport {\r\n  entityCategoryFacet,\r\n  entityLifecycle,\r\n  entityOrg,\r\n  entityOwnerLabel,\r\n} from './apigeeFacetFilters';\r\n\r\nexport type FacetKey = 'lifecycle' | 'org' | 'owner' | 'category';\r\n\r\nexport interface FacetOption {\r\n  value: string;\r\n  label: string;\r\n}\r\n\r\nexport interface DerivedFacet {\r\n  key: FacetKey;\r\n  label: string;\r\n  options: FacetOption[];\r\n  /**\r\n   * True when the facet has at least one selectable value. The toolbar ALWAYS renders every\r\n   * facet (revised D-05); an `enabled: false` facet (no values in the loaded data) renders as a\r\n   * disabled dropdown so all four filters stay visible.\r\n   */\r\n  enabled: boolean;\r\n  /**\r\n   * Per-option icon map — present ONLY on the `category` facet (UI-10).\r\n   * Keys are option values (e.g. `'payments'`, `'other'`); values are allow-listed\r\n   * MUI icon components resolved via `resolveCategoryIcon`.\r\n   * Not present on lifecycle / org / owner facets.\r\n   */\r\n  icons?: Record<string, SvgIconComponent>;\r\n}\r\n\r\n/** Locked facet order (D-02): Lifecycle → Org → Owner → Category. */\r\nexport const FACET_ORDER: FacetKey[] = ['lifecycle', 'org', 'owner', 'category'];\r\n\r\n/**\r\n * Lifecycle options are ordered by severity (most common / least risky first), NOT\r\n * alphabetically (UI-SPEC Assumption 5). Unknown values fall to the end via `indexOf` = -1\r\n * being handled below.\r\n */\r\nconst LIFECYCLE_SEVERITY = ['production', 'experimental', 'deprecated', 'unknown'];\r\n\r\n/** Fixed facet trigger labels (UI-SPEC §Component Inventory — order-locked). */\r\nconst FACET_TRIGGER_LABEL: Record<FacetKey, string> = {\r\n  lifecycle: 'Lifecycle',\r\n  org: 'Org',\r\n  owner: 'Owner',\r\n  category: 'Category',\r\n};\r\n\r\n/**\r\n * The single value extractor per facet slot. Category uses `entityCategoryFacet`\r\n * (undefined → 'other') so uncategorised APIs are selectable; the others reuse the\r\n * 06-01 extractors verbatim.\r\n */\r\nconst EXTRACT: Record<FacetKey, (e: Entity) => string | undefined> = {\r\n  lifecycle: entityLifecycle,\r\n  org: entityOrg,\r\n  owner: entityOwnerLabel,\r\n  category: entityCategoryFacet,\r\n};\r\n\r\n/**\r\n * Per-facet option label (LOCKED — UI-SPEC §Facet Data + §Assumption 5):\r\n * - lifecycle → capitalise first char ('production' → 'Production')\r\n * - owner     → value AS-IS (already humanised by `entityOwnerLabel`; do NOT humanise again)\r\n * - category  → humanise(value), except 'other' → 'Other'\r\n * - org       → humanise(value) ('apigee-x-demo' → 'Apigee X Demo')\r\n */\r\nfunction labelFor(key: FacetKey, value: string): string {\r\n  switch (key) {\r\n    case 'lifecycle':\r\n      return value.charAt(0).toUpperCase() + value.slice(1);\r\n    case 'owner':\r\n      return value;\r\n    case 'category':\r\n      return value === 'other' ? 'Other' : humanise(value);\r\n    case 'org':\r\n    default:\r\n      return humanise(value);\r\n  }\r\n}\r\n\r\n/**\r\n * Sort distinct facet values:\r\n * - lifecycle by fixed severity order\r\n * - category alphabetically with 'other' forced LAST (mirrors the grouped view)\r\n * - org / owner alphabetically (localeCompare)\r\n */\r\nfunction sortValues(key: FacetKey, values: string[]): string[] {\r\n  if (key === 'lifecycle') {\r\n    // Unrecognized lifecycles sort to the END, not the front (indexOf === -1 would\r\n    // otherwise rank them before 'production'). Matches the documented intent.\r\n    const rank = (v: string) => {\r\n      const i = LIFECYCLE_SEVERITY.indexOf(v);\r\n      return i === -1 ? LIFECYCLE_SEVERITY.length : i;\r\n    };\r\n    return [...values].sort((a, b) => rank(a) - rank(b));\r\n  }\r\n  if (key === 'category') {\r\n    return [...values].sort((a, b) => {\r\n      if (a === 'other') return 1;\r\n      if (b === 'other') return -1;\r\n      return a.localeCompare(b);\r\n    });\r\n  }\r\n  return [...values].sort((a, b) => a.localeCompare(b));\r\n}\r\n\r\n/**\r\n * Derive stable, labelled, sorted facets from the FULL loaded entity set. Every facet in\r\n * FACET_ORDER is ALWAYS returned (revised D-05): `enabled` is true when the facet has >= 1\r\n * distinct value and false when the data has none — the toolbar renders a disabled dropdown for\r\n * the latter so all four filters stay visible even with uniform data. The caller passes the\r\n * pre-facet universe (`backendEntities.filter(isApigeeEntity)`) so options do not vanish as the\r\n * grid narrows.\r\n */\r\nexport function deriveFacets(\r\n  entities: Entity[],\r\n  overrides?: Record<string, string>,\r\n): DerivedFacet[] {\r\n  return FACET_ORDER.map(key => {\r\n    const distinct = Array.from(\r\n      new Set(entities.map(EXTRACT[key]).filter((v): v is string => !!v)),\r\n    );\r\n    const options = sortValues(key, distinct).map(value => ({\r\n      value,\r\n      label: labelFor(key, value),\r\n    }));\r\n    const icons: Record<string, SvgIconComponent> | undefined =\r\n      key === 'category'\r\n        ? Object.fromEntries(\r\n            options.map(opt => [\r\n              opt.value,\r\n              resolveCategoryIcon(\r\n                opt.value === 'other' ? undefined : opt.value,\r\n                overrides,\r\n              ),\r\n            ]),\r\n          )\r\n        : undefined;\r\n    return {\r\n      key,\r\n      label: FACET_TRIGGER_LABEL[key],\r\n      options,\r\n      enabled: options.length > 0,\r\n      ...(icons !== undefined ? { icons } : {}),\r\n    };\r\n  });\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/components/grouping.esm.js

@@ -0,0 +1,31 @@
+function humanise(slug) {
+  return slug.split(/[-_]/).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function groupByCategory(items) {
+  const buckets = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = item.category?.trim() || "other";
+    const existing = buckets.get(key);
+    if (existing) {
+      existing.push(item);
+    } else {
+      buckets.set(key, [item]);
+    }
+  }
+  const groups = Array.from(buckets.entries()).map(
+    ([key, groupItems]) => ({
+      key,
+      label: key === "other" ? "Other" : humanise(key),
+      items: groupItems
+    })
+  );
+  groups.sort((a, b) => {
+    if (a.key === "other") return 1;
+    if (b.key === "other") return -1;
+    return a.label.localeCompare(b.label);
+  });
+  return groups;
+}
+
+export { groupByCategory, humanise };
+//# sourceMappingURL=grouping.esm.js.map

package/dist/components/grouping.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping.esm.js","sources":["../../src/components/grouping.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\n\r\nexport interface CategoryGroup<T> {\r\n  key: string;\r\n  label: string;\r\n  items: T[];\r\n}\r\n\r\n/** Humanise a slug: split on `-`/`_`, drop empties, capitalise each word. */\r\nexport function humanise(slug: string): string {\r\n  return slug\r\n    .split(/[-_]/)\r\n    .filter(Boolean)\r\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n    .join(' ');\r\n}\r\n\r\n/**\r\n * Bucket items by their optional `category`, humanise the label, sort groups\r\n * alphabetically, and always place the 'Other' bucket (uncategorised) last.\r\n * Generic over any `{ category?: string }` — no view-model coupling (UI-11 / D-06).\r\n */\r\nexport function groupByCategory<T extends { category?: string }>(\r\n  items: T[],\r\n): CategoryGroup<T>[] {\r\n  const buckets = new Map<string, T[]>();\r\n  for (const item of items) {\r\n    const key = item.category?.trim() || 'other';\r\n    const existing = buckets.get(key);\r\n    if (existing) {\r\n      existing.push(item);\r\n    } else {\r\n      buckets.set(key, [item]);\r\n    }\r\n  }\r\n\r\n  const groups: CategoryGroup<T>[] = Array.from(buckets.entries()).map(\r\n    ([key, groupItems]) => ({\r\n      key,\r\n      label: key === 'other' ? 'Other' : humanise(key),\r\n      items: groupItems,\r\n    }),\r\n  );\r\n\r\n  groups.sort((a, b) => {\r\n    if (a.key === 'other') return 1;\r\n    if (b.key === 'other') return -1;\r\n    return a.label.localeCompare(b.label);\r\n  });\r\n\r\n  return groups;\r\n}\r\n"],"names":[],"mappings":"AASO,SAAS,SAAS,IAAA,EAAsB;AAC7C,EAAA,OAAO,IAAA,CACJ,MAAM,MAAM,CAAA,CACZ,OAAO,OAAO,CAAA,CACd,IAAI,CAAA,IAAA,KAAQ,IAAA,CAAK,OAAO,CAAC,CAAA,CAAE,aAAY,GAAI,IAAA,CAAK,MAAM,CAAC,CAAC,CAAA,CACxD,IAAA,CAAK,GAAG,CAAA;AACb;AAOO,SAAS,gBACd,KAAA,EACoB;AACpB,EAAA,MAAM,OAAA,uBAAc,GAAA,EAAiB;AACrC,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,QAAA,EAAU,IAAA,EAAK,IAAK,OAAA;AACrC,IAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,GAAA,CAAI,GAAG,CAAA;AAChC,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA,IACpB,CAAA,MAAO;AACL,MAAA,OAAA,CAAQ,GAAA,CAAI,GAAA,EAAK,CAAC,IAAI,CAAC,CAAA;AAAA,IACzB;AAAA,EACF;AAEA,EAAA,MAAM,SAA6B,KAAA,CAAM,IAAA,CAAK,OAAA,CAAQ,OAAA,EAAS,CAAA,CAAE,GAAA;AAAA,IAC/D,CAAC,CAAC,GAAA,EAAK,UAAU,CAAA,MAAO;AAAA,MACtB,GAAA;AAAA,MACA,KAAA,EAAO,GAAA,KAAQ,OAAA,GAAU,OAAA,GAAU,SAAS,GAAG,CAAA;AAAA,MAC/C,KAAA,EAAO;AAAA,KACT;AAAA,GACF;AAEA,EAAA,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM;AACpB,IAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,EAAS,OAAO,CAAA;AAC9B,IAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,EAAS,OAAO,EAAA;AAC9B,IAAA,OAAO,CAAA,CAAE,KAAA,CAAM,aAAA,CAAc,CAAA,CAAE,KAAK,CAAA;AAAA,EACtC,CAAC,CAAA;AAED,EAAA,OAAO,MAAA;AACT;;;;"}

package/dist/components/states.esm.js

@@ -0,0 +1,95 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ResponseErrorPanel, ItemCardGrid, EmptyState, LinkButton } from '@backstage/core-components';
+import { Box, Button, makeStyles } from '@material-ui/core';
+
+const useStyles = makeStyles((theme) => ({
+  srOnly: {
+    position: "absolute",
+    width: 1,
+    height: 1,
+    padding: 0,
+    margin: -1,
+    overflow: "hidden",
+    clip: "rect(0 0 0 0)",
+    whiteSpace: "nowrap",
+    border: 0
+  },
+  card: {
+    minHeight: 172,
+    padding: theme.spacing(2),
+    borderRadius: theme.shape.borderRadius,
+    border: `1px solid ${theme.palette.divider}`,
+    backgroundColor: theme.palette.background.paper
+  },
+  bar: {
+    backgroundColor: theme.palette.action.hover,
+    borderRadius: theme.shape.borderRadius,
+    animation: "$pulse 1.5s ease-in-out infinite",
+    "@media (prefers-reduced-motion: reduce)": {
+      animation: "none"
+    }
+  },
+  titleBar: { height: 20, width: "70%", marginBottom: theme.spacing(2) },
+  metaBar: { height: 12, width: "50%", marginBottom: theme.spacing(1) },
+  badgeBar: { height: 16, width: "30%", marginTop: theme.spacing(2) },
+  "@keyframes pulse": {
+    "0%, 100%": { opacity: 1 },
+    "50%": { opacity: 0.4 }
+  }
+}));
+function SkeletonGrid({ count = 8 } = {}) {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsxs("div", { "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx("span", { className: classes.srOnly, "aria-live": "polite", children: "Loading Apigee APIs\u2026" }),
+    /* @__PURE__ */ jsx(ItemCardGrid, { children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: classes.card,
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx(Box, { className: `${classes.bar} ${classes.titleBar}` }),
+          /* @__PURE__ */ jsx(Box, { className: `${classes.bar} ${classes.metaBar}` }),
+          /* @__PURE__ */ jsx(Box, { className: `${classes.bar} ${classes.metaBar}` }),
+          /* @__PURE__ */ jsx(Box, { className: `${classes.bar} ${classes.badgeBar}` })
+        ]
+      },
+      `apigee-skeleton-${index}`
+    )) })
+  ] });
+}
+function ApiCatalogEmptyState() {
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      missing: "content",
+      title: "No Apigee APIs found",
+      description: "No API entities with an Apigee org annotation are in the catalog yet. If you expect to see APIs here, check that the apigee-backend sync has run.",
+      action: /* @__PURE__ */ jsx(
+        LinkButton,
+        {
+          to: "/catalog?filters[kind]=API",
+          variant: "contained",
+          color: "primary",
+          children: "Browse the full catalog"
+        }
+      )
+    }
+  );
+}
+function NoMatchState({ onClearAll }) {
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      missing: "content",
+      title: "No APIs match your filters",
+      description: "Try removing a filter or clearing your search to see more APIs.",
+      action: /* @__PURE__ */ jsx(Button, { variant: "contained", color: "primary", onClick: onClearAll, children: "Clear all filters" })
+    }
+  );
+}
+function ApiCatalogError({ error }) {
+  return /* @__PURE__ */ jsx(ResponseErrorPanel, { title: "Couldn't load Apigee APIs", error });
+}
+
+export { ApiCatalogEmptyState, ApiCatalogError, NoMatchState, SkeletonGrid };
+//# sourceMappingURL=states.esm.js.map

package/dist/components/states.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.esm.js","sources":["../../src/components/states.tsx"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport {\r\n  EmptyState,\r\n  ItemCardGrid,\r\n  LinkButton,\r\n  ResponseErrorPanel,\r\n} from '@backstage/core-components';\r\nimport { Box, Button, makeStyles } from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n  srOnly: {\r\n    position: 'absolute',\r\n    width: 1,\r\n    height: 1,\r\n    padding: 0,\r\n    margin: -1,\r\n    overflow: 'hidden',\r\n    clip: 'rect(0 0 0 0)',\r\n    whiteSpace: 'nowrap',\r\n    border: 0,\r\n  },\r\n  card: {\r\n    minHeight: 172,\r\n    padding: theme.spacing(2),\r\n    borderRadius: theme.shape.borderRadius,\r\n    border: `1px solid ${theme.palette.divider}`,\r\n    backgroundColor: theme.palette.background.paper,\r\n  },\r\n  bar: {\r\n    backgroundColor: theme.palette.action.hover,\r\n    borderRadius: theme.shape.borderRadius,\r\n    animation: '$pulse 1.5s ease-in-out infinite',\r\n    '@media (prefers-reduced-motion: reduce)': {\r\n      animation: 'none',\r\n    },\r\n  },\r\n  titleBar: { height: 20, width: '70%', marginBottom: theme.spacing(2) },\r\n  metaBar: { height: 12, width: '50%', marginBottom: theme.spacing(1) },\r\n  badgeBar: { height: 16, width: '30%', marginTop: theme.spacing(2) },\r\n  '@keyframes pulse': {\r\n    '0%, 100%': { opacity: 1 },\r\n    '50%': { opacity: 0.4 },\r\n  },\r\n}));\r\n\r\n/**\r\n * Loading placeholder: `count` skeleton tiles inside the same responsive grid, using\r\n * plain Box blocks (no MUI lab dependency — D-07). The region is marked `aria-busy`\r\n * with a visually-hidden polite live region so assistive tech announces the load. (UI-05)\r\n */\r\nexport function SkeletonGrid({ count = 8 }: { count?: number } = {}) {\r\n  const classes = useStyles();\r\n  return (\r\n    <div aria-busy=\"true\">\r\n      <span className={classes.srOnly} aria-live=\"polite\">\r\n        Loading Apigee APIs…\r\n      </span>\r\n      <ItemCardGrid>\r\n        {Array.from({ length: count }).map((_, index) => (\r\n          <Box\r\n            key={`apigee-skeleton-${index}`}\r\n            className={classes.card}\r\n            aria-hidden=\"true\"\r\n          >\r\n            <Box className={`${classes.bar} ${classes.titleBar}`} />\r\n            <Box className={`${classes.bar} ${classes.metaBar}`} />\r\n            <Box className={`${classes.bar} ${classes.metaBar}`} />\r\n            <Box className={`${classes.bar} ${classes.badgeBar}`} />\r\n          </Box>\r\n        ))}\r\n      </ItemCardGrid>\r\n    </div>\r\n  );\r\n}\r\n\r\n/** Friendly empty state shown when no Apigee APIs are in the catalog (UI-05). */\r\nexport function ApiCatalogEmptyState() {\r\n  return (\r\n    <EmptyState\r\n      missing=\"content\"\r\n      title=\"No Apigee APIs found\"\r\n      description=\"No API entities with an Apigee org annotation are in the catalog yet. If you expect to see APIs here, check that the apigee-backend sync has run.\"\r\n      action={\r\n        <LinkButton\r\n          to=\"/catalog?filters[kind]=API\"\r\n          variant=\"contained\"\r\n          color=\"primary\"\r\n        >\r\n          Browse the full catalog\r\n        </LinkButton>\r\n      }\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Distinct \"filtered to zero\" state (D-10) — shown when Apigee APIs exist but the active\r\n * filters/search exclude them all. Unlike `ApiCatalogEmptyState` (which links out to the full\r\n * catalog), this offers a non-destructive reset CTA (the button below) which is fully reversible,\r\n * so it uses primary/neutral styling (no error color, no confirmation dialog). (UI-08)\r\n */\r\nexport function NoMatchState({ onClearAll }: { onClearAll: () => void }) {\r\n  return (\r\n    <EmptyState\r\n      missing=\"content\"\r\n      title=\"No APIs match your filters\"\r\n      description=\"Try removing a filter or clearing your search to see more APIs.\"\r\n      action={\r\n        <Button variant=\"contained\" color=\"primary\" onClick={onClearAll}>\r\n          Clear all filters\r\n        </Button>\r\n      }\r\n    />\r\n  );\r\n}\r\n\r\n/** Error state shown when the catalog fetch fails (UI-05). */\r\nexport function ApiCatalogError({ error }: { error: Error }) {\r\n  return <ResponseErrorPanel title=\"Couldn't load Apigee APIs\" error={error} />;\r\n}\r\n"],"names":[],"mappings":"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"}