@nospt/plugin-dev-ai-hub 0.2.3 → 0.3.0

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

@@ -1,176 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-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: "#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" },
-  { value: "claude-code", label: "Claude Code" },
-  { value: "github-copilot", label: "GitHub Copilot" },
-  { value: "google-gemini", label: "Google Gemini" },
-  { value: "cursor", label: "Cursor" }
-];
-function AssetFilters({ value, onChange, availableTags = [], providers }) {
-  const selectedType = value.types.length === 1 ? value.types[0] : "all";
-  const selectedTool = value.tools.length === 1 ? value.tools[0] : "all";
-  const showProviderFilter = providers && providers.length > 1;
-  const handleTypeClick = (type) => {
-    onChange({ ...value, types: type === "all" ? [] : [type] });
-  };
-  const handleToolClick = (tool) => {
-    onChange({ ...value, tools: tool === "all" ? [] : [tool] });
-  };
-  const handleTagToggle = (tag) => {
-    const next = value.tags.includes(tag) ? value.tags.filter((t) => t !== tag) : [...value.tags, tag];
-    onChange({ ...value, tags: next });
-  };
-  const handleProviderClick = (id) => {
-    onChange({ ...value, providerId: id });
-  };
-  return /* @__PURE__ */ jsxs(Flex, { className: styles.container, children: [
-    /* @__PURE__ */ jsx(
-      SearchField,
-      {
-        "aria-label": "Search assets",
-        className: styles.searchField,
-        placeholder: "Search assets by name, description or content\u2026",
-        value: value.search,
-        onChange: (v) => onChange({ ...value, search: v })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Flex, { className: styles.filtersRow, children: [
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__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(
-            ToggleButton,
-            {
-              id: t.value,
-              size: "small",
-              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(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: true, size: 14 }) : void 0;
-          return /* @__PURE__ */ jsx(
-            ToggleButton,
-            {
-              id: t.value,
-              size: "small",
-              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(Text, { variant: "body-x-small", color: "secondary", className: styles.filterLabel, children: "Provider" }),
-        /* @__PURE__ */ jsxs(Flex, { className: styles.filterChips, children: [
-          /* @__PURE__ */ jsx(
-            ToggleButton,
-            {
-              id: "all-providers",
-              size: "small",
-              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(
-              ToggleButton,
-              {
-                id: p.id,
-                size: "small",
-                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
-            );
-          })
-        ] })
-      ] })
-    ] }),
-    availableTags.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__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
-        );
-      }) })
-    ] })
-  ] });
-}
-
-export { AssetFilters };
-//# sourceMappingURL=AssetFilters.esm.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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

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

package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js

