@nospt/backstage-plugin-apigee 1.1.1

package/dist/components/CountCards.esm.js

@@ -0,0 +1,120 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text } from '@backstage/ui';
+import { RiStackLine, RiFileTextLine, RiBuildingLine, RiTeamLine, RiGlobalLine, RiPulseLine } from '@remixicon/react';
+import styles from './CountCards.module.css.esm.js';
+
+const FACET_ICON = {
+  lifecycle: RiPulseLine,
+  org: RiGlobalLine,
+  owner: RiTeamLine,
+  department: RiBuildingLine
+};
+function CardTitle({
+  icon: Icon,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.cardTitleRow, children: [
+    /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, size: 20, className: styles.cardTitleIcon }),
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        as: "h3",
+        variant: "body-medium",
+        color: "secondary",
+        className: styles.cardTitle,
+        children
+      }
+    )
+  ] });
+}
+function CountCards({
+  total,
+  specCount,
+  counts,
+  selected,
+  onSelectFacet
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.row, children: [
+    /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": "APIs", className: styles.card, children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "p",
+          variant: "title-large",
+          weight: "bold",
+          className: styles.total,
+          children: total
+        }
+      ),
+      /* @__PURE__ */ jsx(CardTitle, { icon: RiStackLine, children: "APIs" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": "With specs", className: styles.card, children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "p",
+          variant: "title-large",
+          weight: "bold",
+          className: styles.total,
+          children: specCount
+        }
+      ),
+      /* @__PURE__ */ jsx(CardTitle, { icon: RiFileTextLine, children: "With specs" })
+    ] }),
+    counts.map((count) => {
+      const heading = `By ${count.label.toLowerCase()}`;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "group",
+          "aria-label": heading,
+          className: styles.card,
+          children: [
+            /* @__PURE__ */ jsx(CardTitle, { icon: FACET_ICON[count.key], children: heading }),
+            count.buckets.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "No data" }) : /* @__PURE__ */ jsx("div", { className: styles.list, children: count.buckets.map((bucket) => {
+              const isSelected = selected[count.key].includes(bucket.value);
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: `${styles.bucket} ${isSelected ? styles.bucketSelected : ""}`,
+                  "aria-pressed": isSelected,
+                  "aria-label": `${bucket.label}, ${bucket.count} ${bucket.count === 1 ? "API" : "APIs"}`,
+                  onClick: () => onSelectFacet(count.key, bucket.value),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        as: "span",
+                        variant: "body-small",
+                        truncate: true,
+                        title: bucket.label,
+                        className: styles.bucketLabel,
+                        children: bucket.label
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        as: "span",
+                        variant: "body-small",
+                        weight: "bold",
+                        className: styles.bucketCount,
+                        children: bucket.count
+                      }
+                    )
+                  ]
+                },
+                bucket.value
+              );
+            }) })
+          ]
+        },
+        count.key
+      );
+    })
+  ] });
+}
+
+export { CountCards };
+//# sourceMappingURL=CountCards.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountCards.esm.js","sources":["../../src/components/CountCards.tsx"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\nimport { Text } from '@backstage/ui';\nimport {\n  RiBuildingLine,\n  RiFileTextLine,\n  RiGlobalLine,\n  RiPulseLine,\n  RiStackLine,\n  RiTeamLine,\n  type RemixiconComponentType,\n} from '@remixicon/react';\nimport type { DerivedCount, FacetKey } from './facetModel';\nimport styles from './CountCards.module.css';\n\n/**\n * Facet → summary-card icon. Mirrors the field icons on the API cards (owner = team,\n * department = building) so the cards and the tiles read consistently.\n */\nconst FACET_ICON: Record<FacetKey, RemixiconComponentType> = {\n  lifecycle: RiPulseLine,\n  org: RiGlobalLine,\n  owner: RiTeamLine,\n  department: RiBuildingLine,\n};\n\nexport interface CountCardsProps {\n  /** Total APIs in the Apigee catalog (static snapshot — not the filtered count). */\n  total: number;\n  /** APIs in the catalog that have an OpenAPI spec (static snapshot). */\n  specCount: number;\n  /** Per-facet breakdowns (org / lifecycle / department) from `deriveCounts`. */\n  counts: DerivedCount[];\n  /** Currently selected values per facet (from the URL filter state). */\n  selected: Record<FacetKey, string[]>;\n  /** Select a single facet value — clicking filters the catalog to exactly that value, replacing any other card selection. */\n  onSelectFacet: (key: FacetKey, value: string) => void;\n}\n\n/** Small uppercase card heading with a leading stat/facet icon. */\nfunction CardTitle({\n  icon: Icon,\n  children,\n}: {\n  icon: RemixiconComponentType;\n  children: string;\n}) {\n  return (\n    <div className={styles.cardTitleRow}>\n      <Icon aria-hidden size={20} className={styles.cardTitleIcon} />\n      <Text\n        as=\"h3\"\n        variant=\"body-medium\"\n        color=\"secondary\"\n        className={styles.cardTitle}\n      >\n        {children}\n      </Text>\n    </div>\n  );\n}\n\n/**\n * Summary stat row shown above the filter toolbar: the prominent total-APIs card, a with-specs\n * stat card, and one breakdown card per facet (org / lifecycle / department). Counts are a\n * fixed snapshot of the full Apigee catalog — they do NOT change as filters apply. Each bucket is\n * a single-select link: clicking filters the grid to exactly that value (replacing any other card\n * selection), and the active value is highlighted. Purely presentational.\n */\nexport function CountCards({\n  total,\n  specCount,\n  counts,\n  selected,\n  onSelectFacet,\n}: CountCardsProps) {\n  return (\n    <div className={styles.row}>\n      <div role=\"group\" aria-label=\"APIs\" className={styles.card}>\n        <Text\n          as=\"p\"\n          variant=\"title-large\"\n          weight=\"bold\"\n          className={styles.total}\n        >\n          {total}\n        </Text>\n        <CardTitle icon={RiStackLine}>APIs</CardTitle>\n      </div>\n      <div role=\"group\" aria-label=\"With specs\" className={styles.card}>\n        <Text\n          as=\"p\"\n          variant=\"title-large\"\n          weight=\"bold\"\n          className={styles.total}\n        >\n          {specCount}\n        </Text>\n        <CardTitle icon={RiFileTextLine}>With specs</CardTitle>\n      </div>\n      {counts.map(count => {\n        const heading = `By ${count.label.toLowerCase()}`;\n        return (\n          <div\n            key={count.key}\n            role=\"group\"\n            aria-label={heading}\n            className={styles.card}\n          >\n            <CardTitle icon={FACET_ICON[count.key]}>{heading}</CardTitle>\n            {count.buckets.length === 0 ? (\n              <Text variant=\"body-small\" color=\"secondary\">\n                No data\n              </Text>\n            ) : (\n              <div className={styles.list}>\n                {count.buckets.map(bucket => {\n                  const isSelected = selected[count.key].includes(bucket.value);\n                  return (\n                    <button\n                      key={bucket.value}\n                      type=\"button\"\n                      className={`${styles.bucket} ${\n                        isSelected ? styles.bucketSelected : ''\n                      }`}\n                      aria-pressed={isSelected}\n                      aria-label={`${bucket.label}, ${bucket.count} ${\n                        bucket.count === 1 ? 'API' : 'APIs'\n                      }`}\n                      onClick={() => onSelectFacet(count.key, bucket.value)}\n                    >\n                      <Text\n                        as=\"span\"\n                        variant=\"body-small\"\n                        truncate\n                        title={bucket.label}\n                        className={styles.bucketLabel}\n                      >\n                        {bucket.label}\n                      </Text>\n                      <Text\n                        as=\"span\"\n                        variant=\"body-small\"\n                        weight=\"bold\"\n                        className={styles.bucketCount}\n                      >\n                        {bucket.count}\n                      </Text>\n                    </button>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/CountCards.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".CountCards_row__12eaeb89b1 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--bui-space-4);\n  margin-bottom: var(--bui-space-4);\n}\n\n.CountCards_card__12eaeb89b1 {\n  flex: 1 1 200px;\n  min-width: 200px;\n  padding: var(--bui-space-2) var(--bui-space-4);\n  border: 1px solid var(--bui-border-1);\n  border-radius: var(--bui-radius-3);\n  background-color: var(--bui-bg-neutral-1);\n}\n\n.CountCards_total__12eaeb89b1 {\n  line-height: 1.1;\n}\n\n.CountCards_cardTitleRow__12eaeb89b1 {\n  display: flex;\n  align-items: center;\n  gap: var(--bui-space-1);\n  margin-bottom: var(--bui-space-2);\n}\n\n.CountCards_cardTitleIcon__12eaeb89b1 {\n  flex-shrink: 0;\n  color: var(--bui-fg-secondary);\n}\n\n.CountCards_cardTitle__12eaeb89b1 {\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.CountCards_list__12eaeb89b1 {\n  max-height: 80px;\n  overflow-y: auto;\n}\n\n.CountCards_bucket__12eaeb89b1 {\n  display: flex;\n  gap: var(--bui-space-2);\n  align-items: baseline;\n  justify-content: space-between;\n  width: 100%;\n  padding: var(--bui-space-1) var(--bui-space-2);\n  border: none;\n  border-radius: var(--bui-radius-2);\n  background: none;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.CountCards_bucket__12eaeb89b1:hover {\n  background-color: var(--bui-bg-neutral-1-hover);\n}\n\n.CountCards_bucket__12eaeb89b1:focus-visible {\n  outline: 2px solid var(--bui-ring);\n  outline-offset: -2px;\n}\n\n.CountCards_bucketSelected__12eaeb89b1 {\n  background-color: var(--bui-bg-neutral-1-pressed);\n}\n\n.CountCards_bucketLabel__12eaeb89b1 {\n  flex: 1;\n  min-width: 0;\n}\n\n.CountCards_bucketCount__12eaeb89b1 {\n  font-variant-numeric: tabular-nums;\n}\n";
+var styles = {"row":"CountCards_row__12eaeb89b1","card":"CountCards_card__12eaeb89b1","total":"CountCards_total__12eaeb89b1","cardTitleRow":"CountCards_cardTitleRow__12eaeb89b1","cardTitleIcon":"CountCards_cardTitleIcon__12eaeb89b1","cardTitle":"CountCards_cardTitle__12eaeb89b1","list":"CountCards_list__12eaeb89b1","bucket":"CountCards_bucket__12eaeb89b1","bucketSelected":"CountCards_bucketSelected__12eaeb89b1","bucketLabel":"CountCards_bucketLabel__12eaeb89b1","bucketCount":"CountCards_bucketCount__12eaeb89b1"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=CountCards.module.css.esm.js.map

package/dist/components/CountCards.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountCards.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/FilterToolbar.esm.js

@@ -0,0 +1,131 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useRef, useEffect } from 'react';
+import { Button, Checkbox } from '@backstage/ui';
+import { RiCloseLine, RiArrowDropDownLine } from '@remixicon/react';
+import styles from './FilterToolbar.module.css.esm.js';
+
+function FacetDropdown({
+  facet,
+  selected,
+  isOpen,
+  onOpenToggle,
+  onClose,
+  onToggle,
+  onClear
+}) {
+  const ref = useRef(null);
+  const menuId = `facet-menu-${facet.key}`;
+  const count = selected.length;
+  useEffect(() => {
+    if (!isOpen) {
+      return void 0;
+    }
+    const onDocMouseDown = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        onClose();
+      }
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+    document.addEventListener("mousedown", onDocMouseDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onDocMouseDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [isOpen, onClose]);
+  return /* @__PURE__ */ jsxs("div", { ref, className: styles.facet, children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: count > 0 ? "primary" : "secondary",
+        size: "small",
+        isDisabled: !facet.enabled,
+        iconEnd: /* @__PURE__ */ jsx(RiArrowDropDownLine, {}),
+        "aria-haspopup": "true",
+        "aria-expanded": isOpen,
+        "aria-controls": isOpen ? menuId : void 0,
+        "aria-label": count > 0 ? `${facet.label} filter, ${count} selected` : `${facet.label} filter`,
+        onPress: onOpenToggle,
+        children: [
+          facet.label,
+          count > 0 ? /* @__PURE__ */ jsx("span", { className: styles.countChip, children: count }) : null
+        ]
+      }
+    ),
+    isOpen ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        id: menuId,
+        className: styles.menu,
+        role: "group",
+        "aria-label": `${facet.label} options`,
+        children: [
+          facet.options.map((option) => /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              className: styles.option,
+              isSelected: selected.includes(option.value),
+              onChange: () => onToggle(option.value),
+              children: option.label
+            },
+            option.value
+          )),
+          count > 0 ? /* @__PURE__ */ jsx("div", { className: styles.menuFooter, children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "small", onPress: onClear, children: "Clear" }) }) : null
+        ]
+      }
+    ) : null
+  ] });
+}
+function FilterToolbar({
+  facets,
+  selected,
+  onToggleFacet,
+  onClearFacet,
+  onClearAll,
+  active,
+  resultCount,
+  searchBar,
+  viewToggle
+}) {
+  const [openKey, setOpenKey] = useState(null);
+  const closeMenus = useCallback(() => setOpenKey(null), []);
+  return /* @__PURE__ */ jsxs("div", { role: "search", "aria-label": "Filter and search APIs", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.toolbar, children: [
+      facets.map((facet) => /* @__PURE__ */ jsx(
+        FacetDropdown,
+        {
+          facet,
+          selected: selected[facet.key],
+          isOpen: openKey === facet.key,
+          onOpenToggle: () => setOpenKey((prev) => prev === facet.key ? null : facet.key),
+          onClose: closeMenus,
+          onToggle: (value) => onToggleFacet(facet.key, value),
+          onClear: () => onClearFacet(facet.key)
+        },
+        facet.key
+      )),
+      /* @__PURE__ */ jsxs("div", { className: styles.searchRow, children: [
+        searchBar,
+        active ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "tertiary",
+            size: "small",
+            iconStart: /* @__PURE__ */ jsx(RiCloseLine, {}),
+            onPress: onClearAll,
+            children: "Clear all"
+          }
+        ) : null,
+        viewToggle
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: styles.srOnly, "aria-live": "polite", children: `${resultCount} APIs match your filters` })
+  ] });
+}
+
+export { FilterToolbar };
+//# sourceMappingURL=FilterToolbar.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterToolbar.esm.js","sources":["../../src/components/FilterToolbar.tsx"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { Button, Checkbox } from '@backstage/ui';\nimport { RiArrowDropDownLine, RiCloseLine } from '@remixicon/react';\nimport type { DerivedFacet, FacetKey } from './facetModel';\nimport styles from './FilterToolbar.module.css';\n\nexport interface FilterToolbarProps {\n  /** Derived facets from `deriveFacets()`; ALL render (revised D-05) — one with no values is disabled. */\n  facets: DerivedFacet[];\n  /** Current selections per facet (hydrated from the URL state in 06-04). */\n  selected: Record<FacetKey, string[]>;\n  onToggleFacet: (key: FacetKey, value: string) => void;\n  /** Per-facet menu-footer \"Clear\" (clears just that facet). */\n  onClearFacet: (key: FacetKey) => void;\n  /** Toolbar \"Clear all\" (resets every facet + search). */\n  onClearAll: () => void;\n  /** `isActive(state)` — gates the \"Clear all\" affordance. */\n  active: boolean;\n  /** Filtered result count for the polite live region (UI-07). */\n  resultCount: number;\n  /** `SearchBar` mounted inline in the toolbar row. */\n  searchBar: ReactNode;\n  /** View-mode toggle (Flat/List) mounted at the right of the toolbar row. */\n  viewToggle?: ReactNode;\n}\n\n/**\n * A single multi-select facet as an outlined disclosure button. Options are @backstage/ui\n * `Checkbox`es in a popover that stays OPEN while toggling (multi-select); the popover closes on\n * outside-click or Escape. All dynamic text (`facet.label`, `option.label`) renders as React\n * children only — never raw HTML (T-06-03-01).\n */\nfunction FacetDropdown({\n  facet,\n  selected,\n  isOpen,\n  onOpenToggle,\n  onClose,\n  onToggle,\n  onClear,\n}: {\n  facet: DerivedFacet;\n  selected: string[];\n  isOpen: boolean;\n  onOpenToggle: () => void;\n  onClose: () => void;\n  onToggle: (value: string) => void;\n  onClear: () => void;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const menuId = `facet-menu-${facet.key}`;\n  const count = selected.length;\n\n  useEffect(() => {\n    if (!isOpen) {\n      return undefined;\n    }\n    const onDocMouseDown = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onClose();\n      }\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onClose();\n      }\n    };\n    document.addEventListener('mousedown', onDocMouseDown);\n    document.addEventListener('keydown', onKeyDown);\n    return () => {\n      document.removeEventListener('mousedown', onDocMouseDown);\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  }, [isOpen, onClose]);\n\n  return (\n    <div ref={ref} className={styles.facet}>\n      <Button\n        variant={count > 0 ? 'primary' : 'secondary'}\n        size=\"small\"\n        isDisabled={!facet.enabled}\n        iconEnd={<RiArrowDropDownLine />}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? menuId : undefined}\n        aria-label={\n          count > 0\n            ? `${facet.label} filter, ${count} selected`\n            : `${facet.label} filter`\n        }\n        onPress={onOpenToggle}\n      >\n        {facet.label}\n        {count > 0 ? <span className={styles.countChip}>{count}</span> : null}\n      </Button>\n      {isOpen ? (\n        <div\n          id={menuId}\n          className={styles.menu}\n          role=\"group\"\n          aria-label={`${facet.label} options`}\n        >\n          {facet.options.map(option => (\n            <Checkbox\n              key={option.value}\n              className={styles.option}\n              isSelected={selected.includes(option.value)}\n              onChange={() => onToggle(option.value)}\n            >\n              {option.label}\n            </Checkbox>\n          ))}\n          {count > 0 ? (\n            <div className={styles.menuFooter}>\n              <Button variant=\"tertiary\" size=\"small\" onPress={onClear}>\n                Clear\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Presentational Phase 6 toolbar (D-01 top toolbar, D-02 multi-select dropdowns). Renders EVERY\n * facet in `FACET_ORDER` (revised D-05 — a facet with no values renders disabled) followed on the\n * same row by the inline `searchBar` paired with the `viewToggle` (and a conditional \"Clear all\"),\n * plus a polite `aria-live` result-count region. Purely props-driven — no data fetching and no\n * URL/provider access (that wiring is 06-04). (UI-06, UI-07)\n */\nexport function FilterToolbar({\n  facets,\n  selected,\n  onToggleFacet,\n  onClearFacet,\n  onClearAll,\n  active,\n  resultCount,\n  searchBar,\n  viewToggle,\n}: FilterToolbarProps) {\n  // Only one facet menu open at a time — opening another closes the previous.\n  const [openKey, setOpenKey] = useState<FacetKey | null>(null);\n  const closeMenus = useCallback(() => setOpenKey(null), []);\n\n  return (\n    <div role=\"search\" aria-label=\"Filter and search APIs\">\n      <div className={styles.toolbar}>\n        {facets.map(facet => (\n          <FacetDropdown\n            key={facet.key}\n            facet={facet}\n            selected={selected[facet.key]}\n            isOpen={openKey === facet.key}\n            onOpenToggle={() =>\n              setOpenKey(prev => (prev === facet.key ? null : facet.key))\n            }\n            onClose={closeMenus}\n            onToggle={value => onToggleFacet(facet.key, value)}\n            onClear={() => onClearFacet(facet.key)}\n          />\n        ))}\n        <div className={styles.searchRow}>\n          {searchBar}\n          {active ? (\n            <Button\n              variant=\"tertiary\"\n              size=\"small\"\n              iconStart={<RiCloseLine />}\n              onPress={onClearAll}\n            >\n              Clear all\n            </Button>\n          ) : null}\n          {viewToggle}\n        </div>\n      </div>\n      <span className={styles.srOnly} aria-live=\"polite\">\n        {`${resultCount} APIs match your filters`}\n      </span>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/FilterToolbar.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".FilterToolbar_toolbar__56038ba351 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--bui-space-2);\n  margin-bottom: var(--bui-space-4);\n}\n\n.FilterToolbar_facet__56038ba351 {\n  position: relative;\n}\n\n.FilterToolbar_countChip__56038ba351 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  margin-left: var(--bui-space-1);\n  padding: 0 var(--bui-space-1);\n  border-radius: var(--bui-radius-full);\n  background-color: var(--bui-bg-solid);\n  color: var(--bui-fg-solid);\n  font-size: var(--bui-font-size-1);\n  font-variant-numeric: tabular-nums;\n}\n\n.FilterToolbar_menu__56038ba351 {\n  position: absolute;\n  top: calc(100% + var(--bui-space-1));\n  left: 0;\n  z-index: 10;\n  min-width: 200px;\n  padding: var(--bui-space-2) 0;\n  border: 1px solid var(--bui-border-1);\n  border-radius: var(--bui-radius-3);\n  background-color: var(--bui-bg-app);\n  box-shadow: var(--bui-shadow);\n}\n\n.FilterToolbar_option__56038ba351 {\n  padding: var(--bui-space-1) var(--bui-space-3);\n}\n\n.FilterToolbar_menuFooter__56038ba351 {\n  display: flex;\n  justify-content: flex-end;\n  padding: var(--bui-space-1) var(--bui-space-2) 0;\n}\n\n.FilterToolbar_searchRow__56038ba351 {\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--bui-space-2);\n}\n\n.FilterToolbar_srOnly__56038ba351 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n";
+var styles = {"toolbar":"FilterToolbar_toolbar__56038ba351","facet":"FilterToolbar_facet__56038ba351","countChip":"FilterToolbar_countChip__56038ba351","menu":"FilterToolbar_menu__56038ba351","option":"FilterToolbar_option__56038ba351","menuFooter":"FilterToolbar_menuFooter__56038ba351","searchRow":"FilterToolbar_searchRow__56038ba351","srOnly":"FilterToolbar_srOnly__56038ba351"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=FilterToolbar.module.css.esm.js.map

package/dist/components/FilterToolbar.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterToolbar.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/SearchBar.esm.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { SearchField } from '@backstage/ui';
+import { RiSearchLine } from '@remixicon/react';
+
+function SearchBar({ value, onChange }) {
+  return /* @__PURE__ */ jsx(
+    SearchField,
+    {
+      "aria-label": "Search APIs",
+      placeholder: "Search APIs\u2026",
+      value,
+      onChange,
+      icon: /* @__PURE__ */ jsx(RiSearchLine, {}),
+      style: { flex: "1 1 auto", minWidth: 240 }
+    }
+  );
+}
+
+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\nimport { SearchField } from '@backstage/ui';\nimport { RiSearchLine } from '@remixicon/react';\n\nexport interface SearchBarProps {\n  /** Controlled input value — echoes keystrokes instantly (no debounce here). */\n  value: string;\n  /** Reports every change; the 200 ms trailing debounce lives in `useApigeeFilters` (06-04). */\n  onChange: (next: string) => void;\n}\n\n/**\n * Stateless, controlled search field (UI-SPEC §Component Inventory #2). Holds NO state\n * and NO debounce — it purely echoes `value` and reports changes; the 200 ms trailing debounce\n * lives in the `useApigeeFilters` hook (06-04). Leading search icon plus a built-in Clear (✕)\n * button that @backstage/ui `SearchField` shows only when `value` is non-empty. The `value`\n * renders only as a controlled prop (React auto-escapes) — never raw HTML (T-06-03-01).\n */\nexport function SearchBar({ value, onChange }: SearchBarProps) {\n  return (\n    <SearchField\n      aria-label=\"Search APIs\"\n      placeholder=\"Search APIs…\"\n      value={value}\n      onChange={onChange}\n      icon={<RiSearchLine />}\n      style={{ flex: '1 1 auto', minWidth: 240 }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAkBO,SAAS,SAAA,CAAU,EAAE,KAAA,EAAO,QAAA,EAAS,EAAmB;AAC7D,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,aAAA;AAAA,MACX,WAAA,EAAY,mBAAA;AAAA,MACZ,KAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,MACpB,KAAA,EAAO,EAAE,IAAA,EAAM,UAAA,EAAY,UAAU,GAAA;AAAI;AAAA,GAC3C;AAEJ;;;;"}

package/dist/components/apiCardViewModel.esm.js

@@ -0,0 +1,57 @@
+import { parseEntityRef } from '@backstage/catalog-model';
+import { humanizeEntityRef } from '@backstage/plugin-catalog-react';
+import { ANNOTATION_VERSION, ANNOTATION_PROXY_NAME, ANNOTATION_HAS_SPEC, LABEL_DEPARTMENT, ANNOTATION_APIGEE_ORGS, ANNOTATION_APIGEE_ORG } 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 toVisibilities(annotations) {
+  const raw = annotations[ANNOTATION_APIGEE_ORGS] ?? annotations[ANNOTATION_APIGEE_ORG] ?? "";
+  const orgs = raw.split(",").map((org) => org.trim().toLowerCase()).filter(Boolean);
+  const visibilities = [];
+  if (orgs.some((org) => org.includes("private"))) visibilities.push("private");
+  if (orgs.some((org) => org.includes("public"))) visibilities.push("public");
+  return visibilities;
+}
+function versionFromProxyName(proxyName) {
+  const match = proxyName?.match(/-v(\d+)$/i);
+  return match ? `${Number(match[1])}.0.0` : void 0;
+}
+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",
+    department: entity.metadata.labels?.[LABEL_DEPARTMENT] || void 0,
+    visibilities: toVisibilities(annotations),
+    badge: toBadge(entity.spec?.lifecycle),
+    hasSpec: annotations[ANNOTATION_HAS_SPEC] === "true",
+    version: annotations[ANNOTATION_VERSION] || versionFromProxyName(annotations[ANNOTATION_PROXY_NAME]) || 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\nimport { type Entity, parseEntityRef } from '@backstage/catalog-model';\nimport { humanizeEntityRef } from '@backstage/plugin-catalog-react';\nimport {\n  ANNOTATION_HAS_SPEC,\n  ANNOTATION_VERSION,\n  ANNOTATION_PROXY_NAME,\n  ANNOTATION_APIGEE_ORGS,\n  ANNOTATION_APIGEE_ORG,\n  LABEL_DEPARTMENT,\n} from '../constants';\n\nexport type LifecycleBadgeKind = 'ok' | 'warning' | 'error';\n\n/** Apigee org exposure shown on the card, derived from the org name. */\nexport type ApiVisibility = 'private' | 'public';\n\nexport interface ApiCardViewModel {\n  /** metadata.title ?? metadata.name */\n  name: string;\n  /** humanizeEntityRef(spec.owner, { defaultKind: 'group' }) — 'unknown' when absent */\n  ownerLabel: string;\n  /** metadata.labels.department — undefined when absent (ApiCard renders 'unknown') */\n  department?: string;\n  /** Exposure derived from cloud.google.com/orgs — 'private', 'public', or both; [] when none. */\n  visibilities: ApiVisibility[];\n  badge: { label: string; kind: LifecycleBadgeKind };\n  /** annotations['cloud.google.com/has-spec'] === 'true' */\n  hasSpec: boolean;\n  /** annotations['cloud.google.com/version'], else the proxy name's -v<major> as x.0.0 — omitted when absent (D-05) */\n  version?: string;\n  /** metadata.description — omitted when empty */\n  description?: string;\n  /** for entityRouteRef navigation (05-04) */\n  targetRef: { kind: 'API'; namespace: string; name: string };\n}\n\n/** D-04 lifecycle -> badge mapping. Unknown/undeployed/missing default to warning. */\nfunction toBadge(lifecycle: string | undefined): {\n  label: string;\n  kind: LifecycleBadgeKind;\n} {\n  switch (lifecycle) {\n    case 'production':\n      return { label: 'Production', kind: 'ok' };\n    case 'deprecated':\n      return { label: 'Deprecated', kind: 'error' };\n    case 'experimental':\n      return { label: 'Experimental', kind: 'warning' };\n    default:\n      return { label: 'Unknown', kind: 'warning' };\n  }\n}\n\n/** Derive exposure from the Apigee org annotation(s). Org names follow\n * `apigee-x-{private|public}-p-<id>`; an API can be published to one or both. */\nfunction toVisibilities(annotations: Record<string, string>): ApiVisibility[] {\n  const raw =\n    annotations[ANNOTATION_APIGEE_ORGS] ??\n    annotations[ANNOTATION_APIGEE_ORG] ??\n    '';\n  const orgs = raw\n    .split(',')\n    .map(org => org.trim().toLowerCase())\n    .filter(Boolean);\n  const visibilities: ApiVisibility[] = [];\n  if (orgs.some(org => org.includes('private'))) visibilities.push('private');\n  if (orgs.some(org => org.includes('public'))) visibilities.push('public');\n  return visibilities;\n}\n\n/** Extract a semantic version from a proxy name's trailing `-v<major>` segment\n * (e.g. `...-v4` -> `4.0.0`). Undefined when the name has no version suffix. */\nfunction versionFromProxyName(\n  proxyName: string | undefined,\n): string | undefined {\n  const match = proxyName?.match(/-v(\\d+)$/i);\n  return match ? `${Number(match[1])}.0.0` : undefined;\n}\n\n/** PURE mapper: an Apigee `kind: API` entity -> the view-model each tile renders. */\nexport function toApiCardViewModel(entity: Entity): ApiCardViewModel {\n  const annotations = entity.metadata.annotations ?? {};\n  const owner = entity.spec?.owner as string | undefined;\n  const description = entity.metadata.description?.trim()\n    ? entity.metadata.description\n    : undefined;\n\n  return {\n    name: entity.metadata.title ?? entity.metadata.name,\n    ownerLabel: owner\n      ? humanizeEntityRef(\n          parseEntityRef(owner, {\n            defaultKind: 'group',\n            defaultNamespace: 'default',\n          }),\n          { defaultKind: 'group' },\n        )\n      : 'unknown',\n    department: entity.metadata.labels?.[LABEL_DEPARTMENT] || undefined,\n    visibilities: toVisibilities(annotations),\n    badge: toBadge(entity.spec?.lifecycle as string | undefined),\n    hasSpec: annotations[ANNOTATION_HAS_SPEC] === 'true',\n    version:\n      annotations[ANNOTATION_VERSION] ||\n      versionFromProxyName(annotations[ANNOTATION_PROXY_NAME]) ||\n      undefined,\n    description,\n    targetRef: {\n      kind: 'API',\n      namespace: entity.metadata.namespace ?? 'default',\n      name: entity.metadata.name,\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/apiDetailViewModel.esm.js

@@ -0,0 +1,98 @@
+import { ANNOTATION_APIGEE_ORGS, ANNOTATION_APIGEE_ORG } from '../constants.esm.js';
+import { humanise } from './grouping.esm.js';
+import { toApiCardViewModel } from './apiCardViewModel.esm.js';
+
+function slugify(name) {
+  return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/-{2,}/g, "-").replace(/^-+|-+$/g, "");
+}
+const ENV_REVISION_KEY = /^cloud\.google\.com\/([a-z0-9-]+)\.env\.([a-z0-9-]+)\.revision$/;
+function envsByOrgSlug(component) {
+  const byOrg = /* @__PURE__ */ new Map();
+  for (const [key, revision] of Object.entries(
+    component?.metadata.annotations ?? {}
+  )) {
+    const match = ENV_REVISION_KEY.exec(key);
+    if (!match) {
+      continue;
+    }
+    const [, orgSlug, envSlug] = match;
+    const list = byOrg.get(orgSlug) ?? [];
+    list.push({ name: envSlug, revision });
+    byOrg.set(orgSlug, list);
+  }
+  return byOrg;
+}
+function toRuntimeOrgs(api, component, orgLabels) {
+  const annotations = api.metadata.annotations ?? {};
+  const raw = annotations[ANNOTATION_APIGEE_ORGS] ?? annotations[ANNOTATION_APIGEE_ORG] ?? "";
+  const orgValues = raw.split(",").map((value) => value.trim()).filter(Boolean);
+  const envMap = envsByOrgSlug(component);
+  return orgValues.map((value) => ({
+    value,
+    label: orgLabels?.[value] ?? humanise(value),
+    environments: (envMap.get(slugify(value)) ?? []).sort(
+      (a, b) => a.name.localeCompare(b.name)
+    )
+  }));
+}
+function toDeploymentMatrix(runtimeOrgs) {
+  const environments = Array.from(
+    new Set(runtimeOrgs.flatMap((org) => org.environments.map((env) => env.name)))
+  ).sort((a, b) => a.localeCompare(b));
+  const rows = runtimeOrgs.map((org) => ({
+    value: org.value,
+    label: org.label,
+    revisions: Object.fromEntries(
+      org.environments.map((env) => [env.name, env.revision])
+    )
+  }));
+  return { environments, rows };
+}
+function categoriseLinks(entity) {
+  const httpLinks = (entity.metadata.links ?? []).filter(
+    (l) => /^https?:\/\//i.test(l.url)
+  );
+  const apiHubLink = httpLinks.find(
+    (l) => l.title === "Apigee API Hub" || /\/apigee\/api-hub\//i.test(l.url)
+  );
+  const sourceRepoLink = httpLinks.find(
+    (l) => l !== apiHubLink && (l.title === "Source repository" || /github\.com/i.test(l.url))
+  ) ?? httpLinks.find((l) => l !== apiHubLink);
+  return {
+    sourceRepo: sourceRepoLink ? {
+      url: sourceRepoLink.url,
+      title: sourceRepoLink.title || "Source repository",
+      icon: "github"
+    } : void 0,
+    apiHub: apiHubLink ? {
+      url: apiHubLink.url,
+      title: apiHubLink.title || "Apigee API Hub",
+      icon: "apigee"
+    } : void 0
+  };
+}
+function specFileName(baseName, definition) {
+  const ext = definition.trim().startsWith("{") ? "json" : "yaml";
+  return `${baseName}.${ext}`;
+}
+function toApiDetailViewModel(api, component, orgLabels) {
+  const base = toApiCardViewModel(api);
+  const spec = api.spec ?? {};
+  const runtimeOrgs = toRuntimeOrgs(api, component, orgLabels);
+  const { sourceRepo, apiHub } = categoriseLinks(api);
+  return {
+    ...base,
+    kind: api.kind,
+    type: spec.type || void 0,
+    ownerRef: spec.owner || void 0,
+    tags: api.metadata.tags ?? [],
+    definition: typeof spec.definition === "string" ? spec.definition : "",
+    sourceRepo,
+    apiHub,
+    runtimeOrgs,
+    deployments: toDeploymentMatrix(runtimeOrgs)
+  };
+}
+
+export { specFileName, toApiDetailViewModel, toDeploymentMatrix, toRuntimeOrgs };
+//# sourceMappingURL=apiDetailViewModel.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apiDetailViewModel.esm.js","sources":["../../src/components/apiDetailViewModel.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\nimport type { Entity } from '@backstage/catalog-model';\nimport { ANNOTATION_APIGEE_ORGS, ANNOTATION_APIGEE_ORG } from '../constants';\nimport { humanise } from './grouping';\nimport { toApiCardViewModel, type ApiCardViewModel } from './apiCardViewModel';\n\n/** One deployed environment with the revision running there (per org). */\nexport interface ApiRuntimeEnv {\n  /** Environment slug (e.g. 'prod-1'), as recorded on the Component annotation. */\n  name: string;\n  /** Deployed proxy revision in this environment (e.g. '3'). */\n  revision: string;\n}\n\n/** An Apigee org this API is published to, with its deployed environments. */\nexport interface ApiRuntimeOrg {\n  /** Raw org value — matches the `cloud.google.com/orgs` entry and the org facet identity. */\n  value: string;\n  /** Display label (config `orgLabels` override, else humanised). */\n  label: string;\n  /** Deployed environments with revisions; empty when nothing is deployed. */\n  environments: ApiRuntimeEnv[];\n}\n\n/** One org's row in the pivoted deployments table: its label plus the revision deployed in each\n * environment column (a missing entry means the org is not deployed in that environment). */\nexport interface ApiDeploymentRow {\n  value: string;\n  label: string;\n  /** Environment name → deployed revision. */\n  revisions: Record<string, string>;\n}\n\n/** Pivoted deployments: environment columns (the sorted union across orgs) × one row per org. */\nexport interface ApiDeploymentMatrix {\n  environments: string[];\n  rows: ApiDeploymentRow[];\n}\n\n/** A source-code repository link, read from `metadata.links`. */\nexport interface ApiSourceRepo {\n  url: string;\n  title: string;\n  icon: 'github' | 'apigee';\n}\n\n/**\n * Everything the details drawer renders for one API. Extends the card view-model\n * (the shared header/badge/owner fields) with the richer overview, runtime and spec data.\n */\nexport interface ApiDetailViewModel extends ApiCardViewModel {\n  /** entity.kind — always 'API' here; shown as an overview row. */\n  kind: string;\n  /** spec.type (openapi, other, …) — omitted when absent. */\n  type?: string;\n  /** Raw spec.owner entity ref (ownerLabel is the display text). */\n  ownerRef?: string;\n  /** metadata.tags — [] when none. */\n  tags: string[];\n  /** spec.definition — the embedded OpenAPI/AsyncAPI document; '' when not embedded. */\n  definition: string;\n  /** Source-repository link (GitHub) from metadata.links. */\n  sourceRepo?: ApiSourceRepo;\n  /** Apigee API Hub deep link from metadata.links. */\n  apiHub?: ApiSourceRepo;\n  /** Per-org runtime (environments + revisions). */\n  runtimeOrgs: ApiRuntimeOrg[];\n  /** Pivoted deployments (environment columns × org rows) for the Deployments card. */\n  deployments: ApiDeploymentMatrix;\n}\n\n/**\n * Frontend mirror of the backend `slugify` (entity-builder.ts): lowercase, non-alphanumeric\n * runs → single hyphen, trimmed. Used to match an org value to the Component's\n * `cloud.google.com/<orgSlug>.env.<envSlug>.revision` annotation keys.\n */\nfunction slugify(name: string): string {\n  return name\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/-{2,}/g, '-')\n    .replace(/^-+|-+$/g, '');\n}\n\n/** `cloud.google.com/<orgSlug>.env.<envSlug>.revision` — slugs never contain '.', so this is unambiguous. */\nconst ENV_REVISION_KEY =\n  /^cloud\\.google\\.com\\/([a-z0-9-]+)\\.env\\.([a-z0-9-]+)\\.revision$/;\n\n/** Group a Component's per-environment revision annotations by org slug. */\nfunction envsByOrgSlug(\n  component: Entity | undefined,\n): Map<string, ApiRuntimeEnv[]> {\n  const byOrg = new Map<string, ApiRuntimeEnv[]>();\n  for (const [key, revision] of Object.entries(\n    component?.metadata.annotations ?? {},\n  )) {\n    const match = ENV_REVISION_KEY.exec(key);\n    if (!match) {\n      continue;\n    }\n    const [, orgSlug, envSlug] = match;\n    const list = byOrg.get(orgSlug) ?? [];\n    list.push({ name: envSlug, revision });\n    byOrg.set(orgSlug, list);\n  }\n  return byOrg;\n}\n\n/**\n * Resolve the runtime orgs for an API. Org identity + order come from the API's\n * `cloud.google.com/orgs` (or singular `org`) annotation — the same value the facets use — while the\n * deployed environments/revisions come from the matching Component entity (Component-only\n * annotations). Hub-only APIs have no Component, so their orgs render with empty environment lists.\n */\nexport function toRuntimeOrgs(\n  api: Entity,\n  component: Entity | undefined,\n  orgLabels?: Record<string, string>,\n): ApiRuntimeOrg[] {\n  const annotations = api.metadata.annotations ?? {};\n  const raw =\n    annotations[ANNOTATION_APIGEE_ORGS] ??\n    annotations[ANNOTATION_APIGEE_ORG] ??\n    '';\n  const orgValues = raw\n    .split(',')\n    .map(value => value.trim())\n    .filter(Boolean);\n  const envMap = envsByOrgSlug(component);\n  return orgValues.map(value => ({\n    value,\n    label: orgLabels?.[value] ?? humanise(value),\n    environments: (envMap.get(slugify(value)) ?? []).sort((a, b) =>\n      a.name.localeCompare(b.name),\n    ),\n  }));\n}\n\n/**\n * Pivot the per-org runtime into an environment-columns × org-rows matrix for the Deployments\n * table. Columns are the sorted union of every org's environment names; each row carries the org\n * label and a name→revision lookup, so a cell with no entry renders as \"not deployed\".\n */\nexport function toDeploymentMatrix(\n  runtimeOrgs: ApiRuntimeOrg[],\n): ApiDeploymentMatrix {\n  const environments = Array.from(\n    new Set(runtimeOrgs.flatMap(org => org.environments.map(env => env.name))),\n  ).sort((a, b) => a.localeCompare(b));\n  const rows = runtimeOrgs.map(org => ({\n    value: org.value,\n    label: org.label,\n    revisions: Object.fromEntries(\n      org.environments.map(env => [env.name, env.revision]),\n    ),\n  }));\n  return { environments, rows };\n}\n\n/**\n * Split metadata.links into the two the drawer surfaces separately: the source repository (GitHub)\n * and the Apigee API Hub deep link. Matched by the backend's stable titles with a URL-shape\n * fallback; the source repo additionally falls back to the first non-hub http link (back-compat).\n */\nfunction categoriseLinks(entity: Entity): {\n  sourceRepo?: ApiSourceRepo;\n  apiHub?: ApiSourceRepo;\n} {\n  const httpLinks = (entity.metadata.links ?? []).filter(l =>\n    /^https?:\\/\\//i.test(l.url),\n  );\n  const apiHubLink = httpLinks.find(\n    l => l.title === 'Apigee API Hub' || /\\/apigee\\/api-hub\\//i.test(l.url),\n  );\n  const sourceRepoLink =\n    httpLinks.find(\n      l =>\n        l !== apiHubLink &&\n        (l.title === 'Source repository' || /github\\.com/i.test(l.url)),\n    ) ?? httpLinks.find(l => l !== apiHubLink);\n  return {\n    sourceRepo: sourceRepoLink\n      ? {\n          url: sourceRepoLink.url,\n          title: sourceRepoLink.title || 'Source repository',\n          icon: 'github',\n        }\n      : undefined,\n    apiHub: apiHubLink\n      ? {\n          url: apiHubLink.url,\n          title: apiHubLink.title || 'Apigee API Hub',\n          icon: 'apigee',\n        }\n      : undefined,\n  };\n}\n\n/** Download filename for a spec: `.json` for JSON, else `.yaml`. */\nexport function specFileName(baseName: string, definition: string): string {\n  const ext = definition.trim().startsWith('{') ? 'json' : 'yaml';\n  return `${baseName}.${ext}`;\n}\n\n/**\n * PURE mapper: an Apigee `kind: API` entity (plus its optional Component sibling for runtime\n * data) → the view-model the details drawer renders. Reuses `toApiCardViewModel` for the shared\n * header/badge/owner fields.\n */\nexport function toApiDetailViewModel(\n  api: Entity,\n  component?: Entity,\n  orgLabels?: Record<string, string>,\n): ApiDetailViewModel {\n  const base = toApiCardViewModel(api);\n  const spec = (api.spec ?? {}) as Record<string, unknown>;\n  const runtimeOrgs = toRuntimeOrgs(api, component, orgLabels);\n  const { sourceRepo, apiHub } = categoriseLinks(api);\n  return {\n    ...base,\n    kind: api.kind,\n    type: (spec.type as string | undefined) || undefined,\n    ownerRef: (spec.owner as string | undefined) || undefined,\n    tags: api.metadata.tags ?? [],\n    definition: typeof spec.definition === 'string' ? spec.definition : '',\n    sourceRepo,\n    apiHub,\n    runtimeOrgs,\n    deployments: toDeploymentMatrix(runtimeOrgs),\n  };\n}\n"],"names":[],"mappings":"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"}