@nospt/plugin-dev-ai-hub 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DevAiHubPage.esm.js","sources":["../../../src/components/DevAiHubPage/DevAiHubPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Grid from '@mui/material/Grid';\nimport Pagination from '@mui/material/Pagination';\nimport Skeleton from '@mui/material/Skeleton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport SettingsEthernetIcon from '@mui/icons-material/SettingsEthernet';\nimport ArticleIcon from '@mui/icons-material/Article';\nimport SmartToyIcon from '@mui/icons-material/SmartToy';\nimport BuildIcon from '@mui/icons-material/Build';\nimport AccountTreeIcon from '@mui/icons-material/AccountTree';\nimport FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';\nimport HubIcon from '@mui/icons-material/Hub';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport type { AssetType, AiTool } from '@nospt/plugin-dev-ai-hub-common';\nimport { AssetCard } from '../AssetCard';\nimport { AssetFilters } from '../AssetFilters';\nimport type { AssetFiltersValue } from '../AssetFilters';\nimport { AssetDetailPanel } from '../AssetDetailPanel';\nimport { AssetInstallDialog } from '../AssetInstallDialog';\nimport { McpConfigDialog } from '../McpConfigDialog';\nimport { ToolIcon } from '../ToolIcon';\nimport { useAssets, useStats, useProviders } from '../../hooks';\n\nconst SUPPORTED_TOOLS: AiTool[] = ['claude-code', 'github-copilot', 'google-gemini', 'cursor'];\n\nconst TOOL_LABELS: Record<AiTool, string> = {\n  'all':            'Universal',\n  'claude-code':    'Claude Code',\n  'github-copilot': 'GitHub Copilot',\n  'google-gemini':  'Google Gemini',\n  'cursor':         'Cursor',\n};\n\nfunction timeAgo(iso: string): string {\n  const diff = Math.floor((Date.now() - new Date(iso).getTime()) / 1000);\n  if (diff < 60) return 'just now';\n  if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;\n  if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;\n  return `${Math.floor(diff / 86400)}d ago`;\n}\n\nconst DEFAULT_FILTERS: AssetFiltersValue = {\n  types: [],\n  tools: [],\n  search: '',\n  tags: [],\n  providerId: undefined,\n};\n\nconst PAGE_SIZE = 24;\n\nconst STATS_CONFIG = [\n  { key: 'instruction' as AssetType, label: 'Instructions', Icon: ArticleIcon,\n    gradient: 'linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%)', shadow: '#2563EB40' },\n  { key: 'agent'       as AssetType, label: 'Agents',       Icon: SmartToyIcon,\n    gradient: 'linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%)', shadow: '#7C3AED40' },\n  { key: 'skill'       as AssetType, label: 'Skills',       Icon: BuildIcon,\n    gradient: 'linear-gradient(135deg, #059669 0%, #047857 100%)', shadow: '#05966940' },\n  { key: 'workflow'    as AssetType, label: 'Workflows',    Icon: AccountTreeIcon,\n    gradient: 'linear-gradient(135deg, #D97706 0%, #B45309 100%)', shadow: '#D9770640' },\n];\n\nexport function DevAiHubPage() {\n  const [filters, setFilters] = useState<AssetFiltersValue>(DEFAULT_FILTERS);\n  const [page, setPage] = useState(1);\n  const [mcpDialogOpen, setMcpDialogOpen] = useState(false);\n\n  const [searchParams, setSearchParams] = useSearchParams();\n  const selectedAssetId = searchParams.get('assetId');\n  const installAssetId = searchParams.get('installId');\n\n  const handleViewAsset = (id: string) =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.set('assetId', id); return n; });\n\n  const handleCloseDetail = () =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.delete('assetId'); return n; });\n\n  const handleInstallAsset = (id: string) =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.set('installId', id); return n; });\n\n  const handleCloseInstall = () =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.delete('installId'); return n; });\n\n  const { stats } = useStats();\n  const { providers } = useProviders();\n\n  const apiFilter = useMemo(\n    () => ({\n      type: filters.types.length === 1 ? (filters.types[0] as AssetType) : undefined,\n      tool: filters.tools.length === 1 ? (filters.tools[0] as AiTool) : undefined,\n      search: filters.search || undefined,\n      tags: filters.tags.length > 0 ? filters.tags : undefined,\n      providerId: filters.providerId || undefined,\n      page,\n      pageSize: PAGE_SIZE,\n    }),\n    [filters, page],\n  );\n\n  const { result, loading } = useAssets(apiFilter);\n\n  const handleFiltersChange = (next: AssetFiltersValue) => {\n    setFilters(next);\n    setPage(1);\n  };\n\n  const totalPages = result ? Math.ceil(result.totalCount / PAGE_SIZE) : 0;\n\n  const availableTags = useMemo(() => {\n    if (!result) return [];\n    const tagSet = new Set<string>();\n    result.items.forEach(a => a.tags.forEach(t => tagSet.add(t)));\n    return Array.from(tagSet).sort();\n  }, [result]);\n\n  return (\n    <Page themeId=\"tool\">\n      <Header\n        title={\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                width: 44,\n                height: 44,\n                borderRadius: 2.5,\n                background: 'rgba(255,255,255,0.15)',\n                backdropFilter: 'blur(8px)',\n                border: '1px solid rgba(255,255,255,0.3)',\n                boxShadow: '0 2px 12px rgba(0,0,0,0.15)',\n                flexShrink: 0,\n              }}\n            >\n              <HubIcon sx={{ fontSize: '1.5rem', color: '#fff' }} />\n            </Box>\n            <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.3 }}>\n              <Box sx={{ fontSize: '1.75rem', fontWeight: 700, lineHeight: 1, color: '#fff' }}>\n                Dev AI Hub\n              </Box>\n              <Box sx={{ fontSize: '0.85rem', fontWeight: 400, color: 'rgba(255,255,255,0.75)', lineHeight: 1 }}>\n                {stats\n                  ? `${stats.totalAssets} assets · ${Object.keys(stats.byProvider).length} provider${Object.keys(stats.byProvider).length !== 1 ? 's' : ''}`\n                  : 'Centralized AI assets for your team'}\n              </Box>\n            </Box>\n          </Box>\n        }\n        pageTitleOverride=\"Dev AI Hub\"\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n          {/* Supported tools */}\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>\n            {SUPPORTED_TOOLS.map(tool => (\n              <Tooltip key={tool} title={TOOL_LABELS[tool]} arrow>\n                <Box\n                  sx={{\n                    width: 32,\n                    height: 32,\n                    borderRadius: '50%',\n                    backgroundColor: 'rgba(255,255,255,0.15)',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    backdropFilter: 'blur(4px)',\n                    transition: 'background-color 0.15s',\n                    '&:hover': { backgroundColor: 'rgba(255,255,255,0.25)' },\n                  }}\n                >\n                  <ToolIcon tool={tool} branded={false} sx={{ fontSize: '1rem', color: '#fff' }} />\n                </Box>\n              </Tooltip>\n            ))}\n          </Box>\n\n          {/* Last sync status */}\n          {stats?.lastSync && (\n            <Tooltip title={`Last sync: ${new Date(stats.lastSync).toLocaleString()}`} arrow>\n              <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, cursor: 'default' }}>\n                <FiberManualRecordIcon sx={{ fontSize: '0.6rem', color: '#4ade80' }} />\n                <Typography variant=\"caption\" sx={{ color: 'rgba(255,255,255,0.8)', whiteSpace: 'nowrap' }}>\n                  {timeAgo(stats.lastSync)}\n                </Typography>\n              </Box>\n            </Tooltip>\n          )}\n\n          {/* Configure MCP button */}\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            startIcon={<SettingsEthernetIcon />}\n            onClick={() => setMcpDialogOpen(true)}\n            sx={{\n              borderRadius: 2,\n              fontWeight: 700,\n              whiteSpace: 'nowrap',\n              background: 'rgba(255,255,255,0.15)',\n              backdropFilter: 'blur(4px)',\n              border: '1px solid rgba(255,255,255,0.3)',\n              color: '#fff',\n              boxShadow: 'none',\n              '&:hover': {\n                background: 'rgba(255,255,255,0.25)',\n                boxShadow: 'none',\n              },\n            }}\n          >\n            Configure MCP\n          </Button>\n        </Box>\n      </Header>\n\n      <Content>\n\n        {/* Stats row */}\n        <Grid container spacing={2} sx={{ mb: 3 }}>\n          {STATS_CONFIG.map(({ key, label, Icon, gradient, shadow }) => (\n            <Grid item xs={6} sm={3} key={key}>\n              <Box\n                onClick={() => handleFiltersChange({ ...filters, types: filters.types[0] === key ? [] : [key] })}\n                sx={{\n                  background: gradient,\n                  borderRadius: 3,\n                  p: 2,\n                  cursor: 'pointer',\n                  boxShadow: filters.types[0] === key ? `0 8px 24px ${shadow}` : `0 2px 8px ${shadow}`,\n                  transform: filters.types[0] === key ? 'translateY(-2px)' : 'none',\n                  transition: 'all 0.2s ease',\n                  outline: filters.types[0] === key ? '2px solid rgba(255,255,255,0.6)' : 'none',\n                  outlineOffset: 2,\n                  '&:hover': {\n                    boxShadow: `0 8px 24px ${shadow}`,\n                    transform: 'translateY(-2px)',\n                  },\n                }}\n              >\n                <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>\n                  <Box>\n                    <Typography variant=\"h4\" fontWeight={800} sx={{ color: '#fff', lineHeight: 1 }}>\n                      {stats ? (stats.byType[key] ?? 0) : <Skeleton width={32} sx={{ bgcolor: 'rgba(255,255,255,0.3)' }} />}\n                    </Typography>\n                    <Typography variant=\"body2\" sx={{ color: 'rgba(255,255,255,0.85)', fontWeight: 500, mt: 0.5 }}>\n                      {label}\n                    </Typography>\n                  </Box>\n                  <Box\n                    sx={{\n                      width: 40,\n                      height: 40,\n                      borderRadius: 2,\n                      backgroundColor: 'rgba(255,255,255,0.2)',\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'center',\n                    }}\n                  >\n                    <Icon sx={{ color: '#fff', fontSize: '1.4rem' }} />\n                  </Box>\n                </Box>\n              </Box>\n            </Grid>\n          ))}\n        </Grid>\n\n        {/* Filters */}\n        <AssetFilters\n          value={filters}\n          onChange={handleFiltersChange}\n          availableTags={availableTags}\n          providers={providers.length > 1 ? providers : undefined}\n        />\n\n        {/* Results summary */}\n        {result && !loading && (\n          <Typography variant=\"caption\" color=\"text.secondary\" sx={{ mb: 2, display: 'block' }}>\n            {result.totalCount} asset{result.totalCount !== 1 ? 's' : ''} found\n          </Typography>\n        )}\n\n        {/* Asset grid — 4 columns on large screens */}\n        <Grid container spacing={1.5}>\n          {loading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <Grid item xs={12} sm={6} md={4} lg={3} key={i}>\n                  <Skeleton variant=\"rectangular\" height={150} sx={{ borderRadius: 2 }} />\n                </Grid>\n              ))\n            : result?.items.map(asset => (\n                <Grid item xs={12} sm={6} md={4} lg={3} key={asset.id}>\n                  <AssetCard\n                    asset={asset}\n                    onView={handleViewAsset}\n                    onInstall={handleInstallAsset}\n                  />\n                </Grid>\n              ))}\n        </Grid>\n\n        {/* Empty state */}\n        {!loading && result?.items.length === 0 && (\n          <Box sx={{ py: 12, textAlign: 'center' }}>\n            <Typography variant=\"h1\" sx={{ mb: 2, opacity: 0.15, fontSize: '5rem' }}>🤖</Typography>\n            <Typography variant=\"h6\" color=\"text.secondary\" fontWeight={600}>No assets found</Typography>\n            <Typography variant=\"body2\" color=\"text.disabled\" sx={{ mt: 0.5 }}>\n              Try adjusting your filters or search terms.\n            </Typography>\n          </Box>\n        )}\n\n        {/* Pagination */}\n        {totalPages > 1 && (\n          <Box sx={{ display: 'flex', justifyContent: 'center', mt: 4 }}>\n            <Pagination\n              count={totalPages}\n              page={page}\n              onChange={(_, p) => setPage(p)}\n              color=\"primary\"\n              shape=\"rounded\"\n            />\n          </Box>\n        )}\n      </Content>\n\n      <AssetDetailPanel\n        assetId={selectedAssetId}\n        onClose={handleCloseDetail}\n      />\n\n      <AssetInstallDialog\n        assetId={installAssetId}\n        onClose={handleCloseInstall}\n      />\n\n      <McpConfigDialog\n        open={mcpDialogOpen}\n        onClose={() => setMcpDialogOpen(false)}\n      />\n    </Page>\n  );\n}\n"],"names":[],"mappings":"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"}

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

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

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

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

