@nospt/plugin-dev-ai-hub 0.2.3 → 0.3.0

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,
@@ -21,17 +28,27 @@ function ToolIcon({ tool, branded = true, className, style, size = 20 }) {
   }
   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 +58,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      />\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;AAAA;AAAA,KACb;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,48 +1,39 @@
 import { jsx } from 'react/jsx-runtime';
-import { createFrontendPlugin, ApiBlueprint, createApiFactory, fetchApiRef, discoveryApiRef, PageBlueprint, SubPageBlueprint } from '@backstage/frontend-plugin-api';
-import SmartToyIcon from '@mui/icons-material/SmartToy';
-import { DevAiHubClient, devAiHubApiRef } from './api/DevAiHubClient.esm.js';
-import { mcpConfigRouteRef, rootRouteRef } from './routes.esm.js';
+import { createFrontendPlugin, PageBlueprint, ApiBlueprint, createApiFactory, fetchApiRef, discoveryApiRef, SubPageBlueprint } from '@backstage/frontend-plugin-api';
+import { RiRobot3Fill } from '@remixicon/react';
+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",
         title: "Dev AI Hub",
-        icon: /* @__PURE__ */ jsx(SmartToyIcon, {}),
+        icon: /* @__PURE__ */ jsx(RiRobot3Fill, {}),
         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 SmartToyIcon from '@mui/icons-material/SmartToy';\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: <SmartToyIcon />,\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.3",
+  "version": "0.3.0",
   "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.3",
+    "@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.0",
     "@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

package/dist/api/DevAiHubClient.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevAiHubClient.esm.js","sources":["../../src/api/DevAiHubClient.ts"],"sourcesContent":["import {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n} from '@backstage/core-plugin-api';\nimport type {\n  AiAsset,\n  AiAssetListResponse,\n  AiHubProvider,\n  AiHubStats,\n  AssetListFilter,\n} from '@nospt/plugin-dev-ai-hub-common';\n\nexport const devAiHubApiRef = createApiRef<DevAiHubApi>({\n  id: 'plugin.dev-ai-hub.service',\n});\n\nexport interface DevAiHubApi {\n  listAssets(filter?: AssetListFilter): Promise<AiAssetListResponse>;\n  getAsset(id: string): Promise<AiAsset>;\n  getAssetRaw(id: string): Promise<string>;\n  /** Returns the absolute URL for the download endpoint (zip for skills, md for others). */\n  getDownloadUrl(id: string): Promise<string>;\n  trackInstall(id: string): Promise<void>;\n  listProviders(): Promise<AiHubProvider[]>;\n  getProviderStatus(id: string): Promise<AiHubProvider>;\n  triggerSync(id: string): Promise<void>;\n  getStats(): Promise<AiHubStats>;\n}\n\nexport class DevAiHubClient implements DevAiHubApi {\n  constructor(\n    private readonly discoveryApi: DiscoveryApi,\n    private readonly fetchApi: FetchApi,\n  ) {}\n\n  private async baseUrl(): Promise<string> {\n    return this.discoveryApi.getBaseUrl('dev-ai-hub');\n  }\n\n  private async fetch<T>(path: string, init?: RequestInit): Promise<T> {\n    const base = await this.baseUrl();\n    const response = await this.fetchApi.fetch(`${base}${path}`, init);\n    if (!response.ok) {\n      const text = await response.text();\n      throw new Error(\n        `Dev AI Hub API error ${response.status}: ${text}`,\n      );\n    }\n    return response.json() as Promise<T>;\n  }\n\n  async listAssets(filter?: AssetListFilter): Promise<AiAssetListResponse> {\n    const params = new URLSearchParams();\n    if (filter?.type) params.set('type', filter.type);\n    if (filter?.tool) params.set('tool', filter.tool);\n    if (filter?.search) params.set('search', filter.search);\n    if (filter?.providerId) params.set('provider', filter.providerId);\n    if (filter?.tags?.length) params.set('tags', filter.tags.join(','));\n    if (filter?.page) params.set('page', String(filter.page));\n    if (filter?.pageSize) params.set('pageSize', String(filter.pageSize));\n\n    const qs = params.toString();\n    return this.fetch<AiAssetListResponse>(`/assets${qs ? `?${qs}` : ''}`);\n  }\n\n  async getAsset(id: string): Promise<AiAsset> {\n    return this.fetch<AiAsset>(`/assets/${encodeURIComponent(id)}`);\n  }\n\n  async getAssetRaw(id: string): Promise<string> {\n    const base = await this.baseUrl();\n    const response = await this.fetchApi.fetch(\n      `${base}/assets/${encodeURIComponent(id)}/raw`,\n    );\n    if (!response.ok) throw new Error(`Failed to fetch raw asset: ${response.status}`);\n    return response.text();\n  }\n\n  async getDownloadUrl(id: string): Promise<string> {\n    const base = await this.baseUrl();\n    return `${base}/assets/${encodeURIComponent(id)}/download`;\n  }\n\n  async trackInstall(id: string): Promise<void> {\n    await this.fetch(`/assets/${encodeURIComponent(id)}/track-install`, {\n      method: 'POST',\n    });\n  }\n\n  async listProviders(): Promise<AiHubProvider[]> {\n    return this.fetch<AiHubProvider[]>('/providers');\n  }\n\n  async getProviderStatus(id: string): Promise<AiHubProvider> {\n    return this.fetch<AiHubProvider>(\n      `/providers/${encodeURIComponent(id)}/status`,\n    );\n  }\n\n  async triggerSync(id: string): Promise<void> {\n    await this.fetch(`/providers/${encodeURIComponent(id)}/sync`, {\n      method: 'POST',\n    });\n  }\n\n  async getStats(): Promise<AiHubStats> {\n    return this.fetch<AiHubStats>('/stats');\n  }\n}\n"],"names":[],"mappings":"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"}