@julianpedro/plugin-dev-ai-hub 0.2.0 → 0.4.0

package/dist/components/ModelIcon/ModelBadge.esm.js

@@ -0,0 +1,73 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTheme, alpha } from '@mui/material/styles';
+import Chip from '@mui/material/Chip';
+import { detectFamily, ModelIcon } from './ModelIcon.esm.js';
+
+const BADGE_COLORS = {
+  Anthropic: "#CC6B3D",
+  // Anthropic terra-cotta orange
+  OpenAI: "#10A37F",
+  // ChatGPT green (more recognizable than their dark purple)
+  Google: "#3D5AFE",
+  // Gemini indigo
+  Meta: "#0467DF",
+  // Meta blue
+  Ollama: "#4F7FBF"
+  // Neutral blue (Ollama has no distinctive brand color)
+};
+function ModelBadge({ model }) {
+  const theme = useTheme();
+  const isDark = theme.palette.mode === "dark";
+  const family = detectFamily(model);
+  const hex = family ? BADGE_COLORS[family.label] ?? `#${family.hex}` : void 0;
+  let bg;
+  let fg;
+  let border;
+  if (hex) {
+    bg = isDark ? alpha(hex, 0.22) : hex;
+    fg = isDark ? hex : "#fff";
+    border = isDark ? alpha(hex, 0.4) : hex;
+  } else {
+    bg = isDark ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.06)";
+    fg = isDark ? "rgba(255,255,255,0.55)" : "rgba(0,0,0,0.45)";
+    border = "transparent";
+  }
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      icon: /* @__PURE__ */ jsx(
+        ModelIcon,
+        {
+          model,
+          branded: false,
+          sx: { fontSize: "0.72rem !important", ml: "4px !important", color: `${fg} !important` }
+        }
+      ),
+      label: model,
+      size: "small",
+      title: model,
+      sx: {
+        height: 18,
+        fontSize: "0.6rem",
+        fontWeight: 700,
+        maxWidth: 160,
+        backgroundColor: bg,
+        color: fg,
+        border: "1px solid",
+        borderColor: border,
+        borderRadius: 1,
+        flexShrink: 0,
+        "& .MuiChip-label": {
+          px: "5px",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        "& .MuiChip-icon": { ml: 0, mr: 0, flexShrink: 0 }
+      }
+    }
+  );
+}
+
+export { ModelBadge };
+//# sourceMappingURL=ModelBadge.esm.js.map

package/dist/components/ModelIcon/ModelBadge.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelBadge.esm.js","sources":["../../../src/components/ModelIcon/ModelBadge.tsx"],"sourcesContent":["import { alpha, useTheme } from '@mui/material/styles';\nimport Chip from '@mui/material/Chip';\nimport { ModelIcon } from './ModelIcon';\nimport { detectFamily } from './ModelIcon';\n\n// simple-icons hex values are often too dark (Anthropic=191919, Ollama=000000).\n// These are curated badge colors optimized for readability as a filled chip background.\nconst BADGE_COLORS: Record<string, string> = {\n  Anthropic: '#CC6B3D',  // Anthropic terra-cotta orange\n  OpenAI:    '#10A37F',  // ChatGPT green (more recognizable than their dark purple)\n  Google:    '#3D5AFE',  // Gemini indigo\n  Meta:      '#0467DF',  // Meta blue\n  Ollama:    '#4F7FBF',  // Neutral blue (Ollama has no distinctive brand color)\n};\n\ninterface ModelBadgeProps {\n  model: string;\n}\n\nexport function ModelBadge({ model }: ModelBadgeProps) {\n  const theme = useTheme();\n  const isDark = theme.palette.mode === 'dark';\n  const family = detectFamily(model);\n  const hex = family ? (BADGE_COLORS[family.label] ?? `#${family.hex}`) : undefined;\n\n  // Light mode: solid brand fill + white text. Dark mode: translucent fill + brand text.\n  let bg: string;\n  let fg: string;\n  let border: string;\n  if (hex) {\n    bg     = isDark ? alpha(hex, 0.22) : hex;\n    fg     = isDark ? hex : '#fff';\n    border = isDark ? alpha(hex, 0.40) : hex;\n  } else {\n    bg     = isDark ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.06)';\n    fg     = isDark ? 'rgba(255,255,255,0.55)' : 'rgba(0,0,0,0.45)';\n    border = 'transparent';\n  }\n\n  return (\n    <Chip\n      icon={\n        <ModelIcon\n          model={model}\n          branded={false}\n          sx={{ fontSize: '0.72rem !important', ml: '4px !important', color: `${fg} !important` }}\n        />\n      }\n      label={model}\n      size=\"small\"\n      title={model}\n      sx={{\n        height: 18,\n        fontSize: '0.6rem',\n        fontWeight: 700,\n        maxWidth: 160,\n        backgroundColor: bg,\n        color: fg,\n        border: '1px solid',\n        borderColor: border,\n        borderRadius: 1,\n        flexShrink: 0,\n        '& .MuiChip-label': {\n          px: '5px',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n        },\n        '& .MuiChip-icon': { ml: 0, mr: 0, flexShrink: 0 },\n      }}\n    />\n  );\n}"],"names":[],"mappings":";;;;;AAOA,MAAM,YAAA,GAAuC;AAAA,EAC3C,SAAA,EAAW,SAAA;AAAA;AAAA,EACX,MAAA,EAAW,SAAA;AAAA;AAAA,EACX,MAAA,EAAW,SAAA;AAAA;AAAA,EACX,IAAA,EAAW,SAAA;AAAA;AAAA,EACX,MAAA,EAAW;AAAA;AACb,CAAA;AAMO,SAAS,UAAA,CAAW,EAAE,KAAA,EAAM,EAAoB;AACrD,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,MAAA,GAAS,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,MAAA;AACtC,EAAA,MAAM,MAAA,GAAS,aAAa,KAAK,CAAA;AACjC,EAAA,MAAM,GAAA,GAAM,SAAU,YAAA,CAAa,MAAA,CAAO,KAAK,CAAA,IAAK,CAAA,CAAA,EAAI,MAAA,CAAO,GAAG,CAAA,CAAA,GAAM,MAAA;AAGxE,EAAA,IAAI,EAAA;AACJ,EAAA,IAAI,EAAA;AACJ,EAAA,IAAI,MAAA;AACJ,EAAA,IAAI,GAAA,EAAK;AACP,IAAA,EAAA,GAAS,MAAA,GAAS,KAAA,CAAM,GAAA,EAAK,IAAI,CAAA,GAAI,GAAA;AACrC,IAAA,EAAA,GAAS,SAAS,GAAA,GAAM,MAAA;AACxB,IAAA,MAAA,GAAS,MAAA,GAAS,KAAA,CAAM,GAAA,EAAK,GAAI,CAAA,GAAI,GAAA;AAAA,EACvC,CAAA,MAAO;AACL,IAAA,EAAA,GAAS,SAAS,wBAAA,GAA2B,kBAAA;AAC7C,IAAA,EAAA,GAAS,SAAS,wBAAA,GAA2B,kBAAA;AAC7C,IAAA,MAAA,GAAS,aAAA;AAAA,EACX;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA,kBACE,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,KAAA;AAAA,UACA,OAAA,EAAS,KAAA;AAAA,UACT,EAAA,EAAI,EAAE,QAAA,EAAU,oBAAA,EAAsB,IAAI,gBAAA,EAAkB,KAAA,EAAO,CAAA,EAAG,EAAE,CAAA,WAAA,CAAA;AAAc;AAAA,OACxF;AAAA,MAEF,KAAA,EAAO,KAAA;AAAA,MACP,IAAA,EAAK,OAAA;AAAA,MACL,KAAA,EAAO,KAAA;AAAA,MACP,EAAA,EAAI;AAAA,QACF,MAAA,EAAQ,EAAA;AAAA,QACR,QAAA,EAAU,QAAA;AAAA,QACV,UAAA,EAAY,GAAA;AAAA,QACZ,QAAA,EAAU,GAAA;AAAA,QACV,eAAA,EAAiB,EAAA;AAAA,QACjB,KAAA,EAAO,EAAA;AAAA,QACP,MAAA,EAAQ,WAAA;AAAA,QACR,WAAA,EAAa,MAAA;AAAA,QACb,YAAA,EAAc,CAAA;AAAA,QACd,UAAA,EAAY,CAAA;AAAA,QACZ,kBAAA,EAAoB;AAAA,UAClB,EAAA,EAAI,KAAA;AAAA,UACJ,QAAA,EAAU,QAAA;AAAA,UACV,YAAA,EAAc,UAAA;AAAA,UACd,UAAA,EAAY;AAAA,SACd;AAAA,QACA,mBAAmB,EAAE,EAAA,EAAI,GAAG,EAAA,EAAI,CAAA,EAAG,YAAY,CAAA;AAAE;AACnD;AAAA,GACF;AAEJ;;;;"}