package/dist/components/McpConfigDialog/McpConfigDialog.esm.js

@@ -0,0 +1,274 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Chip from '@mui/material/Chip';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import IconButton from '@mui/material/IconButton';
+import Switch from '@mui/material/Switch';
+import Tab from '@mui/material/Tab';
+import Tabs from '@mui/material/Tabs';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
+import { useTheme } from '@mui/material/styles';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import CheckIcon from '@mui/icons-material/Check';
+import StorageIcon from '@mui/icons-material/Storage';
+import { useApi, discoveryApiRef } from '@backstage/core-plugin-api';
+import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
+import { useCopyToClipboard, useProviders } from '../../hooks/index.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 McpConfigDialog({ open, onClose }) {
+  const theme = useTheme();
+  const discoveryApi = useApi(discoveryApiRef);
+  const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();
+  const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();
+  const [tab, setTab] = useState(0);
+  const [baseUrl, setBaseUrl] = useState("");
+  const [selectedProvider, setSelectedProvider] = useState("");
+  const [proactiveEnabled, setProactiveEnabled] = useState(false);
+  const { providers } = useProviders();
+  const showProviderFilter = providers.length > 1;
+  useEffect(() => {
+    if (open) {
+      discoveryApi.getBaseUrl("dev-ai-hub").then((url) => setBaseUrl(url));
+    }
+  }, [open, discoveryApi]);
+  const cfg = TOOL_CONFIGS[tab];
+  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) : "";
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { sx: { pb: 0 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", fontWeight: 700, children: "Configure MCP Server" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: "Connect your AI tool to the Dev AI Hub via Model Context Protocol." })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogContent, { sx: { pt: 1 }, children: [
+      /* @__PURE__ */ jsx(
+        Tabs,
+        {
+          value: tab,
+          onChange: (_, v) => setTab(v),
+          sx: { mb: 2, borderBottom: 1, borderColor: "divider" },
+          children: TOOL_CONFIGS.map((t, i) => /* @__PURE__ */ jsx(
+            Tab,
+            {
+              value: i,
+              label: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                /* @__PURE__ */ jsx(
+                  ToolIcon,
+                  {
+                    tool: t.tool,
+                    sx: { fontSize: "1rem", color: theme.palette.mode === "dark" ? "#fff" : void 0 }
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: t.label })
+              ] })
+            },
+            t.tool
+          ))
+        }
+      ),
+      showProviderFilter && /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { textTransform: "uppercase", letterSpacing: 0.5, display: "block", mb: 0.75 }, children: "Scope to Provider" }),
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsx(
+            Chip,
+            {
+              label: "All providers",
+              size: "small",
+              clickable: true,
+              onClick: () => setSelectedProvider(""),
+              sx: {
+                fontWeight: 600,
+                fontSize: "0.75rem",
+                borderRadius: 2,
+                border: "1.5px solid",
+                borderColor: !selectedProvider ? "text.primary" : "divider",
+                backgroundColor: !selectedProvider ? "text.primary" : "transparent",
+                color: !selectedProvider ? "background.paper" : "text.secondary",
+                transition: "all 0.15s ease"
+              }
+            }
+          ),
+          providers.map((p) => {
+            const isSelected = selectedProvider === p.id;
+            const label = providerLabel(p.target);
+            return /* @__PURE__ */ jsx(
+              Chip,
+              {
+                icon: /* @__PURE__ */ jsx(StorageIcon, { sx: { fontSize: "0.8rem !important", color: isSelected ? "background.paper" : "inherit" } }),
+                label,
+                size: "small",
+                clickable: true,
+                onClick: () => setSelectedProvider(isSelected ? "" : p.id),
+                sx: {
+                  fontWeight: 600,
+                  fontSize: "0.75rem",
+                  borderRadius: 2,
+                  border: "1.5px solid",
+                  borderColor: isSelected ? "text.primary" : "divider",
+                  backgroundColor: isSelected ? "text.primary" : "transparent",
+                  color: isSelected ? "background.paper" : "text.secondary",
+                  transition: "all 0.15s ease"
+                }
+              },
+              p.id
+            );
+          })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx(
+        FormControlLabel,
+        {
+          control: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              size: "small",
+              checked: proactiveEnabled,
+              onChange: (e) => setProactiveEnabled(e.target.checked)
+            }
+          ),
+          label: /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", fontWeight: 600, children: "Proactive suggestions" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "The AI will automatically suggest relevant assets based on your project context. Disable if you prefer to search manually." })
+          ] }),
+          sx: { alignItems: "flex-start", ml: 0, gap: 1 }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { textTransform: "uppercase", letterSpacing: 0.5 }, children: "MCP Endpoint" }),
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            gap: 1,
+            mt: 0.5,
+            mb: 2,
+            px: 1.5,
+            py: 1,
+            borderRadius: 1.5,
+            border: "1px solid",
+            borderColor: "divider",
+            backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.03)"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "body2",
+                sx: { flex: 1, fontFamily: "monospace", fontSize: "0.8rem", wordBreak: "break-all" },
+                children: mcpUrl
+              }
+            ),
+            /* @__PURE__ */ jsx(Tooltip, { title: copiedUrl ? "Copied!" : "Copy URL", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => copyUrl(mcpUrl), children: copiedUrl ? /* @__PURE__ */ jsx(CheckIcon, { fontSize: "small", color: "success" }) : /* @__PURE__ */ jsx(ContentCopyIcon, { fontSize: "small" }) }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { textTransform: "uppercase", letterSpacing: 0.5 }, children: cfg.file }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 1, mt: 0.5 }, children: cfg.description }),
+      /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "pre",
+            sx: {
+              m: 0,
+              p: 2,
+              borderRadius: 2,
+              border: "1px solid",
+              borderColor: "divider",
+              backgroundColor: theme.palette.mode === "dark" ? "#0d1117" : "#f6f8fa",
+              color: theme.palette.mode === "dark" ? "#e6edf3" : "#24292f",
+              fontFamily: "monospace",
+              fontSize: "0.8rem",
+              overflowX: "auto",
+              whiteSpace: "pre"
+            },
+            children: configSnippet
+          }
+        ),
+        /* @__PURE__ */ jsx(Tooltip, { title: copiedSnippet ? "Copied!" : "Copy config", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            onClick: () => copySnippet(configSnippet),
+            sx: {
+              position: "absolute",
+              top: 8,
+              right: 8,
+              backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)",
+              "&:hover": {
+                backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.2)" : "rgba(0,0,0,0.12)"
+              }
+            },
+            children: copiedSnippet ? /* @__PURE__ */ jsx(CheckIcon, { fontSize: "small", color: "success" }) : /* @__PURE__ */ jsx(ContentCopyIcon, { fontSize: "small" })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.disabled", sx: { display: "block", mt: 1.5 }, 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."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: onClose, children: "Close" }) })
+  ] });
+}
+
+export { McpConfigDialog };
+//# sourceMappingURL=McpConfigDialog.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"McpConfigDialog.esm.js","sources":["../../../src/components/McpConfigDialog/McpConfigDialog.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Chip from '@mui/material/Chip';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport IconButton from '@mui/material/IconButton';\nimport Switch from '@mui/material/Switch';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport CheckIcon from '@mui/icons-material/Check';\nimport StorageIcon from '@mui/icons-material/Storage';\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';\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\ninterface McpConfigDialogProps {\n  open: boolean;\n  onClose: () => void;\n}\n\nexport function McpConfigDialog({ open, onClose }: McpConfigDialogProps) {\n  const theme = useTheme();\n  const discoveryApi = useApi(discoveryApiRef);\n  const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();\n  const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();\n  const [tab, setTab] = useState(0);\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    if (open) {\n      discoveryApi.getBaseUrl('dev-ai-hub').then(url => setBaseUrl(url));\n    }\n  }, [open, discoveryApi]);\n\n  const cfg = TOOL_CONFIGS[tab];\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  return (\n    <Dialog open={open} onClose={onClose} maxWidth=\"sm\" fullWidth>\n      <DialogTitle sx={{ pb: 0 }}>\n        <Typography variant=\"h6\" fontWeight={700}>Configure MCP Server</Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n          Connect your AI tool to the Dev AI Hub via Model Context Protocol.\n        </Typography>\n      </DialogTitle>\n\n      <DialogContent sx={{ pt: 1 }}>\n        <Tabs\n          value={tab}\n          onChange={(_, v) => setTab(v)}\n          sx={{ mb: 2, borderBottom: 1, borderColor: 'divider' }}\n        >\n          {TOOL_CONFIGS.map((t, i) => (\n            <Tab\n              key={t.tool}\n              value={i}\n              label={\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                  <ToolIcon\n                    tool={t.tool}\n                    sx={{ fontSize: '1rem', color: theme.palette.mode === 'dark' ? '#fff' : undefined }}\n                  />\n                  <span>{t.label}</span>\n                </Box>\n              }\n            />\n          ))}\n        </Tabs>\n\n        {/* Provider filter — only shown when there are 2+ providers */}\n        {showProviderFilter && (\n          <Box sx={{ mb: 2 }}>\n            <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ textTransform: 'uppercase', letterSpacing: 0.5, display: 'block', mb: 0.75 }}>\n              Scope to Provider\n            </Typography>\n            <Box sx={{ display: 'flex', gap: 0.75, flexWrap: 'wrap' }}>\n              <Chip\n                label=\"All providers\"\n                size=\"small\"\n                clickable\n                onClick={() => setSelectedProvider('')}\n                sx={{\n                  fontWeight: 600,\n                  fontSize: '0.75rem',\n                  borderRadius: 2,\n                  border: '1.5px solid',\n                  borderColor: !selectedProvider ? 'text.primary' : 'divider',\n                  backgroundColor: !selectedProvider ? 'text.primary' : 'transparent',\n                  color: !selectedProvider ? 'background.paper' : 'text.secondary',\n                  transition: 'all 0.15s ease',\n                }}\n              />\n              {providers.map(p => {\n                const isSelected = selectedProvider === p.id;\n                const label = providerLabel(p.target);\n                return (\n                  <Chip\n                    key={p.id}\n                    icon={<StorageIcon sx={{ fontSize: '0.8rem !important', color: isSelected ? 'background.paper' : 'inherit' }} />}\n                    label={label}\n                    size=\"small\"\n                    clickable\n                    onClick={() => setSelectedProvider(isSelected ? '' : p.id)}\n                    sx={{\n                      fontWeight: 600,\n                      fontSize: '0.75rem',\n                      borderRadius: 2,\n                      border: '1.5px solid',\n                      borderColor: isSelected ? 'text.primary' : 'divider',\n                      backgroundColor: isSelected ? 'text.primary' : 'transparent',\n                      color: isSelected ? 'background.paper' : 'text.secondary',\n                      transition: 'all 0.15s ease',\n                    }}\n                  />\n                );\n              })}\n            </Box>\n          </Box>\n        )}\n\n        {/* Proactive suggestions toggle */}\n        <Box sx={{ mb: 2 }}>\n          <FormControlLabel\n            control={\n              <Switch\n                size=\"small\"\n                checked={proactiveEnabled}\n                onChange={e => setProactiveEnabled(e.target.checked)}\n              />\n            }\n            label={\n              <Box>\n                <Typography variant=\"body2\" fontWeight={600}>Proactive suggestions</Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  The AI will automatically suggest relevant assets based on your project context.\n                  Disable if you prefer to search manually.\n                </Typography>\n              </Box>\n            }\n            sx={{ alignItems: 'flex-start', ml: 0, gap: 1 }}\n          />\n        </Box>\n\n        {/* MCP URL */}\n        <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ textTransform: 'uppercase', letterSpacing: 0.5 }}>\n          MCP Endpoint\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n            mt: 0.5,\n            mb: 2,\n            px: 1.5,\n            py: 1,\n            borderRadius: 1.5,\n            border: '1px solid',\n            borderColor: 'divider',\n            backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.03)',\n          }}\n        >\n          <Typography\n            variant=\"body2\"\n            sx={{ flex: 1, fontFamily: 'monospace', fontSize: '0.8rem', wordBreak: 'break-all' }}\n          >\n            {mcpUrl}\n          </Typography>\n          <Tooltip title={copiedUrl ? 'Copied!' : 'Copy URL'}>\n            <IconButton size=\"small\" onClick={() => copyUrl(mcpUrl)}>\n              {copiedUrl ? <CheckIcon fontSize=\"small\" color=\"success\" /> : <ContentCopyIcon fontSize=\"small\" />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n\n        {/* Config snippet */}\n        <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ textTransform: 'uppercase', letterSpacing: 0.5 }}>\n          {cfg.file}\n        </Typography>\n        <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', mb: 1, mt: 0.5 }}>\n          {cfg.description}\n        </Typography>\n        <Box sx={{ position: 'relative' }}>\n          <Box\n            component=\"pre\"\n            sx={{\n              m: 0,\n              p: 2,\n              borderRadius: 2,\n              border: '1px solid',\n              borderColor: 'divider',\n              backgroundColor: theme.palette.mode === 'dark' ? '#0d1117' : '#f6f8fa',\n              color: theme.palette.mode === 'dark' ? '#e6edf3' : '#24292f',\n              fontFamily: 'monospace',\n              fontSize: '0.8rem',\n              overflowX: 'auto',\n              whiteSpace: 'pre',\n            }}\n          >\n            {configSnippet}\n          </Box>\n          <Tooltip title={copiedSnippet ? 'Copied!' : 'Copy config'}>\n            <IconButton\n              size=\"small\"\n              onClick={() => copySnippet(configSnippet)}\n              sx={{\n                position: 'absolute',\n                top: 8,\n                right: 8,\n                backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.06)',\n                '&:hover': {\n                  backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.2)' : 'rgba(0,0,0,0.12)',\n                },\n              }}\n            >\n              {copiedSnippet ? <CheckIcon fontSize=\"small\" color=\"success\" /> : <ContentCopyIcon fontSize=\"small\" />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n\n        <Typography variant=\"caption\" color=\"text.disabled\" sx={{ display: 'block', mt: 1.5 }}>\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        </Typography>\n      </DialogContent>\n\n      <DialogActions>\n        <Button onClick={onClose}>Close</Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+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 { siGooglegemini, siGithub, siAnthropic } from 'simple-icons';
+
+const TOOL_ICON = {
+  "claude-code": { ...siAnthropic, label: "Claude Code" },
+  "github-copilot": { ...siGithub, label: "GitHub Copilot" },
+  "google-gemini": { ...siGooglegemini, label: "Google Gemini" }
+};
+function ToolIcon({ tool, branded = true, sx, ...props }) {
+  if (tool === "all") {
+    return /* @__PURE__ */ jsx(AllInclusiveIcon, { ...props, sx: { color: "text.secondary", ...sx }, titleAccess: "Universal" });
+  }
+  if (tool === "cursor") {
+    return /* @__PURE__ */ jsx(
+      NearMeIcon,
+      {
+        ...props,
+        sx: { color: branded ? "text.primary" : "inherit", ...sx },
+        titleAccess: "Cursor"
+      }
+    );
+  }
+  const cfg = TOOL_ICON[tool];
+  if (!cfg) return null;
+  return /* @__PURE__ */ jsx(
+    SvgIcon,
+    {
+      ...props,
+      sx: { color: branded ? `#${cfg.hex}` : "inherit", ...sx },
+      titleAccess: cfg.label,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsx("path", { d: cfg.path })
+    }
+  );
+}
+
+export { ToolIcon };
+//# sourceMappingURL=ToolIcon.esm.js.map

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

