@nospt/plugin-dev-ai-hub 0.2.4 → 0.3.1

package/dist/components/AiResourcesPage/StatTiles.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 = "@layer components {\n  /*\n   * The type filter: a row of solid brand-coloured blocks, each carrying a\n   * share bar along its bottom edge — the type's proportion of the catalog.\n   *\n   * The bar is the data-ink. It answers \"what is this catalog made of?\" in the\n   * space the tile already occupied, and it breaks the uniformity of six\n   * identical tiles, which is what makes attention drop off across a repeated\n   * row (eye-tracking: users barely register the last two of five).\n   *\n   * A full-height proportional fill was built first — the saturated part being\n   * the share, the remainder the same hue dimmed — and rejected on sight: the\n   * dimmed remainder is the muddy tone this palette has repeatedly failed on,\n   * and it covered most of every tile. The bar keeps the encoding and leaves\n   * the colour alone.\n   *\n   * The fill is `--devaihub-tile-*` (the brand hex, identical in both themes),\n   * NOT `--devaihub-type-*`: those are darkened in light mode to read against\n   * a card surface, and filling with them turns the row olive. See the token\n   * block in AiResourcesPage.module.css.\n   */\n  .StatTiles_grid__0e03a75ccd {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));\n    gap: var(--bui-space-3);\n    margin-bottom: var(--bui-space-5);\n  }\n\n  .StatTiles_tile__0e03a75ccd {\n    position: relative;\n    /* The variant owns its foreground: the components reference these tokens\n       inline, which is what lets one DOM serve three treatments. */\n    --devaihub-tile-fg: #ffffff;\n    --devaihub-tile-fg-muted: rgba(255, 255, 255, 0.92);\n    background: var(--tile-fill);\n    border-radius: var(--bui-radius-3);\n    padding: var(--bui-space-4);\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-3);\n    cursor: pointer;\n    /* A lit top edge and a shadow tinted with the tile's own hue, so the row\n       sits on the page rather than being pasted onto it. */\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25),\n      0 1px 2px rgba(0, 0, 0, 0.12),\n      0 8px 18px -10px color-mix(in srgb, var(--tile-fill) 60%, transparent);\n    /* Room for the share bar under the label. */\n    padding-bottom: var(--bui-space-5);\n    transition: transform 160ms cubic-bezier(0.16, 1, 0.3, 1),\n      box-shadow 160ms ease;\n  }\n\n  .StatTiles_tile__0e03a75ccd:hover {\n    transform: translateY(-2px);\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32),\n      0 2px 4px rgba(0, 0, 0, 0.14),\n      0 14px 26px -12px color-mix(in srgb, var(--tile-fill) 70%, transparent);\n  }\n\n  .StatTiles_tile__0e03a75ccd:focus-visible {\n    outline: 2px solid var(--bui-fg-primary);\n    outline-offset: 3px;\n  }\n\n  /* The ring sits OUTSIDE, on the page background, and takes the theme's\n     foreground. A tint or an inset white ring cannot read on a solid fill —\n     white is invisible on the yellow and turquoise tiles, which is exactly\n     where selection has to be legible. */\n  .StatTiles_tileActive__0e03a75ccd {\n    transform: translateY(-2px);\n    outline: 2px solid var(--bui-fg-primary);\n    outline-offset: 3px;\n  }\n\n  /* Share bar: a track across the full width with the fill sized to this\n     type's proportion of the catalog. Drawn in the tile's own foreground so it\n     works on every hue without a second colour decision. */\n  .StatTiles_shareTrack__0e03a75ccd {\n    position: absolute;\n    left: var(--bui-space-4);\n    right: var(--bui-space-4);\n    bottom: var(--bui-space-3);\n    height: 3px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.28);\n    overflow: hidden;\n  }\n\n  .StatTiles_shareFill__0e03a75ccd {\n    display: block;\n    height: 100%;\n    width: var(--tile-share);\n    border-radius: inherit;\n    background: var(--devaihub-tile-fg);\n    transition: width 320ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .StatTiles_tileIconBox__0e03a75ccd {\n    background: rgba(255, 255, 255, 0.22);\n    color: var(--devaihub-tile-fg);\n    border-radius: var(--bui-radius-2);\n    padding: var(--bui-space-2);\n    display: flex;\n    flex-shrink: 0;\n  }\n\n  .StatTiles_tileText__0e03a75ccd {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n\n  /* Colour and size are set inline on the components too: BUI's Text carries\n     its own, and which wins depends on the order BUI's styles land in the host\n     app relative to this plugin's. These rules cover hosts where the plugin\n     lands last. */\n  .StatTiles_tile__0e03a75ccd .StatTiles_tileValue__0e03a75ccd {\n    color: var(--devaihub-tile-fg);\n    font-size: 1.75rem;\n    font-weight: 700;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);\n    display: block;\n  }\n\n  .StatTiles_tile__0e03a75ccd .StatTiles_tileLabel__0e03a75ccd {\n    color: var(--devaihub-tile-fg);\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.07em;\n    text-transform: uppercase;\n    line-height: 1.2;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);\n    display: block;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .StatTiles_tile__0e03a75ccd {\n      transition: none;\n    }\n\n    .StatTiles_tile__0e03a75ccd:hover,\n    .StatTiles_tileActive__0e03a75ccd {\n      transform: none;\n    }\n\n    .StatTiles_shareFill__0e03a75ccd {\n      transition: none;\n    }\n  }\n}\n";
+var solidStyles = {"grid":"StatTiles_grid__0e03a75ccd","tile":"StatTiles_tile__0e03a75ccd","tileActive":"StatTiles_tileActive__0e03a75ccd StatTiles_tile__0e03a75ccd","shareTrack":"StatTiles_shareTrack__0e03a75ccd","shareFill":"StatTiles_shareFill__0e03a75ccd","tileIconBox":"StatTiles_tileIconBox__0e03a75ccd","tileText":"StatTiles_tileText__0e03a75ccd","tileValue":"StatTiles_tileValue__0e03a75ccd","tileLabel":"StatTiles_tileLabel__0e03a75ccd"};
+styleInject(css_248z);
+
+export { solidStyles as default };
+//# sourceMappingURL=StatTiles.module.css.esm.js.map

package/dist/components/AiResourcesPage/StatTiles.module.css.esm.js.map

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

package/dist/components/AiResourcesPage/index.esm.js

@@ -0,0 +1,6 @@
+import { AiResourcesPage } from './AiResourcesPage.esm.js';
+
+
+
+export { AiResourcesPage };
+//# sourceMappingURL=index.esm.js.map

package/dist/components/AiResourcesPage/typeMeta.esm.js