package/dist/components/ModelIcon/ModelIcon.esm.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import SvgIcon from '@mui/material/SvgIcon';
+import SmartToyIcon from '@mui/icons-material/SmartToy';
+import { siAnthropic, siOpenai, siGooglegemini, siMeta, siOllama } from 'simple-icons';
+
+function detectFamily(model) {
+  const m = model.toLowerCase();
+  if (m.startsWith("claude"))
+    return { path: siAnthropic.path, hex: siAnthropic.hex, label: "Anthropic" };
+  if (m.startsWith("gpt") || m.startsWith("o1") || m.startsWith("o3") || m.startsWith("chatgpt"))
+    return { path: siOpenai.path, hex: siOpenai.hex, label: "OpenAI" };
+  if (m.startsWith("gemini"))
+    return { path: siGooglegemini.path, hex: siGooglegemini.hex, label: "Google" };
+  if (m.startsWith("llama") || m.startsWith("meta-"))
+    return { path: siMeta.path, hex: siMeta.hex, label: "Meta" };
+  if (m.startsWith("ollama"))
+    return { path: siOllama.path, hex: siOllama.hex, label: "Ollama" };
+  return null;
+}
+function ModelIcon({ model, branded = true, sx, ...props }) {
+  const family = detectFamily(model);
+  if (!family) {
+    return /* @__PURE__ */ jsx(
+      SmartToyIcon,
+      {
+        ...props,
+        sx: { color: "text.secondary", ...sx },
+        titleAccess: model
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    SvgIcon,
+    {
+      ...props,
+      sx: { color: branded ? `#${family.hex}` : "inherit", ...sx },
+      titleAccess: `${family.label} \u2014 ${model}`,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsx("path", { d: family.path })
+    }
+  );
+}
+
+export { ModelIcon, detectFamily };
+//# sourceMappingURL=ModelIcon.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelIcon.esm.js","sources":["../../../src/components/ModelIcon/ModelIcon.tsx"],"sourcesContent":["import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';\nimport SmartToyIcon from '@mui/icons-material/SmartToy';\nimport { siAnthropic, siGooglegemini, siMeta, siOpenai, siOllama } from 'simple-icons';\n\ninterface ModelFamily {\n  path: string;\n  hex: string;\n  label: string;\n}\n\nexport function detectFamily(model: string): ModelFamily | null {\n  const m = model.toLowerCase();\n  if (m.startsWith('claude'))\n    return { path: siAnthropic.path, hex: siAnthropic.hex, label: 'Anthropic' };\n  if (m.startsWith('gpt') || m.startsWith('o1') || m.startsWith('o3') || m.startsWith('chatgpt'))\n    return { path: siOpenai.path, hex: siOpenai.hex, label: 'OpenAI' };\n  if (m.startsWith('gemini'))\n    return { path: siGooglegemini.path, hex: siGooglegemini.hex, label: 'Google' };\n  if (m.startsWith('llama') || m.startsWith('meta-'))\n    return { path: siMeta.path, hex: siMeta.hex, label: 'Meta' };\n  if (m.startsWith('ollama'))\n    return { path: siOllama.path, hex: siOllama.hex, label: 'Ollama' };\n  return null;\n}\n\ninterface ModelIconProps extends Omit<SvgIconProps, 'color'> {\n  model: string;\n  /** Use the brand's official color. Defaults to true. */\n  branded?: boolean;\n}\n\nexport function ModelIcon({ model, branded = true, sx, ...props }: ModelIconProps) {\n  const family = detectFamily(model);\n\n  if (!family) {\n    return (\n      <SmartToyIcon\n        {...props}\n        sx={{ color: 'text.secondary', ...sx }}\n        titleAccess={model}\n      />\n    );\n  }\n\n  return (\n    <SvgIcon\n      {...props}\n      sx={{ color: branded ? `#${family.hex}` : 'inherit', ...sx }}\n      titleAccess={`${family.label} — ${model}`}\n      viewBox=\"0 0 24 24\"\n    >\n      <path d={family.path} />\n    </SvgIcon>\n  );\n}"],"names":[],"mappings":";;;;;AAUO,SAAS,aAAa,KAAA,EAAmC;AAC9D,EAAA,MAAM,CAAA,GAAI,MAAM,WAAA,EAAY;AAC5B,EAAA,IAAI,CAAA,CAAE,WAAW,QAAQ,CAAA;AACvB,IAAA,OAAO,EAAE,MAAM,WAAA,CAAY,IAAA,EAAM,KAAK,WAAA,CAAY,GAAA,EAAK,OAAO,WAAA,EAAY;AAC5E,EAAA,IAAI,CAAA,CAAE,UAAA,CAAW,KAAK,CAAA,IAAK,EAAE,UAAA,CAAW,IAAI,CAAA,IAAK,CAAA,CAAE,UAAA,CAAW,IAAI,CAAA,IAAK,CAAA,CAAE,WAAW,SAAS,CAAA;AAC3F,IAAA,OAAO,EAAE,MAAM,QAAA,CAAS,IAAA,EAAM,KAAK,QAAA,CAAS,GAAA,EAAK,OAAO,QAAA,EAAS;AACnE,EAAA,IAAI,CAAA,CAAE,WAAW,QAAQ,CAAA;AACvB,IAAA,OAAO,EAAE,MAAM,cAAA,CAAe,IAAA,EAAM,KAAK,cAAA,CAAe,GAAA,EAAK,OAAO,QAAA,EAAS;AAC/E,EAAA,IAAI,EAAE,UAAA,CAAW,OAAO,CAAA,IAAK,CAAA,CAAE,WAAW,OAAO,CAAA;AAC/C,IAAA,OAAO,EAAE,MAAM,MAAA,CAAO,IAAA,EAAM,KAAK,MAAA,CAAO,GAAA,EAAK,OAAO,MAAA,EAAO;AAC7D,EAAA,IAAI,CAAA,CAAE,WAAW,QAAQ,CAAA;AACvB,IAAA,OAAO,EAAE,MAAM,QAAA,CAAS,IAAA,EAAM,KAAK,QAAA,CAAS,GAAA,EAAK,OAAO,QAAA,EAAS;AACnE,EAAA,OAAO,IAAA;AACT;AAQO,SAAS,SAAA,CAAU,EAAE,KAAA,EAAO,OAAA,GAAU,MAAM,EAAA,EAAI,GAAG,OAAM,EAAmB;AACjF,EAAA,MAAM,MAAA,GAAS,aAAa,KAAK,CAAA;AAEjC,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,uBACE,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,EAAA,EAAI,EAAE,KAAA,EAAO,gBAAA,EAAkB,GAAG,EAAA,EAAG;AAAA,QACrC,WAAA,EAAa;AAAA;AAAA,KACf;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,EAAA,EAAI,EAAE,KAAA,EAAO,OAAA,GAAU,CAAA,CAAA,EAAI,OAAO,GAAG,CAAA,CAAA,GAAK,SAAA,EAAW,GAAG,EAAA,EAAG;AAAA,MAC3D,WAAA,EAAa,CAAA,EAAG,MAAA,CAAO,KAAK,WAAM,KAAK,CAAA,CAAA;AAAA,MACvC,OAAA,EAAQ,WAAA;AAAA,MAER,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,MAAA,CAAO,IAAA,EAAM;AAAA;AAAA,GACxB;AAEJ;;;;"}

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

@@ -3,6 +3,8 @@ import SvgIcon from '@mui/material/SvgIcon';
 import AllInclusiveIcon from '@mui/icons-material/AllInclusive';
 import NearMeIcon from '@mui/icons-material/NearMe';
 import { siGooglegemini, siGithub, siAnthropic } from 'simple-icons';
+import { useTranslationRef } from '@backstage/frontend-plugin-api';
+import { devAiHubTranslationRef } from '../../translation.esm.js';
 
 const TOOL_ICON = {
   "claude-code": { ...siAnthropic, label: "Claude Code" },
@@ -10,8 +12,9 @@ const TOOL_ICON = {
   "google-gemini": { ...siGooglegemini, label: "Google Gemini" }
 };
 function ToolIcon({ tool, branded = true, sx, ...props }) {
+  const { t } = useTranslationRef(devAiHubTranslationRef);
   if (tool === "all") {
-    return /* @__PURE__ */ jsx(AllInclusiveIcon, { ...props, sx: { color: "text.secondary", ...sx }, titleAccess: "Universal" });
+    return /* @__PURE__ */ jsx(AllInclusiveIcon, { ...props, sx: { color: "text.secondary", ...sx }, titleAccess: t("toolIcon.universal") });
   }
   if (tool === "cursor") {
     return /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"ToolIcon.esm.js","sources":["../../../src/components/ToolIcon/ToolIcon.tsx"],"sourcesContent":["import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';\nimport AllInclusiveIcon from '@mui/icons-material/AllInclusive';\nimport NearMeIcon from '@mui/icons-material/NearMe';\nimport { siAnthropic, siGithub, siGooglegemini } from 'simple-icons';\nimport type { AiTool } from '@julianpedro/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 extends Omit<SvgIconProps, 'color'> {\n  tool: AiTool;\n  /** Use the brand's official color. Defaults to true. */\n  branded?: boolean;\n}\n\nexport function ToolIcon({ tool, branded = true, sx, ...props }: ToolIconProps) {\n  if (tool === 'all') {\n    return <AllInclusiveIcon {...props} sx={{ color: 'text.secondary', ...sx }} titleAccess=\"Universal\" />;\n  }\n\n  if (tool === 'cursor') {\n    return (\n      <NearMeIcon\n        {...props}\n        sx={{ color: branded ? 'text.primary' : 'inherit', ...sx }}\n        titleAccess=\"Cursor\"\n      />\n    );\n  }\n\n  const cfg = TOOL_ICON[tool as SvgTool];\n  if (!cfg) return null;\n\n  return (\n    <SvgIcon\n      {...props}\n      sx={{ color: branded ? `#${cfg.hex}` : 'inherit', ...sx }}\n      titleAccess={cfg.label}\n      viewBox=\"0 0 24 24\"\n    >\n      <path d={cfg.path} />\n    </SvgIcon>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAQA,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;AAQO,SAAS,QAAA,CAAS,EAAE,IAAA,EAAM,OAAA,GAAU,MAAM,EAAA,EAAI,GAAG,OAAM,EAAkB;AAC9E,EAAA,IAAI,SAAS,KAAA,EAAO;AAClB,IAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,EAAA,EAAI,EAAE,KAAA,EAAO,gBAAA,EAAkB,GAAG,EAAA,EAAG,EAAG,WAAA,EAAY,WAAA,EAAY,CAAA;AAAA,EACtG;AAEA,EAAA,IAAI,SAAS,QAAA,EAAU;AACrB,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAI,EAAE,KAAA,EAAO,UAAU,cAAA,GAAiB,SAAA,EAAW,GAAG,EAAA,EAAG;AAAA,QACzD,WAAA,EAAY;AAAA;AAAA,KACd;AAAA,EAEJ;AAEA,EAAA,MAAM,GAAA,GAAM,UAAU,IAAe,CAAA;AACrC,EAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AAEjB,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,EAAA,EAAI,EAAE,KAAA,EAAO,OAAA,GAAU,CAAA,CAAA,EAAI,IAAI,GAAG,CAAA,CAAA,GAAK,SAAA,EAAW,GAAG,EAAA,EAAG;AAAA,MACxD,aAAa,GAAA,CAAI,KAAA;AAAA,MACjB,OAAA,EAAQ,WAAA;AAAA,MAER,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 SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';\nimport AllInclusiveIcon from '@mui/icons-material/AllInclusive';\nimport NearMeIcon from '@mui/icons-material/NearMe';\nimport { siAnthropic, siGithub, siGooglegemini } from 'simple-icons';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport type { AiTool } from '@julianpedro/plugin-dev-ai-hub-common';\nimport { devAiHubTranslationRef } from '../../translation';\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 extends Omit<SvgIconProps, 'color'> {\n  tool: AiTool;\n  /** Use the brand's official color. Defaults to true. */\n  branded?: boolean;\n}\n\nexport function ToolIcon({ tool, branded = true, sx, ...props }: ToolIconProps) {\n  const { t } = useTranslationRef(devAiHubTranslationRef);\n\n  if (tool === 'all') {\n    return <AllInclusiveIcon {...props} sx={{ color: 'text.secondary', ...sx }} titleAccess={t('toolIcon.universal')} />;\n  }\n\n  if (tool === 'cursor') {\n    return (\n      <NearMeIcon\n        {...props}\n        sx={{ color: branded ? 'text.primary' : 'inherit', ...sx }}\n        titleAccess=\"Cursor\"\n      />\n    );\n  }\n\n  const cfg = TOOL_ICON[tool as SvgTool];\n  if (!cfg) return null;\n\n  return (\n    <SvgIcon\n      {...props}\n      sx={{ color: branded ? `#${cfg.hex}` : 'inherit', ...sx }}\n      titleAccess={cfg.label}\n      viewBox=\"0 0 24 24\"\n    >\n      <path d={cfg.path} />\n    </SvgIcon>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAUA,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;AAQO,SAAS,QAAA,CAAS,EAAE,IAAA,EAAM,OAAA,GAAU,MAAM,EAAA,EAAI,GAAG,OAAM,EAAkB;AAC9E,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,sBAAsB,CAAA;AAEtD,EAAA,IAAI,SAAS,KAAA,EAAO;AAClB,IAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,IAAI,EAAE,KAAA,EAAO,gBAAA,EAAkB,GAAG,EAAA,EAAG,EAAG,WAAA,EAAa,CAAA,CAAE,oBAAoB,CAAA,EAAG,CAAA;AAAA,EACpH;AAEA,EAAA,IAAI,SAAS,QAAA,EAAU;AACrB,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAI,EAAE,KAAA,EAAO,UAAU,cAAA,GAAiB,SAAA,EAAW,GAAG,EAAA,EAAG;AAAA,QACzD,WAAA,EAAY;AAAA;AAAA,KACd;AAAA,EAEJ;AAEA,EAAA,MAAM,GAAA,GAAM,UAAU,IAAe,CAAA;AACrC,EAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AAEjB,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,EAAA,EAAI,EAAE,KAAA,EAAO,OAAA,GAAU,CAAA,CAAA,EAAI,IAAI,GAAG,CAAA,CAAA,GAAK,SAAA,EAAW,GAAG,EAAA,EAAG;AAAA,MACxD,aAAa,GAAA,CAAI,KAAA;AAAA,MACjB,OAAA,EAAQ,WAAA;AAAA,MAER,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,GAAA,CAAI,IAAA,EAAM;AAAA;AAAA,GACrB;AAEJ;;;;"}

package/dist/context/UiConfigContext.esm.js

@@ -0,0 +1,79 @@
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { devAiHubApiRef } from '../api/DevAiHubClient.esm.js';
+
+const CACHE_KEY = "dev-ai-hub:ui-config-v1";
+const ALL_TYPES = ["instruction", "agent", "skill", "workflow", "prompt", "bundle"];
+const DEFAULT_TYPE_COLORS = {
+  instruction: "#2563EB",
+  agent: "#7C3AED",
+  skill: "#059669",
+  workflow: "#D97706",
+  prompt: "#EC4899",
+  bundle: "#8B5CF6"
+};
+const DEFAULT_STATS_CARDS = ["instruction", "agent", "skill", "workflow"];
+function buildTypeColors(raw) {
+  return { ...DEFAULT_TYPE_COLORS, ...raw };
+}
+function buildStatsCards(raw) {
+  const configured = raw.filter((t) => ALL_TYPES.includes(t)).slice(0, 4);
+  if (!configured.length) return DEFAULT_STATS_CARDS;
+  const fill = DEFAULT_STATS_CARDS.filter((t) => !configured.includes(t));
+  return [...configured, ...fill].slice(0, 4);
+}
+const subscribers = /* @__PURE__ */ new Set();
+let currentConfig = null;
+let fetchInitiated = false;
+function readLocalStorage() {
+  try {
+    const raw = localStorage.getItem(CACHE_KEY);
+    if (!raw) return null;
+    const cfg = JSON.parse(raw);
+    return {
+      typeColors: buildTypeColors(cfg.typeColors ?? {}),
+      statsCards: buildStatsCards(cfg.statsCards ?? [])
+    };
+  } catch {
+    return null;
+  }
+}
+function getInitialConfig() {
+  if (currentConfig) return currentConfig;
+  const cached = readLocalStorage();
+  currentConfig = cached ?? { typeColors: DEFAULT_TYPE_COLORS, statsCards: DEFAULT_STATS_CARDS };
+  return currentConfig;
+}
+function applyRemoteConfig(raw) {
+  try {
+    localStorage.setItem(CACHE_KEY, JSON.stringify(raw));
+  } catch (_e) {
+  }
+  currentConfig = {
+    typeColors: buildTypeColors(raw.typeColors ?? {}),
+    statsCards: buildStatsCards(raw.statsCards ?? [])
+  };
+  subscribers.forEach((fn) => fn(currentConfig));
+}
+function useTypeConfig() {
+  const api = useApi(devAiHubApiRef);
+  const [config, setConfig] = useState(getInitialConfig);
+  useEffect(() => {
+    subscribers.add(setConfig);
+    if (!fetchInitiated) {
+      fetchInitiated = true;
+      api.getUiConfig().then((cfg) => applyRemoteConfig(cfg)).catch(() => {
+        fetchInitiated = false;
+      });
+    } else if (currentConfig) {
+      setConfig(currentConfig);
+    }
+    return () => {
+      subscribers.delete(setConfig);
+    };
+  }, []);
+  return config;
+}
+
+export { useTypeConfig };
+//# sourceMappingURL=UiConfigContext.esm.js.map

package/dist/context/UiConfigContext.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiConfigContext.esm.js","sources":["../../src/context/UiConfigContext.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { devAiHubApiRef } from '../api/DevAiHubClient';\nimport type { AssetType } from '@julianpedro/plugin-dev-ai-hub-common';\n\nconst CACHE_KEY = 'dev-ai-hub:ui-config-v1';\n\nconst ALL_TYPES: AssetType[] = ['instruction', 'agent', 'skill', 'workflow', 'prompt', 'bundle'];\n\nconst DEFAULT_TYPE_COLORS: Record<AssetType, string> = {\n  instruction: '#2563EB',\n  agent:       '#7C3AED',\n  skill:       '#059669',\n  workflow:    '#D97706',\n  prompt:      '#EC4899',\n  bundle:      '#8B5CF6',\n};\n\nconst DEFAULT_STATS_CARDS: AssetType[] = ['instruction', 'agent', 'skill', 'workflow'];\n\ninterface UiConfigValue {\n  typeColors: Record<AssetType, string>;\n  statsCards: AssetType[];\n}\n\nfunction buildTypeColors(raw: Record<string, string>): Record<AssetType, string> {\n  return { ...DEFAULT_TYPE_COLORS, ...(raw as Record<AssetType, string>) };\n}\n\nfunction buildStatsCards(raw: string[]): AssetType[] {\n  const configured = raw\n    .filter(t => ALL_TYPES.includes(t as AssetType))\n    .slice(0, 4) as AssetType[];\n  if (!configured.length) return DEFAULT_STATS_CARDS;\n  const fill = DEFAULT_STATS_CARDS.filter(t => !configured.includes(t));\n  return [...configured, ...fill].slice(0, 4);\n}\n\n// ── Module-level store ─────────────────────────────────────────────────────\n// Shared across all components in the same page session.\n// On first mount: reads localStorage (instant, no flash on revisits).\n// Then fetches from backend once and notifies all subscribers.\n\nconst subscribers = new Set<(v: UiConfigValue) => void>();\nlet currentConfig: UiConfigValue | null = null;\nlet fetchInitiated = false;\n\nfunction readLocalStorage(): UiConfigValue | null {\n  try {\n    const raw = localStorage.getItem(CACHE_KEY);\n    if (!raw) return null;\n    const cfg = JSON.parse(raw) as { typeColors: Record<string, string>; statsCards: string[] };\n    return {\n      typeColors: buildTypeColors(cfg.typeColors ?? {}),\n      statsCards: buildStatsCards(cfg.statsCards ?? []),\n    };\n  } catch { return null; }\n}\n\nfunction getInitialConfig(): UiConfigValue {\n  if (currentConfig) return currentConfig;\n  const cached = readLocalStorage();\n  currentConfig = cached ?? { typeColors: DEFAULT_TYPE_COLORS, statsCards: DEFAULT_STATS_CARDS };\n  return currentConfig;\n}\n\nfunction applyRemoteConfig(raw: { typeColors: Record<string, string>; statsCards: string[] }) {\n  try { localStorage.setItem(CACHE_KEY, JSON.stringify(raw)); } catch (_e) { /* storage unavailable */ }\n  currentConfig = {\n    typeColors: buildTypeColors(raw.typeColors ?? {}),\n    statsCards: buildStatsCards(raw.statsCards ?? []),\n  };\n  subscribers.forEach(fn => fn(currentConfig!));\n}\n\n// ── Hook ───────────────────────────────────────────────────────────────────\n\nexport function useTypeConfig(): UiConfigValue {\n  const api = useApi(devAiHubApiRef);\n  const [config, setConfig] = useState<UiConfigValue>(getInitialConfig);\n\n  useEffect(() => {\n    subscribers.add(setConfig);\n\n    // One fetch per page session regardless of how many components mount\n    if (!fetchInitiated) {\n      fetchInitiated = true;\n      api.getUiConfig()\n        .then(cfg => applyRemoteConfig(cfg as { typeColors: Record<string, string>; statsCards: string[] }))\n        .catch(() => { fetchInitiated = false; }); // allow retry on transient error\n    } else if (currentConfig) {\n      // Fetch already done or in progress — sync to latest known value\n      setConfig(currentConfig);\n    }\n\n    return () => { subscribers.delete(setConfig); };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return config;\n}"],"names":[],"mappings":";;;;AAKA,MAAM,SAAA,GAAY,yBAAA;AAElB,MAAM,YAAyB,CAAC,aAAA,EAAe,SAAS,OAAA,EAAS,UAAA,EAAY,UAAU,QAAQ,CAAA;AAE/F,MAAM,mBAAA,GAAiD;AAAA,EACrD,WAAA,EAAa,SAAA;AAAA,EACb,KAAA,EAAa,SAAA;AAAA,EACb,KAAA,EAAa,SAAA;AAAA,EACb,QAAA,EAAa,SAAA;AAAA,EACb,MAAA,EAAa,SAAA;AAAA,EACb,MAAA,EAAa;AACf,CAAA;AAEA,MAAM,mBAAA,GAAmC,CAAC,aAAA,EAAe,OAAA,EAAS,SAAS,UAAU,CAAA;AAOrF,SAAS,gBAAgB,GAAA,EAAwD;AAC/E,EAAA,OAAO,EAAE,GAAG,mBAAA,EAAqB,GAAI,GAAA,EAAkC;AACzE;AAEA,SAAS,gBAAgB,GAAA,EAA4B;AACnD,EAAA,MAAM,UAAA,GAAa,GAAA,CAChB,MAAA,CAAO,CAAA,CAAA,KAAK,SAAA,CAAU,QAAA,CAAS,CAAc,CAAC,CAAA,CAC9C,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA;AACb,EAAA,IAAI,CAAC,UAAA,CAAW,MAAA,EAAQ,OAAO,mBAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,oBAAoB,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,UAAA,CAAW,QAAA,CAAS,CAAC,CAAC,CAAA;AACpE,EAAA,OAAO,CAAC,GAAG,UAAA,EAAY,GAAG,IAAI,CAAA,CAAE,KAAA,CAAM,GAAG,CAAC,CAAA;AAC5C;AAOA,MAAM,WAAA,uBAAkB,GAAA,EAAgC;AACxD,IAAI,aAAA,GAAsC,IAAA;AAC1C,IAAI,cAAA,GAAiB,KAAA;AAErB,SAAS,gBAAA,GAAyC;AAChD,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,SAAS,CAAA;AAC1C,IAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AACjB,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA;AAC1B,IAAA,OAAO;AAAA,MACL,UAAA,EAAY,eAAA,CAAgB,GAAA,CAAI,UAAA,IAAc,EAAE,CAAA;AAAA,MAChD,UAAA,EAAY,eAAA,CAAgB,GAAA,CAAI,UAAA,IAAc,EAAE;AAAA,KAClD;AAAA,EACF,CAAA,CAAA,MAAQ;AAAE,IAAA,OAAO,IAAA;AAAA,EAAM;AACzB;AAEA,SAAS,gBAAA,GAAkC;AACzC,EAAA,IAAI,eAAe,OAAO,aAAA;AAC1B,EAAA,MAAM,SAAS,gBAAA,EAAiB;AAChC,EAAA,aAAA,GAAgB,MAAA,IAAU,EAAE,UAAA,EAAY,mBAAA,EAAqB,YAAY,mBAAA,EAAoB;AAC7F,EAAA,OAAO,aAAA;AACT;AAEA,SAAS,kBAAkB,GAAA,EAAmE;AAC5F,EAAA,IAAI;AAAE,IAAA,YAAA,CAAa,OAAA,CAAQ,SAAA,EAAW,IAAA,CAAK,SAAA,CAAU,GAAG,CAAC,CAAA;AAAA,EAAG,SAAS,EAAA,EAAI;AAAA,EAA4B;AACrG,EAAA,aAAA,GAAgB;AAAA,IACd,UAAA,EAAY,eAAA,CAAgB,GAAA,CAAI,UAAA,IAAc,EAAE,CAAA;AAAA,IAChD,UAAA,EAAY,eAAA,CAAgB,GAAA,CAAI,UAAA,IAAc,EAAE;AAAA,GAClD;AACA,EAAA,WAAA,CAAY,OAAA,CAAQ,CAAA,EAAA,KAAM,EAAA,CAAG,aAAc,CAAC,CAAA;AAC9C;AAIO,SAAS,aAAA,GAA+B;AAC7C,EAAA,MAAM,GAAA,GAAM,OAAO,cAAc,CAAA;AACjC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAwB,gBAAgB,CAAA;AAEpE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,SAAS,CAAA;AAGzB,IAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,MAAA,cAAA,GAAiB,IAAA;AACjB,MAAA,GAAA,CAAI,WAAA,GACD,IAAA,CAAK,CAAA,GAAA,KAAO,kBAAkB,GAAmE,CAAC,CAAA,CAClG,KAAA,CAAM,MAAM;AAAE,QAAA,cAAA,GAAiB,KAAA;AAAA,MAAO,CAAC,CAAA;AAAA,IAC5C,WAAW,aAAA,EAAe;AAExB,MAAA,SAAA,CAAU,aAAa,CAAA;AAAA,IACzB;AAEA,IAAA,OAAO,MAAM;AAAE,MAAA,WAAA,CAAY,OAAO,SAAS,CAAA;AAAA,IAAG,CAAA;AAAA,EAEhD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,MAAA;AACT;;;;"}

package/dist/hooks/index.esm.js

@@ -97,6 +97,41 @@ function useStats() {
   }, [api]);
   return { stats, loading, error };
 }
+function useMcpCatalog() {
+  const api = useApi(devAiHubApiRef);
+  const [catalog, setCatalog] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    setLoading(true);
+    api.getMcpCatalog().then((data) => {
+      setCatalog(data);
+      setError(null);
+    }).catch((err) => setError(err)).finally(() => setLoading(false));
+  }, [api]);
+  return { catalog, loading, error };
+}
+function useSyncProvider() {
+  const api = useApi(devAiHubApiRef);
+  const [syncing, setSyncing] = useState({});
+  const triggerSync = useCallback(async (id) => {
+    setSyncing((s) => ({ ...s, [id]: true }));
+    try {
+      await api.triggerSync(id);
+    } finally {
+      setSyncing((s) => ({ ...s, [id]: false }));
+    }
+  }, [api]);
+  const triggerSyncAll = useCallback(async (ids) => {
+    setSyncing(Object.fromEntries(ids.map((id) => [id, true])));
+    try {
+      await Promise.all(ids.map((id) => api.triggerSync(id)));
+    } finally {
+      setSyncing({});
+    }
+  }, [api]);
+  return { syncing, triggerSync, triggerSyncAll };
+}
 function useCopyToClipboard() {
   const [copied, setCopied] = useState(false);
   const timerRef = useRef(null);
@@ -110,5 +145,5 @@ function useCopyToClipboard() {
   return { copy, copied };
 }
 
-export { useAssetDetail, useAssets, useCopyToClipboard, useProviders, useStats };
+export { useAssetDetail, useAssets, useCopyToClipboard, useMcpCatalog, useProviders, useStats, useSyncProvider };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/hooks/index.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { devAiHubApiRef } from '../api/DevAiHubClient';\nimport type {\n  AiAsset,\n  AiAssetListResponse,\n  AiHubProvider,\n  AiHubStats,\n  AssetListFilter,\n} from '@julianpedro/plugin-dev-ai-hub-common';\n\nfunction useDebounce<T>(value: T, delay: number): T {\n  const [debounced, setDebounced] = useState(value);\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(value), delay);\n    return () => clearTimeout(timer);\n  }, [value, delay]);\n  return debounced;\n}\n\nexport function useAssets(filter: AssetListFilter) {\n  const api = useApi(devAiHubApiRef);\n  const [result, setResult] = useState<AiAssetListResponse | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const debouncedSearch = useDebounce(filter.search, 300);\n\n  const effectiveFilter = { ...filter, search: debouncedSearch };\n  const filterKey = JSON.stringify(effectiveFilter);\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    api\n      .listAssets(effectiveFilter)\n      .then(data => {\n        if (!cancelled) {\n          setResult(data);\n          setError(null);\n        }\n      })\n      .catch(err => {\n        if (!cancelled) setError(err);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filterKey, api]);\n\n  return { result, loading, error };\n}\n\nexport function useAssetDetail(id: string | null) {\n  const api = useApi(devAiHubApiRef);\n  const [asset, setAsset] = useState<AiAsset | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (!id) {\n      setAsset(null);\n      return () => {};\n    }\n    let cancelled = false;\n    setLoading(true);\n    api\n      .getAsset(id)\n      .then(data => {\n        if (!cancelled) {\n          setAsset(data);\n          setError(null);\n        }\n      })\n      .catch(err => {\n        if (!cancelled) setError(err);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [id, api]);\n\n  return { asset, loading, error };\n}\n\nexport function useProviders() {\n  const api = useApi(devAiHubApiRef);\n  const [providers, setProviders] = useState<AiHubProvider[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const load = useCallback(() => {\n    setLoading(true);\n    api\n      .listProviders()\n      .then(data => {\n        setProviders(data);\n        setError(null);\n      })\n      .catch(err => setError(err))\n      .finally(() => setLoading(false));\n  }, [api]);\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  return { providers, loading, error, reload: load };\n}\n\nexport function useStats() {\n  const api = useApi(devAiHubApiRef);\n  const [stats, setStats] = useState<AiHubStats | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    setLoading(true);\n    api\n      .getStats()\n      .then(data => {\n        setStats(data);\n        setError(null);\n      })\n      .catch(err => setError(err))\n      .finally(() => setLoading(false));\n  }, [api]);\n\n  return { stats, loading, error };\n}\n\nexport function useCopyToClipboard() {\n  const [copied, setCopied] = useState(false);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const copy = useCallback((text: string) => {\n    navigator.clipboard.writeText(text).then(() => {\n      setCopied(true);\n      if (timerRef.current) clearTimeout(timerRef.current);\n      timerRef.current = setTimeout(() => setCopied(false), 2000);\n    });\n  }, []);\n\n  return { copy, copied };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../src/hooks/index.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { devAiHubApiRef } from '../api/DevAiHubClient';\nimport type {\n  AiAsset,\n  AiAssetListResponse,\n  AiHubProvider,\n  AiHubStats,\n  AssetListFilter,\n  McpCatalogEntry,\n} from '@julianpedro/plugin-dev-ai-hub-common';\n\nfunction useDebounce<T>(value: T, delay: number): T {\n  const [debounced, setDebounced] = useState(value);\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(value), delay);\n    return () => clearTimeout(timer);\n  }, [value, delay]);\n  return debounced;\n}\n\nexport function useAssets(filter: AssetListFilter) {\n  const api = useApi(devAiHubApiRef);\n  const [result, setResult] = useState<AiAssetListResponse | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const debouncedSearch = useDebounce(filter.search, 300);\n\n  const effectiveFilter = { ...filter, search: debouncedSearch };\n  const filterKey = JSON.stringify(effectiveFilter);\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    api\n      .listAssets(effectiveFilter)\n      .then(data => {\n        if (!cancelled) {\n          setResult(data);\n          setError(null);\n        }\n      })\n      .catch(err => {\n        if (!cancelled) setError(err);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filterKey, api]);\n\n  return { result, loading, error };\n}\n\nexport function useAssetDetail(id: string | null) {\n  const api = useApi(devAiHubApiRef);\n  const [asset, setAsset] = useState<AiAsset | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (!id) {\n      setAsset(null);\n      return () => {};\n    }\n    let cancelled = false;\n    setLoading(true);\n    api\n      .getAsset(id)\n      .then(data => {\n        if (!cancelled) {\n          setAsset(data);\n          setError(null);\n        }\n      })\n      .catch(err => {\n        if (!cancelled) setError(err);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [id, api]);\n\n  return { asset, loading, error };\n}\n\nexport function useProviders() {\n  const api = useApi(devAiHubApiRef);\n  const [providers, setProviders] = useState<AiHubProvider[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const load = useCallback(() => {\n    setLoading(true);\n    api\n      .listProviders()\n      .then(data => {\n        setProviders(data);\n        setError(null);\n      })\n      .catch(err => setError(err))\n      .finally(() => setLoading(false));\n  }, [api]);\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  return { providers, loading, error, reload: load };\n}\n\nexport function useStats() {\n  const api = useApi(devAiHubApiRef);\n  const [stats, setStats] = useState<AiHubStats | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    setLoading(true);\n    api\n      .getStats()\n      .then(data => {\n        setStats(data);\n        setError(null);\n      })\n      .catch(err => setError(err))\n      .finally(() => setLoading(false));\n  }, [api]);\n\n  return { stats, loading, error };\n}\n\nexport function useMcpCatalog() {\n  const api = useApi(devAiHubApiRef);\n  const [catalog, setCatalog] = useState<McpCatalogEntry[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    setLoading(true);\n    api\n      .getMcpCatalog()\n      .then(data => {\n        setCatalog(data);\n        setError(null);\n      })\n      .catch(err => setError(err))\n      .finally(() => setLoading(false));\n  }, [api]);\n\n  return { catalog, loading, error };\n}\n\nexport function useSyncProvider() {\n  const api = useApi(devAiHubApiRef);\n  const [syncing, setSyncing] = useState<Record<string, boolean>>({});\n\n  const triggerSync = useCallback(async (id: string) => {\n    setSyncing(s => ({ ...s, [id]: true }));\n    try { await api.triggerSync(id); }\n    finally { setSyncing(s => ({ ...s, [id]: false })); }\n  }, [api]);\n\n  const triggerSyncAll = useCallback(async (ids: string[]) => {\n    setSyncing(Object.fromEntries(ids.map(id => [id, true])));\n    try { await Promise.all(ids.map(id => api.triggerSync(id))); }\n    finally { setSyncing({}); }\n  }, [api]);\n\n  return { syncing, triggerSync, triggerSyncAll };\n}\n\nexport { useTypeConfig } from '../context/UiConfigContext';\n\nexport function useCopyToClipboard() {\n  const [copied, setCopied] = useState(false);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const copy = useCallback((text: string) => {\n    navigator.clipboard.writeText(text).then(() => {\n      setCopied(true);\n      if (timerRef.current) clearTimeout(timerRef.current);\n      timerRef.current = setTimeout(() => setCopied(false), 2000);\n    });\n  }, []);\n\n  return { copy, copied };\n}"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 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 '@julianpedro/plugin-dev-ai-hub-common';
+import { AssetListFilter, AiAssetListResponse, AiAsset, AiHubProvider, AiHubStats, McpCatalogEntry } from '@julianpedro/plugin-dev-ai-hub-common';
 
 declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
     root: _backstage_frontend_plugin_api.RouteRef<undefined>;
