npm - @nospt/plugin-dev-ai-hub - Versions diffs - 0.1.0 → 0.2.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/dist/components/DevAiHubPage/DevAiHubPage.esm.js CHANGED Viewed

@@ -1,44 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo } from 'react';
 import { useSearchParams } from 'react-router-dom';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Grid from '@mui/material/Grid';
-import Pagination from '@mui/material/Pagination';
-import Skeleton from '@mui/material/Skeleton';
-import Tooltip from '@mui/material/Tooltip';
-import Typography from '@mui/material/Typography';
-import SettingsEthernetIcon from '@mui/icons-material/SettingsEthernet';
-import ArticleIcon from '@mui/icons-material/Article';
-import SmartToyIcon from '@mui/icons-material/SmartToy';
-import BuildIcon from '@mui/icons-material/Build';
-import AccountTreeIcon from '@mui/icons-material/AccountTree';
-import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';
-import HubIcon from '@mui/icons-material/Hub';
-import { Page, Header, Content } from '@backstage/core-components';
+import { Box, Text, Skeleton, Flex, TablePagination } from '@backstage/ui';
+import { RiArticleLine, RiRobot2Line, RiToolsLine, RiGitBranchLine } from '@remixicon/react';
 import { AssetCard } from '../AssetCard/AssetCard.esm.js';
 import { AssetFilters } from '../AssetFilters/AssetFilters.esm.js';
 import { AssetDetailPanel } from '../AssetDetailPanel/AssetDetailPanel.esm.js';
 import { AssetInstallDialog } from '../AssetInstallDialog/AssetInstallDialog.esm.js';
-import { McpConfigDialog } from '../McpConfigDialog/McpConfigDialog.esm.js';
-import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
 import { useStats, useProviders, useAssets } from '../../hooks/index.esm.js';