@@ -1,138 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { DialogTrigger, Dialog, DialogHeader, Text, DialogBody, Flex, Skeleton, Box, TagGroup, Tag, TooltipTrigger, Button, Tooltip, DialogFooter } from '@backstage/ui';
-import { RiFolderZipLine, RiCheckLine, RiFileCopyLine, RiDownloadLine } from '@remixicon/react';
-import { getInstallPathsForAsset } from '@nospt/plugin-dev-ai-hub-common';
-import { useApi } from '@backstage/core-plugin-api';
-import { devAiHubApiRef } from '../../api/DevAiHubClient.esm.js';
-import { useAssetDetail } from '../../hooks/index.esm.js';
-import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
-import styles from './AssetInstallDialog.module.css.esm.js';
-
-const TOOL_LABELS = {
-  "claude-code": "Claude Code",
-  "github-copilot": "GitHub Copilot",
-  "google-gemini": "Google Gemini",
-  "cursor": "Cursor"
-};
-function AssetInstallDialog({ assetId, onClose }) {
-  const [copiedTool, setCopiedTool] = useState(null);
-  const api = useApi(devAiHubApiRef);
-  const { asset, loading } = useAssetDetail(assetId);
-  const handleClose = () => {
-    onClose();
-    setCopiedTool(null);
-  };
-  const handleCopy = (tool) => {
-    if (!asset) return;
-    navigator.clipboard.writeText(asset.content).then(() => {
-      setCopiedTool(tool);
-      setTimeout(() => setCopiedTool(null), 2e3);
-    });
-    api.trackInstall(asset.id).catch(() => {
-    });
-  };
-  const resourcePaths = asset?.resourcesContent ? Object.keys(asset.resourcesContent) : [];
-  const isZipSkill = asset?.type === "skill" && resourcePaths.length > 0;
-  const handleDownload = async (_tool, installPath) => {
-    if (!asset) return;
-    if (isZipSkill) {
-      const url = await api.getDownloadUrl(asset.id);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = `${asset.name.replace(/\s+/g, "-").toLowerCase()}.zip`;
-      a.click();
-    } else {
-      const filename = installPath.split("/").pop() ?? `${asset.name}.md`;
-      const blob = new Blob([asset.content], { type: "text/markdown" });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = filename;
-      a.click();
-      URL.revokeObjectURL(url);
-    }
-    api.trackInstall(asset.id).catch(() => {
-    });
-  };
-  const installPaths = asset ? getInstallPathsForAsset(asset.type, asset.tools, asset.name, {
-    installPath: asset.installPath,
-    installPaths: asset.installPaths
-  }) : {};
-  return /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      isOpen: !!assetId,
-      isDismissable: true,
-      onOpenChange: (open) => {
-        if (!open) handleClose();
-      },
-      children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          asset ? `Install: ${asset.name}` : "Install",
-          /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", className: styles.subtitle, children: "Copy the content and place the file at the path shown for your tool." })
-        ] }),
-        /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { gap: "var(--bui-space-3)" }, children: [
-          loading && /* @__PURE__ */ jsx(Flex, { className: styles.loadingContainer, children: /* @__PURE__ */ jsx(Skeleton, { style: { width: "100%", height: 80 } }) }),
-          !loading && asset && isZipSkill && /* @__PURE__ */ jsxs(Box, { className: styles.zipInfo, children: [
-            /* @__PURE__ */ jsxs(Flex, { className: styles.zipHeader, children: [
-              /* @__PURE__ */ jsx(RiFolderZipLine, { size: 16, style: { color: "var(--bui-fg-info)" } }),
-              /* @__PURE__ */ jsx(Text, { variant: "body-small", weight: "bold", style: { color: "var(--bui-fg-info)" }, children: "Bundled skill \u2014 downloads as .zip" })
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { variant: "body-x-small", color: "secondary", style: { display: "block", marginBottom: "var(--bui-space-2)" }, children: [
-              "This skill includes resource files alongside ",
-              /* @__PURE__ */ jsx("code", { children: "SKILL.md" }),
-              ". Extract the zip and place all files in the skill directory."
-            ] }),
-            /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Bundled files", children: /* @__PURE__ */ jsxs(Flex, { className: styles.zipFiles, children: [
-              /* @__PURE__ */ jsx(Tag, { id: "skill-md", size: "small", className: styles.monoTag, children: "SKILL.md" }),
-              resourcePaths.map((p) => /* @__PURE__ */ jsx(Tag, { id: p, size: "small", className: styles.monoTag, children: p }, p))
-            ] }) })
-          ] }),
-          !loading && asset && Object.entries(installPaths).map(([tool, installPath]) => /* @__PURE__ */ jsxs(Box, { className: styles.toolSection, children: [
-            /* @__PURE__ */ jsxs(Flex, { className: styles.toolHeader, children: [
-              /* @__PURE__ */ jsx(ToolIcon, { tool, size: 16 }),
-              /* @__PURE__ */ jsx(Text, { variant: "body-small", weight: "bold", children: TOOL_LABELS[tool] ?? tool })
-            ] }),
-            /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", style: { display: "block", marginBottom: "var(--bui-space-1)" }, children: "Install path" }),
-            /* @__PURE__ */ jsx(Box, { className: styles.installPathBox, children: installPath }),
-            /* @__PURE__ */ jsxs(Flex, { className: styles.toolActions, children: [
-              /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
-                /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    variant: "secondary",
-                    onClick: () => handleCopy(tool),
-                    children: [
-                      copiedTool === tool ? /* @__PURE__ */ jsx(RiCheckLine, { size: 14 }) : /* @__PURE__ */ jsx(RiFileCopyLine, { size: 14 }),
-                      copiedTool === tool ? "Copied!" : "Copy Content"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(Tooltip, { children: copiedTool === tool ? "Copied!" : "Copy markdown content" })
-              ] }),
-              /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
-                /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    variant: "secondary",
-                    onClick: () => handleDownload(tool, installPath),
-                    children: [
-                      isZipSkill ? /* @__PURE__ */ jsx(RiFolderZipLine, { size: 14 }) : /* @__PURE__ */ jsx(RiDownloadLine, { size: 14 }),
-                      isZipSkill ? "Download .zip" : "Download"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(Tooltip, { children: isZipSkill ? "Download as .zip with all bundled files" : "Download file with correct name" })
-              ] })
-            ] })
-          ] }, tool))
-        ] }) }),
-        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "secondary", slot: "close", children: "Close" }) })
-      ]
-    }
-  ) });
-}
-
-export { AssetInstallDialog };
-//# sourceMappingURL=AssetInstallDialog.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AssetInstallDialog.esm.js","sources":["../../../src/components/AssetInstallDialog/AssetInstallDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Box, Flex, Text, Button, Tag, TagGroup, Skeleton,\n  Dialog, DialogTrigger, DialogHeader, DialogBody, DialogFooter,\n  Tooltip, TooltipTrigger,\n} from '@backstage/ui';\nimport { RiFileCopyLine, RiDownloadLine, RiCheckLine, RiFolderZipLine } from '@remixicon/react';\nimport type { AiTool } from '@nospt/plugin-dev-ai-hub-common';\nimport { getInstallPathsForAsset } from '@nospt/plugin-dev-ai-hub-common';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { devAiHubApiRef } from '../../api/DevAiHubClient';\nimport { useAssetDetail } from '../../hooks';\nimport { ToolIcon } from '../ToolIcon';\nimport styles from './AssetInstallDialog.module.css';\n\nconst TOOL_LABELS: Record<string, string> = {\n  'claude-code':    'Claude Code',\n  'github-copilot': 'GitHub Copilot',\n  'google-gemini':  'Google Gemini',\n  'cursor':         'Cursor',\n};\n\ninterface AssetInstallDialogProps {\n  assetId: string | null;\n  onClose: () => void;\n}\n\nexport function AssetInstallDialog({ assetId, onClose }: AssetInstallDialogProps) {\n  const [copiedTool, setCopiedTool] = useState<string | null>(null);\n  const api = useApi(devAiHubApiRef);\n  const { asset, loading } = useAssetDetail(assetId);\n\n  const handleClose = () => {\n    onClose();\n    setCopiedTool(null);\n  };\n\n  const handleCopy = (tool: string) => {\n    if (!asset) return;\n    navigator.clipboard.writeText(asset.content).then(() => {\n      setCopiedTool(tool);\n      setTimeout(() => setCopiedTool(null), 2000);\n    });\n    api.trackInstall(asset.id).catch(() => {});\n  };\n\n  const resourcePaths = asset?.resourcesContent\n    ? Object.keys(asset.resourcesContent)\n    : [];\n  const isZipSkill = asset?.type === 'skill' && resourcePaths.length > 0;\n\n  const handleDownload = async (_tool: string, installPath: string) => {\n    if (!asset) return;\n    if (isZipSkill) {\n      const url = await api.getDownloadUrl(asset.id);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = `${asset.name.replace(/\\s+/g, '-').toLowerCase()}.zip`;\n      a.click();\n    } else {\n      const filename = installPath.split('/').pop() ?? `${asset.name}.md`;\n      const blob = new Blob([asset.content], { type: 'text/markdown' });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = filename;\n      a.click();\n      URL.revokeObjectURL(url);\n    }\n    api.trackInstall(asset.id).catch(() => {});\n  };\n\n  const installPaths = asset\n    ? getInstallPathsForAsset(asset.type, asset.tools, asset.name, {\n        installPath: asset.installPath,\n        installPaths: asset.installPaths,\n      })\n    : {};\n\n  return (\n    <DialogTrigger>\n      <Dialog\n        isOpen={!!assetId}\n        isDismissable\n        onOpenChange={open => { if (!open) handleClose(); }}\n      >\n        <DialogHeader>\n          {asset ? `Install: ${asset.name}` : 'Install'}\n          <Text variant=\"body-small\" color=\"secondary\" className={styles.subtitle}>\n            Copy the content and place the file at the path shown for your tool.\n          </Text>\n        </DialogHeader>\n\n        <DialogBody>\n          <Flex direction=\"column\" style={{ gap: 'var(--bui-space-3)' }}>\n            {loading && (\n              <Flex className={styles.loadingContainer}>\n                <Skeleton style={{ width: '100%', height: 80 }} />\n              </Flex>\n            )}\n\n            {!loading && asset && isZipSkill && (\n              <Box className={styles.zipInfo}>\n                <Flex className={styles.zipHeader}>\n                  <RiFolderZipLine size={16} style={{ color: 'var(--bui-fg-info)' }} />\n                  <Text variant=\"body-small\" weight=\"bold\" style={{ color: 'var(--bui-fg-info)' }}>\n                    Bundled skill — downloads as .zip\n                  </Text>\n                </Flex>\n                <Text variant=\"body-x-small\" color=\"secondary\" style={{ display: 'block', marginBottom: 'var(--bui-space-2)' }}>\n                  This skill includes resource files alongside <code>SKILL.md</code>.\n                  Extract the zip and place all files in the skill directory.\n                </Text>\n                <TagGroup aria-label=\"Bundled files\">\n                  <Flex className={styles.zipFiles}>\n                    <Tag id=\"skill-md\" size=\"small\" className={styles.monoTag}>SKILL.md</Tag>\n                    {resourcePaths.map(p => (\n                      <Tag key={p} id={p} size=\"small\" className={styles.monoTag}>{p}</Tag>\n                    ))}\n                  </Flex>\n                </TagGroup>\n              </Box>\n            )}\n\n            {!loading && asset && Object.entries(installPaths).map(([tool, installPath]) => (\n              <Box key={tool} className={styles.toolSection}>\n                <Flex className={styles.toolHeader}>\n                  <ToolIcon tool={tool as AiTool} size={16} />\n                  <Text variant=\"body-small\" weight=\"bold\">\n                    {TOOL_LABELS[tool] ?? tool}\n                  </Text>\n                </Flex>\n\n                <Text variant=\"body-x-small\" color=\"secondary\" style={{ display: 'block', marginBottom: 'var(--bui-space-1)' }}>\n                  Install path\n                </Text>\n                <Box className={styles.installPathBox}>\n                  {installPath}\n                </Box>\n\n                <Flex className={styles.toolActions}>\n                  <TooltipTrigger>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => handleCopy(tool)}\n                    >\n                      {copiedTool === tool ? <RiCheckLine size={14} /> : <RiFileCopyLine size={14} />}\n                      {copiedTool === tool ? 'Copied!' : 'Copy Content'}\n                    </Button>\n                    <Tooltip>{copiedTool === tool ? 'Copied!' : 'Copy markdown content'}</Tooltip>\n                  </TooltipTrigger>\n                  <TooltipTrigger>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => handleDownload(tool, installPath)}\n                    >\n                      {isZipSkill ? <RiFolderZipLine size={14} /> : <RiDownloadLine size={14} />}\n                      {isZipSkill ? 'Download .zip' : 'Download'}\n                    </Button>\n                    <Tooltip>{isZipSkill ? 'Download as .zip with all bundled files' : 'Download file with correct name'}</Tooltip>\n                  </TooltipTrigger>\n                </Flex>\n              </Box>\n            ))}\n          </Flex>\n        </DialogBody>\n\n        <DialogFooter>\n          <Button onClick={handleClose} variant=\"secondary\" slot=\"close\">\n            Close\n          </Button>\n        </DialogFooter>\n      </Dialog>\n    </DialogTrigger>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +0,0 @@
-import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
-
-var css_248z = "@layer components {\n  .AssetInstallDialog_subtitle__b31679eacf {\n    margin-top: var(--bui-space-1);\n    font-weight: 400;\n  }\n\n  .AssetInstallDialog_loadingContainer__b31679eacf {\n    display: flex;\n    justify-content: center;\n    padding: var(--bui-space-6) 0;\n  }\n\n  .AssetInstallDialog_zipInfo__b31679eacf {\n    border: 1px solid #00D2D3;\n    border-radius: var(--bui-radius-2);\n    padding: var(--bui-space-3);\n    background-color: color-mix(in srgb, #00D2D3 7%, transparent);\n  }\n\n  .AssetInstallDialog_zipHeader__b31679eacf {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n    margin-bottom: var(--bui-space-2);\n  }\n\n  .AssetInstallDialog_zipFiles__b31679eacf {\n    display: flex;\n    gap: var(--bui-space-1);\n    flex-wrap: wrap;\n  }\n\n  .AssetInstallDialog_monoTag__b31679eacf {\n    font-family: monospace;\n    font-size: 0.7rem;\n    height: 20px;\n  }\n\n  .AssetInstallDialog_toolSection__b31679eacf {\n    border: 1px solid var(--bui-border-1);\n    border-radius: var(--bui-radius-2);\n    padding: var(--bui-space-3);\n  }\n\n  .AssetInstallDialog_toolHeader__b31679eacf {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n    margin-bottom: var(--bui-space-2);\n  }\n\n  .AssetInstallDialog_installPathBox__b31679eacf {\n    background-color: var(--bui-bg-neutral-1-hover);\n    border: 1px solid var(--bui-border-1);\n    border-radius: var(--bui-radius-2);\n    padding: var(--bui-space-2) var(--bui-space-3);\n    font-family: monospace;\n    font-size: 0.78rem;\n    color: var(--bui-fg-primary);\n    word-break: break-all;\n    margin-bottom: 10px;\n  }\n\n  .AssetInstallDialog_toolActions__b31679eacf {\n    display: flex;\n    gap: var(--bui-space-2);\n  }\n\n  .AssetInstallDialog_toolActions__b31679eacf > * {\n    flex: 1;\n  }\n}\n";
-var styles = {"subtitle":"AssetInstallDialog_subtitle__b31679eacf","loadingContainer":"AssetInstallDialog_loadingContainer__b31679eacf","zipInfo":"AssetInstallDialog_zipInfo__b31679eacf","zipHeader":"AssetInstallDialog_zipHeader__b31679eacf","zipFiles":"AssetInstallDialog_zipFiles__b31679eacf","monoTag":"AssetInstallDialog_monoTag__b31679eacf","toolSection":"AssetInstallDialog_toolSection__b31679eacf","toolHeader":"AssetInstallDialog_toolHeader__b31679eacf","installPathBox":"AssetInstallDialog_installPathBox__b31679eacf","toolActions":"AssetInstallDialog_toolActions__b31679eacf"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=AssetInstallDialog.module.css.esm.js.map

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

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

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

@@ -1,195 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
-import { useSearchParams } from 'react-router-dom';
-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 { useStats, useProviders, useAssets } from '../../hooks/index.esm.js';
-import styles from './DevAiHubPage.module.css.esm.js';
-
-const DEFAULT_FILTERS = {
-  types: [],
-  tools: [],
-  search: "",
-  tags: [],
-  providerId: void 0
-};
-const PAGE_SIZE = 24;
-const STATS_CONFIG = [
-  {
-    key: "instruction",
-    label: "Instructions",
-    Icon: RiArticleLine,
-    gradient: "linear-gradient(135deg, #54A0FF 0%, #2980FF 100%)",
-    shadow: "#54A0FF40"
-  },
-  {
-    key: "agent",
-    label: "Agents",
-    Icon: RiRobot2Line,
-    gradient: "linear-gradient(135deg, #FF6B9D 0%, #E0507A 100%)",
-    shadow: "#FF6B9D40"
-  },
-  {
-    key: "skill",
-    label: "Skills",
-    Icon: RiToolsLine,
-    gradient: "linear-gradient(135deg, #6AB04C 0%, #4A8F2E 100%)",
-    shadow: "#6AB04C40"
-  },
-  {
-    key: "workflow",
-    label: "Workflows",
-    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 [searchParams, setSearchParams] = useSearchParams();
-  const selectedAssetId = searchParams.get("assetId");
-  const installAssetId = searchParams.get("installId");
-  const handleViewAsset = (id) => setSearchParams((p) => {
-    const n = new URLSearchParams(p);
-    n.set("assetId", id);
-    return n;
-  });
-  const handleCloseDetail = () => setSearchParams((p) => {
-    const n = new URLSearchParams(p);
-    n.delete("assetId");
-    return n;
-  });
-  const handleInstallAsset = (id) => setSearchParams((p) => {
-    const n = new URLSearchParams(p);
-    n.set("installId", id);
-    return n;
-  });
-  const handleCloseInstall = () => setSearchParams((p) => {
-    const n = new URLSearchParams(p);
-    n.delete("installId");
-    return n;
-  });
-  const { stats } = useStats();
-  const { providers } = useProviders();
-  const apiFilter = useMemo(
-    () => ({
-      type: filters.types.length === 1 ? filters.types[0] : void 0,
-      tool: filters.tools.length === 1 ? filters.tools[0] : void 0,
-      search: filters.search || void 0,
-      tags: filters.tags.length > 0 ? filters.tags : void 0,
-      providerId: filters.providerId || void 0,
-      page,
-      pageSize: PAGE_SIZE
-    }),
-    [filters, page]
-  );
-  const { result, loading } = useAssets(apiFilter);
-  const handleFiltersChange = (next) => {
-    setFilters(next);
-    setPage(1);
-  };
-  const totalPages = result ? Math.ceil(result.totalCount / PAGE_SIZE) : 0;
-  const availableTags = useMemo(() => {
-    if (!result) return [];
-    const tagSet = /* @__PURE__ */ new Set();
-    result.items.forEach((a) => a.tags.forEach((t) => tagSet.add(t)));
-    return Array.from(tagSet).sort();
-  }, [result]);
-  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" } }) })
-            ] })
-          },
-          key
-        );
-      }) }),
-      /* @__PURE__ */ jsx(
-        AssetFilters,
-        {
-          value: filters,
-          onChange: handleFiltersChange,
-          availableTags,
-          providers: providers.length > 1 ? providers : void 0
-        }
-      ),
-      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("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("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(Flex, { className: styles.paginationRow, children: /* @__PURE__ */ jsx(
-        TablePagination,
-        {
-          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)
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      AssetDetailPanel,
-      {
-        assetId: selectedAssetId,
-        onClose: handleCloseDetail
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      AssetInstallDialog,
-      {
-        assetId: installAssetId,
-        onClose: handleCloseInstall
-      }
-    )
-  ] });
-}
-
-export { DevAiHubPage };
-//# sourceMappingURL=DevAiHubPage.esm.js.map