@@ -15,23 +15,6 @@ declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontend
         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>;
     }>;
-    "nav-item:dev-ai-hub": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
-        kind: "nav-item";
-        name: undefined;
-        config: {};
-        configInput: {};
-        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
-            title: string;
-            icon: _backstage_frontend_plugin_api.IconComponent;
-            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
-        }, "core.nav-item.target", {}>;
-        inputs: {};
-        params: {
-            title: string;
-            icon: _backstage_frontend_plugin_api.IconComponent;
-            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
-        };
-    }>;
     "page:dev-ai-hub": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "page";
         name: undefined;
@@ -40,8 +23,8 @@ declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontend
             title: string | undefined;
         };
         configInput: {
-            title?: string | undefined;
             path?: string | undefined;
+            title?: string | undefined;
         };
         output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
             optional: true;
@@ -64,7 +47,6 @@ declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontend
             }>;
         };
         params: {
-            defaultPath?: [Error: `Use the 'path' param instead`];
             path: string;
             title?: string;
             icon?: _backstage_frontend_plugin_api.IconElement;
@@ -73,6 +55,19 @@ declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontend
             noHeader?: boolean;
         };
     }>;
+    "translation:dev-ai-hub": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "translation";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.TranslationResource<string> | _backstage_frontend_plugin_api.TranslationMessages<string, {
+            [x: string]: string;
+        }, boolean>, "core.translation.translation", {}>;
+        inputs: {};
+        params: {
+            resource: _backstage_frontend_plugin_api.TranslationResource | _backstage_frontend_plugin_api.TranslationMessages;
+        };
+    }>;
 }>;
 
 /**
@@ -85,20 +80,148 @@ declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontend
 declare const DevAiHubPage: ComponentType;
 
 declare const devAiHubApiRef: _backstage_frontend_plugin_api.ApiRef<DevAiHubApi>;
+interface UiConfig {
+    typeColors: Partial<Record<string, string>>;
+    statsCards: string[];
+}
 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>;
+    /** Returns the absolute URL for the download endpoint (zip for skills/bundles, md for others). */
+    getDownloadUrl(id: string, tool?: string): Promise<string>;
+    /** Returns the absolute URL for the .agent.md endpoint used in VSCode deep links. */
+    getAgentMdUrl(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>;
+    getMcpCatalog(): Promise<McpCatalogEntry[]>;
+    getUiConfig(): Promise<UiConfig>;
 }
 
 declare const rootRouteRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
 