+import styles from './DevAiHubPage.module.css.esm.js';
-const SUPPORTED_TOOLS = ["claude-code", "github-copilot", "google-gemini", "cursor"];
-const TOOL_LABELS = {
-  "all": "Universal",
-  "claude-code": "Claude Code",
-  "github-copilot": "GitHub Copilot",
-  "google-gemini": "Google Gemini",
-  "cursor": "Cursor"
-};
-function timeAgo(iso) {
-  const diff = Math.floor((Date.now() - new Date(iso).getTime()) / 1e3);
-  if (diff < 60) return "just now";
-  if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;
-  if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;
-  return `${Math.floor(diff / 86400)}d ago`;
-}
 const DEFAULT_FILTERS = {
   types: [],
   tools: [],
@@ -51,36 +22,35 @@ const STATS_CONFIG = [
   {
     key: "instruction",
     label: "Instructions",
-    Icon: ArticleIcon,
-    gradient: "linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%)",
-    shadow: "#2563EB40"
+    Icon: RiArticleLine,
+    gradient: "linear-gradient(135deg, #54A0FF 0%, #2980FF 100%)",
+    shadow: "#54A0FF40"
   },
   {
     key: "agent",
     label: "Agents",
-    Icon: SmartToyIcon,
-    gradient: "linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%)",
-    shadow: "#7C3AED40"
+    Icon: RiRobot2Line,
+    gradient: "linear-gradient(135deg, #FF6B9D 0%, #E0507A 100%)",
+    shadow: "#FF6B9D40"
   },
   {
     key: "skill",
     label: "Skills",
-    Icon: BuildIcon,
-    gradient: "linear-gradient(135deg, #059669 0%, #047857 100%)",
-    shadow: "#05966940"
+    Icon: RiToolsLine,
+    gradient: "linear-gradient(135deg, #6AB04C 0%, #4A8F2E 100%)",
+    shadow: "#6AB04C40"
   },
   {
     key: "workflow",
     label: "Workflows",
-    Icon: AccountTreeIcon,
-    gradient: "linear-gradient(135deg, #D97706 0%, #B45309 100%)",
-    shadow: "#D9770640"
+    Icon: RiGitBranchLine,
+    gradient: "linear-gradient(135deg, #F9CA24 0%, #D4A800 100%)",
+    shadow: "#F9CA2440"
   }
 ];
 function DevAiHubPage() {
   const [filters, setFilters] = useState(DEFAULT_FILTERS);
   const [page, setPage] = useState(1);
-  const [mcpDialogOpen, setMcpDialogOpen] = useState(false);
   const [searchParams, setSearchParams] = useSearchParams();
   const selectedAssetId = searchParams.get("assetId");
   const installAssetId = searchParams.get("installId");
@@ -130,129 +100,38 @@ function DevAiHubPage() {
     result.items.forEach((a) => a.tags.forEach((t) => tagSet.add(t)));
     return Array.from(tagSet).sort();
   }, [result]);
-  return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
-    /* @__PURE__ */ jsx(
-      Header,
-      {
-        title: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                width: 44,
-                height: 44,
-                borderRadius: 2.5,
-                background: "rgba(255,255,255,0.15)",
-                backdropFilter: "blur(8px)",
-                border: "1px solid rgba(255,255,255,0.3)",
-                boxShadow: "0 2px 12px rgba(0,0,0,0.15)",
-                flexShrink: 0
-              },
-              children: /* @__PURE__ */ jsx(HubIcon, { sx: { fontSize: "1.5rem", color: "#fff" } })
-            }
-          ),
-          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 0.3 }, children: [
-            /* @__PURE__ */ jsx(Box, { sx: { fontSize: "1.75rem", fontWeight: 700, lineHeight: 1, color: "#fff" }, children: "Dev AI Hub" }),
-            /* @__PURE__ */ jsx(Box, { sx: { fontSize: "0.85rem", fontWeight: 400, color: "rgba(255,255,255,0.75)", lineHeight: 1 }, children: stats ? `${stats.totalAssets} assets \xB7 ${Object.keys(stats.byProvider).length} provider${Object.keys(stats.byProvider).length !== 1 ? "s" : ""}` : "Centralized AI assets for your team" })
-          ] })
-        ] }),
-        pageTitleOverride: "Dev AI Hub",
-        children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-          /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: SUPPORTED_TOOLS.map((tool) => /* @__PURE__ */ jsx(Tooltip, { title: TOOL_LABELS[tool], arrow: true, children: /* @__PURE__ */ jsx(
-            Box,
-            {
-              sx: {
-                width: 32,
-                height: 32,
-                borderRadius: "50%",
-                backgroundColor: "rgba(255,255,255,0.15)",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                backdropFilter: "blur(4px)",
-                transition: "background-color 0.15s",
-                "&:hover": { backgroundColor: "rgba(255,255,255,0.25)" }
-              },
-              children: /* @__PURE__ */ jsx(ToolIcon, { tool, branded: false, sx: { fontSize: "1rem", color: "#fff" } })
-            }
-          ) }, tool)) }),
-          stats?.lastSync && /* @__PURE__ */ jsx(Tooltip, { title: `Last sync: ${new Date(stats.lastSync).toLocaleString()}`, arrow: true, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, cursor: "default" }, children: [
-            /* @__PURE__ */ jsx(FiberManualRecordIcon, { sx: { fontSize: "0.6rem", color: "#4ade80" } }),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { color: "rgba(255,255,255,0.8)", whiteSpace: "nowrap" }, children: timeAgo(stats.lastSync) })
-          ] }) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "contained",
-              size: "small",
-              startIcon: /* @__PURE__ */ jsx(SettingsEthernetIcon, {}),
-              onClick: () => setMcpDialogOpen(true),
-              sx: {
-                borderRadius: 2,
-                fontWeight: 700,
-                whiteSpace: "nowrap",
-                background: "rgba(255,255,255,0.15)",
-                backdropFilter: "blur(4px)",
-                border: "1px solid rgba(255,255,255,0.3)",
-                color: "#fff",
-                boxShadow: "none",
-                "&:hover": {
-                  background: "rgba(255,255,255,0.25)",
-                  boxShadow: "none"
-                }
-              },
-              children: "Configure MCP"
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Content, { children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, sx: { mb: 3 }, children: STATS_CONFIG.map(({ key, label, Icon, gradient, shadow }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, sm: 3, children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          onClick: () => handleFiltersChange({ ...filters, types: filters.types[0] === key ? [] : [key] }),
-          sx: {
-            background: gradient,
-            borderRadius: 3,
-            p: 2,
-            cursor: "pointer",
-            boxShadow: filters.types[0] === key ? `0 8px 24px ${shadow}` : `0 2px 8px ${shadow}`,
-            transform: filters.types[0] === key ? "translateY(-2px)" : "none",
-            transition: "all 0.2s ease",
-            outline: filters.types[0] === key ? "2px solid rgba(255,255,255,0.6)" : "none",
-            outlineOffset: 2,
-            "&:hover": {
-              boxShadow: `0 8px 24px ${shadow}`,
-              transform: "translateY(-2px)"
-            }
+  return /* @__PURE__ */ jsxs("div", { className: styles.pageRoot, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.statsGrid, children: STATS_CONFIG.map(({ key, label, Icon, gradient, shadow }) => {
+        const isActive = filters.types[0] === key;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles.statCard,
+            onClick: () => handleFiltersChange({ ...filters, types: isActive ? [] : [key] }),
+            style: {
+              background: gradient,
+              boxShadow: isActive ? `0 8px 24px ${shadow}` : `0 2px 8px ${shadow}`,
+              transform: isActive ? "translateY(-2px)" : "none",
+              outline: isActive ? "2px solid rgba(255,255,255,0.6)" : "none",
+              outlineOffset: 2
+            },
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: (e) => {
+              if (e.key === "Enter") handleFiltersChange({ ...filters, types: isActive ? [] : [key] });
+            },
+            children: /* @__PURE__ */ jsxs("div", { className: styles.statCardInner, children: [
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Text, { variant: "title-large", weight: "bold", className: styles.statValue, children: stats ? stats.byType[key] ?? 0 : /* @__PURE__ */ jsx(Skeleton, { style: { width: 32 } }) }),
+                /* @__PURE__ */ jsx(Text, { variant: "body-small", className: styles.statLabel, children: label })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: styles.statIconBox, children: /* @__PURE__ */ jsx(Icon, { size: 22, style: { color: "#fff" } }) })
+            ] })
           },
-          children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
-            /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "h4", fontWeight: 800, sx: { color: "#fff", lineHeight: 1 }, children: stats ? stats.byType[key] ?? 0 : /* @__PURE__ */ jsx(Skeleton, { width: 32, sx: { bgcolor: "rgba(255,255,255,0.3)" } }) }),
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "rgba(255,255,255,0.85)", fontWeight: 500, mt: 0.5 }, children: label })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                sx: {
-                  width: 40,
-                  height: 40,
-                  borderRadius: 2,
-                  backgroundColor: "rgba(255,255,255,0.2)",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center"
-                },
-                children: /* @__PURE__ */ jsx(Icon, { sx: { color: "#fff", fontSize: "1.4rem" } })
-              }
-            )
-          ] })
-        }
-      ) }, key)) }),
+          key
+        );
+      }) }),
       /* @__PURE__ */ jsx(
         AssetFilters,
         {
@@ -262,33 +141,36 @@ function DevAiHubPage() {
           providers: providers.length > 1 ? providers : void 0
         }
       ),
-      result && !loading && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", sx: { mb: 2, display: "block" }, children: [
+      result && !loading && /* @__PURE__ */ jsxs(Text, { variant: "body-x-small", color: "secondary", style: { marginBottom: "var(--bui-space-4)", display: "block" }, children: [
         result.totalCount,
         " asset",
         result.totalCount !== 1 ? "s" : "",
         " found"
       ] }),
-      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1.5, children: loading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, children: /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", height: 150, sx: { borderRadius: 2 } }) }, i)) : result?.items.map((asset) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: styles.assetGrid, children: loading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { style: { height: 150, borderRadius: "var(--bui-radius-2)" } }, i)) : result?.items.map((asset) => /* @__PURE__ */ jsx(
         AssetCard,
         {
           asset,
           onView: handleViewAsset,
           onInstall: handleInstallAsset
-        }
-      ) }, asset.id)) }),
-      !loading && result?.items.length === 0 && /* @__PURE__ */ jsxs(Box, { sx: { py: 12, textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h1", sx: { mb: 2, opacity: 0.15, fontSize: "5rem" }, children: "\u{1F916}" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "text.secondary", fontWeight: 600, children: "No assets found" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.disabled", sx: { mt: 0.5 }, children: "Try adjusting your filters or search terms." })
+        },
+        asset.id
+      )) }),
+      !loading && result?.items.length === 0 && /* @__PURE__ */ jsxs("div", { className: styles.emptyState, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.emptyEmoji, children: "\u{1F916}" }),
+        /* @__PURE__ */ jsx(Text, { variant: "title-small", color: "secondary", weight: "bold", children: "No assets found" }),
+        /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", style: { marginTop: "var(--bui-space-1)" }, children: "Try adjusting your filters or search terms." })
       ] }),
