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

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

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/AssetDetailPanel/AssetDetailPanel.esm.js CHANGED Viewed

@@ -2,24 +2,10 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
-import Alert from '@mui/material/Alert';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Chip from '@mui/material/Chip';
-import CircularProgress from '@mui/material/CircularProgress';
-import Divider from '@mui/material/Divider';
-import Drawer from '@mui/material/Drawer';
-import IconButton from '@mui/material/IconButton';
-import Link from '@mui/material/Link';
-import Snackbar from '@mui/material/Snackbar';
-import Tab from '@mui/material/Tab';
-import Tabs from '@mui/material/Tabs';
-import Typography from '@mui/material/Typography';
-import CloseIcon from '@mui/icons-material/Close';
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
-import FolderZipIcon from '@mui/icons-material/FolderZip';
-import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { Flex, Box, Skeleton, Text, TagGroup, Tag, ButtonIcon, Tabs, TabList, Tab, TabPanel, Link, Button, Alert } from '@backstage/ui';
+import { RiCloseLine, RiFolderZipLine, RiExternalLinkLine, RiFileCopyLine } from '@remixicon/react';
 import { useAssetDetail } from '../../hooks/index.esm.js';
+import styles from './AssetDetailPanel.module.css.esm.js';
 const SyntaxHighlighter = require("react-syntax-highlighter/dist/esm/prism").default;
 const { oneLight } = require("react-syntax-highlighter/dist/esm/styles/prism");
