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

package/dist/components/AssetDetailPanel/AssetDetailPanel.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  .AssetDetailPanel_drawer__6af6db61b0 {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 640px;\n    max-width: 100vw;\n    background-color: var(--bui-bg-neutral-1);\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);\n    z-index: 1300;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .AssetDetailPanel_overlay__6af6db61b0 {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(0, 0, 0, 0.9);\n    z-index: 1299;\n  }\n\n  .AssetDetailPanel_panelContainer__6af6db61b0 {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .AssetDetailPanel_header__6af6db61b0 {\n    padding: var(--bui-space-4);\n    display: flex;\n    align-items: flex-start;\n    gap: var(--bui-space-4);\n    border-bottom: 1px solid var(--bui-border-1);\n  }\n\n  .AssetDetailPanel_headerContent__6af6db61b0 {\n    flex: 1;\n  }\n\n  .AssetDetailPanel_loadingRow__6af6db61b0 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n  }\n\n  .AssetDetailPanel_nameRow__6af6db61b0 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n    margin-bottom: var(--bui-space-1);\n  }\n\n  .AssetDetailPanel_typeTag__6af6db61b0 {\n    font-weight: 600;\n  }\n\n  .AssetDetailPanel_tabBar__6af6db61b0 {\n    border-bottom: 1px solid var(--bui-border-1);\n    padding: 0 var(--bui-space-4);\n  }\n\n  .AssetDetailPanel_contentArea__6af6db61b0 {\n    flex: 1;\n    overflow: auto;\n    padding: var(--bui-space-4);\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 {\n    font-size: 0.9375rem;\n    line-height: 1.7;\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 h1,\n  .AssetDetailPanel_markdownContent__6af6db61b0 h2,\n  .AssetDetailPanel_markdownContent__6af6db61b0 h3,\n  .AssetDetailPanel_markdownContent__6af6db61b0 h4,\n  .AssetDetailPanel_markdownContent__6af6db61b0 h5,\n  .AssetDetailPanel_markdownContent__6af6db61b0 h6 {\n    margin-top: var(--bui-space-4);\n    margin-bottom: var(--bui-space-2);\n    font-weight: 700;\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 p {\n    margin-bottom: var(--bui-space-2);\n    line-height: 1.7;\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 ul,\n  .AssetDetailPanel_markdownContent__6af6db61b0 ol {\n    padding-left: var(--bui-space-6);\n    margin-bottom: var(--bui-space-2);\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 li {\n    margin-bottom: var(--bui-space-1);\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 blockquote {\n    border-left: 3px solid var(--bui-ring);\n    padding-left: var(--bui-space-3);\n    color: var(--bui-fg-secondary);\n    margin: var(--bui-space-2) 0;\n    margin-left: 0;\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: var(--bui-space-2);\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 th,\n  .AssetDetailPanel_markdownContent__6af6db61b0 td {\n    border: 1px solid var(--bui-border-1);\n    padding: var(--bui-space-2) var(--bui-space-3);\n    font-size: 0.875rem;\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 th {\n    background-color: var(--bui-bg-neutral-1-hover);\n    font-weight: 700;\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 code {\n    background-color: var(--bui-bg-neutral-1-hover);\n    padding: 1px var(--bui-space-1);\n    border-radius: var(--bui-radius-2);\n    font-family: monospace;\n    font-size: 0.875em;\n  }\n\n  .AssetDetailPanel_markdownContent__6af6db61b0 pre code {\n    background-color: transparent;\n    padding: 0;\n  }\n\n  .AssetDetailPanel_codeBlockWrapper__6af6db61b0 {\n    margin: var(--bui-space-2) 0;\n  }\n\n  .AssetDetailPanel_metaSection__6af6db61b0 {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-3);\n  }\n\n  .AssetDetailPanel_metaRow__6af6db61b0 {\n    display: flex;\n    align-items: baseline;\n    gap: var(--bui-space-2);\n  }\n\n  .AssetDetailPanel_metaLabel__6af6db61b0 {\n    min-width: 90px;\n    flex-shrink: 0;\n  }\n\n  .AssetDetailPanel_chipsRow__6af6db61b0 {\n    display: flex;\n    gap: var(--bui-space-2);\n    flex-wrap: wrap;\n    margin-top: var(--bui-space-1);\n  }\n\n  .AssetDetailPanel_bundledHeader__6af6db61b0 {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: var(--bui-space-1);\n  }\n\n  .AssetDetailPanel_rawYaml__6af6db61b0 {\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    overflow: auto;\n    font-size: 0.8rem;\n    font-family: monospace;\n    white-space: pre-wrap;\n    word-break: break-word;\n    background-color: var(--bui-bg-neutral-1-hover);\n  }\n\n  .AssetDetailPanel_actions__6af6db61b0 {\n    padding: var(--bui-space-4);\n    border-top: 1px solid var(--bui-border-1);\n    display: flex;\n    gap: var(--bui-space-2);\n    flex-wrap: wrap;\n  }\n\n  .AssetDetailPanel_repoLink__6af6db61b0 {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n  }\n\n  .AssetDetailPanel_divider__6af6db61b0 {\n    height: 1px;\n    background-color: var(--bui-border-1);\n    border: none;\n    margin: 0;\n  }\n}\n";
+var styles = {"drawer":"AssetDetailPanel_drawer__6af6db61b0","overlay":"AssetDetailPanel_overlay__6af6db61b0","panelContainer":"AssetDetailPanel_panelContainer__6af6db61b0","header":"AssetDetailPanel_header__6af6db61b0","headerContent":"AssetDetailPanel_headerContent__6af6db61b0","loadingRow":"AssetDetailPanel_loadingRow__6af6db61b0","nameRow":"AssetDetailPanel_nameRow__6af6db61b0","typeTag":"AssetDetailPanel_typeTag__6af6db61b0","tabBar":"AssetDetailPanel_tabBar__6af6db61b0","contentArea":"AssetDetailPanel_contentArea__6af6db61b0","markdownContent":"AssetDetailPanel_markdownContent__6af6db61b0","codeBlockWrapper":"AssetDetailPanel_codeBlockWrapper__6af6db61b0","metaSection":"AssetDetailPanel_metaSection__6af6db61b0","metaRow":"AssetDetailPanel_metaRow__6af6db61b0","metaLabel":"AssetDetailPanel_metaLabel__6af6db61b0","chipsRow":"AssetDetailPanel_chipsRow__6af6db61b0","bundledHeader":"AssetDetailPanel_bundledHeader__6af6db61b0","rawYaml":"AssetDetailPanel_rawYaml__6af6db61b0","actions":"AssetDetailPanel_actions__6af6db61b0","repoLink":"AssetDetailPanel_repoLink__6af6db61b0","divider":"AssetDetailPanel_divider__6af6db61b0"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AssetDetailPanel.module.css.esm.js.map

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

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

package/dist/components/AssetFilters/AssetFilters.esm.js

@@ -1,24 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import Box from '@mui/material/Box';
-import Chip from '@mui/material/Chip';
-import InputAdornment from '@mui/material/InputAdornment';
-import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-import SearchIcon from '@mui/icons-material/Search';
-import StorageIcon from '@mui/icons-material/Storage';
-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 AppsIcon from '@mui/icons-material/Apps';
+import { Flex, SearchField, Box, Text, ToggleButton } from '@backstage/ui';
+import { RiAppsLine, RiArticleLine, RiRobot2Line, RiToolsLine, RiGitBranchLine, RiDatabase2Line } from '@remixicon/react';
 import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
+import styles from './AssetFilters.module.css.esm.js';
 
 const ASSET_TYPES = [
-  { value: "all", label: "All", color: "#64748b", Icon: AppsIcon },
-  { value: "instruction", label: "Instructions", color: "#2563EB", Icon: ArticleIcon },
-  { value: "agent", label: "Agents", color: "#7C3AED", Icon: SmartToyIcon },
-  { value: "skill", label: "Skills", color: "#059669", Icon: BuildIcon },
-  { value: "workflow", label: "Workflows", color: "#D97706", Icon: AccountTreeIcon }
+  { value: "all", label: "All", color: "#DCDDE1", Icon: RiAppsLine },
+  { value: "instruction", label: "Instructions", color: "#54A0FF", Icon: RiArticleLine },
+  { value: "agent", label: "Agents", color: "#FF6B9D", Icon: RiRobot2Line },
+  { value: "skill", label: "Skills", color: "#6AB04C", Icon: RiToolsLine },
+  { value: "workflow", label: "Workflows", color: "#F9CA24", Icon: RiGitBranchLine }
 ];
 const AI_TOOLS = [
   { value: "all", label: "All Tools" },
@@ -44,142 +35,106 @@ function AssetFilters({ value, onChange, availableTags = [], providers }) {
   const handleProviderClick = (id) => {
     onChange({ ...value, providerId: id });
   };
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2, mb: 3 }, children: [
+  return /* @__PURE__ */ jsxs(Flex, { className: styles.container, children: [
     /* @__PURE__ */ jsx(
-      TextField,
+      SearchField,
       {
-        fullWidth: true,
-        size: "small",
+        "aria-label": "Search assets",
+        className: styles.searchField,
         placeholder: "Search assets by name, description or content\u2026",
         value: value.search,
-        onChange: (e) => onChange({ ...value, search: e.target.value }),
-        InputProps: {
-          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small" }) })
-        },
-        sx: {
-          "& .MuiOutlinedInput-root": {
-            borderRadius: 2
-          }
-        }
+        onChange: (v) => onChange({ ...value, search: v })
       }
     ),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 3, flexWrap: "wrap", alignItems: "flex-start" }, children: [
+    /* @__PURE__ */ jsxs(Flex, { className: styles.filtersRow, children: [
       /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { mb: 1, display: "block", textTransform: "uppercase", letterSpacing: 0.5 }, children: "Type" }),
-        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: ASSET_TYPES.map((t) => {
+        /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.filterLabel, children: "Type" }),
+        /* @__PURE__ */ jsx(Flex, { className: styles.filterChips, children: ASSET_TYPES.map((t) => {
           const isSelected = selectedType === t.value;
           const TypeIcon = t.Icon;
           return /* @__PURE__ */ jsx(
-            Chip,
+            ToggleButton,
             {
-              icon: /* @__PURE__ */ jsx(TypeIcon, { sx: { fontSize: "0.9rem !important", color: isSelected ? "#fff !important" : t.color } }),
-              label: t.label,
+              id: t.value,
               size: "small",
-              clickable: true,
-              onClick: () => handleTypeClick(t.value),
-              sx: {
-                fontWeight: 600,
-                fontSize: "0.75rem",
-                borderRadius: 2,
-                border: "1.5px solid",
-                borderColor: isSelected ? t.color : `${t.color}60`,
-                backgroundColor: isSelected ? t.color : "transparent",
-                color: isSelected ? "#fff" : t.color,
-                transition: "all 0.15s ease",
-                "&:hover": {
-                  backgroundColor: isSelected ? t.color : `${t.color}18`,
-                  borderColor: t.color
-                }
-              }
+              className: `${styles.filterChip} ${isSelected ? styles.filterChipSelected : ""}`,
+              iconStart: /* @__PURE__ */ jsx(TypeIcon, { size: 14, style: { color: isSelected ? "#fff" : t.color } }),
+              isSelected,
+              onChange: () => handleTypeClick(t.value),
+              style: {
+                borderColor: isSelected ? t.color : `${t.color}30`,
+                backgroundColor: isSelected ? t.color : `${t.color}10`,
+                color: isSelected ? "#fff" : t.color
+              },
+              children: t.label
             },
             t.value
           );
         }) })
       ] }),
       /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { mb: 1, display: "block", textTransform: "uppercase", letterSpacing: 0.5 }, children: "AI Tool" }),
-        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: AI_TOOLS.map((t) => {
+        /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.filterLabel, children: "AI Tool" }),
+        /* @__PURE__ */ jsx(Flex, { className: styles.filterChips, children: AI_TOOLS.map((t) => {
           const isSelected = selectedTool === t.value;
-          const iconEl = t.value !== "all" ? /* @__PURE__ */ jsx(ToolIcon, { tool: t.value, branded: !isSelected, sx: { fontSize: "0.85rem !important", color: isSelected ? "background.paper" : "inherit" } }) : void 0;
+          const iconEl = t.value !== "all" ? /* @__PURE__ */ jsx(ToolIcon, { tool: t.value, branded: true, size: 14 }) : void 0;
           return /* @__PURE__ */ jsx(
-            Chip,
+            ToggleButton,
             {
-              icon: iconEl,
-              label: t.label,
+              id: t.value,
               size: "small",
-              clickable: true,
-              onClick: () => handleToolClick(t.value),
-              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",
-                "&:hover": {
-                  borderColor: "text.primary",
-                  backgroundColor: isSelected ? "text.primary" : "action.hover"
-                }
-              }
+              className: `${styles.filterChip} ${isSelected ? styles.toolChipSelected : ""}`,
+              iconStart: iconEl,
+              isSelected,
+              onChange: () => handleToolClick(t.value),
+              style: {
+                borderColor: isSelected ? "var(--bui-fg-link)" : "var(--bui-border-1)",
+                backgroundColor: isSelected ? "var(--bui-bg-accent-1)" : "transparent",
+                color: isSelected ? "var(--bui-fg-link)" : "var(--bui-fg-secondary)"
+              },
+              children: t.label
             },
             t.value
           );
         }) })
       ] }),
       showProviderFilter && /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { mb: 1, display: "block", textTransform: "uppercase", letterSpacing: 0.5 }, children: "Provider" }),
-        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.filterLabel, children: "Provider" }),
+        /* @__PURE__ */ jsxs(Flex, { className: styles.filterChips, children: [
           /* @__PURE__ */ jsx(
-            Chip,
+            ToggleButton,
             {
-              icon: /* @__PURE__ */ jsx(AppsIcon, { sx: { fontSize: "0.9rem !important" } }),
-              label: "All",
+              id: "all-providers",
               size: "small",
-              clickable: true,
-              onClick: () => handleProviderClick(void 0),
-              sx: {
-                fontWeight: 600,
-                fontSize: "0.75rem",
-                borderRadius: 2,
-                border: "1.5px solid",
-                borderColor: !value.providerId ? "text.primary" : "divider",
-                backgroundColor: !value.providerId ? "text.primary" : "transparent",
-                color: !value.providerId ? "background.paper" : "text.secondary",
-                transition: "all 0.15s ease",
-                "&:hover": {
-                  borderColor: "text.primary",
-                  backgroundColor: !value.providerId ? "text.primary" : "action.hover"
-                }
-              }
+              className: `${styles.filterChip} ${!value.providerId ? styles.filterChipSelected : ""}`,
+              iconStart: /* @__PURE__ */ jsx(RiAppsLine, { size: 14 }),
+              isSelected: !value.providerId,
+              onChange: () => handleProviderClick(void 0),
+              style: {
+                borderColor: !value.providerId ? "var(--bui-fg-primary)" : "var(--bui-border-1)",
+                backgroundColor: !value.providerId ? "var(--bui-fg-primary)" : "transparent",
+                color: !value.providerId ? "var(--bui-bg-neutral-1)" : "var(--bui-fg-secondary)"
+              },
+              children: "All"
             }
           ),
           providers.map((p) => {
             const isSelected = value.providerId === p.id;
             const label = p.target.split("/").slice(-1)[0]?.replace(/\.git$/, "") ?? p.id;
             return /* @__PURE__ */ jsx(
-              Chip,
+              ToggleButton,
               {
-                icon: /* @__PURE__ */ jsx(StorageIcon, { sx: { fontSize: "0.85rem !important", color: isSelected ? "background.paper" : "inherit" } }),
-                label,
+                id: p.id,
                 size: "small",
-                clickable: true,
-                onClick: () => handleProviderClick(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",
-                  "&:hover": {
-                    borderColor: "text.primary",
-                    backgroundColor: isSelected ? "text.primary" : "action.hover"
-                  }
-                }
+                className: `${styles.filterChip} ${isSelected ? styles.filterChipSelected : ""}`,
+                iconStart: /* @__PURE__ */ jsx(RiDatabase2Line, { size: 14, style: { color: isSelected ? "var(--bui-bg-neutral-1)" : "inherit" } }),
+                isSelected,
+                onChange: () => handleProviderClick(isSelected ? void 0 : 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
             );
@@ -188,26 +143,31 @@ function AssetFilters({ value, onChange, availableTags = [], providers }) {
       ] })
     ] }),
     availableTags.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { mb: 1, display: "block", textTransform: "uppercase", letterSpacing: 0.5 }, children: "Tags" }),
-      /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: availableTags.map((tag) => /* @__PURE__ */ jsx(
-        Chip,
-        {
-          label: `#${tag}`,
-          size: "small",
-          clickable: true,
-          onClick: () => handleTagToggle(tag),
-          sx: {
-            fontSize: "0.7rem",
-            fontWeight: value.tags.includes(tag) ? 700 : 400,
-            borderRadius: 1.5,
-            backgroundColor: value.tags.includes(tag) ? "primary.main" : "transparent",
-            color: value.tags.includes(tag) ? "#fff" : "text.secondary",
-            border: "1px solid",
-            borderColor: value.tags.includes(tag) ? "primary.main" : "divider"
-          }
-        },
-        tag
-      )) })
+      /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.filterLabel, children: "Tags" }),
+      /* @__PURE__ */ jsx(Flex, { className: styles.filterChips, children: availableTags.map((tag) => {
+        const isActive = value.tags.includes(tag);
+        return /* @__PURE__ */ jsxs(
+          ToggleButton,
+          {
+            id: tag,
+            size: "small",
+            className: `${styles.tagChip} ${isActive ? styles.tagChipSelected : ""}`,
+            isSelected: isActive,
+            onChange: () => handleTagToggle(tag),
+            style: {
+              fontWeight: isActive ? 700 : 400,
+              backgroundColor: isActive ? "var(--bui-bg-solid)" : "transparent",
+              color: isActive ? "#fff" : "var(--bui-fg-secondary)",
+              borderColor: isActive ? "var(--bui-bg-solid)" : "var(--bui-border-1)"
+            },
+            children: [
+              "#",
+              tag
+            ]
+          },
+          tag
+        );
+      }) })
     ] })
   ] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"AssetFilters.esm.js","sources":["../../../src/components/AssetFilters/AssetFilters.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport SearchIcon from '@mui/icons-material/Search';\nimport StorageIcon from '@mui/icons-material/Storage';\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 AppsIcon from '@mui/icons-material/Apps';\nimport type { AssetType, AiTool, AiHubProvider } from '@nospt/plugin-dev-ai-hub-common';\nimport { ToolIcon } from '../ToolIcon';\n\nconst ASSET_TYPES: { value: AssetType | 'all'; label: string; color: string; Icon: ElementType }[] = [\n  { value: 'all', label: 'All', color: '#64748b', Icon: AppsIcon },\n  { value: 'instruction', label: 'Instructions', color: '#2563EB', Icon: ArticleIcon },\n  { value: 'agent', label: 'Agents', color: '#7C3AED', Icon: SmartToyIcon },\n  { value: 'skill', label: 'Skills', color: '#059669', Icon: BuildIcon },\n  { value: 'workflow', label: 'Workflows', color: '#D97706', Icon: AccountTreeIcon },\n];\n\nconst AI_TOOLS: { value: AiTool | 'all'; label: string }[] = [\n  { value: 'all', label: 'All Tools' },\n  { value: 'claude-code', label: 'Claude Code' },\n  { value: 'github-copilot', label: 'GitHub Copilot' },\n  { value: 'google-gemini', label: 'Google Gemini' },\n  { value: 'cursor', label: 'Cursor' },\n];\n\nexport interface AssetFiltersValue {\n  types: AssetType[];\n  tools: AiTool[];\n  search: string;\n  tags: string[];\n  providerId?: string;\n}\n\ninterface AssetFiltersProps {\n  value: AssetFiltersValue;\n  onChange: (value: AssetFiltersValue) => void;\n  availableTags?: string[];\n  providers?: AiHubProvider[];\n}\n\nexport function AssetFilters({ value, onChange, availableTags = [], providers }: AssetFiltersProps) {\n  const selectedType = value.types.length === 1 ? value.types[0] : 'all';\n  const selectedTool = value.tools.length === 1 ? value.tools[0] : 'all';\n  const showProviderFilter = providers && providers.length > 1;\n\n  const handleTypeClick = (type: AssetType | 'all') => {\n    onChange({ ...value, types: type === 'all' ? [] : [type] });\n  };\n\n  const handleToolClick = (tool: AiTool | 'all') => {\n    onChange({ ...value, tools: tool === 'all' ? [] : [tool] });\n  };\n\n  const handleTagToggle = (tag: string) => {\n    const next = value.tags.includes(tag)\n      ? value.tags.filter(t => t !== tag)\n      : [...value.tags, tag];\n    onChange({ ...value, tags: next });\n  };\n\n  const handleProviderClick = (id: string | undefined) => {\n    onChange({ ...value, providerId: id });\n  };\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2, mb: 3 }}>\n      <TextField\n        fullWidth\n        size=\"small\"\n        placeholder=\"Search assets by name, description or content…\"\n        value={value.search}\n        onChange={e => onChange({ ...value, search: e.target.value })}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon fontSize=\"small\" />\n            </InputAdornment>\n          ),\n        }}\n        sx={{\n          '& .MuiOutlinedInput-root': {\n            borderRadius: 2,\n          },\n        }}\n      />\n\n      <Box sx={{ display: 'flex', gap: 3, flexWrap: 'wrap', alignItems: 'flex-start' }}>\n        {/* Type filter */}\n        <Box>\n          <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ mb: 1, display: 'block', textTransform: 'uppercase', letterSpacing: 0.5 }}>\n            Type\n          </Typography>\n          <Box sx={{ display: 'flex', gap: 0.75, flexWrap: 'wrap' }}>\n            {ASSET_TYPES.map(t => {\n              const isSelected = selectedType === t.value;\n              const TypeIcon = t.Icon;\n              return (\n                <Chip\n                  key={t.value}\n                  icon={<TypeIcon sx={{ fontSize: '0.9rem !important', color: isSelected ? '#fff !important' : t.color }} />}\n                  label={t.label}\n                  size=\"small\"\n                  clickable\n                  onClick={() => handleTypeClick(t.value as AssetType | 'all')}\n                  sx={{\n                    fontWeight: 600,\n                    fontSize: '0.75rem',\n                    borderRadius: 2,\n                    border: '1.5px solid',\n                    borderColor: isSelected ? t.color : `${t.color}60`,\n                    backgroundColor: isSelected ? t.color : 'transparent',\n                    color: isSelected ? '#fff' : t.color,\n                    transition: 'all 0.15s ease',\n                    '&:hover': {\n                      backgroundColor: isSelected ? t.color : `${t.color}18`,\n                      borderColor: t.color,\n                    },\n                  }}\n                />\n              );\n            })}\n          </Box>\n        </Box>\n\n        {/* AI Tool filter */}\n        <Box>\n          <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ mb: 1, display: 'block', textTransform: 'uppercase', letterSpacing: 0.5 }}>\n            AI Tool\n          </Typography>\n          <Box sx={{ display: 'flex', gap: 0.75, flexWrap: 'wrap' }}>\n            {AI_TOOLS.map(t => {\n              const isSelected = selectedTool === t.value;\n              const iconEl = t.value !== 'all'\n                ? <ToolIcon tool={t.value as AiTool} branded={!isSelected} sx={{ fontSize: '0.85rem !important', color: isSelected ? 'background.paper' : 'inherit' }} />\n                : undefined;\n              return (\n                <Chip\n                  key={t.value}\n                  icon={iconEl}\n                  label={t.label}\n                  size=\"small\"\n                  clickable\n                  onClick={() => handleToolClick(t.value as AiTool | 'all')}\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                    '&:hover': {\n                      borderColor: 'text.primary',\n                      backgroundColor: isSelected ? 'text.primary' : 'action.hover',\n                    },\n                  }}\n                />\n              );\n            })}\n          </Box>\n        </Box>\n\n        {/* Provider filter — only shown when there are 2+ providers */}\n        {showProviderFilter && (\n          <Box>\n            <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ mb: 1, display: 'block', textTransform: 'uppercase', letterSpacing: 0.5 }}>\n              Provider\n            </Typography>\n            <Box sx={{ display: 'flex', gap: 0.75, flexWrap: 'wrap' }}>\n              <Chip\n                icon={<AppsIcon sx={{ fontSize: '0.9rem !important' }} />}\n                label=\"All\"\n                size=\"small\"\n                clickable\n                onClick={() => handleProviderClick(undefined)}\n                sx={{\n                  fontWeight: 600,\n                  fontSize: '0.75rem',\n                  borderRadius: 2,\n                  border: '1.5px solid',\n                  borderColor: !value.providerId ? 'text.primary' : 'divider',\n                  backgroundColor: !value.providerId ? 'text.primary' : 'transparent',\n                  color: !value.providerId ? 'background.paper' : 'text.secondary',\n                  transition: 'all 0.15s ease',\n                  '&:hover': {\n                    borderColor: 'text.primary',\n                    backgroundColor: !value.providerId ? 'text.primary' : 'action.hover',\n                  },\n                }}\n              />\n              {providers.map(p => {\n                const isSelected = value.providerId === p.id;\n                const label = p.target.split('/').slice(-1)[0]?.replace(/\\.git$/, '') ?? p.id;\n                return (\n                  <Chip\n                    key={p.id}\n                    icon={<StorageIcon sx={{ fontSize: '0.85rem !important', color: isSelected ? 'background.paper' : 'inherit' }} />}\n                    label={label}\n                    size=\"small\"\n                    clickable\n                    onClick={() => handleProviderClick(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                      '&:hover': {\n                        borderColor: 'text.primary',\n                        backgroundColor: isSelected ? 'text.primary' : 'action.hover',\n                      },\n                    }}\n                  />\n                );\n              })}\n            </Box>\n          </Box>\n        )}\n      </Box>\n\n      {availableTags.length > 0 && (\n        <Box>\n          <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ mb: 1, display: 'block', textTransform: 'uppercase', letterSpacing: 0.5 }}>\n            Tags\n          </Typography>\n          <Box sx={{ display: 'flex', gap: 0.75, flexWrap: 'wrap' }}>\n            {availableTags.map(tag => (\n              <Chip\n                key={tag}\n                label={`#${tag}`}\n                size=\"small\"\n                clickable\n                onClick={() => handleTagToggle(tag)}\n                sx={{\n                  fontSize: '0.7rem',\n                  fontWeight: value.tags.includes(tag) ? 700 : 400,\n                  borderRadius: 1.5,\n                  backgroundColor: value.tags.includes(tag) ? 'primary.main' : 'transparent',\n                  color: value.tags.includes(tag) ? '#fff' : 'text.secondary',\n                  border: '1px solid',\n                  borderColor: value.tags.includes(tag) ? 'primary.main' : 'divider',\n                }}\n              />\n            ))}\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AssetFilters.esm.js","sources":["../../../src/components/AssetFilters/AssetFilters.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport { Box, Flex, Text, SearchField, ToggleButton, ToggleButtonGroup } from '@backstage/ui';\nimport { RiAppsLine, RiArticleLine, RiRobot2Line, RiToolsLine, RiGitBranchLine, RiDatabase2Line } from '@remixicon/react';\nimport type { AssetType, AiTool, AiHubProvider } from '@nospt/plugin-dev-ai-hub-common';\nimport { ToolIcon } from '../ToolIcon';\nimport styles from './AssetFilters.module.css';\n\nconst ASSET_TYPES: { value: AssetType | 'all'; label: string; color: string; Icon: ElementType }[] = [\n  { value: 'all',         label: 'All',          color: '#DCDDE1', Icon: RiAppsLine },\n  { value: 'instruction', label: 'Instructions', color: '#54A0FF', Icon: RiArticleLine },\n  { value: 'agent',       label: 'Agents',       color: '#FF6B9D', Icon: RiRobot2Line },\n  { value: 'skill',       label: 'Skills',       color: '#6AB04C', Icon: RiToolsLine },\n  { value: 'workflow',    label: 'Workflows',    color: '#F9CA24', Icon: RiGitBranchLine },\n];\n\nconst AI_TOOLS: { value: AiTool | 'all'; label: string }[] = [\n  { value: 'all', label: 'All Tools' },\n  { value: 'claude-code', label: 'Claude Code' },\n  { value: 'github-copilot', label: 'GitHub Copilot' },\n  { value: 'google-gemini', label: 'Google Gemini' },\n  { value: 'cursor', label: 'Cursor' },\n];\n\nexport interface AssetFiltersValue {\n  types: AssetType[];\n  tools: AiTool[];\n  search: string;\n  tags: string[];\n  providerId?: string;\n}\n\ninterface AssetFiltersProps {\n  value: AssetFiltersValue;\n  onChange: (value: AssetFiltersValue) => void;\n  availableTags?: string[];\n  providers?: AiHubProvider[];\n}\n\nexport function AssetFilters({ value, onChange, availableTags = [], providers }: AssetFiltersProps) {\n  const selectedType = value.types.length === 1 ? value.types[0] : 'all';\n  const selectedTool = value.tools.length === 1 ? value.tools[0] : 'all';\n  const showProviderFilter = providers && providers.length > 1;\n\n  const handleTypeClick = (type: AssetType | 'all') => {\n    onChange({ ...value, types: type === 'all' ? [] : [type] });\n  };\n\n  const handleToolClick = (tool: AiTool | 'all') => {\n    onChange({ ...value, tools: tool === 'all' ? [] : [tool] });\n  };\n\n  const handleTagToggle = (tag: string) => {\n    const next = value.tags.includes(tag)\n      ? value.tags.filter(t => t !== tag)\n      : [...value.tags, tag];\n    onChange({ ...value, tags: next });\n  };\n\n  const handleProviderClick = (id: string | undefined) => {\n    onChange({ ...value, providerId: id });\n  };\n\n  return (\n    <Flex className={styles.container}>\n      <SearchField\n        aria-label=\"Search assets\"\n        className={styles.searchField}\n        placeholder=\"Search assets by name, description or content…\"\n        value={value.search}\n        onChange={v => onChange({ ...value, search: v })}\n      />\n\n      <Flex className={styles.filtersRow}>\n        {/* Type filter */}\n        <Box>\n          <Text variant=\"body-x-small\" color=\"secondary\" className={styles.filterLabel}>\n            Type\n          </Text>\n          <Flex className={styles.filterChips}>\n              {ASSET_TYPES.map(t => {\n                const isSelected = selectedType === t.value;\n                const TypeIcon = t.Icon;\n                return (\n                  <ToggleButton\n                    key={t.value}\n                    id={t.value}\n                    size=\"small\"\n                    className={`${styles.filterChip} ${isSelected ? styles.filterChipSelected : ''}`}\n                    iconStart={<TypeIcon size={14} style={{ color: isSelected ? '#fff' : t.color }} />}\n                    isSelected={isSelected}\n                    onChange={() => handleTypeClick(t.value as AssetType | 'all')}\n                    style={{\n                      borderColor: isSelected ? t.color : `${t.color}30`,\n                      backgroundColor: isSelected ? t.color : `${t.color}10`,\n                      color: isSelected ? '#fff' : t.color,\n                    }}\n                  >\n                    {t.label}\n                  </ToggleButton>\n                );\n              })}\n            </Flex>\n        </Box>\n\n        {/* AI Tool filter */}\n        <Box>\n          <Text variant=\"body-x-small\" color=\"secondary\" className={styles.filterLabel}>\n            AI Tool\n          </Text>\n          <Flex className={styles.filterChips}>\n              {AI_TOOLS.map(t => {\n                const isSelected = selectedTool === t.value;\n                const iconEl = t.value !== 'all'\n                  ? <ToolIcon tool={t.value as AiTool} branded size={14} />\n                  : undefined;\n                return (\n                  <ToggleButton\n                    key={t.value}\n                    id={t.value}\n                    size=\"small\"\n                    className={`${styles.filterChip} ${isSelected ? styles.toolChipSelected : ''}`}\n                    iconStart={iconEl}\n                    isSelected={isSelected}\n                    onChange={() => handleToolClick(t.value as AiTool | 'all')}\n                    style={{\n                      borderColor: isSelected ? 'var(--bui-fg-link)' : 'var(--bui-border-1)',\n                      backgroundColor: isSelected ? 'var(--bui-bg-accent-1)' : 'transparent',\n                      color: isSelected ? 'var(--bui-fg-link)' : 'var(--bui-fg-secondary)',\n                    }}\n                  >\n                    {t.label}\n                  </ToggleButton>\n                );\n              })}\n            </Flex>\n        </Box>\n\n        {/* Provider filter — only shown when there are 2+ providers */}\n        {showProviderFilter && (\n          <Box>\n            <Text variant=\"body-x-small\" color=\"secondary\" className={styles.filterLabel}>\n              Provider\n            </Text>\n            <Flex className={styles.filterChips}>\n                <ToggleButton\n                  id=\"all-providers\"\n                  size=\"small\"\n                  className={`${styles.filterChip} ${!value.providerId ? styles.filterChipSelected : ''}`}\n                  iconStart={<RiAppsLine size={14} />}\n                  isSelected={!value.providerId}\n                  onChange={() => handleProviderClick(undefined)}\n                  style={{\n                    borderColor: !value.providerId ? 'var(--bui-fg-primary)' : 'var(--bui-border-1)',\n                    backgroundColor: !value.providerId ? 'var(--bui-fg-primary)' : 'transparent',\n                    color: !value.providerId ? 'var(--bui-bg-neutral-1)' : 'var(--bui-fg-secondary)',\n                  }}\n                >\n                  All\n                </ToggleButton>\n                {providers.map(p => {\n                  const isSelected = value.providerId === p.id;\n                  const label = p.target.split('/').slice(-1)[0]?.replace(/\\.git$/, '') ?? p.id;\n                  return (\n                    <ToggleButton\n                      key={p.id}\n                      id={p.id}\n                      size=\"small\"\n                      className={`${styles.filterChip} ${isSelected ? styles.filterChipSelected : ''}`}\n                      iconStart={<RiDatabase2Line size={14} style={{ color: isSelected ? 'var(--bui-bg-neutral-1)' : 'inherit' }} />}\n                      isSelected={isSelected}\n                      onChange={() => handleProviderClick(isSelected ? undefined : 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      </Flex>\n\n      {availableTags.length > 0 && (\n        <Box>\n          <Text variant=\"body-x-small\" color=\"secondary\" className={styles.filterLabel}>\n            Tags\n          </Text>\n          <Flex className={styles.filterChips}>\n              {availableTags.map(tag => {\n                const isActive = value.tags.includes(tag);\n                return (\n                  <ToggleButton\n                    key={tag}\n                    id={tag}\n                    size=\"small\"\n                    className={`${styles.tagChip} ${isActive ? styles.tagChipSelected : ''}`}\n                    isSelected={isActive}\n                    onChange={() => handleTagToggle(tag)}\n                    style={{\n                      fontWeight: isActive ? 700 : 400,\n                      backgroundColor: isActive ? 'var(--bui-bg-solid)' : 'transparent',\n                      color: isActive ? '#fff' : 'var(--bui-fg-secondary)',\n                      borderColor: isActive ? 'var(--bui-bg-solid)' : 'var(--bui-border-1)',\n                    }}\n                  >\n                    #{tag}\n                  </ToggleButton>\n                );\n              })}\n            </Flex>\n        </Box>\n      )}\n    </Flex>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/AssetFilters/AssetFilters.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  .AssetFilters_container__284e9c626f {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-4);\n    margin-bottom: var(--bui-space-6);\n  }\n\n  .AssetFilters_searchField__284e9c626f {\n    width: 100%;\n  }\n\n  .AssetFilters_filtersRow__284e9c626f {\n    display: flex;\n    gap: var(--bui-space-6);\n    flex-wrap: wrap;\n    align-items: flex-start;\n  }\n\n  .AssetFilters_filterLabel__284e9c626f {\n    margin-bottom: var(--bui-space-2);\n    display: block;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    font-weight: 600;\n  }\n\n  .AssetFilters_filterChips__284e9c626f {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n  }\n\n  .AssetFilters_filterChip__284e9c626f {\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  .AssetFilters_filterChip__284e9c626f .bui-ToggleButtonContent {\n    display: flex;\n    align-items: center;\n  }\n\n  .AssetFilters_filterChip__284e9c626f svg {\n    display: block;\n  }\n\n  .AssetFilters_toolChipSelected__284e9c626f {\n    font-weight: 700;\n  }\n\n  .AssetFilters_tagChip__284e9c626f {\n    font-size: 0.7rem;\n    border-radius: var(--bui-radius-2);\n    border: 1px solid;\n    cursor: pointer;\n  }\n\n  .AssetFilters_tagChip__284e9c626f .bui-ToggleButtonContent {\n    display: flex;\n    align-items: center;\n  }\n}\n";
+var styles = {"container":"AssetFilters_container__284e9c626f","searchField":"AssetFilters_searchField__284e9c626f","filtersRow":"AssetFilters_filtersRow__284e9c626f","filterLabel":"AssetFilters_filterLabel__284e9c626f","filterChips":"AssetFilters_filterChips__284e9c626f","filterChip":"AssetFilters_filterChip__284e9c626f","toolChipSelected":"AssetFilters_toolChipSelected__284e9c626f","tagChip":"AssetFilters_tagChip__284e9c626f"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AssetFilters.module.css.esm.js.map

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

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