-export { DevAiHubPage, devAiHubApiRef, devAiHubPlugin, rootRouteRef };
+declare const devAiHubTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"dev-ai-hub", {
+    readonly "toolIcon.universal": "Universal";
+    readonly "assetCard.newBadge": "New";
+    readonly "assetCard.updatedBadge": "Updated";
+    readonly "assetCard.installTooltip": "Install in editor";
+    readonly "assetCard.detailsTooltip": "View details";
+    readonly "assetCard.helpTooltip": "Usage guide";
+    readonly "assetCard.mcpsRequired": "Required MCPs";
+    readonly "assetCard.bundleFooter": "{{itemCount}} assets · {{author}}";
+    readonly "assetCard.versionFooter": "v{{version}} · {{author}}";
+    readonly "assetCard.moreTags": "+{{count}}";
+    readonly "assetDetailPanel.loading": "Loading...";
+    readonly "assetDetailPanel.tabPreview": "Preview";
+    readonly "assetDetailPanel.tabMetadata": "Metadata";
+    readonly "assetDetailPanel.tabRawYaml": "Raw YAML";
+    readonly "assetDetailPanel.bundlePreviewTitle": "Bundle contents — {{total}} assets";
+    readonly "assetDetailPanel.bundleItemNotSynced": "Not synced — {{ref}}";
+    readonly "assetDetailPanel.metaAuthor": "Author";
+    readonly "assetDetailPanel.metaVersion": "Version";
+    readonly "assetDetailPanel.metaProvider": "Provider";
+    readonly "assetDetailPanel.metaCommit": "Commit";
+    readonly "assetDetailPanel.metaLastSynced": "Last synced";
+    readonly "assetDetailPanel.metaBranch": "Branch";
+    readonly "assetDetailPanel.compatibleTools": "Compatible tools";
+    readonly "assetDetailPanel.tagsLabel": "Tags";
+    readonly "assetDetailPanel.bundleContents": "Bundle contents ({{total}} assets)";
+    readonly "assetDetailPanel.bundleItemNotSyncedYet": "Not synced yet — {{ref}}";
+    readonly "assetDetailPanel.bundledFiles": "Bundled files";
+    readonly "assetDetailPanel.zipDescription": "Downloads as .zip containing all files above.";
+    readonly "assetDetailPanel.repository": "Repository";
+    readonly "assetDetailPanel.copyMarkdown": "Copy Markdown";
+    readonly "assetDetailPanel.openInRepo": "Open in Repo";
+    readonly "assetDetailPanel.copiedMessage": "Markdown copied to clipboard!";
+    readonly "assetFilters.searchPlaceholder": "Search assets by name, description or content…";
+    readonly "assetFilters.typeHeader": "Type";
+    readonly "assetFilters.typeAll": "All";
+    readonly "assetFilters.aiToolHeader": "AI Tool";
+    readonly "assetFilters.allTools": "All Tools";
+    readonly "assetFilters.providerHeader": "Provider";
+    readonly "assetFilters.tagsHeader": "Tags";
+    readonly "assetFilters.tagsShowMore": "+{{remaining}} more";
+    readonly "assetFilters.tagsShowLess": "Show less";
+    readonly "assetInstallDialog.bundledSkillTitle": "Bundled skill — downloads as .zip";
+    readonly "assetInstallDialog.bundledSkillDescription": "This skill includes resource files alongside SKILL.md. Extract the zip and place all files in the skill directory.";
+    readonly "assetInstallDialog.installPathLabel": "Install path";
+    readonly "assetInstallDialog.installInVscode": "Install in VSCode";
+    readonly "assetInstallDialog.copied": "Copied!";
+    readonly "assetInstallDialog.copyTooltip": "Copy markdown content";
+    readonly "assetInstallDialog.copyContent": "Copy Content";
+    readonly "assetInstallDialog.downloadZipTooltip": "Download as .zip with all bundled files";
+    readonly "assetInstallDialog.downloadTooltip": "Download file with correct name";
+    readonly "assetInstallDialog.downloadZip": "Download .zip";
+    readonly "assetInstallDialog.download": "Download";
+    readonly "assetInstallDialog.stepProgress": "Step {{current}} of {{total}}";
+    readonly "assetInstallDialog.notSyncedTitle": "This asset has not been synced yet.";
+    readonly "assetInstallDialog.notSyncedRef": "Ref: {{ref}}";
+    readonly "assetInstallDialog.dialogTitleBundle": "Install Bundle: {{name}}";
+    readonly "assetInstallDialog.dialogSubtitleBundle": "Install each asset in the bundle step by step.";
+    readonly "assetInstallDialog.dialogTitle": "Install: {{name}}";
+    readonly "assetInstallDialog.dialogSubtitle": "Copy the content and place the file at the path shown for your tool.";
+    readonly "assetInstallDialog.bundleProgress": "{{current}} / {{total}} assets";
+    readonly "assetInstallDialog.bundleEmpty": "This bundle has no items yet.";
+    readonly "assetInstallDialog.downloadBundle": "Download Bundle .zip";
+    readonly "assetInstallDialog.back": "Back";
+    readonly "assetInstallDialog.next": "Next";
+    readonly "assetInstallDialog.finish": "Finish";
+    readonly "assetInstallDialog.close": "Close";
+    readonly "mcpConfigDialog.installInVscode": "Install in VSCode";
+    readonly "mcpConfigDialog.close": "Close";
+    readonly "mcpConfigDialog.title": "MCP Configuration";
+    readonly "mcpConfigDialog.subtitle": "Browse the catalog of ready-to-install MCP servers, or configure the Dev AI Hub MCP for your AI tool.";
+    readonly "mcpConfigDialog.catalogTab": "MCP Catalog";
+    readonly "mcpConfigDialog.catalogDescription": "Pre-configured MCP servers you can install with one click in VSCode or Cursor.";
+    readonly "mcpConfigDialog.catalogEmpty": "No MCP servers configured in the catalog.";
+    readonly "mcpConfigDialog.catalogAddHint": "Add a mcp-catalog.yaml file to the root of your assets repository to manage the catalog.";
+    readonly "mcpConfigDialog.toolConfigSection": "Configure Dev AI Hub MCP";
+    readonly "mcpConfigDialog.scopeToProvider": "Scope to Provider";
+    readonly "mcpConfigDialog.allProviders": "All providers";
+    readonly "mcpConfigDialog.proactiveSuggestions": "Proactive suggestions";
+    readonly "mcpConfigDialog.proactiveDescription": "The AI will automatically suggest relevant assets based on your project context. Disable if you prefer to search manually.";
+    readonly "mcpConfigDialog.mcpEndpoint": "MCP Endpoint";
+    readonly "mcpConfigDialog.copyUrl": "Copy URL";
+    readonly "mcpConfigDialog.installInCursor": "Install in Cursor";
+    readonly "mcpConfigDialog.manualConfig": "Manual config — {{file}}";
+    readonly "mcpConfigDialog.claudeConfigDesc": "Add to .mcp.json in your project root (or run via claude mcp add):";
+    readonly "mcpConfigDialog.copilotConfigDesc": "Add to your VS Code settings (.vscode/settings.json or user settings):";
+    readonly "mcpConfigDialog.geminiConfigDesc": "Add to your Gemini CLI configuration:";
+    readonly "mcpConfigDialog.cursorConfigDesc": "Add to .cursor/mcp.json in your project root:";
+    readonly "mcpConfigDialog.omitToolHint": "Omit ?tool= to receive all assets regardless of tool compatibility.";
+    readonly "devAiHubPage.title": "Dev AI Hub";
+    readonly "devAiHubPage.subtitle": "Centralized AI assets for your team";
+    readonly "devAiHubPage.statsInstructions": "{{count}} Instructions";
+    readonly "devAiHubPage.statsAgents": "{{count}} Agents";
+    readonly "devAiHubPage.statsSkills": "{{count}} Skills";
+    readonly "devAiHubPage.statsWorkflows": "{{count}} Workflows";
+    readonly "devAiHubPage.lastSync": "Last sync: {{time}}";
+    readonly "devAiHubPage.configMcp": "MCP Servers";
+    readonly "devAiHubPage.assetCountOne": "{{n}} asset";
+    readonly "devAiHubPage.assetCountOther": "{{n}} assets";
+    readonly "devAiHubPage.providerCountOne": "{{n}} provider";
+    readonly "devAiHubPage.providerCountOther": "{{n}} providers";
+    readonly "devAiHubPage.totalStats": "{{totalAssets}} assets · {{providers}}";
+    readonly "devAiHubPage.noAssetsTitle": "No assets found";
+    readonly "devAiHubPage.noAssetsSubtitle": "Try adjusting your filters or search terms.";
+    readonly "devAiHubPage.timeJustNow": "just now";
+    readonly "devAiHubPage.timeMinutesAgo": "{{count}}m ago";
+    readonly "devAiHubPage.timeHoursAgo": "{{count}}h ago";
+    readonly "devAiHubPage.timeDaysAgo": "{{count}}d ago";
+    readonly "devAiHubPage.providersSectionTitle": "Providers";
+    readonly "devAiHubPage.syncAllButton": "Sync All";
+    readonly "devAiHubPage.syncButton": "Sync";
+    readonly "devAiHubPage.syncTriggered": "Sync triggered";
+    readonly "devAiHubPage.providerStatusError": "Error";
+    readonly "devAiHubPage.noProvidersConfigured": "No providers configured.";
+    readonly "devAiHubPage.tabAssets": "Assets";
+    readonly "devAiHubPage.tabMcp": "MCP";
+    readonly "devAiHubPage.tabAdmin": "Admin";
+}>;
+declare const devAiHubTranslationResource: _backstage_frontend_plugin_api.TranslationResource<"dev-ai-hub">;
+
+export { DevAiHubPage, devAiHubApiRef, devAiHubPlugin, devAiHubTranslationRef, devAiHubTranslationResource, rootRouteRef };
 export type { DevAiHubApi };

package/dist/index.esm.js

@@ -2,4 +2,5 @@ export { devAiHubPlugin } from './plugin.esm.js';
 export { DevAiHubPage } from './pluginLegacy.esm.js';
 export { devAiHubApiRef } from './api/DevAiHubClient.esm.js';
 export { rootRouteRef } from './routes.esm.js';
+export { devAiHubTranslationRef, devAiHubTranslationResource } from './translation.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":";;;;"}