@@ -30,7 +16,6 @@ const TYPE_COLORS = {
   workflow: "#f57c00"
 };
 function AssetDetailPanel({ assetId, onClose }) {
-  const [tab, setTab] = useState(0);
   const [snackbar, setSnackbar] = useState(null);
   const { asset, loading } = useAssetDetail(assetId);
   const handleCopy = () => {
@@ -39,284 +24,193 @@ function AssetDetailPanel({ assetId, onClose }) {
       () => setSnackbar("Markdown copied to clipboard!")
     );
   };
+  if (!assetId) return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Drawer,
-      {
-        anchor: "right",
-        open: !!assetId,
-        onClose,
-        PaperProps: { sx: { width: { xs: "100vw", md: 640 } } },
-        children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-          /* @__PURE__ */ jsxs(
-            Box,
-            {
-              sx: {
-                p: 2,
-                display: "flex",
-                alignItems: "flex-start",
-                gap: 2,
-                borderBottom: 1,
-                borderColor: "divider"
-              },
-              children: [
-                /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: loading || !asset ? /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                  /* @__PURE__ */ jsx(CircularProgress, { size: 16 }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Loading..." })
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.5 }, children: [
-                    /* @__PURE__ */ jsx(Typography, { variant: "h6", fontWeight: 700, children: asset.name }),
-                    /* @__PURE__ */ jsx(
-                      Chip,
-                      {
-                        label: asset.type,
-                        size: "small",
-                        sx: {
-                          backgroundColor: `${TYPE_COLORS[asset.type]}20`,
-                          color: TYPE_COLORS[asset.type],
-                          fontWeight: 600
-                        }
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: asset.description })
-                ] }) }),
-                /* @__PURE__ */ jsx(IconButton, { onClick: onClose, size: "small", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Tabs,
-            {
-              value: tab,
-              onChange: (_, v) => setTab(v),
-              sx: { borderBottom: 1, borderColor: "divider", px: 2 },
-              children: [
-                /* @__PURE__ */ jsx(Tab, { label: "Preview" }),
-                /* @__PURE__ */ jsx(Tab, { label: "Metadata" }),
-                /* @__PURE__ */ jsx(Tab, { label: "Raw YAML" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, overflow: "auto", p: 2 }, children: [
-            loading && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", pt: 4 }, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
-            !loading && asset && /* @__PURE__ */ jsxs(Fragment, { children: [
-              tab === 0 && /* @__PURE__ */ jsx(
-                Box,
-                {
-                  sx: {
-                    "& h1,h2,h3,h4,h5,h6": { mt: 2, mb: 1, fontWeight: 700 },
-                    "& p": { mb: 1, lineHeight: 1.7 },
-                    "& ul, & ol": { pl: 2.5, mb: 1 },
-                    "& li": { mb: 0.5 },
-                    "& blockquote": {
-                      borderLeft: "3px solid",
-                      borderColor: "primary.main",
-                      pl: 1.5,
-                      color: "text.secondary",
-                      my: 1,
-                      ml: 0
-                    },
-                    "& table": { width: "100%", borderCollapse: "collapse", mb: 1 },
-                    "& th, & td": {
-                      border: "1px solid",
-                      borderColor: "divider",
-                      px: 1.5,
-                      py: 0.75,
-                      fontSize: "0.875rem"
-                    },
-                    "& th": { backgroundColor: "action.hover", fontWeight: 700 },
-                    "& code": {
-                      bgcolor: "action.hover",
-                      px: 0.5,
-                      py: 0.2,
-                      borderRadius: 0.5,
-                      fontFamily: "monospace",
-                      fontSize: "0.875em"
-                    },
-                    "& pre code": { bgcolor: "transparent", px: 0, py: 0 }
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    ReactMarkdown,
-                    {
-                      remarkPlugins: [remarkGfm],
-                      components: {
-                        pre: ({ children }) => /* @__PURE__ */ jsx(Box, { sx: { my: 1 }, children }),
-                        code({ className, children }) {
-                          const match = /language-(\w+)/.exec(className || "");
-                          const code = String(children).replace(/\n$/, "");
-                          const isBlock = code.includes("\n") || !!match;
-                          return isBlock ? /* @__PURE__ */ jsx(
-                            SyntaxHighlighter,
-                            {
-                              style: oneLight,
-                              language: match?.[1] ?? "text",
-                              PreTag: "div",
-                              customStyle: {
-                                borderRadius: 8,
-                                fontSize: "0.8rem",
-                                margin: 0,
-                                border: "1px solid rgba(0,0,0,0.08)"
-                              },
-                              children: code
-                            }
-                          ) : /* @__PURE__ */ jsx("code", { className, children });
-                        }
-                      },
-                      children: asset.content
-                    }
-                  )
-                }
-              ),
-              tab === 1 && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx(MetaRow, { label: "Author", value: asset.author }),
-                /* @__PURE__ */ jsx(MetaRow, { label: "Version", value: asset.version }),
-                /* @__PURE__ */ jsx(MetaRow, { label: "Provider", value: asset.providerId }),
-                asset.commitSha && /* @__PURE__ */ jsx(MetaRow, { label: "Commit", value: asset.commitSha.slice(0, 8) }),
-                /* @__PURE__ */ jsx(MetaRow, { label: "Last synced", value: new Date(asset.syncedAt).toLocaleString() }),
-                /* @__PURE__ */ jsx(MetaRow, { label: "Branch", value: asset.branch }),
-                /* @__PURE__ */ jsx(Divider, {}),
-                /* @__PURE__ */ jsxs(Box, { children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "Compatible tools" }),
-                  /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 1, mt: 0.5 }, children: asset.tools.map((t) => /* @__PURE__ */ jsx(Chip, { label: t, size: "small" }, t)) })
-                ] }),
-                asset.tags.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "Tags" }),
-                  /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.5 }, children: asset.tags.map((t) => /* @__PURE__ */ jsx(Chip, { label: t, size: "small", variant: "outlined" }, t)) })
-                ] }),
-                asset.type === "skill" && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Divider, {}),
-                  /* @__PURE__ */ jsxs(Box, { children: [
-                    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.75, mb: 0.5 }, children: [
-                      /* @__PURE__ */ jsx(FolderZipIcon, { sx: { fontSize: "0.85rem", color: "text.secondary" } }),
-                      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "Bundled files" })
-                    ] }),
-                    asset.resourcesContent && Object.keys(asset.resourcesContent).length > 0 ? /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5, mt: 0.5 }, children: [
-                      /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap" }, children: [
-                        /* @__PURE__ */ jsx(
-                          Chip,
-                          {
-                            label: "SKILL.md",
-                            size: "small",
-                            sx: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }
-                          }
-                        ),
-                        Object.keys(asset.resourcesContent).map((p) => /* @__PURE__ */ jsx(
-                          Chip,
-                          {
-                            label: p,
-                            size: "small",
-                            variant: "outlined",
-                            sx: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }
-                          },
-                          p
-                        ))
-                      ] }),
-                      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", children: "Downloads as .zip containing all files above." })
-                    ] }) : /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.5 }, children: /* @__PURE__ */ jsx(
-                      Chip,
+    /* @__PURE__ */ jsx("div", { className: styles.overlay, onClick: onClose, role: "presentation" }),
+    /* @__PURE__ */ jsx("div", { className: styles.drawer, children: /* @__PURE__ */ jsxs(Flex, { className: styles.panelContainer, children: [
+      /* @__PURE__ */ jsxs(Flex, { className: styles.header, children: [
+        /* @__PURE__ */ jsx(Box, { className: styles.headerContent, children: loading || !asset ? /* @__PURE__ */ jsxs(Flex, { className: styles.loadingRow, children: [
+          /* @__PURE__ */ jsx(Skeleton, { style: { width: 16, height: 16 } }),
+          /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Loading..." })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(Flex, { className: styles.nameRow, children: [
+            /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: asset.name }),
+            /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Asset type", children: /* @__PURE__ */ jsx(
+              Tag,
+              {
+                id: asset.type,
+                size: "small",
+                className: styles.typeTag,
+                style: {
+                  backgroundColor: `${TYPE_COLORS[asset.type]}20`,
+                  color: TYPE_COLORS[asset.type]
+                },
+                children: asset.type
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { variant: "body-medium", color: "secondary", children: asset.description })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          ButtonIcon,
+          {
+            "aria-label": "Close",
+            icon: /* @__PURE__ */ jsx(RiCloseLine, { size: 20 }),
+            variant: "tertiary",
+            onPress: onClose
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Tabs, { defaultSelectedKey: "preview", children: [
+        /* @__PURE__ */ jsxs(TabList, { className: styles.tabBar, children: [
+          /* @__PURE__ */ jsx(Tab, { id: "preview", children: "Preview" }),
+          /* @__PURE__ */ jsx(Tab, { id: "metadata", children: "Metadata" }),
+          /* @__PURE__ */ jsx(Tab, { id: "raw", children: "Raw YAML" })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { className: styles.contentArea, children: [
+          loading && /* @__PURE__ */ jsx(Flex, { style: { justifyContent: "center", paddingTop: "var(--bui-space-8)" }, children: /* @__PURE__ */ jsx(Skeleton, { style: { width: "100%", height: 200 } }) }),
+          !loading && asset && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(TabPanel, { id: "preview", children: /* @__PURE__ */ jsx("div", { className: styles.markdownContent, children: /* @__PURE__ */ jsx(
+              ReactMarkdown,
+              {
+                remarkPlugins: [remarkGfm],
+                components: {
+                  pre: ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.codeBlockWrapper, children }),
+                  code({ className, children }) {
+                    const match = /language-(\w+)/.exec(className || "");
+                    const code = String(children).replace(/\n$/, "");
+                    const isBlock = code.includes("\n") || !!match;
+                    return isBlock ? /* @__PURE__ */ jsx(
+                      SyntaxHighlighter,
                       {
-                        label: "SKILL.md",
-                        size: "small",
-                        sx: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }
+                        style: oneLight,
+                        language: match?.[1] ?? "text",
+                        PreTag: "div",
+                        customStyle: {
+                          borderRadius: 8,
+                          fontSize: "0.8rem",
+                          margin: 0,
+                          border: "1px solid rgba(0,0,0,0.08)"
+                        },
+                        children: code
                       }
-                    ) })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(Divider, {}),
+                    ) : /* @__PURE__ */ jsx("code", { className, children });
+                  }
+                },
+                children: asset.content
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx(TabPanel, { id: "metadata", children: /* @__PURE__ */ jsxs(Flex, { className: styles.metaSection, children: [
+              /* @__PURE__ */ jsx(MetaRow, { label: "Author", value: asset.author }),
+              /* @__PURE__ */ jsx(MetaRow, { label: "Version", value: asset.version }),
+              /* @__PURE__ */ jsx(MetaRow, { label: "Provider", value: asset.providerId }),
+              asset.commitSha && /* @__PURE__ */ jsx(MetaRow, { label: "Commit", value: asset.commitSha.slice(0, 8) }),
+              /* @__PURE__ */ jsx(MetaRow, { label: "Last synced", value: new Date(asset.syncedAt).toLocaleString() }),
+              /* @__PURE__ */ jsx(MetaRow, { label: "Branch", value: asset.branch }),
+              /* @__PURE__ */ jsx("hr", { className: styles.divider }),
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Compatible tools" }),
+                /* @__PURE__ */ jsx(Flex, { className: styles.chipsRow, children: /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Compatible tools", children: asset.tools.map((t) => /* @__PURE__ */ jsx(Tag, { id: t, size: "small", children: t }, t)) }) })
+              ] }),
+              asset.tags.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Tags" }),
+                /* @__PURE__ */ jsx(Flex, { className: styles.chipsRow, children: /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Tags", children: asset.tags.map((t) => /* @__PURE__ */ jsx(Tag, { id: t, size: "small", children: t }, t)) }) })
+              ] }),
+              asset.type === "skill" && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("hr", { className: styles.divider }),
                 /* @__PURE__ */ jsxs(Box, { children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "Repository" }),
-                  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
-                    Link,
-                    {
-                      href: asset.repoUrl,
-                      target: "_blank",
-                      rel: "noopener noreferrer",
-                      variant: "body2",
-                      children: [
-                        asset.repoUrl,
-                        " ",
-                        /* @__PURE__ */ jsx(OpenInNewIcon, { sx: { fontSize: 12 } })
-                      ]
-                    }
-                  ) })
+                  /* @__PURE__ */ jsxs(Flex, { className: styles.bundledHeader, children: [
+                    /* @__PURE__ */ jsx(RiFolderZipLine, { size: 14, style: { color: "var(--bui-fg-secondary)" } }),
+                    /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Bundled files" })
+                  ] }),
+                  asset.resourcesContent && Object.keys(asset.resourcesContent).length > 0 ? /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { gap: "var(--bui-space-1)", marginTop: "var(--bui-space-1)" }, children: [
+                    /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Bundled files", children: /* @__PURE__ */ jsxs(Flex, { className: styles.chipsRow, children: [
+                      /* @__PURE__ */ jsx(Tag, { id: "skill-md", size: "small", style: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }, children: "SKILL.md" }),
+                      Object.keys(asset.resourcesContent).map((p) => /* @__PURE__ */ jsx(Tag, { id: p, size: "small", style: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }, children: p }, p))
+                    ] }) }),
+                    /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Downloads as .zip containing all files above." })
+                  ] }) : /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Bundled files", children: /* @__PURE__ */ jsx(Flex, { className: styles.chipsRow, children: /* @__PURE__ */ jsx(Tag, { id: "skill-md-only", size: "small", style: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }, children: "SKILL.md" }) }) })
                 ] })
               ] }),
-              tab === 2 && /* @__PURE__ */ jsx(
-                Box,
-                {
-                  component: "pre",
-                  sx: {
-                    bgcolor: "action.hover",
-                    p: 2,
-                    borderRadius: 1,
-                    overflow: "auto",
-                    fontSize: "0.8rem",
-                    fontFamily: "monospace",
-                    whiteSpace: "pre-wrap",
-                    wordBreak: "break-word",
-                    border: "1px solid",
-                    borderColor: "divider"
-                  },
-                  children: asset.yamlRaw
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(
-            Box,
-            {
-              sx: {
-                p: 2,
-                borderTop: 1,
-                borderColor: "divider",
-                display: "flex",
-                gap: 1,
-                flexWrap: "wrap"
-              },
-              children: [
-                /* @__PURE__ */ jsx(
-                  Button,
+              /* @__PURE__ */ jsx("hr", { className: styles.divider }),
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Repository" }),
+                /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
+                  Link,
                   {
-                    variant: "contained",
-                    startIcon: /* @__PURE__ */ jsx(ContentCopyIcon, {}),
-                    onClick: handleCopy,
-                    disabled: !asset,
-                    children: "Copy Markdown"
+                    href: asset.repoUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: styles.repoLink,
+                    children: [
+                      asset.repoUrl,
+                      " ",
+                      /* @__PURE__ */ jsx(RiExternalLinkLine, { size: 12 })
+                    ]
                   }
-                ),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "outlined",
-                    startIcon: /* @__PURE__ */ jsx(OpenInNewIcon, {}),
-                    onClick: () => asset && window.open(asset.repoUrl, "_blank"),
-                    disabled: !asset,
-                    children: "Open in Repo"
-                  }
-                )
-              ]
-            }
-          )
+                ) })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx(TabPanel, { id: "raw", children: /* @__PURE__ */ jsx("pre", { className: styles.rawYaml, children: asset.yamlRaw }) })
+          ] })
         ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Snackbar,
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { className: styles.actions, children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "primary",
+            onClick: handleCopy,
+            isDisabled: !asset,
+            children: [
+              /* @__PURE__ */ jsx(RiFileCopyLine, { size: 16 }),
+              "Copy Markdown"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "secondary",
+            onClick: () => asset && window.open(asset.repoUrl, "_blank"),
+            isDisabled: !asset,
+            children: [
+              /* @__PURE__ */ jsx(RiExternalLinkLine, { size: 16 }),
+              "Open in Repo"
+            ]
+          }
+        )
+      ] })
+    ] }) }),
+    snackbar && /* @__PURE__ */ jsx(
+      "div",
       {
-        open: !!snackbar,
-        autoHideDuration: 2500,
-        onClose: () => setSnackbar(null),
-        anchorOrigin: { vertical: "bottom", horizontal: "center" },
-        children: /* @__PURE__ */ jsx(Alert, { severity: "success", onClose: () => setSnackbar(null), children: snackbar })
+        style: {
+          position: "fixed",
+          bottom: 24,
+          left: "50%",
+          transform: "translateX(-50%)",
+          zIndex: 1400
+        },
+        children: /* @__PURE__ */ jsx(
+          Alert,
+          {
+            status: "success",
+            icon: true,
+            description: snackbar
+          }
+        )
       }
     )
   ] });
 }
 function MetaRow({ label, value }) {
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: label }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body2", children: value })
+  return /* @__PURE__ */ jsxs(Flex, { className: styles.metaRow, children: [
+    /* @__PURE__ */ jsxs(Text, { variant: "body-medium", color: "secondary", className: styles.metaLabel, children: [
+      label,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsx(Text, { variant: "body-medium", weight: "bold", children: value })
   ] });
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetDetailPanel.esm.js","sources":["../../../src/components/AssetDetailPanel/AssetDetailPanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Chip from '@mui/material/Chip';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Divider from '@mui/material/Divider';\nimport Drawer from '@mui/material/Drawer';\nimport IconButton from '@mui/material/IconButton';\nimport Link from '@mui/material/Link';\nimport Snackbar from '@mui/material/Snackbar';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport Typography from '@mui/material/Typography';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport FolderZipIcon from '@mui/icons-material/FolderZip';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport type { AssetType } from '@nospt/plugin-dev-ai-hub-common';\nimport { useAssetDetail } from '../../hooks';\n\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst SyntaxHighlighter = require('react-syntax-highlighter/dist/esm/prism').default;\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst { oneLight } = require('react-syntax-highlighter/dist/esm/styles/prism');\n\nconst TYPE_COLORS: Record<AssetType, string> = {\n instruction: '#1976d2',\n agent: '#7b1fa2',\n skill: '#388e3c',\n workflow: '#f57c00',\n};\n\ninterface AssetDetailPanelProps {\n assetId: string \| null;\n onClose: () => void;\n}\n\nexport function AssetDetailPanel({ assetId, onClose }: AssetDetailPanelProps) {\n const [tab, setTab] = useState(0);\n const [snackbar, setSnackbar] = useState<string \| null>(null);\n const { asset, loading } = useAssetDetail(assetId);\n\n const handleCopy = () => {\n if (!asset) return;\n navigator.clipboard.writeText(asset.content).then(() =>\n setSnackbar('Markdown copied to clipboard!'),\n );\n };\n\n return (\n <>\n <Drawer\n anchor=\"right\"\n open={!!assetId}\n onClose={onClose}\n PaperProps={{ sx: { width: { xs: '100vw', md: 640 } } }}\n >\n <Box sx={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n {/* Header /}\n <Box\n sx={{\n p: 2,\n display: 'flex',\n alignItems: 'flex-start',\n gap: 2,\n borderBottom: 1,\n borderColor: 'divider',\n }}\n >\n <Box sx={{ flex: 1 }}>\n {loading \|\| !asset ? (\n <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n <CircularProgress size={16} />\n <Typography variant=\"body2\" color=\"text.secondary\">\n Loading...\n </Typography>\n </Box>\n ) : (\n <>\n <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 0.5 }}>\n <Typography variant=\"h6\" fontWeight={700}>\n {asset.name}\n </Typography>\n <Chip\n label={asset.type}\n size=\"small\"\n sx={{\n backgroundColor: `${TYPE_COLORS[asset.type]}20`,\n color: TYPE_COLORS[asset.type],\n fontWeight: 600,\n }}\n />\n </Box>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {asset.description}\n </Typography>\n </>\n )}\n </Box>\n <IconButton onClick={onClose} size=\"small\">\n <CloseIcon />\n </IconButton>\n </Box>\n\n {/ Tabs /}\n <Tabs\n value={tab}\n onChange={(_, v) => setTab(v)}\n sx={{ borderBottom: 1, borderColor: 'divider', px: 2 }}\n >\n <Tab label=\"Preview\" />\n <Tab label=\"Metadata\" />\n <Tab label=\"Raw YAML\" />\n </Tabs>\n\n {/ Content /}\n <Box sx={{ flex: 1, overflow: 'auto', p: 2 }}>\n {loading && (\n <Box sx={{ display: 'flex', justifyContent: 'center', pt: 4 }}>\n <CircularProgress />\n </Box>\n )}\n\n {!loading && asset && (\n <>\n {tab === 0 && (\n <Box\n sx={{\n '& h1,h2,h3,h4,h5,h6': { mt: 2, mb: 1, fontWeight: 700 },\n '& p': { mb: 1, lineHeight: 1.7 },\n '& ul, & ol': { pl: 2.5, mb: 1 },\n '& li': { mb: 0.5 },\n '& blockquote': {\n borderLeft: '3px solid',\n borderColor: 'primary.main',\n pl: 1.5,\n color: 'text.secondary',\n my: 1,\n ml: 0,\n },\n '& table': { width: '100%', borderCollapse: 'collapse', mb: 1 },\n '& th, & td': {\n border: '1px solid',\n borderColor: 'divider',\n px: 1.5,\n py: 0.75,\n fontSize: '0.875rem',\n },\n '& th': { backgroundColor: 'action.hover', fontWeight: 700 },\n '& code': {\n bgcolor: 'action.hover',\n px: 0.5,\n py: 0.2,\n borderRadius: 0.5,\n fontFamily: 'monospace',\n fontSize: '0.875em',\n },\n '& pre code': { bgcolor: 'transparent', px: 0, py: 0 },\n }}\n >\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n components={{\n pre: ({ children }) => <Box sx={{ my: 1 }}>{children}</Box>,\n code({ className, children }) {\n const match = /language-(\\w+)/.exec(className \|\| '');\n const code = String(children).replace(/\\n$/, '');\n const isBlock = code.includes('\\n') \|\| !!match;\n return isBlock ? (\n <SyntaxHighlighter\n style={oneLight}\n language={match?.[1] ?? 'text'}\n PreTag=\"div\"\n customStyle={{\n borderRadius: 8,\n fontSize: '0.8rem',\n margin: 0,\n border: '1px solid rgba(0,0,0,0.08)',\n }}\n >\n {code}\n </SyntaxHighlighter>\n ) : (\n <code className={className}>{children}</code>\n );\n },\n }}\n >\n {asset.content}\n </ReactMarkdown>\n </Box>\n )}\n\n {tab === 1 && (\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n <MetaRow label=\"Author\" value={asset.author} />\n <MetaRow label=\"Version\" value={asset.version} />\n <MetaRow label=\"Provider\" value={asset.providerId} />\n {asset.commitSha && (\n <MetaRow label=\"Commit\" value={asset.commitSha.slice(0, 8)} />\n )}\n <MetaRow label=\"Last synced\" value={new Date(asset.syncedAt).toLocaleString()} />\n <MetaRow label=\"Branch\" value={asset.branch} />\n\n <Divider />\n\n <Box>\n <Typography variant=\"caption\" color=\"text.secondary\">\n Compatible tools\n </Typography>\n <Box sx={{ display: 'flex', gap: 1, mt: 0.5 }}>\n {asset.tools.map(t => (\n <Chip key={t} label={t} size=\"small\" />\n ))}\n </Box>\n </Box>\n\n {asset.tags.length > 0 && (\n <Box>\n <Typography variant=\"caption\" color=\"text.secondary\">\n Tags\n </Typography>\n <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap', mt: 0.5 }}>\n {asset.tags.map(t => (\n <Chip key={t} label={t} size=\"small\" variant=\"outlined\" />\n ))}\n </Box>\n </Box>\n )}\n\n {asset.type === 'skill' && (\n <>\n <Divider />\n <Box>\n <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75, mb: 0.5 }}>\n <FolderZipIcon sx={{ fontSize: '0.85rem', color: 'text.secondary' }} />\n <Typography variant=\"caption\" color=\"text.secondary\">\n Bundled files\n </Typography>\n </Box>\n {asset.resourcesContent && Object.keys(asset.resourcesContent).length > 0 ? (\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5, mt: 0.5 }}>\n <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap' }}>\n <Chip\n label=\"SKILL.md\"\n size=\"small\"\n sx={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}\n />\n {Object.keys(asset.resourcesContent).map(p => (\n <Chip\n key={p}\n label={p}\n size=\"small\"\n variant=\"outlined\"\n sx={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}\n />\n ))}\n </Box>\n <Typography variant=\"caption\" color=\"text.disabled\">\n Downloads as .zip containing all files above.\n </Typography>\n </Box>\n ) : (\n <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap', mt: 0.5 }}>\n <Chip\n label=\"SKILL.md\"\n size=\"small\"\n sx={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}\n />\n </Box>\n )}\n </Box>\n </>\n )}\n\n <Divider />\n\n <Box>\n <Typography variant=\"caption\" color=\"text.secondary\">\n Repository\n </Typography>\n <Box>\n <Link\n href={asset.repoUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n variant=\"body2\"\n >\n {asset.repoUrl} <OpenInNewIcon sx={{ fontSize: 12 }} />\n </Link>\n </Box>\n </Box>\n </Box>\n )}\n\n {tab === 2 && (\n <Box\n component=\"pre\"\n sx={{\n bgcolor: 'action.hover',\n p: 2,\n borderRadius: 1,\n overflow: 'auto',\n fontSize: '0.8rem',\n fontFamily: 'monospace',\n whiteSpace: 'pre-wrap',\n wordBreak: 'break-word',\n border: '1px solid',\n borderColor: 'divider',\n }}\n >\n {asset.yamlRaw}\n </Box>\n )}\n </>\n )}\n </Box>\n\n {/ Actions */}\n <Box\n sx={{\n p: 2,\n borderTop: 1,\n borderColor: 'divider',\n display: 'flex',\n gap: 1,\n flexWrap: 'wrap',\n }}\n >\n <Button\n variant=\"contained\"\n startIcon={<ContentCopyIcon />}\n onClick={handleCopy}\n disabled={!asset}\n >\n Copy Markdown\n </Button>\n\n <Button\n variant=\"outlined\"\n startIcon={<OpenInNewIcon />}\n onClick={() => asset && window.open(asset.repoUrl, '_blank')}\n disabled={!asset}\n >\n Open in Repo\n </Button>\n </Box>\n </Box>\n </Drawer>\n\n <Snackbar\n open={!!snackbar}\n autoHideDuration={2500}\n onClose={() => setSnackbar(null)}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n >\n <Alert severity=\"success\" onClose={() => setSnackbar(null)}>\n {snackbar}\n </Alert>\n </Snackbar>\n </>\n );\n}\n\nfunction MetaRow({ label, value }: { label: string; value: string }) {\n return (\n <Box>\n <Typography variant=\"caption\" color=\"text.secondary\">\n {label}\n </Typography>\n <Typography variant=\"body2\">{value}</Typography>\n </Box>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"AssetDetailPanel.esm.js","sources":["../../../src/components/AssetDetailPanel/AssetDetailPanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport {\n Alert, Box, Flex, Text, Button, ButtonIcon, Tag, TagGroup, Skeleton, Link,\n Tabs, TabList, Tab, TabPanel,\n} from '@backstage/ui';\nimport { RiCloseLine, RiFileCopyLine, RiFolderZipLine, RiExternalLinkLine } from '@remixicon/react';\nimport type { AssetType } from '@nospt/plugin-dev-ai-hub-common';\nimport { useAssetDetail } from '../../hooks';\nimport styles from './AssetDetailPanel.module.css';\n\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst SyntaxHighlighter = require('react-syntax-highlighter/dist/esm/prism').default;\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst { oneLight } = require('react-syntax-highlighter/dist/esm/styles/prism');\n\nconst TYPE_COLORS: Record<AssetType, string> = {\n instruction: '#1976d2',\n agent: '#7b1fa2',\n skill: '#388e3c',\n workflow: '#f57c00',\n};\n\ninterface AssetDetailPanelProps {\n assetId: string \| null;\n onClose: () => void;\n}\n\nexport function AssetDetailPanel({ assetId, onClose }: AssetDetailPanelProps) {\n const [snackbar, setSnackbar] = useState<string \| null>(null);\n const { asset, loading } = useAssetDetail(assetId);\n\n const handleCopy = () => {\n if (!asset) return;\n navigator.clipboard.writeText(asset.content).then(() =>\n setSnackbar('Markdown copied to clipboard!'),\n );\n };\n\n if (!assetId) return null;\n\n return (\n <>\n {/* Overlay /}\n <div className={styles.overlay} onClick={onClose} role=\"presentation\" />\n\n {/ Drawer /}\n <div className={styles.drawer}>\n <Flex className={styles.panelContainer}>\n {/ Header /}\n <Flex className={styles.header}>\n <Box className={styles.headerContent}>\n {loading \|\| !asset ? (\n <Flex className={styles.loadingRow}>\n <Skeleton style={{ width: 16, height: 16 }} />\n <Text variant=\"body-small\" color=\"secondary\">\n Loading...\n </Text>\n </Flex>\n ) : (\n <>\n <Flex className={styles.nameRow}>\n <Text variant=\"title-small\" weight=\"bold\">\n {asset.name}\n </Text>\n <TagGroup aria-label=\"Asset type\">\n <Tag\n id={asset.type}\n size=\"small\"\n className={styles.typeTag}\n style={{\n backgroundColor: `${TYPE_COLORS[asset.type]}20`,\n color: TYPE_COLORS[asset.type],\n }}\n >\n {asset.type}\n </Tag>\n </TagGroup>\n </Flex>\n <Text variant=\"body-medium\" color=\"secondary\">\n {asset.description}\n </Text>\n </>\n )}\n </Box>\n <ButtonIcon\n aria-label=\"Close\"\n icon={<RiCloseLine size={20} />}\n variant=\"tertiary\"\n onPress={onClose}\n />\n </Flex>\n\n {/ Tabs /}\n <Tabs defaultSelectedKey=\"preview\">\n <TabList className={styles.tabBar}>\n <Tab id=\"preview\">Preview</Tab>\n <Tab id=\"metadata\">Metadata</Tab>\n <Tab id=\"raw\">Raw YAML</Tab>\n </TabList>\n\n <Box className={styles.contentArea}>\n {loading && (\n <Flex style={{ justifyContent: 'center', paddingTop: 'var(--bui-space-8)' }}>\n <Skeleton style={{ width: '100%', height: 200 }} />\n </Flex>\n )}\n\n {!loading && asset && (\n <>\n <TabPanel id=\"preview\">\n <div className={styles.markdownContent}>\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n components={{\n pre: ({ children }) => <div className={styles.codeBlockWrapper}>{children}</div>,\n code({ className, children }) {\n const match = /language-(\\w+)/.exec(className \|\| '');\n const code = String(children).replace(/\\n$/, '');\n const isBlock = code.includes('\\n') \|\| !!match;\n return isBlock ? (\n <SyntaxHighlighter\n style={oneLight}\n language={match?.[1] ?? 'text'}\n PreTag=\"div\"\n customStyle={{\n borderRadius: 8,\n fontSize: '0.8rem',\n margin: 0,\n border: '1px solid rgba(0,0,0,0.08)',\n }}\n >\n {code}\n </SyntaxHighlighter>\n ) : (\n <code className={className}>{children}</code>\n );\n },\n }}\n >\n {asset.content}\n </ReactMarkdown>\n </div>\n </TabPanel>\n\n <TabPanel id=\"metadata\">\n <Flex className={styles.metaSection}>\n <MetaRow label=\"Author\" value={asset.author} />\n <MetaRow label=\"Version\" value={asset.version} />\n <MetaRow label=\"Provider\" value={asset.providerId} />\n {asset.commitSha && (\n <MetaRow label=\"Commit\" value={asset.commitSha.slice(0, 8)} />\n )}\n <MetaRow label=\"Last synced\" value={new Date(asset.syncedAt).toLocaleString()} />\n <MetaRow label=\"Branch\" value={asset.branch} />\n\n <hr className={styles.divider} />\n\n <Box>\n <Text variant=\"body-small\" color=\"secondary\">\n Compatible tools\n </Text>\n <Flex className={styles.chipsRow}>\n <TagGroup aria-label=\"Compatible tools\">\n {asset.tools.map(t => (\n <Tag key={t} id={t} size=\"small\">{t}</Tag>\n ))}\n </TagGroup>\n </Flex>\n </Box>\n\n {asset.tags.length > 0 && (\n <Box>\n <Text variant=\"body-small\" color=\"secondary\">\n Tags\n </Text>\n <Flex className={styles.chipsRow}>\n <TagGroup aria-label=\"Tags\">\n {asset.tags.map(t => (\n <Tag key={t} id={t} size=\"small\">{t}</Tag>\n ))}\n </TagGroup>\n </Flex>\n </Box>\n )}\n\n {asset.type === 'skill' && (\n <>\n <hr className={styles.divider} />\n <Box>\n <Flex className={styles.bundledHeader}>\n <RiFolderZipLine size={14} style={{ color: 'var(--bui-fg-secondary)' }} />\n <Text variant=\"body-small\" color=\"secondary\">\n Bundled files\n </Text>\n </Flex>\n {asset.resourcesContent && Object.keys(asset.resourcesContent).length > 0 ? (\n <Flex direction=\"column\" style={{ gap: 'var(--bui-space-1)', marginTop: 'var(--bui-space-1)' }}>\n <TagGroup aria-label=\"Bundled files\">\n <Flex className={styles.chipsRow}>\n <Tag id=\"skill-md\" size=\"small\" style={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}>\n SKILL.md\n </Tag>\n {Object.keys(asset.resourcesContent).map(p => (\n <Tag key={p} id={p} size=\"small\" style={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}>\n {p}\n </Tag>\n ))}\n </Flex>\n </TagGroup>\n <Text variant=\"body-small\" color=\"secondary\">\n Downloads as .zip containing all files above.\n </Text>\n </Flex>\n ) : (\n <TagGroup aria-label=\"Bundled files\">\n <Flex className={styles.chipsRow}>\n <Tag id=\"skill-md-only\" size=\"small\" style={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}>\n SKILL.md\n </Tag>\n </Flex>\n </TagGroup>\n )}\n </Box>\n </>\n )}\n\n <hr className={styles.divider} />\n\n <Box>\n <Text variant=\"body-small\" color=\"secondary\">\n Repository\n </Text>\n <Box>\n <Link\n href={asset.repoUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={styles.repoLink}\n >\n {asset.repoUrl} <RiExternalLinkLine size={12} />\n </Link>\n </Box>\n </Box>\n </Flex>\n </TabPanel>\n\n <TabPanel id=\"raw\">\n <pre className={styles.rawYaml}>\n {asset.yamlRaw}\n </pre>\n </TabPanel>\n </>\n )}\n </Box>\n </Tabs>\n\n {/ Actions /}\n <Flex className={styles.actions}>\n <Button\n variant=\"primary\"\n onClick={handleCopy}\n isDisabled={!asset}\n >\n <RiFileCopyLine size={16} />\n Copy Markdown\n </Button>\n\n <Button\n variant=\"secondary\"\n onClick={() => asset && window.open(asset.repoUrl, '_blank')}\n isDisabled={!asset}\n >\n <RiExternalLinkLine size={16} />\n Open in Repo\n </Button>\n </Flex>\n </Flex>\n </div>\n\n {/ Snackbar replacement — simple toast */}\n {snackbar && (\n <div\n style={{\n position: 'fixed',\n bottom: 24,\n left: '50%',\n transform: 'translateX(-50%)',\n zIndex: 1400,\n }}\n >\n <Alert\n status=\"success\"\n icon\n description={snackbar}\n />\n </div>\n )}\n </>\n );\n}\n\nfunction MetaRow({ label, value }: { label: string; value: string }) {\n return (\n <Flex className={styles.metaRow}>\n <Text variant=\"body-medium\" color=\"secondary\" className={styles.metaLabel}>\n {label}:\n </Text>\n <Text variant=\"body-medium\" weight=\"bold\">{value}</Text>\n </Flex>\n );\n}\n"],"names":[],"mappings":"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"}