@@ -0,0 +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;;;;"}

package/dist/hooks/index.esm.js

@@ -0,0 +1,114 @@
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { devAiHubApiRef } from '../api/DevAiHubClient.esm.js';
+
+function useDebounce(value, delay) {
+  const [debounced, setDebounced] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debounced;
+}
+function useAssets(filter) {
+  const api = useApi(devAiHubApiRef);
+  const [result, setResult] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const debouncedSearch = useDebounce(filter.search, 300);
+  const effectiveFilter = { ...filter, search: debouncedSearch };
+  const filterKey = JSON.stringify(effectiveFilter);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    api.listAssets(effectiveFilter).then((data) => {
+      if (!cancelled) {
+        setResult(data);
+        setError(null);
+      }
+    }).catch((err) => {
+      if (!cancelled) setError(err);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [filterKey, api]);
+  return { result, loading, error };
+}
+function useAssetDetail(id) {
+  const api = useApi(devAiHubApiRef);
+  const [asset, setAsset] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!id) {
+      setAsset(null);
+      return () => {
+      };
+    }
+    let cancelled = false;
+    setLoading(true);
+    api.getAsset(id).then((data) => {
+      if (!cancelled) {
+        setAsset(data);
+        setError(null);
+      }
+    }).catch((err) => {
+      if (!cancelled) setError(err);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [id, api]);
+  return { asset, loading, error };
+}
+function useProviders() {
+  const api = useApi(devAiHubApiRef);
+  const [providers, setProviders] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const load = useCallback(() => {
+    setLoading(true);
+    api.listProviders().then((data) => {
+      setProviders(data);
+      setError(null);
+    }).catch((err) => setError(err)).finally(() => setLoading(false));
+  }, [api]);
+  useEffect(() => {
+    load();
+  }, [load]);
+  return { providers, loading, error, reload: load };
+}
+function useStats() {
+  const api = useApi(devAiHubApiRef);
+  const [stats, setStats] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    setLoading(true);
+    api.getStats().then((data) => {
+      setStats(data);
+      setError(null);
+    }).catch((err) => setError(err)).finally(() => setLoading(false));
+  }, [api]);
+  return { stats, loading, error };
+}
+function useCopyToClipboard() {
+  const [copied, setCopied] = useState(false);
+  const timerRef = useRef(null);
+  const copy = useCallback((text) => {
+    navigator.clipboard.writeText(text).then(() => {
+      setCopied(true);
+      if (timerRef.current) clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(() => setCopied(false), 2e3);
+    });
+  }, []);
+  return { copy, copied };
+}
+
+export { useAssetDetail, useAssets, useCopyToClipboard, useProviders, useStats };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +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 '@nospt/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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"}