@@ -0,0 +1,34 @@
+import { RiStore2Line, RiPuzzleLine, RiPlugLine, RiFlashlightLine, RiRobot2Line, RiToolsLine } from '@remixicon/react';
+import { RESOURCE_TYPE_REGISTRY } from '@nospt/plugin-dev-ai-hub-common';
+
+const ICONS = {
+  tools: RiToolsLine,
+  robot: RiRobot2Line,
+  flash: RiFlashlightLine,
+  plug: RiPlugLine,
+  puzzle: RiPuzzleLine,
+  store: RiStore2Line
+};
+function getTypeMeta(type) {
+  const info = RESOURCE_TYPE_REGISTRY[type];
+  return {
+    ...info,
+    Icon: ICONS[info.icon],
+    color: `var(--devaihub-type-${info.colorRole})`,
+    colorBg: `var(--devaihub-type-${info.colorRole}-bg)`,
+    tileFill: `var(--devaihub-tile-${info.colorRole})`
+  };
+}
+const FRAMEWORK_LABELS = {
+  "claude-code": "Claude Code",
+  "github-copilot": "GitHub Copilot",
+  "google-gemini": "Google Gemini",
+  cursor: "Cursor",
+  all: "All tools"
+};
+function frameworkLabel(token) {
+  return FRAMEWORK_LABELS[token] ?? token;
+}
+
+export { frameworkLabel, getTypeMeta };
+//# sourceMappingURL=typeMeta.esm.js.map

package/dist/components/AiResourcesPage/typeMeta.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeMeta.esm.js","sources":["../../../src/components/AiResourcesPage/typeMeta.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport {\n  RiFlashlightLine,\n  RiPlugLine,\n  RiPuzzleLine,\n  RiRobot2Line,\n  RiStore2Line,\n  RiToolsLine,\n} from '@remixicon/react';\nimport {\n  RESOURCE_TYPE_REGISTRY,\n  type ResourceType,\n  type ResourceTypeIcon,\n  type ResourceTypeInfo,\n} from '@nospt/plugin-dev-ai-hub-common';\n\n/** Maps the registry's React-free icon identifiers to components. */\nconst ICONS: Record<ResourceTypeIcon, ElementType> = {\n  tools: RiToolsLine,\n  robot: RiRobot2Line,\n  flash: RiFlashlightLine,\n  plug: RiPlugLine,\n  puzzle: RiPuzzleLine,\n  store: RiStore2Line,\n};\n\nexport interface TypeMeta extends ResourceTypeInfo {\n  Icon: ElementType;\n  /** The plugin-owned colour tokens for this role (ADR-0008). */\n  color: string;\n  colorBg: string;\n  /**\n   * The stat tile's solid fill: the brand hex as published, which is NOT\n   * `color` — that one is darkened in light mode to read against a card.\n   */\n  tileFill: string;\n}\n\nexport function getTypeMeta(type: ResourceType): TypeMeta {\n  const info = RESOURCE_TYPE_REGISTRY[type];\n  return {\n    ...info,\n    Icon: ICONS[info.icon],\n    color: `var(--devaihub-type-${info.colorRole})`,\n    colorBg: `var(--devaihub-type-${info.colorRole}-bg)`,\n    tileFill: `var(--devaihub-tile-${info.colorRole})`,\n  };\n}\n\n/** Display labels for the known framework tokens; unknown pass through. */\nconst FRAMEWORK_LABELS: Record<string, string> = {\n  'claude-code': 'Claude Code',\n  'github-copilot': 'GitHub Copilot',\n  'google-gemini': 'Google Gemini',\n  cursor: 'Cursor',\n  all: 'All tools',\n};\n\nexport function frameworkLabel(token: string): string {\n  return FRAMEWORK_LABELS[token] ?? token;\n}\n"],"names":[],"mappings":";;;AAiBA,MAAM,KAAA,GAA+C;AAAA,EACnD,KAAA,EAAO,WAAA;AAAA,EACP,KAAA,EAAO,YAAA;AAAA,EACP,KAAA,EAAO,gBAAA;AAAA,EACP,IAAA,EAAM,UAAA;AAAA,EACN,MAAA,EAAQ,YAAA;AAAA,EACR,KAAA,EAAO;AACT,CAAA;AAcO,SAAS,YAAY,IAAA,EAA8B;AACxD,EAAA,MAAM,IAAA,GAAO,uBAAuB,IAAI,CAAA;AACxC,EAAA,OAAO;AAAA,IACL,GAAG,IAAA;AAAA,IACH,IAAA,EAAM,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAAA,IACrB,KAAA,EAAO,CAAA,oBAAA,EAAuB,IAAA,CAAK,SAAS,CAAA,CAAA,CAAA;AAAA,IAC5C,OAAA,EAAS,CAAA,oBAAA,EAAuB,IAAA,CAAK,SAAS,CAAA,IAAA,CAAA;AAAA,IAC9C,QAAA,EAAU,CAAA,oBAAA,EAAuB,IAAA,CAAK,SAAS,CAAA,CAAA;AAAA,GACjD;AACF;AAGA,MAAM,gBAAA,GAA2C;AAAA,EAC/C,aAAA,EAAe,aAAA;AAAA,EACf,gBAAA,EAAkB,gBAAA;AAAA,EAClB,eAAA,EAAiB,eAAA;AAAA,EACjB,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK;AACP,CAAA;AAEO,SAAS,eAAe,KAAA,EAAuB;AACpD,EAAA,OAAO,gBAAA,CAAiB,KAAK,CAAA,IAAK,KAAA;AACpC;;;;"}

package/dist/components/ToolIcon/ToolIcon.esm.js

@@ -1,13 +1,20 @@
 import { jsx } from 'react/jsx-runtime';
-import { RiInfinityLine, RiNavigationLine } from '@remixicon/react';
+import { RiInfinityLine } from '@remixicon/react';
 import { siGooglegemini, siGithub, siAnthropic } from 'simple-icons';
 
+const CURSOR_PATH = "m20.42 6.73l-8-4.62a.82.82 0 0 0-.83 0L3.58 6.73c-.22.12-.35.36-.35.61v9.32c0 .25.13.48.35.61l8.01 4.62c.26.15.57.15.83 0l8.01-4.62c.22-.12.35-.36.35-.61V7.34c0-.25-.13-.48-.35-.61Zm-.5.98L12.19 21.1c-.05.09-.19.05-.19-.05v-8.77c0-.18-.09-.34-.25-.43L4.16 7.47c-.09-.05-.05-.19.05-.19h15.46c.22 0 .36.24.25.43";
 const TOOL_ICON = {
-  "claude-code": { ...siAnthropic, label: "Claude Code" },
-  "github-copilot": { ...siGithub, label: "GitHub Copilot" },
+  "claude-code": { ...siAnthropic, label: "Claude Code", monochrome: true },
+  "github-copilot": { ...siGithub, label: "GitHub Copilot", monochrome: true },
   "google-gemini": { ...siGooglegemini, label: "Google Gemini" }
 };
