@nospt/plugin-dev-ai-hub 0.1.0 → 0.2.0

package/dist/components/McpConfigPage/McpConfigPage.esm.js

@@ -0,0 +1,200 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { Text, Tabs, TabList, Tab, TabPanel, Box, Flex, ToggleButton, Switch, TooltipTrigger, ButtonIcon, Tooltip } from '@backstage/ui';
+import { RiDatabase2Line, RiCheckLine, RiFileCopyLine } from '@remixicon/react';
+import { useApi, discoveryApiRef } from '@backstage/core-plugin-api';
+import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
+import { useCopyToClipboard, useProviders } from '../../hooks/index.esm.js';
+import styles from './McpConfigPage.module.css.esm.js';
+
+const TOOL_CONFIGS = [
+  {
+    tool: "claude-code",
+    label: "Claude Code",
+    file: ".mcp.json",
+    description: "Add to .mcp.json in your project root (or run via claude mcp add):",
+    buildConfig: (url) => JSON.stringify({
+      mcpServers: { "dev-ai-hub": { type: "http", url } }
+    }, null, 2)
+  },
+  {
+    tool: "github-copilot",
+    label: "GitHub Copilot",
+    file: ".vscode/settings.json",
+    description: "Add to your VS Code settings (.vscode/settings.json or user settings):",
+    buildConfig: (url) => JSON.stringify({
+      "github.copilot.chat.mcp.servers": { "dev-ai-hub": { type: "http", url } }
+    }, null, 2)
+  },
+  {
+    tool: "google-gemini",
+    label: "Google Gemini",
+    file: "gemini-config.json",
+    description: "Add to your Gemini CLI configuration:",
+    buildConfig: (url) => JSON.stringify({
+      mcpServers: { "dev-ai-hub": { url } }
+    }, null, 2)
+  }
+];
+function providerLabel(target) {
+  return target.split("/").pop()?.replace(/\.git$/, "") ?? target;
+}
+function McpConfigPage() {
+  const discoveryApi = useApi(discoveryApiRef);
+  const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();
+  const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();
+  const [selectedToolKey, setSelectedToolKey] = useState("claude-code");
+  const [baseUrl, setBaseUrl] = useState("");
+  const [selectedProvider, setSelectedProvider] = useState("");
+  const [proactiveEnabled, setProactiveEnabled] = useState(false);
+  const { providers } = useProviders();
+  const showProviderFilter = providers.length > 1;
+  useEffect(() => {
+    discoveryApi.getBaseUrl("dev-ai-hub").then((url) => setBaseUrl(url));
+  }, [discoveryApi]);
+  const cfg = TOOL_CONFIGS.find((t) => t.tool === selectedToolKey) ?? TOOL_CONFIGS[0];
+  const buildMcpUrl = () => {
+    if (!baseUrl) return "loading...";
+    const params = new URLSearchParams();
+    params.set("tool", cfg.tool);
+    if (selectedProvider) params.set("provider", selectedProvider);
+    if (proactiveEnabled) params.set("proactive", "true");
+    return `${baseUrl}/mcp?${params.toString()}`;
+  };
+  const mcpUrl = buildMcpUrl();
+  const configSnippet = baseUrl ? cfg.buildConfig(mcpUrl) : "";
+  const [isDark, setIsDark] = useState(() => {
+    if (typeof document === "undefined") return false;
+    return document.documentElement.getAttribute("data-theme-mode") === "dark" || document.body.getAttribute("data-theme-mode") === "dark";
+  });
+  useEffect(() => {
+    const getIsDark = () => document.documentElement.getAttribute("data-theme-mode") === "dark" || document.body.getAttribute("data-theme-mode") === "dark";
+    const observer = new MutationObserver(() => setIsDark(getIsDark()));
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme-mode"] });
+    observer.observe(document.body, { attributes: true, attributeFilter: ["data-theme-mode"] });
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: styles.pageRoot, children: [
+    /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: "Configure MCP Server" }),
+    /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", className: styles.subtitle, children: "Connect your AI tool to the Dev AI Hub via Model Context Protocol." }),
+    /* @__PURE__ */ jsx("div", { className: styles.configContent, children: /* @__PURE__ */ jsxs(Tabs, { selectedKey: selectedToolKey, onSelectionChange: (key) => setSelectedToolKey(key), children: [
+      /* @__PURE__ */ jsx(TabList, { className: styles.tabBar, children: TOOL_CONFIGS.map((t) => /* @__PURE__ */ jsx(Tab, { id: t.tool, children: /* @__PURE__ */ jsxs("span", { className: styles.tabContent, children: [
+        /* @__PURE__ */ jsx(ToolIcon, { tool: t.tool, size: 16 }),
+        /* @__PURE__ */ jsx("span", { children: t.label })
+      ] }) }, t.tool)) }),
+      TOOL_CONFIGS.map((t) => /* @__PURE__ */ jsxs(TabPanel, { id: t.tool, children: [
+        showProviderFilter && /* @__PURE__ */ jsxs(Box, { className: styles.providerSection, children: [
+          /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.sectionLabel, children: "Scope to Provider" }),
+          /* @__PURE__ */ jsxs(Flex, { className: styles.chipsRow, children: [
+            /* @__PURE__ */ jsx(
+              ToggleButton,
+              {
+                id: "all-providers",
+                size: "small",
+                className: styles.filterChip,
+                isSelected: !selectedProvider,
+                onChange: () => setSelectedProvider(""),
+                style: {
+                  borderColor: !selectedProvider ? "var(--bui-fg-primary)" : "var(--bui-border-1)",
+                  backgroundColor: !selectedProvider ? "var(--bui-fg-primary)" : "transparent",
+                  color: !selectedProvider ? "var(--bui-bg-neutral-1)" : "var(--bui-fg-secondary)"
+                },
+                children: "All providers"
+              }
+            ),
+            providers.map((p) => {
+              const isSelected = selectedProvider === p.id;
+              const label = providerLabel(p.target);
+              return /* @__PURE__ */ jsx(
+                ToggleButton,
+                {
+                  id: p.id,
+                  size: "small",
+                  className: styles.filterChip,
+                  iconStart: /* @__PURE__ */ jsx(RiDatabase2Line, { size: 12, style: { color: isSelected ? "var(--bui-bg-neutral-1)" : "inherit" } }),
+                  isSelected,
+                  onChange: () => setSelectedProvider(isSelected ? "" : p.id),
+                  style: {
+                    borderColor: isSelected ? "var(--bui-fg-primary)" : "var(--bui-border-1)",
+                    backgroundColor: isSelected ? "var(--bui-fg-primary)" : "transparent",
+                    color: isSelected ? "var(--bui-bg-neutral-1)" : "var(--bui-fg-secondary)"
+                  },
+                  children: label
+                },
+                p.id
+              );
+            })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Flex, { className: styles.proactiveSection, children: /* @__PURE__ */ jsxs(Flex, { className: styles.proactiveRow, children: [
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              isSelected: proactiveEnabled,
+              onChange: setProactiveEnabled,
+              "aria-label": "Proactive suggestions"
+            }
+          ),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { variant: "body-small", weight: "bold", children: "Proactive suggestions" }),
+            /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", children: "The AI will automatically suggest relevant assets based on your project context. Disable if you prefer to search manually." })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs(Box, { className: styles.urlSection, children: [
+          /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.sectionLabel, children: "MCP Endpoint" }),
+          /* @__PURE__ */ jsxs(Flex, { className: styles.urlBox, children: [
+            /* @__PURE__ */ jsx(Text, { variant: "body-small", className: styles.urlText, children: mcpUrl }),
+            /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+              /* @__PURE__ */ jsx(
+                ButtonIcon,
+                {
+                  "aria-label": copiedUrl ? "Copied!" : "Copy URL",
+                  icon: copiedUrl ? /* @__PURE__ */ jsx(RiCheckLine, { size: 14, style: { color: "var(--bui-fg-success)" } }) : /* @__PURE__ */ jsx(RiFileCopyLine, { size: 14 }),
+                  variant: "tertiary",
+                  onPress: () => copyUrl(mcpUrl)
+                }
+              ),
+              /* @__PURE__ */ jsx(Tooltip, { children: copiedUrl ? "Copied!" : "Copy URL" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.sectionLabel, children: t.file }),
+        /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", style: { display: "block", marginBottom: "var(--bui-space-2)", marginTop: "var(--bui-space-1)" }, children: t.description }),
+        /* @__PURE__ */ jsxs("div", { className: styles.snippetContainer, children: [
+          /* @__PURE__ */ jsx("pre", { className: `${styles.snippetPre} ${isDark ? styles.snippetPreDark : styles.snippetPreLight}`, children: configSnippet }),
+          /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+            /* @__PURE__ */ jsx(
+              ButtonIcon,
+              {
+                "aria-label": "Copy config",
+                className: styles.copySnippetButton,
+                icon: copiedSnippet ? /* @__PURE__ */ jsx(RiCheckLine, { size: 14, style: { color: "var(--bui-fg-success)" } }) : /* @__PURE__ */ jsx(RiFileCopyLine, { size: 14 }),
+                variant: "tertiary",
+                onPress: () => copySnippet(configSnippet)
+              }
+            ),
+            /* @__PURE__ */ jsx(Tooltip, { children: copiedSnippet ? "Copied!" : "Copy config" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { variant: "body-x-small", color: "secondary", className: styles.hint, children: [
+          "\u{1F4A1} Omit ",
+          /* @__PURE__ */ jsx("code", { children: "?tool=" }),
+          " from the URL to receive assets for all AI tools.",
+          showProviderFilter && " Omit ?provider= to receive assets from all repositories.",
+          " ",
+          "Proactive suggestions add ",
+          /* @__PURE__ */ jsx("code", { children: "?proactive=true" }),
+          " and register the",
+          " ",
+          /* @__PURE__ */ jsx("code", { children: "suggest_assets" }),
+          " tool and ",
+          /* @__PURE__ */ jsx("code", { children: "check_for_assets" }),
+          " prompt."
+        ] })
+      ] }, t.tool))
+    ] }) })
+  ] });
+}
+
+export { McpConfigPage };
+//# sourceMappingURL=McpConfigPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"McpConfigPage.esm.js","sources":["../../../src/components/McpConfigPage/McpConfigPage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  Box, Flex, Text, ButtonIcon, ToggleButton, Switch,\n  Tabs, TabList, Tab, TabPanel,\n  Tooltip, TooltipTrigger,\n} from '@backstage/ui';\nimport { RiFileCopyLine, RiCheckLine, RiDatabase2Line } from '@remixicon/react';\nimport { useApi, discoveryApiRef } from '@backstage/core-plugin-api';\nimport { ToolIcon } from '../ToolIcon';\nimport { useCopyToClipboard, useProviders } from '../../hooks';\nimport type { AiTool } from '@nospt/plugin-dev-ai-hub-common';\nimport styles from './McpConfigPage.module.css';\n\ninterface ToolConfig {\n  tool: AiTool;\n  label: string;\n  file: string;\n  description: string;\n  buildConfig: (mcpUrl: string) => string;\n}\n\nconst TOOL_CONFIGS: ToolConfig[] = [\n  {\n    tool: 'claude-code',\n    label: 'Claude Code',\n    file: '.mcp.json',\n    description: 'Add to .mcp.json in your project root (or run via claude mcp add):',\n    buildConfig: url => JSON.stringify({\n      mcpServers: { 'dev-ai-hub': { type: 'http', url } },\n    }, null, 2),\n  },\n  {\n    tool: 'github-copilot',\n    label: 'GitHub Copilot',\n    file: '.vscode/settings.json',\n    description: 'Add to your VS Code settings (.vscode/settings.json or user settings):',\n    buildConfig: url => JSON.stringify({\n      'github.copilot.chat.mcp.servers': { 'dev-ai-hub': { type: 'http', url } },\n    }, null, 2),\n  },\n  {\n    tool: 'google-gemini',\n    label: 'Google Gemini',\n    file: 'gemini-config.json',\n    description: 'Add to your Gemini CLI configuration:',\n    buildConfig: url => JSON.stringify({\n      mcpServers: { 'dev-ai-hub': { url } },\n    }, null, 2),\n  },\n];\n\nfunction providerLabel(target: string): string {\n  return target.split('/').pop()?.replace(/\\.git$/, '') ?? target;\n}\n\nexport function McpConfigPage() {\n  const discoveryApi = useApi(discoveryApiRef);\n  const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();\n  const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();\n  const [selectedToolKey, setSelectedToolKey] = useState<string>('claude-code');\n  const [baseUrl, setBaseUrl] = useState('');\n  const [selectedProvider, setSelectedProvider] = useState<string>('');\n  const [proactiveEnabled, setProactiveEnabled] = useState(false);\n\n  const { providers } = useProviders();\n  const showProviderFilter = providers.length > 1;\n\n  useEffect(() => {\n    discoveryApi.getBaseUrl('dev-ai-hub').then(url => setBaseUrl(url));\n  }, [discoveryApi]);\n\n  const cfg = TOOL_CONFIGS.find(t => t.tool === selectedToolKey) ?? TOOL_CONFIGS[0];\n\n  const buildMcpUrl = () => {\n    if (!baseUrl) return 'loading...';\n    const params = new URLSearchParams();\n    params.set('tool', cfg.tool);\n    if (selectedProvider) params.set('provider', selectedProvider);\n    if (proactiveEnabled) params.set('proactive', 'true');\n    return `${baseUrl}/mcp?${params.toString()}`;\n  };\n\n  const mcpUrl = buildMcpUrl();\n  const configSnippet = baseUrl ? cfg.buildConfig(mcpUrl) : '';\n\n  const [isDark, setIsDark] = useState(() => {\n    if (typeof document === 'undefined') return false;\n    return document.documentElement.getAttribute('data-theme-mode') === 'dark' ||\n      document.body.getAttribute('data-theme-mode') === 'dark';\n  });\n\n  useEffect(() => {\n    const getIsDark = () =>\n      document.documentElement.getAttribute('data-theme-mode') === 'dark' ||\n      document.body.getAttribute('data-theme-mode') === 'dark';\n\n    const observer = new MutationObserver(() => setIsDark(getIsDark()));\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme-mode'] });\n    observer.observe(document.body, { attributes: true, attributeFilter: ['data-theme-mode'] });\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div className={styles.pageRoot}>\n      <Text variant=\"title-small\" weight=\"bold\">Configure MCP Server</Text>\n      <Text variant=\"body-small\" color=\"secondary\" className={styles.subtitle}>\n        Connect your AI tool to the Dev AI Hub via Model Context Protocol.\n      </Text>\n\n      <div className={styles.configContent}>\n        <Tabs selectedKey={selectedToolKey} onSelectionChange={key => setSelectedToolKey(key as string)}>\n          <TabList className={styles.tabBar}>\n            {TOOL_CONFIGS.map(t => (\n              <Tab key={t.tool} id={t.tool}>\n                <span className={styles.tabContent}>\n                  <ToolIcon tool={t.tool} size={16} />\n                  <span>{t.label}</span>\n                </span>\n              </Tab>\n            ))}\n          </TabList>\n\n          {TOOL_CONFIGS.map(t => (\n            <TabPanel key={t.tool} id={t.tool}>\n              {showProviderFilter && (\n                <Box className={styles.providerSection}>\n                  <Text variant=\"body-x-small\" color=\"secondary\" className={styles.sectionLabel}>\n                    Scope to Provider\n                  </Text>\n                  <Flex className={styles.chipsRow}>\n                    <ToggleButton\n                      id=\"all-providers\"\n                      size=\"small\"\n                      className={styles.filterChip}\n                      isSelected={!selectedProvider}\n                      onChange={() => setSelectedProvider('')}\n                      style={{\n                        borderColor: !selectedProvider ? 'var(--bui-fg-primary)' : 'var(--bui-border-1)',\n                        backgroundColor: !selectedProvider ? 'var(--bui-fg-primary)' : 'transparent',\n                        color: !selectedProvider ? 'var(--bui-bg-neutral-1)' : 'var(--bui-fg-secondary)',\n                      }}\n                    >\n                      All providers\n                    </ToggleButton>\n                    {providers.map(p => {\n                      const isSelected = selectedProvider === p.id;\n                      const label = providerLabel(p.target);\n                      return (\n                        <ToggleButton\n                          key={p.id}\n                          id={p.id}\n                          size=\"small\"\n                          className={styles.filterChip}\n                          iconStart={<RiDatabase2Line size={12} style={{ color: isSelected ? 'var(--bui-bg-neutral-1)' : 'inherit' }} />}\n                          isSelected={isSelected}\n                          onChange={() => setSelectedProvider(isSelected ? '' : p.id)}\n                          style={{\n                            borderColor: isSelected ? 'var(--bui-fg-primary)' : 'var(--bui-border-1)',\n                            backgroundColor: isSelected ? 'var(--bui-fg-primary)' : 'transparent',\n                            color: isSelected ? 'var(--bui-bg-neutral-1)' : 'var(--bui-fg-secondary)',\n                          }}\n                        >\n                          {label}\n                        </ToggleButton>\n                      );\n                    })}\n                  </Flex>\n                </Box>\n              )}\n\n              <Flex className={styles.proactiveSection}>\n                <Flex className={styles.proactiveRow}>\n                  <Switch\n                    isSelected={proactiveEnabled}\n                    onChange={setProactiveEnabled}\n                    aria-label=\"Proactive suggestions\"\n                  />\n                  <Box>\n                    <Text variant=\"body-small\" weight=\"bold\">Proactive suggestions</Text>\n                    <Text variant=\"body-x-small\" color=\"secondary\">\n                      The AI will automatically suggest relevant assets based on your project context.\n                      Disable if you prefer to search manually.\n                    </Text>\n                  </Box>\n                </Flex>\n              </Flex>\n\n              <Box className={styles.urlSection}>\n                <Text variant=\"body-x-small\" color=\"secondary\" className={styles.sectionLabel}>\n                  MCP Endpoint\n                </Text>\n                <Flex className={styles.urlBox}>\n                  <Text variant=\"body-small\" className={styles.urlText}>\n                    {mcpUrl}\n                  </Text>\n                  <TooltipTrigger>\n                    <ButtonIcon\n                      aria-label={copiedUrl ? 'Copied!' : 'Copy URL'}\n                      icon={copiedUrl ? <RiCheckLine size={14} style={{ color: 'var(--bui-fg-success)' }} /> : <RiFileCopyLine size={14} />}\n                      variant=\"tertiary\"\n                      onPress={() => copyUrl(mcpUrl)}\n                    />\n                    <Tooltip>{copiedUrl ? 'Copied!' : 'Copy URL'}</Tooltip>\n                  </TooltipTrigger>\n                </Flex>\n              </Box>\n\n              <Text variant=\"body-x-small\" color=\"secondary\" className={styles.sectionLabel}>\n                {t.file}\n              </Text>\n              <Text variant=\"body-x-small\" color=\"secondary\" style={{ display: 'block', marginBottom: 'var(--bui-space-2)', marginTop: 'var(--bui-space-1)' }}>\n                {t.description}\n              </Text>\n              <div className={styles.snippetContainer}>\n                <pre className={`${styles.snippetPre} ${isDark ? styles.snippetPreDark : styles.snippetPreLight}`}>\n                  {configSnippet}\n                </pre>\n                <TooltipTrigger>\n                  <ButtonIcon\n                    aria-label=\"Copy config\"\n                    className={styles.copySnippetButton}\n                    icon={copiedSnippet ? <RiCheckLine size={14} style={{ color: 'var(--bui-fg-success)' }} /> : <RiFileCopyLine size={14} />}\n                    variant=\"tertiary\"\n                    onPress={() => copySnippet(configSnippet)}\n                  />\n                  <Tooltip>{copiedSnippet ? 'Copied!' : 'Copy config'}</Tooltip>\n                </TooltipTrigger>\n              </div>\n\n              <Text variant=\"body-x-small\" color=\"secondary\" className={styles.hint}>\n                💡 Omit <code>?tool=</code> from the URL to receive assets for all AI tools.\n                {showProviderFilter && ' Omit ?provider= to receive assets from all repositories.'}\n                {' '}Proactive suggestions add <code>?proactive=true</code> and register the{' '}\n                <code>suggest_assets</code> tool and <code>check_for_assets</code> prompt.\n              </Text>\n            </TabPanel>\n          ))}\n        </Tabs>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "@layer components {\n  .McpConfigPage_pageRoot__fc0e9afedd {\n    padding: var(--bui-space-6);\n  }\n\n  .McpConfigPage_subtitle__fc0e9afedd {\n    margin-top: var(--bui-space-1);\n    display: block;\n  }\n\n  .McpConfigPage_configContent__fc0e9afedd {\n    margin-top: var(--bui-space-6);\n    max-width: 720px;\n  }\n\n  .McpConfigPage_tabBar__fc0e9afedd {\n    margin-bottom: var(--bui-space-4);\n    border-bottom: 1px solid var(--bui-border-1);\n  }\n\n  .McpConfigPage_tabContent__fc0e9afedd {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n  }\n\n  .McpConfigPage_sectionLabel__fc0e9afedd {\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    display: block;\n    margin-bottom: 6px;\n    font-weight: 600;\n  }\n\n  .McpConfigPage_providerSection__fc0e9afedd {\n    margin-bottom: var(--bui-space-4);\n  }\n\n  .McpConfigPage_chipsRow__fc0e9afedd {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n  }\n\n  .McpConfigPage_filterChip__fc0e9afedd {\n    font-weight: 600;\n    font-size: 0.75rem;\n    border-radius: var(--bui-radius-2);\n    border: 1.5px solid;\n    transition: all 0.15s ease;\n    cursor: pointer;\n  }\n\n  .McpConfigPage_proactiveSection__fc0e9afedd {\n    margin-bottom: var(--bui-space-4);\n  }\n\n  .McpConfigPage_proactiveRow__fc0e9afedd {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--bui-space-2);\n  }\n\n  .McpConfigPage_urlSection__fc0e9afedd {\n    margin-bottom: var(--bui-space-4);\n  }\n\n  .McpConfigPage_urlBox__fc0e9afedd {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n    margin-top: var(--bui-space-1);\n    padding: var(--bui-space-2) var(--bui-space-3);\n    border-radius: var(--bui-radius-2);\n    border: 1px solid var(--bui-border-1);\n    background-color: var(--bui-bg-neutral-1-hover);\n  }\n\n  .McpConfigPage_urlText__fc0e9afedd {\n    flex: 1;\n    font-family: monospace;\n    font-size: 0.8rem;\n    word-break: break-all;\n  }\n\n  .McpConfigPage_snippetContainer__fc0e9afedd {\n    position: relative;\n  }\n\n  .McpConfigPage_snippetPre__fc0e9afedd {\n    margin: 0;\n    padding: var(--bui-space-4);\n    border-radius: var(--bui-radius-2);\n    border: 1px solid var(--bui-border-1);\n    font-family: monospace;\n    font-size: 0.8rem;\n    overflow-x: auto;\n    white-space: pre;\n  }\n\n  .McpConfigPage_snippetPreLight__fc0e9afedd {\n    background-color: #f6f8fa;\n    color: #24292f;\n  }\n\n  .McpConfigPage_snippetPreDark__fc0e9afedd {\n    background-color: #1E1E1E;\n    color: #DCDDE1;\n  }\n\n  .McpConfigPage_copySnippetButton__fc0e9afedd {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n  }\n\n  .McpConfigPage_hint__fc0e9afedd {\n    display: block;\n    margin-top: var(--bui-space-3);\n  }\n}\n";
+var styles = {"pageRoot":"McpConfigPage_pageRoot__fc0e9afedd","subtitle":"McpConfigPage_subtitle__fc0e9afedd","configContent":"McpConfigPage_configContent__fc0e9afedd","tabBar":"McpConfigPage_tabBar__fc0e9afedd","tabContent":"McpConfigPage_tabContent__fc0e9afedd","sectionLabel":"McpConfigPage_sectionLabel__fc0e9afedd","providerSection":"McpConfigPage_providerSection__fc0e9afedd","chipsRow":"McpConfigPage_chipsRow__fc0e9afedd","filterChip":"McpConfigPage_filterChip__fc0e9afedd","proactiveSection":"McpConfigPage_proactiveSection__fc0e9afedd","proactiveRow":"McpConfigPage_proactiveRow__fc0e9afedd","urlSection":"McpConfigPage_urlSection__fc0e9afedd","urlBox":"McpConfigPage_urlBox__fc0e9afedd","urlText":"McpConfigPage_urlText__fc0e9afedd","snippetContainer":"McpConfigPage_snippetContainer__fc0e9afedd","snippetPre":"McpConfigPage_snippetPre__fc0e9afedd","snippetPreLight":"McpConfigPage_snippetPreLight__fc0e9afedd","snippetPreDark":"McpConfigPage_snippetPreDark__fc0e9afedd","copySnippetButton":"McpConfigPage_copySnippetButton__fc0e9afedd","hint":"McpConfigPage_hint__fc0e9afedd"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=McpConfigPage.module.css.esm.js.map

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

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

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

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

package/dist/components/McpConfigPage/index.esm.js.map

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

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

@@ -1,7 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import SvgIcon from '@mui/material/SvgIcon';
-import AllInclusiveIcon from '@mui/icons-material/AllInclusive';
-import NearMeIcon from '@mui/icons-material/NearMe';
+import { RiInfinityLine, RiNavigationLine } from '@remixicon/react';
 import { siGooglegemini, siGithub, siAnthropic } from 'simple-icons';
 
 const TOOL_ICON = {
@@ -9,29 +7,43 @@ const TOOL_ICON = {
   "github-copilot": { ...siGithub, label: "GitHub Copilot" },
   "google-gemini": { ...siGooglegemini, label: "Google Gemini" }
 };
-function ToolIcon({ tool, branded = true, sx, ...props }) {
+function ToolIcon({ tool, branded = true, className, style, size = 20 }) {
   if (tool === "all") {
-    return /* @__PURE__ */ jsx(AllInclusiveIcon, { ...props, sx: { color: "text.secondary", ...sx }, titleAccess: "Universal" });
+    return /* @__PURE__ */ jsx(
+      RiInfinityLine,
+      {
+        size,
+        className,
+        style: { color: "var(--bui-fg-secondary)", ...style },
+        "aria-label": "Universal"
+      }
+    );
   }
   if (tool === "cursor") {
     return /* @__PURE__ */ jsx(
-      NearMeIcon,
+      RiNavigationLine,
       {
-        ...props,
-        sx: { color: branded ? "text.primary" : "inherit", ...sx },
-        titleAccess: "Cursor"
+        size,
+        className,
+        style: { color: branded ? "var(--bui-fg-primary)" : "inherit", ...style },
+        "aria-label": "Cursor"
       }
     );
   }
   const cfg = TOOL_ICON[tool];
   if (!cfg) return null;
   return /* @__PURE__ */ jsx(
-    SvgIcon,
+    "svg",
     {
-      ...props,
-      sx: { color: branded ? `#${cfg.hex}` : "inherit", ...sx },
-      titleAccess: cfg.label,
+      xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
+      width: size,
+      height: size,
+      fill: "currentColor",
+      className,
+      style: { color: branded ? `#${cfg.hex}` : "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 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 '@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 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 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;;;;"}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { AssetListFilter, AiAssetListResponse, AiAsset, AiHubProvider, AiHubStat
 
 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";
@@ -18,8 +19,12 @@ declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontend
     "nav-item:dev-ai-hub": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "nav-item";
         name: undefined;
-        config: {};
-        configInput: {};
+        config: {
+            title: string | undefined;
+        };
+        configInput: {
+            title?: string | undefined;
+        };
         output: _backstage_frontend_plugin_api.ExtensionDataRef<{
             title: string;
             icon: _backstage_frontend_plugin_api.IconComponent;
@@ -40,8 +45,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 +69,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;
@@ -99,6 +103,7 @@ interface DevAiHubApi {
 }
 
 declare const rootRouteRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+declare const mcpConfigRouteRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
 
-export { DevAiHubPage, devAiHubApiRef, devAiHubPlugin, rootRouteRef };
+export { DevAiHubPage, devAiHubApiRef, devAiHubPlugin, mcpConfigRouteRef, rootRouteRef };
 export type { DevAiHubApi };

package/dist/index.esm.js

@@ -1,5 +1,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 { mcpConfigRouteRef, rootRouteRef } from './routes.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/node_modules_dist/style-inject/dist/style-inject.es.esm.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=style-inject.es.esm.js.map

package/dist/node_modules_dist/style-inject/dist/style-inject.es.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.esm.js","sources":["../../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF;;;;","x_google_ignoreList":[0]}

package/dist/plugin.esm.js

@@ -1,13 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
-import { createFrontendPlugin, ApiBlueprint, createApiFactory, fetchApiRef, discoveryApiRef, PageBlueprint, NavItemBlueprint } from '@backstage/frontend-plugin-api';
+import { createFrontendPlugin, ApiBlueprint, createApiFactory, fetchApiRef, discoveryApiRef, PageBlueprint, SubPageBlueprint, NavItemBlueprint } from '@backstage/frontend-plugin-api';
 import HubIcon from '@mui/icons-material/Hub';
 import { DevAiHubClient, devAiHubApiRef } from './api/DevAiHubClient.esm.js';
-import { rootRouteRef } from './routes.esm.js';
+import { mcpConfigRouteRef, rootRouteRef } from './routes.esm.js';
 
 const devAiHubPlugin = createFrontendPlugin({
   pluginId: "dev-ai-hub",
   routes: {
-    root: rootRouteRef
+    root: rootRouteRef,
+    mcpConfig: mcpConfigRouteRef
   },
   extensions: [
     ApiBlueprint.make({
@@ -22,10 +23,27 @@ const devAiHubPlugin = createFrontendPlugin({
     PageBlueprint.make({
       params: {
         path: "/dev-ai-hub",
-        routeRef: rootRouteRef,
+        title: "Dev AI Hub",
+        routeRef: rootRouteRef
+      }
+    }),
+    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, {}))
+      }
+    }),
     NavItemBlueprint.make({
       params: {
         title: "AI Hub",

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  ApiBlueprint,\n  NavItemBlueprint,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/frontend-plugin-api';\nimport HubIcon from '@mui/icons-material/Hub';\nimport { devAiHubApiRef, DevAiHubClient } from './api/DevAiHubClient';\nimport { rootRouteRef } from './routes';\n\nexport const devAiHubPlugin = createFrontendPlugin({\n  pluginId: 'dev-ai-hub',\n  routes: {\n    root: rootRouteRef,\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        routeRef: rootRouteRef,\n        loader: () =>\n          import('./components/DevAiHubPage').then(m => <m.DevAiHubPage />),\n      },\n    }),\n    NavItemBlueprint.make({\n      params: {\n        title: 'AI Hub',\n        routeRef: rootRouteRef,\n        icon: HubIcon,\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;AAAA,GACR;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,QAAA,EAAU,YAAA;AAAA,QACV,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,MAAA,EAAQ;AAAA,QACN,KAAA,EAAO,QAAA;AAAA,QACP,QAAA,EAAU,YAAA;AAAA,QACV,IAAA,EAAM;AAAA;AACR,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  NavItemBlueprint,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/frontend-plugin-api';\nimport HubIcon from '@mui/icons-material/Hub';\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        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    NavItemBlueprint.make({\n      params: {\n        title: 'AI Hub',\n        routeRef: rootRouteRef,\n        icon: HubIcon,\n      },\n    }),\n  ],\n});\n"],"names":[],"mappings":";;;;;;AAcO,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,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,CAAA;AAAA,IACD,iBAAiB,IAAA,CAAK;AAAA,MACpB,MAAA,EAAQ;AAAA,QACN,KAAA,EAAO,QAAA;AAAA,QACP,QAAA,EAAU,YAAA;AAAA,QACV,IAAA,EAAM;AAAA;AACR,KACD;AAAA;AAEL,CAAC;;;;"}

package/dist/routes.esm.js

@@ -1,6 +1,7 @@
 import { createRouteRef } from '@backstage/frontend-plugin-api';
 
 const rootRouteRef = createRouteRef();
+const mcpConfigRouteRef = createRouteRef();
 
-export { rootRouteRef };
+export { mcpConfigRouteRef, 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();\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,cAAA;;;;"}
+{"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;;;;"}

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@nospt/plugin-dev-ai-hub",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Frontend plugin for Dev AI Hub",
   "license": "Apache-2.0",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nosportugal/backstage-plugin-dev-ai-hub"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -41,35 +45,41 @@
     "lint": "backstage-cli package lint",
     "prepack": "backstage-cli package prepack",
     "postpack": "backstage-cli package postpack",
-    "test": "backstage-cli package test --passWithNoTests",
+    "test": "backstage-cli package test --passWithNoTests --watchAll=false",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:debug": "playwright test --debug",
     "tsc": "tsc --noEmit"
   },
   "dependencies": {
-    "@backstage/core-components": "*",
-    "@backstage/core-plugin-api": "*",
-    "@backstage/frontend-plugin-api": "*",
+    "@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": "*",
+    "@nospt/plugin-dev-ai-hub-common": "^0.2.0",
+    "@remixicon/react": "^4.6.0",
     "react-markdown": "^9.0.0",
     "react-syntax-highlighter": "^16.1.1",
     "remark-gfm": "^4.0.1",
     "simple-icons": "^13.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "*",
-    "@backstage/dev-utils": "*",
-    "@backstage/test-utils": "*",
+    "@backstage/cli": "^0.36.1",
+    "@backstage/dev-utils": "^1.1.22",
+    "@playwright/test": "^1.60.0",
+    "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
-    "@testing-library/react": "^14.0.0",
-    "@types/jest": "^29.0.0",
+    "@testing-library/react": "^16.3.1",
+    "@types/jest": "^30.0.0",
     "@types/react": "^18.0.0",
     "@types/react-syntax-highlighter": "^15.0.0",
-    "jest": "^29.0.0",
-    "jest-environment-jsdom": "^29.0.0",
+    "jest": "^30.2.0",
+    "jsdom": "^27.1.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-router-dom": "^6.0.0"
+    "react-router-dom": "^6.30.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",