-      totalPages > 1 && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", mt: 4 }, children: /* @__PURE__ */ jsx(
-        Pagination,
+      totalPages > 1 && /* @__PURE__ */ jsx(Flex, { className: styles.paginationRow, children: /* @__PURE__ */ jsx(
+        TablePagination,
         {
-          count: totalPages,
-          page,
-          onChange: (_, p) => setPage(p),
-          color: "primary",
-          shape: "rounded"
+          pageSize: PAGE_SIZE,
+          offset: (page - 1) * PAGE_SIZE,
+          totalCount: result?.totalCount ?? 0,
+          hasNextPage: page < totalPages,
+          hasPreviousPage: page > 1,
+          onNextPage: () => setPage((p) => p + 1),
+          onPreviousPage: () => setPage((p) => p - 1)
         }
       ) })
     ] }),
@@ -305,13 +187,6 @@ function DevAiHubPage() {
         assetId: installAssetId,
         onClose: handleCloseInstall
       }
-    ),
-    /* @__PURE__ */ jsx(
-      McpConfigDialog,
-      {
-        open: mcpDialogOpen,
-        onClose: () => setMcpDialogOpen(false)
-      }
     )
   ] });
 }

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

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"DevAiHubPage.esm.js","sources":["../../../src/components/DevAiHubPage/DevAiHubPage.tsx"],"sourcesContent":["import { useState, useMemo, type ElementType } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Box, Flex, Text, Skeleton, TablePagination } from '@backstage/ui';\nimport { RiArticleLine, RiRobot2Line, RiToolsLine, RiGitBranchLine } from '@remixicon/react';\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 { useAssets, useStats, useProviders } from '../../hooks';\nimport styles from './DevAiHubPage.module.css';\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: { key: AssetType; label: string; Icon: ElementType; gradient: string; shadow: string }[] = [\n { key: 'instruction', label: 'Instructions', Icon: RiArticleLine,\n gradient: 'linear-gradient(135deg, #54A0FF 0%, #2980FF 100%)', shadow: '#54A0FF40' },\n { key: 'agent', label: 'Agents', Icon: RiRobot2Line,\n gradient: 'linear-gradient(135deg, #FF6B9D 0%, #E0507A 100%)', shadow: '#FF6B9D40' },\n { key: 'skill', label: 'Skills', Icon: RiToolsLine,\n gradient: 'linear-gradient(135deg, #6AB04C 0%, #4A8F2E 100%)', shadow: '#6AB04C40' },\n { key: 'workflow', label: 'Workflows', Icon: RiGitBranchLine,\n gradient: 'linear-gradient(135deg, #F9CA24 0%, #D4A800 100%)', shadow: '#F9CA2440' },\n];\n\nexport function DevAiHubPage() {\n const [filters, setFilters] = useState<AssetFiltersValue>(DEFAULT_FILTERS);\n const [page, setPage] = useState(1);\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 <div className={styles.pageRoot}>\n <div className={styles.content}>\n {/* Stats row /}\n <div className={styles.statsGrid}>\n {STATS_CONFIG.map(({ key, label, Icon, gradient, shadow }) => {\n const isActive = filters.types[0] === key;\n return (\n <div\n key={key}\n className={styles.statCard}\n onClick={() => handleFiltersChange({ ...filters, types: isActive ? [] : [key] })}\n style={{\n background: gradient,\n boxShadow: isActive ? `0 8px 24px ${shadow}` : `0 2px 8px ${shadow}`,\n transform: isActive ? 'translateY(-2px)' : 'none',\n outline: isActive ? '2px solid rgba(255,255,255,0.6)' : 'none',\n outlineOffset: 2,\n }}\n role=\"button\"\n tabIndex={0}\n onKeyDown={e => { if (e.key === 'Enter') handleFiltersChange({ ...filters, types: isActive ? [] : [key] }); }}\n >\n <div className={styles.statCardInner}>\n <Box>\n <Text variant=\"title-large\" weight=\"bold\" className={styles.statValue}>\n {stats ? (stats.byType[key] ?? 0) : <Skeleton style={{ width: 32 }} />}\n </Text>\n <Text variant=\"body-small\" className={styles.statLabel}>\n {label}\n </Text>\n </Box>\n <div className={styles.statIconBox}>\n <Icon size={22} style={{ color: '#fff' }} />\n </div>\n </div>\n </div>\n );\n })}\n </div>\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 <Text variant=\"body-x-small\" color=\"secondary\" style={{ marginBottom: 'var(--bui-space-4)', display: 'block' }}>\n {result.totalCount} asset{result.totalCount !== 1 ? 's' : ''} found\n </Text>\n )}\n\n {/ Asset grid — 4 columns on large screens /}\n <div className={styles.assetGrid}>\n {loading\n ? Array.from({ length: 8 }).map((_, i) => (\n <Skeleton key={i} style={{ height: 150, borderRadius: 'var(--bui-radius-2)' }} />\n ))\n : result?.items.map(asset => (\n <AssetCard\n key={asset.id}\n asset={asset}\n onView={handleViewAsset}\n onInstall={handleInstallAsset}\n />\n ))}\n </div>\n\n {/ Empty state /}\n {!loading && result?.items.length === 0 && (\n <div className={styles.emptyState}>\n <div className={styles.emptyEmoji}>🤖</div>\n <Text variant=\"title-small\" color=\"secondary\" weight=\"bold\">No assets found</Text>\n <Text variant=\"body-small\" color=\"secondary\" style={{ marginTop: 'var(--bui-space-1)' }}>\n Try adjusting your filters or search terms.\n </Text>\n </div>\n )}\n\n {/ Pagination /}\n {totalPages > 1 && (\n <Flex className={styles.paginationRow}>\n <TablePagination\n pageSize={PAGE_SIZE}\n offset={(page - 1) PAGE_SIZE}\n totalCount={result?.totalCount ?? 0}\n hasNextPage={page < totalPages}\n hasPreviousPage={page > 1}\n onNextPage={() => setPage(p => p + 1)}\n onPreviousPage={() => setPage(p => p - 1)}\n />\n </Flex>\n )}\n </div>\n\n <AssetDetailPanel\n assetId={selectedAssetId}\n onClose={handleCloseDetail}\n />\n\n <AssetInstallDialog\n assetId={installAssetId}\n onClose={handleCloseInstall}\n />\n </div>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js ADDED Viewed

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+var css_248z = "@layer components {\n  .DevAiHubPage_pageRoot__58eb18b1eb {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .DevAiHubPage_content__58eb18b1eb {\n    flex: 1;\n    padding: var(--bui-space-6);\n    overflow-y: auto;\n  }\n\n  .DevAiHubPage_statsGrid__58eb18b1eb {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: var(--bui-space-4);\n    margin-bottom: var(--bui-space-6);\n  }\n\n  @media (max-width: 600px) {\n    .DevAiHubPage_statsGrid__58eb18b1eb {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  .DevAiHubPage_statCard__58eb18b1eb {\n    border-radius: var(--bui-radius-3);\n    padding: var(--bui-space-4);\n    cursor: pointer;\n    transition: all 0.2s ease;\n  }\n\n  .DevAiHubPage_statCard__58eb18b1eb:hover {\n    transform: translateY(-2px);\n  }\n\n  .DevAiHubPage_statCardInner__58eb18b1eb {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .DevAiHubPage_statValue__58eb18b1eb {\n    color: #fff;\n    line-height: 1;\n  }\n\n  .DevAiHubPage_statLabel__58eb18b1eb {\n    color: rgba(255, 255, 255, 0.85);\n    font-weight: 500;\n    margin-top: var(--bui-space-1);\n  }\n\n  .DevAiHubPage_statIconBox__58eb18b1eb {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--bui-radius-2);\n    background-color: rgba(255, 255, 255, 0.2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .DevAiHubPage_assetGrid__58eb18b1eb {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: var(--bui-space-3);\n  }\n\n  @media (max-width: 1200px) {\n    .DevAiHubPage_assetGrid__58eb18b1eb {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  @media (max-width: 900px) {\n    .DevAiHubPage_assetGrid__58eb18b1eb {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .DevAiHubPage_assetGrid__58eb18b1eb {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .DevAiHubPage_emptyState__58eb18b1eb {\n    padding: 96px 0;\n    text-align: center;\n  }\n\n  .DevAiHubPage_emptyEmoji__58eb18b1eb {\n    margin-bottom: var(--bui-space-4);\n    opacity: 0.15;\n    font-size: 5rem;\n  }\n\n  .DevAiHubPage_paginationRow__58eb18b1eb {\n    display: flex;\n    justify-content: center;\n    margin-top: var(--bui-space-8);\n  }\n}\n";
+var styles = {"pageRoot":"DevAiHubPage_pageRoot__58eb18b1eb","content":"DevAiHubPage_content__58eb18b1eb","statsGrid":"DevAiHubPage_statsGrid__58eb18b1eb","statCard":"DevAiHubPage_statCard__58eb18b1eb","statCardInner":"DevAiHubPage_statCardInner__58eb18b1eb","statValue":"DevAiHubPage_statValue__58eb18b1eb","statLabel":"DevAiHubPage_statLabel__58eb18b1eb","statIconBox":"DevAiHubPage_statIconBox__58eb18b1eb","assetGrid":"DevAiHubPage_assetGrid__58eb18b1eb","emptyState":"DevAiHubPage_emptyState__58eb18b1eb","emptyEmoji":"DevAiHubPage_emptyEmoji__58eb18b1eb","paginationRow":"DevAiHubPage_paginationRow__58eb18b1eb"};
+styleInject(css_248z);
+export { styles as default };
+//# sourceMappingURL=DevAiHubPage.module.css.esm.js.map

package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js.map ADDED Viewed

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