-function ToolIcon({ tool, branded = true, className, style, size = 20 }) {
+function ToolIcon({
+  tool,
+  branded = true,
+  className,
+  style,
+  size = 20
+}) {
   if (tool === "all") {
     return /* @__PURE__ */ jsx(
       RiInfinityLine,
@@ -15,23 +22,34 @@ function ToolIcon({ tool, branded = true, className, style, size = 20 }) {
         size,
         className,
         style: { color: "var(--bui-fg-secondary)", ...style },
-        "aria-label": "Universal"
+        "aria-label": "Universal",
+        role: "img"
       }
     );
   }
   if (tool === "cursor") {
     return /* @__PURE__ */ jsx(
-      RiNavigationLine,
+      "svg",
       {
-        size,
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        width: size,
+        height: size,
+        fill: "currentColor",
         className,
-        style: { color: branded ? "var(--bui-fg-primary)" : "inherit", ...style },
-        "aria-label": "Cursor"
+        style: {
+          color: branded ? "var(--bui-fg-primary)" : "inherit",
+          ...style
+        },
+        "aria-label": "Cursor",
+        role: "img",
+        children: /* @__PURE__ */ jsx("path", { d: CURSOR_PATH })
       }
     );
   }
   const cfg = TOOL_ICON[tool];
   if (!cfg) return null;
+  const brandedColor = cfg.monochrome ? "var(--bui-fg-primary)" : `#${cfg.hex}`;
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -41,7 +59,7 @@ function ToolIcon({ tool, branded = true, className, style, size = 20 }) {
       height: size,
       fill: "currentColor",
       className,
-      style: { color: branded ? `#${cfg.hex}` : "inherit", ...style },
+      style: { color: branded ? brandedColor : "inherit", ...style },
       "aria-label": cfg.label,
       role: "img",
       children: /* @__PURE__ */ jsx("path", { d: cfg.path })

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

@@ -1 +1 @@
-{"version":3,"file":"ToolIcon.esm.js","sources":["../../../src/components/ToolIcon/ToolIcon.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { RiInfinityLine, RiNavigationLine } from '@remixicon/react';\nimport { siAnthropic, siGithub, siGooglegemini } from 'simple-icons';\nimport type { AiTool } from '@nospt/plugin-dev-ai-hub-common';\n\ntype SvgTool = Exclude<AiTool, 'all' | 'cursor'>;\n\nconst TOOL_ICON: Record<SvgTool, { path: string; hex: string; label: string }> = {\n  'claude-code':    { ...siAnthropic,    label: 'Claude Code' },\n  'github-copilot': { ...siGithub,       label: 'GitHub Copilot' },\n  'google-gemini':  { ...siGooglegemini, label: 'Google Gemini' },\n};\n\ninterface ToolIconProps {\n  tool: AiTool;\n  /** Use the brand's official color. Defaults to true. */\n  branded?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  /** Icon size in pixels. Defaults to 20. */\n  size?: number;\n}\n\nexport function ToolIcon({ tool, branded = true, className, style, size = 20 }: ToolIconProps) {\n  if (tool === 'all') {\n    return (\n      <RiInfinityLine\n        size={size}\n        className={className}\n        style={{ color: 'var(--bui-fg-secondary)', ...style }}\n        aria-label=\"Universal\"\n      />\n    );\n  }\n\n  if (tool === 'cursor') {\n    return (\n      <RiNavigationLine\n        size={size}\n        className={className}\n        style={{ color: branded ? 'var(--bui-fg-primary)' : 'inherit', ...style }}\n        aria-label=\"Cursor\"\n      />\n    );\n  }\n\n  const cfg = TOOL_ICON[tool as SvgTool];\n  if (!cfg) return null;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width={size}\n      height={size}\n      fill=\"currentColor\"\n      className={className}\n      style={{ color: branded ? `#${cfg.hex}` : 'inherit', ...style }}\n      aria-label={cfg.label}\n      role=\"img\"\n    >\n      <path d={cfg.path} />\n    </svg>\n  );\n}\n"],"names":[],"mappings":";;;;AAOA,MAAM,SAAA,GAA2E;AAAA,EAC/E,aAAA,EAAkB,EAAE,GAAG,WAAA,EAAgB,OAAO,aAAA,EAAc;AAAA,EAC5D,gBAAA,EAAkB,EAAE,GAAG,QAAA,EAAgB,OAAO,gBAAA,EAAiB;AAAA,EAC/D,eAAA,EAAkB,EAAE,GAAG,cAAA,EAAgB,OAAO,eAAA;AAChD,CAAA;AAYO,SAAS,QAAA,CAAS,EAAE,IAAA,EAAM,OAAA,GAAU,MAAM,SAAA,EAAW,KAAA,EAAO,IAAA,GAAO,EAAA,EAAG,EAAkB;AAC7F,EAAA,IAAI,SAAS,KAAA,EAAO;AAClB,IAAA,uBACE,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA,EAAO,EAAE,KAAA,EAAO,yBAAA,EAA2B,GAAG,KAAA,EAAM;AAAA,QACpD,YAAA,EAAW;AAAA;AAAA,KACb;AAAA,EAEJ;AAEA,EAAA,IAAI,SAAS,QAAA,EAAU;AACrB,IAAA,uBACE,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA;AAAA,QACA,OAAO,EAAE,KAAA,EAAO,UAAU,uBAAA,GAA0B,SAAA,EAAW,GAAG,KAAA,EAAM;AAAA,QACxE,YAAA,EAAW;AAAA;AAAA,KACb;AAAA,EAEJ;AAEA,EAAA,MAAM,GAAA,GAAM,UAAU,IAAe,CAAA;AACrC,EAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AAEjB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,OAAA,EAAQ,WAAA;AAAA,MACR,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,IAAA,EAAK,cAAA;AAAA,MACL,SAAA;AAAA,MACA,KAAA,EAAO,EAAE,KAAA,EAAO,OAAA,GAAU,CAAA,CAAA,EAAI,IAAI,GAAG,CAAA,CAAA,GAAK,SAAA,EAAW,GAAG,KAAA,EAAM;AAAA,MAC9D,cAAY,GAAA,CAAI,KAAA;AAAA,MAChB,IAAA,EAAK,KAAA;AAAA,MAEL,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,GAAA,CAAI,IAAA,EAAM;AAAA;AAAA,GACrB;AAEJ;;;;"}
+{"version":3,"file":"ToolIcon.esm.js","sources":["../../../src/components/ToolIcon/ToolIcon.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { RiInfinityLine } from '@remixicon/react';\nimport { siAnthropic, siGithub, siGooglegemini } from 'simple-icons';\nimport type { FrameworkToken } from '@nospt/plugin-dev-ai-hub-common';\n\n/* Cursor's cube mark isn't in simple-icons; path from Boxicons Brands\n   (`bxl:cursor-ai`, MIT). Monochrome brand — no branded hex. */\nconst CURSOR_PATH =\n  'm20.42 6.73l-8-4.62a.82.82 0 0 0-.83 0L3.58 6.73c-.22.12-.35.36-.35.61v9.32c0 .25.13.48.35.61l8.01 4.62c.26.15.57.15.83 0l8.01-4.62c.22-.12.35-.36.35-.61V7.34c0-.25-.13-.48-.35-.61Zm-.5.98L12.19 21.1c-.05.09-.19.05-.19-.05v-8.77c0-.18-.09-.34-.25-.43L4.16 7.47c-.09-.05-.05-.19.05-.19h15.46c.22 0 .36.24.25.43';\n\ntype SvgTool = Exclude<FrameworkToken, 'all' | 'cursor'>;\n\n/**\n * Anthropic's and GitHub's marks are monochrome brand assets (near-black,\n * `#191919` / `#181717`) meant to be manually inverted per surface — used\n * literally, they're invisible on the dark theme's dark backgrounds. Treat\n * them like `cursor` below (theme-aware `--bui-fg-primary`) instead of their\n * literal hex. Google's mark is an actual mid-tone brand colour (`#8E75B2`)\n * that reads fine on both themes, so it keeps its literal hex.\n */\nconst TOOL_ICON: Record<\n  SvgTool,\n  { path: string; hex: string; label: string; monochrome?: boolean }\n> = {\n  'claude-code': { ...siAnthropic, label: 'Claude Code', monochrome: true },\n  'github-copilot': { ...siGithub, label: 'GitHub Copilot', monochrome: true },\n  'google-gemini': { ...siGooglegemini, label: 'Google Gemini' },\n};\n\ninterface ToolIconProps {\n  tool: FrameworkToken;\n  /** Use the brand's official color. Defaults to true. */\n  branded?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  /** Icon size in pixels. Defaults to 20. */\n  size?: number;\n}\n\nexport function ToolIcon({\n  tool,\n  branded = true,\n  className,\n  style,\n  size = 20,\n}: ToolIconProps) {\n  if (tool === 'all') {\n    return (\n      <RiInfinityLine\n        size={size}\n        className={className}\n        style={{ color: 'var(--bui-fg-secondary)', ...style }}\n        aria-label=\"Universal\"\n        // Without an explicit role the label is not exposed as an image name,\n        // which the other two branches already set. It matters wherever the\n        // icon stands alone (resource cards), where it is the only thing\n        // naming the tool.\n        role=\"img\"\n      />\n    );\n  }\n\n  if (tool === 'cursor') {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        width={size}\n        height={size}\n        fill=\"currentColor\"\n        className={className}\n        style={{\n          color: branded ? 'var(--bui-fg-primary)' : 'inherit',\n          ...style,\n        }}\n        aria-label=\"Cursor\"\n        role=\"img\"\n      >\n        <path d={CURSOR_PATH} />\n      </svg>\n    );\n  }\n\n  const cfg = TOOL_ICON[tool as SvgTool];\n  if (!cfg) return null;\n\n  const brandedColor = cfg.monochrome ? 'var(--bui-fg-primary)' : `#${cfg.hex}`;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width={size}\n      height={size}\n      fill=\"currentColor\"\n      className={className}\n      style={{ color: branded ? brandedColor : 'inherit', ...style }}\n      aria-label={cfg.label}\n      role=\"img\"\n    >\n      <path d={cfg.path} />\n    </svg>\n  );\n}\n"],"names":[],"mappings":";;;;AAOA,MAAM,WAAA,GACJ,uTAAA;AAYF,MAAM,SAAA,GAGF;AAAA,EACF,eAAe,EAAE,GAAG,aAAa,KAAA,EAAO,aAAA,EAAe,YAAY,IAAA,EAAK;AAAA,EACxE,kBAAkB,EAAE,GAAG,UAAU,KAAA,EAAO,gBAAA,EAAkB,YAAY,IAAA,EAAK;AAAA,EAC3E,eAAA,EAAiB,EAAE,GAAG,cAAA,EAAgB,OAAO,eAAA;AAC/C,CAAA;AAYO,SAAS,QAAA,CAAS;AAAA,EACvB,IAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,SAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO;AACT,CAAA,EAAkB;AAChB,EAAA,IAAI,SAAS,KAAA,EAAO;AAClB,IAAA,uBACE,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA,EAAO,EAAE,KAAA,EAAO,yBAAA,EAA2B,GAAG,KAAA,EAAM;AAAA,QACpD,YAAA,EAAW,WAAA;AAAA,QAKX,IAAA,EAAK;AAAA;AAAA,KACP;AAAA,EAEJ;AAEA,EAAA,IAAI,SAAS,QAAA,EAAU;AACrB,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,4BAAA;AAAA,QACN,OAAA,EAAQ,WAAA;AAAA,QACR,KAAA,EAAO,IAAA;AAAA,QACP,MAAA,EAAQ,IAAA;AAAA,QACR,IAAA,EAAK,cAAA;AAAA,QACL,SAAA;AAAA,QACA,KAAA,EAAO;AAAA,UACL,KAAA,EAAO,UAAU,uBAAA,GAA0B,SAAA;AAAA,UAC3C,GAAG;AAAA,SACL;AAAA,QACA,YAAA,EAAW,QAAA;AAAA,QACX,IAAA,EAAK,KAAA;AAAA,QAEL,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,WAAA,EAAa;AAAA;AAAA,KACxB;AAAA,EAEJ;AAEA,EAAA,MAAM,GAAA,GAAM,UAAU,IAAe,CAAA;AACrC,EAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AAEjB,EAAA,MAAM,eAAe,GAAA,CAAI,UAAA,GAAa,uBAAA,GAA0B,CAAA,CAAA,EAAI,IAAI,GAAG,CAAA,CAAA;AAE3E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,OAAA,EAAQ,WAAA;AAAA,MACR,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,IAAA,EAAK,cAAA;AAAA,MACL,SAAA;AAAA,MACA,OAAO,EAAE,KAAA,EAAO,UAAU,YAAA,GAAe,SAAA,EAAW,GAAG,KAAA,EAAM;AAAA,MAC7D,cAAY,GAAA,CAAI,KAAA;AAAA,MAChB,IAAA,EAAK,KAAA;AAAA,MAEL,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,GAAA,CAAI,IAAA,EAAM;AAAA;AAAA,GACrB;AAEJ;;;;"}

package/dist/hooks/useResourceBody.esm.js

@@ -0,0 +1,39 @@
+import { useState, useCallback, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { devAiHubResourceApiRef, ResourceBodyError } from '../api/DevAiHubResourceClient.esm.js';
+
+function useResourceBody(entityRef, enabled) {
+  const api = useApi(devAiHubResourceApiRef);
+  const [body, setBody] = useState();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState();
+  const [attempt, setAttempt] = useState(0);
+  const retry = useCallback(() => setAttempt((a) => a + 1), []);
+  useEffect(() => {
+    setBody(void 0);
+    setError(void 0);
+    if (!entityRef || !enabled) {
+      setLoading(false);
+      return void 0;
+    }
+    let cancelled = false;
+    setLoading(true);
+    api.getEntityBody(entityRef).then((result) => {
+      if (!cancelled) setBody(result);
+    }).catch((err) => {
+      if (cancelled) return;
+      setError(
+        err instanceof ResourceBodyError && err.status === 404 ? "not-found" : "upstream"
+      );
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [api, entityRef, enabled, attempt]);
+  return { body, loading, error, retry };
+}
+
+export { useResourceBody };
+//# sourceMappingURL=useResourceBody.esm.js.map

package/dist/hooks/useResourceBody.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResourceBody.esm.js","sources":["../../src/hooks/useResourceBody.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  devAiHubResourceApiRef,\n  ResourceBody,\n  ResourceBodyError,\n} from '../api/DevAiHubResourceClient';\n\nexport type ResourceBodyErrorKind = 'not-found' | 'upstream';\n\nexport interface ResourceBodyState {\n  body?: ResourceBody;\n  loading: boolean;\n  error?: ResourceBodyErrorKind;\n  retry: () => void;\n}\n\n/**\n * Lazily fetch a resource's viewable body when the detail drawer opens.\n * `enabled` is false for non-actionable resources (no source-location) —\n * nothing is fetched and the state stays empty.\n */\nexport function useResourceBody(\n  entityRef: string | undefined,\n  enabled: boolean,\n): ResourceBodyState {\n  const api = useApi(devAiHubResourceApiRef);\n  const [body, setBody] = useState<ResourceBody>();\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<ResourceBodyErrorKind>();\n  const [attempt, setAttempt] = useState(0);\n\n  const retry = useCallback(() => setAttempt(a => a + 1), []);\n\n  useEffect(() => {\n    setBody(undefined);\n    setError(undefined);\n    if (!entityRef || !enabled) {\n      setLoading(false);\n      return undefined;\n    }\n\n    let cancelled = false;\n    setLoading(true);\n    api\n      .getEntityBody(entityRef)\n      .then(result => {\n        if (!cancelled) setBody(result);\n      })\n      .catch(err => {\n        if (cancelled) return;\n        setError(\n          err instanceof ResourceBodyError && err.status === 404\n            ? 'not-found'\n            : 'upstream',\n        );\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [api, entityRef, enabled, attempt]);\n\n  return { body, loading, error, retry };\n}\n"],"names":[],"mappings":";;;;AAsBO,SAAS,eAAA,CACd,WACA,OAAA,EACmB;AACnB,EAAA,MAAM,GAAA,GAAM,OAAO,sBAAsB,CAAA;AACzC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,EAAuB;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,EAAgC;AAC1D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,CAAC,CAAA;AAExC,EAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,UAAA,CAAW,OAAK,CAAA,GAAI,CAAC,CAAA,EAAG,EAAE,CAAA;AAE1D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,MAAS,CAAA;AACjB,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,IAAI,CAAC,SAAA,IAAa,CAAC,OAAA,EAAS;AAC1B,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,GAAA,CACG,aAAA,CAAc,SAAS,CAAA,CACvB,IAAA,CAAK,CAAA,MAAA,KAAU;AACd,MAAA,IAAI,CAAC,SAAA,EAAW,OAAA,CAAQ,MAAM,CAAA;AAAA,IAChC,CAAC,CAAA,CACA,KAAA,CAAM,CAAA,GAAA,KAAO;AACZ,MAAA,IAAI,SAAA,EAAW;AACf,MAAA,QAAA;AAAA,QACE,GAAA,YAAe,iBAAA,IAAqB,GAAA,CAAI,MAAA,KAAW,MAC/C,WAAA,GACA;AAAA,OACN;AAAA,IACF,CAAC,CAAA,CACA,OAAA,CAAQ,MAAM;AACb,MAAA,IAAI,CAAC,SAAA,EAAW,UAAA,CAAW,KAAK,CAAA;AAAA,IAClC,CAAC,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,GAAG,CAAC,GAAA,EAAK,SAAA,EAAW,OAAA,EAAS,OAAO,CAAC,CAAA;AAErC,EAAA,OAAO,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,KAAA,EAAM;AACvC;;;;"}

package/dist/hooks/useResources.esm.js

@@ -0,0 +1,26 @@
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { devAiHubResourceApiRef } from '../api/DevAiHubResourceClient.esm.js';
+
+function useResources() {
+  const api = useApi(devAiHubResourceApiRef);
+  const [items, setItems] = useState(void 0);
+  const [error, setError] = useState(void 0);
+  useEffect(() => {
+    let active = true;
+    setItems(void 0);
+    setError(void 0);
+    api.getResources().then((result) => {
+      if (active) setItems(result);
+    }).catch((e) => {
+      if (active) setError(e instanceof Error ? e : new Error(String(e)));
+    });
+    return () => {
+      active = false;
+    };
+  }, [api]);
+  return { items, error, loading: items === void 0 && error === void 0 };
+}
+
+export { useResources };
+//# sourceMappingURL=useResources.esm.js.map

package/dist/hooks/useResources.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResources.esm.js","sources":["../../src/hooks/useResources.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport type { ResourceSummary } from '@nospt/plugin-dev-ai-hub-common';\nimport { devAiHubResourceApiRef } from '../api/DevAiHubResourceClient';\n\nexport function useResources() {\n  const api = useApi(devAiHubResourceApiRef);\n  const [items, setItems] = useState<ResourceSummary[] | undefined>(undefined);\n  const [error, setError] = useState<Error | undefined>(undefined);\n\n  useEffect(() => {\n    let active = true;\n    setItems(undefined);\n    setError(undefined);\n    api\n      .getResources()\n      .then(result => {\n        if (active) setItems(result);\n      })\n      .catch(e => {\n        if (active) setError(e instanceof Error ? e : new Error(String(e)));\n      });\n    return () => {\n      active = false;\n    };\n  }, [api]);\n\n  return { items, error, loading: items === undefined && error === undefined };\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,YAAA,GAAe;AAC7B,EAAA,MAAM,GAAA,GAAM,OAAO,sBAAsB,CAAA;AACzC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwC,MAAS,CAAA;AAC3E,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAA4B,MAAS,CAAA;AAE/D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,MAAA,GAAS,IAAA;AACb,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,GAAA,CACG,YAAA,EAAa,CACb,IAAA,CAAK,CAAA,MAAA,KAAU;AACd,MAAA,IAAI,MAAA,WAAiB,MAAM,CAAA;AAAA,IAC7B,CAAC,CAAA,CACA,KAAA,CAAM,CAAA,CAAA,KAAK;AACV,MAAA,IAAI,MAAA,EAAQ,QAAA,CAAS,CAAA,YAAa,KAAA,GAAQ,CAAA,GAAI,IAAI,KAAA,CAAM,MAAA,CAAO,CAAC,CAAC,CAAC,CAAA;AAAA,IACpE,CAAC,CAAA;AACH,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,GAAS,KAAA;AAAA,IACX,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,OAAO,EAAE,KAAA,EAAO,KAAA,EAAO,SAAS,KAAA,KAAU,MAAA,IAAa,UAAU,MAAA,EAAU;AAC7E;;;;"}

package/dist/hooks/useTelemetryCounts.esm.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { devAiHubResourceApiRef } from '../api/DevAiHubResourceClient.esm.js';
+
+function useTelemetryCounts(entityRef) {
+  const api = useApi(devAiHubResourceApiRef);
+  const [counts, setCounts] = useState();
+  useEffect(() => {
+    setCounts(void 0);
+    if (!entityRef) return void 0;
+    let cancelled = false;
+    api.getInstallCount(entityRef).then((result) => {
+      if (!cancelled) setCounts(result);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [api, entityRef]);
+  return counts;
+}
+
+export { useTelemetryCounts };
+//# sourceMappingURL=useTelemetryCounts.esm.js.map

package/dist/hooks/useTelemetryCounts.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTelemetryCounts.esm.js","sources":["../../src/hooks/useTelemetryCounts.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport type { TelemetryCounts } from '@nospt/plugin-dev-ai-hub-common';\nimport { devAiHubResourceApiRef } from '../api/DevAiHubResourceClient';\n\n/**\n * Raw per-action telemetry counts for a resource (ADR-0007). Fetch failures\n * are swallowed — a missing count is not worth surfacing as a UI error, the\n * card/detail just renders without it.\n */\nexport function useTelemetryCounts(\n  entityRef: string | undefined,\n): TelemetryCounts | undefined {\n  const api = useApi(devAiHubResourceApiRef);\n  const [counts, setCounts] = useState<TelemetryCounts>();\n\n  useEffect(() => {\n    setCounts(undefined);\n    if (!entityRef) return undefined;\n\n    let cancelled = false;\n    api\n      .getInstallCount(entityRef)\n      .then(result => {\n        if (!cancelled) setCounts(result);\n      })\n      .catch(() => {\n        // ignored — see above\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [api, entityRef]);\n\n  return counts;\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,mBACd,SAAA,EAC6B;AAC7B,EAAA,MAAM,GAAA,GAAM,OAAO,sBAAsB,CAAA;AACzC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAAA,EAA0B;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA,CAAU,MAAS,CAAA;AACnB,IAAA,IAAI,CAAC,WAAW,OAAO,MAAA;AAEvB,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,GAAA,CACG,eAAA,CAAgB,SAAS,CAAA,CACzB,IAAA,CAAK,CAAA,MAAA,KAAU;AACd,MAAA,IAAI,CAAC,SAAA,EAAW,SAAA,CAAU,MAAM,CAAA;AAAA,IAClC,CAAC,CAAA,CACA,KAAA,CAAM,MAAM;AAAA,IAEb,CAAC,CAAA;AACH,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,SAAS,CAAC,CAAA;AAEnB,EAAA,OAAO,MAAA;AACT;;;;"}

package/dist/index.d.ts

@@ -1,21 +1,9 @@
 import * as react from 'react';
-import { ComponentType } from 'react';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
-import { AssetListFilter, AiAssetListResponse, AiAsset, AiHubProvider, AiHubStats } from '@nospt/plugin-dev-ai-hub-common';
 
 declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
     root: _backstage_frontend_plugin_api.RouteRef<undefined>;
-    mcpConfig: _backstage_frontend_plugin_api.RouteRef<undefined>;
 }, {}, {
-    "api:dev-ai-hub": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
-        kind: "api";
-        name: undefined;
-        config: {};
-        configInput: {};
-        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
-        inputs: {};
-        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
-    }>;
     "page:dev-ai-hub": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "page";
         name: undefined;
@@ -58,31 +46,6 @@ declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontend
     }>;
 }>;
 
-/**
- * Legacy Backstage frontend system support.
- *
- * For New Frontend System (NFS) use `devAiHubPlugin` from `./plugin` instead.
- */
-
-/** Routable page extension for the legacy frontend system. */
-declare const DevAiHubPage: ComponentType;
-
-declare const devAiHubApiRef: _backstage_frontend_plugin_api.ApiRef<DevAiHubApi>;
-interface DevAiHubApi {
-    listAssets(filter?: AssetListFilter): Promise<AiAssetListResponse>;
-    getAsset(id: string): Promise<AiAsset>;
-    getAssetRaw(id: string): Promise<string>;
-    /** Returns the absolute URL for the download endpoint (zip for skills, md for others). */
-    getDownloadUrl(id: string): Promise<string>;
-    trackInstall(id: string): Promise<void>;
-    listProviders(): Promise<AiHubProvider[]>;
-    getProviderStatus(id: string): Promise<AiHubProvider>;
-    triggerSync(id: string): Promise<void>;
-    getStats(): Promise<AiHubStats>;
-}
-
 declare const rootRouteRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
-declare const mcpConfigRouteRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
 
-export { DevAiHubPage, devAiHubApiRef, devAiHubPlugin, mcpConfigRouteRef, rootRouteRef };
-export type { DevAiHubApi };
+export { devAiHubPlugin, rootRouteRef };

package/dist/index.esm.js

@@ -1,5 +1,3 @@
 export { devAiHubPlugin } from './plugin.esm.js';
-export { DevAiHubPage } from './pluginLegacy.esm.js';
-export { devAiHubApiRef } from './api/DevAiHubClient.esm.js';
-export { mcpConfigRouteRef, rootRouteRef } from './routes.esm.js';
+export { rootRouteRef } from './routes.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

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

package/dist/plugin.esm.js

@@ -1,25 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
-import { createFrontendPlugin, ApiBlueprint, createApiFactory, fetchApiRef, discoveryApiRef, PageBlueprint, SubPageBlueprint } from '@backstage/frontend-plugin-api';
+import { createFrontendPlugin, PageBlueprint, ApiBlueprint, createApiFactory, fetchApiRef, discoveryApiRef, SubPageBlueprint } from '@backstage/frontend-plugin-api';
 import { RiRobot3Fill } from '@remixicon/react';
-import { DevAiHubClient, devAiHubApiRef } from './api/DevAiHubClient.esm.js';
-import { mcpConfigRouteRef, rootRouteRef } from './routes.esm.js';
+import { DevAiHubResourceClient, devAiHubResourceApiRef } from './api/DevAiHubResourceClient.esm.js';
+import { rootRouteRef } from './routes.esm.js';
 
 const devAiHubPlugin = createFrontendPlugin({
   pluginId: "dev-ai-hub",
   routes: {
-    root: rootRouteRef,
-    mcpConfig: mcpConfigRouteRef
+    root: rootRouteRef
   },
   extensions: [
-    ApiBlueprint.make({
-      params: (defineParams) => defineParams(
-        createApiFactory({
-          api: devAiHubApiRef,
-          deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },
-          factory: ({ discoveryApi, fetchApi }) => new DevAiHubClient(discoveryApi, fetchApi)
-        })
-      )
-    }),
     PageBlueprint.make({
       params: {
         path: "/dev-ai-hub",
@@ -28,21 +18,22 @@ const devAiHubPlugin = createFrontendPlugin({
         routeRef: rootRouteRef
       }
     }),
+    ApiBlueprint.make({
+      name: "resources",
+      params: (defineParams) => defineParams(
+        createApiFactory({
+          api: devAiHubResourceApiRef,
+          deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },
+          factory: ({ discoveryApi, fetchApi }) => new DevAiHubResourceClient(discoveryApi, fetchApi)
+        })
+      )
+    }),
     SubPageBlueprint.make({
       name: "browse",
       params: {
         path: "browse",
         title: "Browse",
-        loader: () => import('./components/DevAiHubPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.DevAiHubPage, {}))
-      }
-    }),
-    SubPageBlueprint.make({
-      name: "mcp-config",
-      params: {
-        path: "mcp-config",
-        title: "Configure MCP",
-        routeRef: mcpConfigRouteRef,
-        loader: () => import('./components/McpConfigPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.McpConfigPage, {}))
+        loader: () => import('./components/AiResourcesPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.AiResourcesPage, {}))
       }
     })
   ]

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.tsx"],"sourcesContent":["import {\n  createFrontendPlugin,\n  PageBlueprint,\n  SubPageBlueprint,\n  ApiBlueprint,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { RiRobot3Fill } from '@remixicon/react';\nimport { devAiHubApiRef, DevAiHubClient } from './api/DevAiHubClient';\nimport { rootRouteRef, mcpConfigRouteRef } from './routes';\n\nexport const devAiHubPlugin = createFrontendPlugin({\n  pluginId: 'dev-ai-hub',\n  routes: {\n    root: rootRouteRef,\n    mcpConfig: mcpConfigRouteRef,\n  },\n  extensions: [\n    ApiBlueprint.make({\n      params: defineParams =>\n        defineParams(\n          createApiFactory({\n            api: devAiHubApiRef,\n            deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n            factory: ({ discoveryApi, fetchApi }) =>\n              new DevAiHubClient(discoveryApi, fetchApi),\n          }),\n        ),\n    }),\n    PageBlueprint.make({\n      params: {\n        path: '/dev-ai-hub',\n        title: 'Dev AI Hub',\n        icon: <RiRobot3Fill />,\n        routeRef: rootRouteRef,\n      },\n    }),\n    SubPageBlueprint.make({\n      name: 'browse',\n      params: {\n        path: 'browse',\n        title: 'Browse',\n        loader: () =>\n          import('./components/DevAiHubPage').then(m => <m.DevAiHubPage />),\n      },\n    }),\n    SubPageBlueprint.make({\n      name: 'mcp-config',\n      params: {\n        path: 'mcp-config',\n        title: 'Configure MCP',\n        routeRef: mcpConfigRouteRef,\n        loader: () =>\n          import('./components/McpConfigPage').then(m => <m.McpConfigPage />),\n      },\n    }),\n  ],\n});\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,iBAAiB,oBAAA,CAAqB;AAAA,EACjD,QAAA,EAAU,YAAA;AAAA,EACV,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,YAAA;AAAA,IACN,SAAA,EAAW;AAAA,GACb;AAAA,EACA,UAAA,EAAY;AAAA,IACV,aAAa,IAAA,CAAK;AAAA,MAChB,QAAQ,CAAA,YAAA,KACN,YAAA;AAAA,QACE,gBAAA,CAAiB;AAAA,UACf,GAAA,EAAK,cAAA;AAAA,UACL,IAAA,EAAM,EAAE,YAAA,EAAc,eAAA,EAAiB,UAAU,WAAA,EAAY;AAAA,UAC7D,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,UAAS,KACjC,IAAI,cAAA,CAAe,YAAA,EAAc,QAAQ;AAAA,SAC5C;AAAA;AACH,KACH,CAAA;AAAA,IACD,cAAc,IAAA,CAAK;AAAA,MACjB,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO,YAAA;AAAA,QACP,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,QACpB,QAAA,EAAU;AAAA;AACZ,KACD,CAAA;AAAA,IACD,iBAAiB,IAAA,CAAK;AAAA,MACpB,IAAA,EAAM,QAAA;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,QAAA;AAAA,QACN,KAAA,EAAO,QAAA;AAAA,QACP,MAAA,EAAQ,MACN,OAAO,wCAA2B,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,GAAA,CAAC,CAAA,CAAE,YAAA,EAAF,EAAe,CAAE;AAAA;AACpE,KACD,CAAA;AAAA,IACD,iBAAiB,IAAA,CAAK;AAAA,MACpB,IAAA,EAAM,YAAA;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,YAAA;AAAA,QACN,KAAA,EAAO,eAAA;AAAA,QACP,QAAA,EAAU,iBAAA;AAAA,QACV,MAAA,EAAQ,MACN,OAAO,yCAA4B,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,GAAA,CAAC,CAAA,CAAE,aAAA,EAAF,EAAgB,CAAE;AAAA;AACtE,KACD;AAAA;AAEL,CAAC;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.tsx"],"sourcesContent":["import {\n  createFrontendPlugin,\n  PageBlueprint,\n  SubPageBlueprint,\n  ApiBlueprint,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { RiRobot3Fill } from '@remixicon/react';\nimport {\n  devAiHubResourceApiRef,\n  DevAiHubResourceClient,\n} from './api/DevAiHubResourceClient';\nimport { rootRouteRef } from './routes';\n\nexport const devAiHubPlugin = createFrontendPlugin({\n  pluginId: 'dev-ai-hub',\n  routes: {\n    root: rootRouteRef,\n  },\n  extensions: [\n    PageBlueprint.make({\n      params: {\n        path: '/dev-ai-hub',\n        title: 'Dev AI Hub',\n        icon: <RiRobot3Fill />,\n        routeRef: rootRouteRef,\n      },\n    }),\n    ApiBlueprint.make({\n      name: 'resources',\n      params: defineParams =>\n        defineParams(\n          createApiFactory({\n            api: devAiHubResourceApiRef,\n            deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n            factory: ({ discoveryApi, fetchApi }) =>\n              new DevAiHubResourceClient(discoveryApi, fetchApi),\n          }),\n        ),\n    }),\n    SubPageBlueprint.make({\n      name: 'browse',\n      params: {\n        path: 'browse',\n        title: 'Browse',\n        loader: () =>\n          import('./components/AiResourcesPage').then(m => (\n            <m.AiResourcesPage />\n          )),\n      },\n    }),\n  ],\n});\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,iBAAiB,oBAAA,CAAqB;AAAA,EACjD,QAAA,EAAU,YAAA;AAAA,EACV,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,UAAA,EAAY;AAAA,IACV,cAAc,IAAA,CAAK;AAAA,MACjB,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO,YAAA;AAAA,QACP,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,QACpB,QAAA,EAAU;AAAA;AACZ,KACD,CAAA;AAAA,IACD,aAAa,IAAA,CAAK;AAAA,MAChB,IAAA,EAAM,WAAA;AAAA,MACN,QAAQ,CAAA,YAAA,KACN,YAAA;AAAA,QACE,gBAAA,CAAiB;AAAA,UACf,GAAA,EAAK,sBAAA;AAAA,UACL,IAAA,EAAM,EAAE,YAAA,EAAc,eAAA,EAAiB,UAAU,WAAA,EAAY;AAAA,UAC7D,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,UAAS,KACjC,IAAI,sBAAA,CAAuB,YAAA,EAAc,QAAQ;AAAA,SACpD;AAAA;AACH,KACH,CAAA;AAAA,IACD,iBAAiB,IAAA,CAAK;AAAA,MACpB,IAAA,EAAM,QAAA;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,QAAA;AAAA,QACN,KAAA,EAAO,QAAA;AAAA,QACP,MAAA,EAAQ,MACN,OAAO,2CAA8B,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAC1C,GAAA,CAAC,CAAA,CAAE,eAAA,EAAF,EAAkB,CACpB;AAAA;AACL,KACD;AAAA;AAEL,CAAC;;;;"}

package/dist/routes.esm.js

@@ -1,7 +1,6 @@
 import { createRouteRef } from '@backstage/frontend-plugin-api';
 
 const rootRouteRef = createRouteRef();
-const mcpConfigRouteRef = createRouteRef();
 
-export { mcpConfigRouteRef, rootRouteRef };
+export { rootRouteRef };
 //# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["import { createRouteRef } from '@backstage/frontend-plugin-api';\n\nexport const rootRouteRef = createRouteRef();\nexport const mcpConfigRouteRef = createRouteRef();\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,cAAA;AACrB,MAAM,oBAAoB,cAAA;;;;"}
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["import { createRouteRef } from '@backstage/frontend-plugin-api';\n\nexport const rootRouteRef = createRouteRef();\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,cAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nospt/plugin-dev-ai-hub",
-  "version": "0.2.4",
+  "version": "0.3.1",
   "description": "Frontend plugin for Dev AI Hub",
   "license": "Apache-2.0",
   "main": "./dist/index.esm.js",
@@ -38,6 +38,9 @@
     ]
   },
   "sideEffects": false,
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "start": "backstage-cli package start --config ../../app-config.dev.yaml",
     "build": "backstage-cli package build",
@@ -52,13 +55,11 @@
     "tsc": "tsc --noEmit"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.18.9",
-    "@backstage/core-plugin-api": "^1.12.5",
-    "@backstage/frontend-plugin-api": "^0.16.2",
-    "@backstage/ui": "^0.14.3",
-    "@mui/icons-material": "^5.15.0",
-    "@mui/material": "^5.15.0",
-    "@nospt/plugin-dev-ai-hub-common": "^0.2.4",
+    "@backstage/core-components": "^0.18.10",
+    "@backstage/core-plugin-api": "^1.12.6",
+    "@backstage/frontend-plugin-api": "^0.17.0",
+    "@backstage/ui": "^0.15.0",
+    "@nospt/plugin-dev-ai-hub-common": "^0.3.1",
     "@remixicon/react": "^4.6.0",
     "react-markdown": "^9.0.0",
     "react-syntax-highlighter": "^16.1.1",
@@ -66,14 +67,20 @@
     "simple-icons": "^13.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.1",
-    "@backstage/dev-utils": "^1.1.22",
+    "@backstage/cli": "^0.36.2",
+    "@backstage/dev-utils": "^1.1.23",
+    "@backstage/frontend-defaults": "^0.5.2",
+    "@backstage/plugin-app-react": "^0.2.3",
+    "@backstage/plugin-catalog": "^2.0.5",
+    "@backstage/plugin-catalog-react": "^3.0.0",
+    "@backstage/plugin-user-settings": "^0.9.3",
     "@playwright/test": "^1.60.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.3.1",
     "@types/jest": "^30.0.0",
     "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "@types/react-syntax-highlighter": "^15.0.0",
     "jest": "^30.2.0",
     "jsdom": "^27.1.0",

package/.eslintrc.js

@@ -1 +0,0 @@
-module.exports = require('@backstage/cli/config/eslint-factory')(__dirname);

package/dev/index.tsx

@@ -1,32 +0,0 @@
-import { createDevApp } from '@backstage/dev-utils';
-import { discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';
-import { DevAiHubPage } from '../src/components/DevAiHubPage';
-import { McpConfigPage } from '../src/components/McpConfigPage';
-import { devAiHubApiRef, DevAiHubClient } from '../src/api/DevAiHubClient';
-
-// Bypass Backstage guest auth without a running auth backend.
-// The legacy token path generates the token locally — same keys the e2e
-// base fixture injects via page.addInitScript().
-if (typeof window !== 'undefined') {
-  localStorage.setItem('@backstage/core:SignInPage:provider', 'guest');
-  localStorage.setItem('enableLegacyGuestToken', 'true');
-}
-
-createDevApp()
-  .registerApi({
-    api: devAiHubApiRef,
-    deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },
-    factory: ({ discoveryApi, fetchApi }) =>
-      new DevAiHubClient(discoveryApi, fetchApi),
-  })
-  .addPage({
-    element: <DevAiHubPage />,
-    title: 'Dev AI Hub',
-    path: '/dev-ai-hub',
-  })
-  .addPage({
-    element: <McpConfigPage />,
-    title: 'MCP Config',
-    path: '/mcp-config',
-  })
-  .render();

package/dist/api/DevAiHubClient.esm.js

@@ -1,78 +0,0 @@
-import { createApiRef } from '@backstage/core-plugin-api';
-
-const devAiHubApiRef = createApiRef({
-  id: "plugin.dev-ai-hub.service"
-});
-class DevAiHubClient {
-  constructor(discoveryApi, fetchApi) {
-    this.discoveryApi = discoveryApi;
-    this.fetchApi = fetchApi;
-  }
-  discoveryApi;
-  fetchApi;
-  async baseUrl() {
-    return this.discoveryApi.getBaseUrl("dev-ai-hub");
-  }
-  async fetch(path, init) {
-    const base = await this.baseUrl();
-    const response = await this.fetchApi.fetch(`${base}${path}`, init);
-    if (!response.ok) {
-      const text = await response.text();
-      throw new Error(
-        `Dev AI Hub API error ${response.status}: ${text}`
-      );
-    }
-    return response.json();
-  }
-  async listAssets(filter) {
-    const params = new URLSearchParams();
-    if (filter?.type) params.set("type", filter.type);
-    if (filter?.tool) params.set("tool", filter.tool);
-    if (filter?.search) params.set("search", filter.search);
-    if (filter?.providerId) params.set("provider", filter.providerId);
-    if (filter?.tags?.length) params.set("tags", filter.tags.join(","));
-    if (filter?.page) params.set("page", String(filter.page));
-    if (filter?.pageSize) params.set("pageSize", String(filter.pageSize));
-    const qs = params.toString();
-    return this.fetch(`/assets${qs ? `?${qs}` : ""}`);
-  }
-  async getAsset(id) {
-    return this.fetch(`/assets/${encodeURIComponent(id)}`);
-  }
-  async getAssetRaw(id) {
-    const base = await this.baseUrl();
-    const response = await this.fetchApi.fetch(
-      `${base}/assets/${encodeURIComponent(id)}/raw`
-    );
-    if (!response.ok) throw new Error(`Failed to fetch raw asset: ${response.status}`);
-    return response.text();
-  }
-  async getDownloadUrl(id) {
-    const base = await this.baseUrl();
-    return `${base}/assets/${encodeURIComponent(id)}/download`;
-  }
-  async trackInstall(id) {
-    await this.fetch(`/assets/${encodeURIComponent(id)}/track-install`, {
-      method: "POST"
-    });
-  }
-  async listProviders() {
-    return this.fetch("/providers");
-  }
-  async getProviderStatus(id) {
-    return this.fetch(
-      `/providers/${encodeURIComponent(id)}/status`
-    );
-  }
-  async triggerSync(id) {
-    await this.fetch(`/providers/${encodeURIComponent(id)}/sync`, {
-      method: "POST"
-    });
-  }
-  async getStats() {
-    return this.fetch("/stats");
-  }
-}
-
-export { DevAiHubClient, devAiHubApiRef };
-//# sourceMappingURL=DevAiHubClient.esm.js.map