@nospt/plugin-dev-ai-hub 0.2.4 → 0.3.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.
- package/dist/api/DevAiHubResourceClient.esm.js +97 -0
- package/dist/api/DevAiHubResourceClient.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/AiResourcesPage.esm.js +150 -0
- package/dist/components/AiResourcesPage/AiResourcesPage.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/AiResourcesPage.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/AiResourcesPage.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceCard.esm.js +158 -0
- package/dist/components/AiResourcesPage/ResourceCard.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceCard.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/ResourceCard.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js +234 -0
- package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceFilters.esm.js +242 -0
- package/dist/components/AiResourcesPage/ResourceFilters.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceInstallDialog.esm.js +366 -0
- package/dist/components/AiResourcesPage/ResourceInstallDialog.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceInstallDialog.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/ResourceInstallDialog.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/StatTiles.esm.js +49 -0
- package/dist/components/AiResourcesPage/StatTiles.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/StatTiles.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/StatTiles.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/index.esm.js +6 -0
- package/dist/components/AiResourcesPage/typeMeta.esm.js +35 -0
- package/dist/components/AiResourcesPage/typeMeta.esm.js.map +1 -0
- package/dist/components/ToolIcon/ToolIcon.esm.js +26 -9
- package/dist/components/ToolIcon/ToolIcon.esm.js.map +1 -1
- package/dist/hooks/useResourceBody.esm.js +39 -0
- package/dist/hooks/useResourceBody.esm.js.map +1 -0
- package/dist/hooks/useResources.esm.js +26 -0
- package/dist/hooks/useResources.esm.js.map +1 -0
- package/dist/hooks/useTelemetryCounts.esm.js +24 -0
- package/dist/hooks/useTelemetryCounts.esm.js.map +1 -0
- package/dist/index.d.ts +1 -38
- package/dist/index.esm.js +1 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/plugin.esm.js +15 -24
- package/dist/plugin.esm.js.map +1 -1
- package/dist/routes.esm.js +1 -2
- package/dist/routes.esm.js.map +1 -1
- package/package.json +17 -10
- package/.eslintrc.js +0 -1
- package/dev/index.tsx +0 -32
- package/dist/api/DevAiHubClient.esm.js +0 -78
- package/dist/api/DevAiHubClient.esm.js.map +0 -1
- package/dist/components/AssetCard/AssetCard.esm.js +0 -120
- package/dist/components/AssetCard/AssetCard.esm.js.map +0 -1
- package/dist/components/AssetCard/AssetCard.module.css.esm.js +0 -8
- package/dist/components/AssetCard/AssetCard.module.css.esm.js.map +0 -1
- package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js +0 -218
- package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js.map +0 -1
- package/dist/components/AssetDetailPanel/AssetDetailPanel.module.css.esm.js +0 -8
- package/dist/components/AssetDetailPanel/AssetDetailPanel.module.css.esm.js.map +0 -1
- package/dist/components/AssetFilters/AssetFilters.esm.js +0 -176
- package/dist/components/AssetFilters/AssetFilters.esm.js.map +0 -1
- package/dist/components/AssetFilters/AssetFilters.module.css.esm.js +0 -8
- package/dist/components/AssetFilters/AssetFilters.module.css.esm.js.map +0 -1
- package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js +0 -138
- package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js.map +0 -1
- package/dist/components/AssetInstallDialog/AssetInstallDialog.module.css.esm.js +0 -8
- package/dist/components/AssetInstallDialog/AssetInstallDialog.module.css.esm.js.map +0 -1
- package/dist/components/DevAiHubPage/DevAiHubPage.esm.js +0 -195
- package/dist/components/DevAiHubPage/DevAiHubPage.esm.js.map +0 -1
- package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js +0 -8
- package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js.map +0 -1
- package/dist/components/DevAiHubPage/index.esm.js +0 -6
- package/dist/components/McpConfigPage/McpConfigPage.esm.js +0 -200
- package/dist/components/McpConfigPage/McpConfigPage.esm.js.map +0 -1
- package/dist/components/McpConfigPage/McpConfigPage.module.css.esm.js +0 -8
- package/dist/components/McpConfigPage/McpConfigPage.module.css.esm.js.map +0 -1
- package/dist/components/McpConfigPage/index.esm.js +0 -6
- package/dist/components/McpConfigPage/index.esm.js.map +0 -1
- package/dist/hooks/index.esm.js +0 -114
- package/dist/hooks/index.esm.js.map +0 -1
- package/dist/pluginLegacy.esm.js +0 -27
- package/dist/pluginLegacy.esm.js.map +0 -1
- package/package.json-prepack +0 -85
- package/src/api/DevAiHubClient.ts +0 -110
- package/src/components/AssetCard/AssetCard.module.css +0 -153
- package/src/components/AssetCard/AssetCard.test.tsx +0 -182
- package/src/components/AssetCard/AssetCard.tsx +0 -152
- package/src/components/AssetCard/index.ts +0 -1
- package/src/components/AssetDetailPanel/AssetDetailPanel.module.css +0 -207
- package/src/components/AssetDetailPanel/AssetDetailPanel.tsx +0 -313
- package/src/components/AssetDetailPanel/index.ts +0 -1
- package/src/components/AssetFilters/AssetFilters.module.css +0 -67
- package/src/components/AssetFilters/AssetFilters.tsx +0 -219
- package/src/components/AssetFilters/index.ts +0 -2
- package/src/components/AssetInstallDialog/AssetInstallDialog.module.css +0 -72
- package/src/components/AssetInstallDialog/AssetInstallDialog.tsx +0 -176
- package/src/components/AssetInstallDialog/index.ts +0 -1
- package/src/components/DevAiHubPage/DevAiHubPage.module.css +0 -105
- package/src/components/DevAiHubPage/DevAiHubPage.tsx +0 -197
- package/src/components/DevAiHubPage/index.ts +0 -1
- package/src/components/McpConfigDialog/McpConfigDialog.module.css +0 -111
- package/src/components/McpConfigDialog/McpConfigDialog.tsx +0 -271
- package/src/components/McpConfigDialog/index.ts +0 -1
- package/src/components/McpConfigPage/McpConfigPage.module.css +0 -121
- package/src/components/McpConfigPage/McpConfigPage.tsx +0 -242
- package/src/components/McpConfigPage/index.ts +0 -1
- package/src/components/ToolIcon/ToolIcon.tsx +0 -65
- package/src/components/ToolIcon/index.ts +0 -1
- package/src/css-modules.d.ts +0 -4
- package/src/hooks/index.ts +0 -152
- package/src/index.ts +0 -10
- package/src/plugin.tsx +0 -60
- package/src/pluginLegacy.ts +0 -42
- package/src/routes.ts +0 -4
- package/tests/e2e/.auth.json +0 -14
- package/tests/e2e/asset-detail.spec.ts +0 -90
- package/tests/e2e/asset-filtering.spec.ts +0 -145
- package/tests/e2e/asset-installation.spec.ts +0 -74
- package/tests/e2e/dev-ai-hub-page.spec.ts +0 -89
- package/tests/e2e/fixtures/base.ts +0 -61
- package/tests/e2e/fixtures/mock-api.ts +0 -221
- package/tests/e2e/mcp-config.spec.ts +0 -88
- package/tsconfig.json +0 -10
- /package/dist/components/{DevAiHubPage → AiResourcesPage}/index.esm.js.map +0 -0
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { Card, CardBody, Flex, Box, Text, TagGroup, Tag, CardFooter, TooltipTrigger, ButtonIcon, Tooltip } from '@backstage/ui';
|
|
3
|
-
import { RiGitBranchLine, RiToolsLine, RiRobot2Line, RiArticleLine, RiDownloadLine, RiExternalLinkLine } from '@remixicon/react';
|
|
4
|
-
import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
|
|
5
|
-
import styles from './AssetCard.module.css.esm.js';
|
|
6
|
-
|
|
7
|
-
const POPULAR_THRESHOLD = 5;
|
|
8
|
-
const NEW_DAYS_MS = 14 * 24 * 60 * 60 * 1e3;
|
|
9
|
-
const TOOL_LABELS = {
|
|
10
|
-
"all": "Universal",
|
|
11
|
-
"claude-code": "Claude Code",
|
|
12
|
-
"github-copilot": "GitHub Copilot",
|
|
13
|
-
"google-gemini": "Google Gemini",
|
|
14
|
-
"cursor": "Cursor"
|
|
15
|
-
};
|
|
16
|
-
const TYPE_CONFIG = {
|
|
17
|
-
instruction: { label: "Instruction", color: "#54A0FF", bg: "rgba(84, 160, 255, 0.15)", Icon: RiArticleLine },
|
|
18
|
-
agent: { label: "Agent", color: "#FF6B9D", bg: "rgba(255, 107, 157, 0.15)", Icon: RiRobot2Line },
|
|
19
|
-
skill: { label: "Skill", color: "#6AB04C", bg: "rgba(106, 176, 76, 0.15)", Icon: RiToolsLine },
|
|
20
|
-
workflow: { label: "Workflow", color: "#F9CA24", bg: "rgba(249, 202, 36, 0.15)", Icon: RiGitBranchLine }
|
|
21
|
-
};
|
|
22
|
-
function AssetCard({ asset, onView, onInstall }) {
|
|
23
|
-
const cfg = TYPE_CONFIG[asset.type];
|
|
24
|
-
const TypeIcon = cfg.Icon;
|
|
25
|
-
const isPopular = asset.installCount >= POPULAR_THRESHOLD;
|
|
26
|
-
const isNew = Date.now() - new Date(asset.updatedAt).getTime() < NEW_DAYS_MS;
|
|
27
|
-
return /* @__PURE__ */ jsxs(
|
|
28
|
-
Card,
|
|
29
|
-
{
|
|
30
|
-
className: styles.card,
|
|
31
|
-
style: { "--card-accent": cfg.color },
|
|
32
|
-
children: [
|
|
33
|
-
/* @__PURE__ */ jsxs(CardBody, { className: styles.cardContent, children: [
|
|
34
|
-
/* @__PURE__ */ jsxs(Flex, { className: styles.header, children: [
|
|
35
|
-
/* @__PURE__ */ jsx(
|
|
36
|
-
Box,
|
|
37
|
-
{
|
|
38
|
-
className: styles.iconBox,
|
|
39
|
-
style: { backgroundColor: cfg.bg },
|
|
40
|
-
children: asset.icon ? /* @__PURE__ */ jsx(
|
|
41
|
-
"img",
|
|
42
|
-
{
|
|
43
|
-
src: asset.icon,
|
|
44
|
-
alt: asset.label ?? asset.name,
|
|
45
|
-
className: styles.iconImage,
|
|
46
|
-
onError: (e) => {
|
|
47
|
-
e.target.style.display = "none";
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
) : /* @__PURE__ */ jsx(TypeIcon, { size: 18, style: { color: cfg.color } })
|
|
51
|
-
}
|
|
52
|
-
),
|
|
53
|
-
/* @__PURE__ */ jsxs(Box, { className: styles.headerInfo, children: [
|
|
54
|
-
/* @__PURE__ */ jsxs(Flex, { className: styles.titleRow, children: [
|
|
55
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-medium", weight: "bold", className: styles.title, title: asset.label ?? asset.name, children: asset.label ?? asset.name }),
|
|
56
|
-
isNew && /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Status", children: /* @__PURE__ */ jsx(Tag, { id: "new", size: "small", className: styles.newBadge, children: "New" }) })
|
|
57
|
-
] }),
|
|
58
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-x-small", style: { color: cfg.color, fontWeight: 600 }, children: cfg.label })
|
|
59
|
-
] })
|
|
60
|
-
] }),
|
|
61
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.description, children: asset.description }),
|
|
62
|
-
/* @__PURE__ */ jsx(TagGroup, { "aria-label": "Compatible tools", className: `${styles.toolsRow} ${asset.tags.length > 0 ? styles.toolsRowWithTags : ""}`, children: asset.tools.map((tool) => /* @__PURE__ */ jsx(Tag, { id: tool, size: "small", className: styles.toolChip, icon: /* @__PURE__ */ jsx(ToolIcon, { tool, size: 12 }), children: TOOL_LABELS[tool] ?? tool }, tool)) }),
|
|
63
|
-
asset.tags.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
64
|
-
/* @__PURE__ */ jsx(TagGroup, { "aria-label": "Tags", className: styles.tagsRow, children: asset.tags.slice(0, 3).map((tag) => /* @__PURE__ */ jsxs(Tag, { id: tag, size: "small", className: styles.tagChip, children: [
|
|
65
|
-
"#",
|
|
66
|
-
tag
|
|
67
|
-
] }, tag)) }),
|
|
68
|
-
asset.tags.length > 3 && /* @__PURE__ */ jsxs(Text, { variant: "body-x-small", color: "secondary", style: { alignSelf: "center" }, children: [
|
|
69
|
-
"+",
|
|
70
|
-
asset.tags.length - 3
|
|
71
|
-
] })
|
|
72
|
-
] })
|
|
73
|
-
] }),
|
|
74
|
-
/* @__PURE__ */ jsxs(CardFooter, { className: styles.cardActions, children: [
|
|
75
|
-
/* @__PURE__ */ jsxs(Flex, { className: styles.metaRow, children: [
|
|
76
|
-
/* @__PURE__ */ jsxs(Text, { variant: "body-x-small", color: "secondary", className: styles.metaText, children: [
|
|
77
|
-
"v",
|
|
78
|
-
asset.version,
|
|
79
|
-
" \xB7 ",
|
|
80
|
-
asset.author
|
|
81
|
-
] }),
|
|
82
|
-
asset.installCount > 0 && /* @__PURE__ */ jsxs(Flex, { className: styles.installCountRow, children: [
|
|
83
|
-
/* @__PURE__ */ jsx(Text, { className: styles.installEmoji, children: isPopular ? "\u{1F525}" : "\u2193" }),
|
|
84
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.metaText, children: asset.installCount })
|
|
85
|
-
] })
|
|
86
|
-
] }),
|
|
87
|
-
/* @__PURE__ */ jsxs(Flex, { className: styles.actionsRow, children: [
|
|
88
|
-
/* @__PURE__ */ jsxs(TooltipTrigger, { children: [
|
|
89
|
-
/* @__PURE__ */ jsx(
|
|
90
|
-
ButtonIcon,
|
|
91
|
-
{
|
|
92
|
-
"aria-label": "Install in editor",
|
|
93
|
-
icon: /* @__PURE__ */ jsx(RiDownloadLine, { size: 16 }),
|
|
94
|
-
variant: "tertiary",
|
|
95
|
-
onPress: () => onInstall(asset.id)
|
|
96
|
-
}
|
|
97
|
-
),
|
|
98
|
-
/* @__PURE__ */ jsx(Tooltip, { children: "Install in editor" })
|
|
99
|
-
] }),
|
|
100
|
-
/* @__PURE__ */ jsxs(TooltipTrigger, { children: [
|
|
101
|
-
/* @__PURE__ */ jsx(
|
|
102
|
-
ButtonIcon,
|
|
103
|
-
{
|
|
104
|
-
"aria-label": "View details",
|
|
105
|
-
icon: /* @__PURE__ */ jsx(RiExternalLinkLine, { size: 16 }),
|
|
106
|
-
variant: "tertiary",
|
|
107
|
-
onPress: () => onView(asset.id)
|
|
108
|
-
}
|
|
109
|
-
),
|
|
110
|
-
/* @__PURE__ */ jsx(Tooltip, { children: "View details" })
|
|
111
|
-
] })
|
|
112
|
-
] })
|
|
113
|
-
] })
|
|
114
|
-
]
|
|
115
|
-
}
|
|
116
|
-
);
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
export { AssetCard };
|
|
120
|
-
//# sourceMappingURL=AssetCard.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AssetCard.esm.js","sources":["../../../src/components/AssetCard/AssetCard.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport { Box, Flex, Text, Card, CardBody, CardFooter, Tag, TagGroup, ButtonIcon, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { RiDownloadLine, RiExternalLinkLine } from '@remixicon/react';\nimport { RiArticleLine, RiRobot2Line, RiToolsLine, RiGitBranchLine } from '@remixicon/react';\nimport type { AiAssetSummary, AssetType, AiTool } from '@nospt/plugin-dev-ai-hub-common';\nimport { ToolIcon } from '../ToolIcon';\nimport styles from './AssetCard.module.css';\n\nconst POPULAR_THRESHOLD = 5;\nconst NEW_DAYS_MS = 14 * 24 * 60 * 60 * 1000;\n\nconst TOOL_LABELS: Record<AiTool, string> = {\n 'all': 'Universal',\n 'claude-code': 'Claude Code',\n 'github-copilot': 'GitHub Copilot',\n 'google-gemini': 'Google Gemini',\n 'cursor': 'Cursor',\n};\n\nconst TYPE_CONFIG: Record<AssetType, { label: string; color: string; bg: string; Icon: ElementType }> = {\n instruction: { label: 'Instruction', color: '#54A0FF', bg: 'rgba(84, 160, 255, 0.15)', Icon: RiArticleLine },\n agent: { label: 'Agent', color: '#FF6B9D', bg: 'rgba(255, 107, 157, 0.15)', Icon: RiRobot2Line },\n skill: { label: 'Skill', color: '#6AB04C', bg: 'rgba(106, 176, 76, 0.15)', Icon: RiToolsLine },\n workflow: { label: 'Workflow', color: '#F9CA24', bg: 'rgba(249, 202, 36, 0.15)', Icon: RiGitBranchLine },\n};\n\ninterface AssetCardProps {\n asset: AiAssetSummary;\n onView: (id: string) => void;\n onInstall: (id: string) => void;\n}\n\nexport function AssetCard({ asset, onView, onInstall }: AssetCardProps) {\n const cfg = TYPE_CONFIG[asset.type];\n const TypeIcon = cfg.Icon;\n const isPopular = asset.installCount >= POPULAR_THRESHOLD;\n const isNew = Date.now() - new Date(asset.updatedAt).getTime() < NEW_DAYS_MS;\n\n return (\n <Card\n className={styles.card}\n style={{ '--card-accent': cfg.color } as React.CSSProperties}\n >\n <CardBody className={styles.cardContent}>\n {/* Header */}\n <Flex className={styles.header}>\n <Box\n className={styles.iconBox}\n style={{ backgroundColor: cfg.bg }}\n >\n {asset.icon ? (\n <img\n src={asset.icon}\n alt={asset.label ?? asset.name}\n className={styles.iconImage}\n onError={e => { (e.target as HTMLImageElement).style.display = 'none'; }}\n />\n ) : (\n <TypeIcon size={18} style={{ color: cfg.color }} />\n )}\n </Box>\n\n <Box className={styles.headerInfo}>\n <Flex className={styles.titleRow}>\n <Text variant=\"body-medium\" weight=\"bold\" className={styles.title} title={asset.label ?? asset.name}>\n {asset.label ?? asset.name}\n </Text>\n {isNew && (\n <TagGroup aria-label=\"Status\">\n <Tag id=\"new\" size=\"small\" className={styles.newBadge}>New</Tag>\n </TagGroup>\n )}\n </Flex>\n <Text variant=\"body-x-small\" style={{ color: cfg.color, fontWeight: 600 }}>\n {cfg.label}\n </Text>\n </Box>\n </Flex>\n\n {/* Description */}\n <Text variant=\"body-x-small\" color=\"secondary\" className={styles.description}>\n {asset.description}\n </Text>\n\n {/* Tools */}\n <TagGroup aria-label=\"Compatible tools\" className={`${styles.toolsRow} ${asset.tags.length > 0 ? styles.toolsRowWithTags : ''}`}>\n {asset.tools.map(tool => (\n <Tag key={tool} id={tool} size=\"small\" className={styles.toolChip} icon={<ToolIcon tool={tool as AiTool} size={12} />}>\n {TOOL_LABELS[tool as AiTool] ?? tool}\n </Tag>\n ))}\n </TagGroup>\n\n {/* Tags */}\n {asset.tags.length > 0 && (\n <>\n <TagGroup aria-label=\"Tags\" className={styles.tagsRow}>\n {asset.tags.slice(0, 3).map(tag => (\n <Tag key={tag} id={tag} size=\"small\" className={styles.tagChip}>\n #{tag}\n </Tag>\n ))}\n </TagGroup>\n {asset.tags.length > 3 && (\n <Text variant=\"body-x-small\" color=\"secondary\" style={{ alignSelf: 'center' }}>\n +{asset.tags.length - 3}\n </Text>\n )}\n </>\n )}\n </CardBody>\n\n <CardFooter className={styles.cardActions}>\n <Flex className={styles.metaRow}>\n <Text variant=\"body-x-small\" color=\"secondary\" className={styles.metaText}>\n v{asset.version} · {asset.author}\n </Text>\n {asset.installCount > 0 && (\n <Flex className={styles.installCountRow}>\n <Text className={styles.installEmoji}>\n {isPopular ? '🔥' : '↓'}\n </Text>\n <Text variant=\"body-x-small\" color=\"secondary\" className={styles.metaText}>\n {asset.installCount}\n </Text>\n </Flex>\n )}\n </Flex>\n <Flex className={styles.actionsRow}>\n <TooltipTrigger>\n <ButtonIcon\n aria-label=\"Install in editor\"\n icon={<RiDownloadLine size={16} />}\n variant=\"tertiary\"\n onPress={() => onInstall(asset.id)}\n />\n <Tooltip>Install in editor</Tooltip>\n </TooltipTrigger>\n <TooltipTrigger>\n <ButtonIcon\n aria-label=\"View details\"\n icon={<RiExternalLinkLine size={16} />}\n variant=\"tertiary\"\n onPress={() => onView(asset.id)}\n />\n <Tooltip>View details</Tooltip>\n </TooltipTrigger>\n </Flex>\n </CardFooter>\n </Card>\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "@layer components {\n .AssetCard_card__9c326df4e1 {\n height: 100%;\n display: flex;\n flex-direction: column;\n border-radius: var(--bui-radius-2);\n border: 1px solid var(--bui-border-1);\n border-left: 3px solid var(--card-accent);\n background-color: var(--bui-bg-neutral-1);\n transition: all 0.18s ease;\n }\n\n .AssetCard_card__9c326df4e1:hover {\n box-shadow: 0 6px 24px color-mix(in srgb, var(--card-accent) 19%, transparent);\n border-color: var(--card-accent);\n transform: translateY(-2px);\n }\n\n .AssetCard_cardContent__9c326df4e1 {\n padding: var(--bui-space-3);\n padding-bottom: 0;\n flex: 1;\n }\n\n .AssetCard_header__9c326df4e1 {\n display: flex;\n align-items: flex-start;\n gap: var(--bui-space-2);\n margin-bottom: var(--bui-space-2);\n }\n\n .AssetCard_iconBox__9c326df4e1 {\n width: 36px;\n height: 36px;\n border-radius: var(--bui-radius-2);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 2px 8px color-mix(in srgb, var(--card-accent) 15%, transparent);\n }\n\n .AssetCard_iconImage__9c326df4e1 {\n width: 20px;\n height: 20px;\n object-fit: contain;\n }\n\n .AssetCard_headerInfo__9c326df4e1 {\n flex: 1;\n min-width: 0;\n }\n\n .AssetCard_titleRow__9c326df4e1 {\n display: flex;\n align-items: center;\n gap: var(--bui-space-1);\n margin-bottom: 2px;\n }\n\n .AssetCard_title__9c326df4e1 {\n line-height: 1.2;\n flex: 1;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .AssetCard_newBadge__9c326df4e1 {\n height: 16px;\n flex-shrink: 0;\n font-size: 0.58rem;\n font-weight: 700;\n background-color: #6AB04C;\n color: #fff;\n }\n\n .AssetCard_description__9c326df4e1 {\n margin-bottom: var(--bui-space-2);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.4;\n }\n\n .AssetCard_toolsRow__9c326df4e1 .bui-TagList {\n display: flex;\n gap: var(--bui-space-1);\n flex-wrap: wrap;\n }\n\n .AssetCard_toolsRowWithTags__9c326df4e1 {\n margin-bottom: 6px;\n }\n\n .AssetCard_toolChip__9c326df4e1 {\n height: 18px;\n font-size: 0.65rem;\n font-weight: 600;\n background-color: var(--bui-bg-neutral-1-hover);\n color: var(--bui-fg-secondary);\n }\n\n .AssetCard_tagsRow__9c326df4e1 .bui-TagList {\n display: flex;\n gap: var(--bui-space-1);\n flex-wrap: wrap;\n }\n\n .AssetCard_tagChip__9c326df4e1 {\n height: 16px;\n font-size: 0.6rem;\n color: var(--bui-fg-secondary);\n background-color: transparent;\n border: 1px solid var(--bui-border-1);\n }\n\n .AssetCard_cardActions__9c326df4e1 {\n padding: var(--bui-space-2) var(--bui-space-3);\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: auto;\n border-top: 1px solid var(--bui-border-1);\n }\n\n .AssetCard_metaRow__9c326df4e1 {\n display: flex;\n align-items: center;\n gap: var(--bui-space-2);\n }\n\n .AssetCard_metaText__9c326df4e1 {\n font-size: 0.65rem;\n }\n\n .AssetCard_installCountRow__9c326df4e1 {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n\n .AssetCard_installEmoji__9c326df4e1 {\n font-size: 0.65rem;\n line-height: 1;\n }\n\n .AssetCard_actionsRow__9c326df4e1 {\n display: flex;\n gap: 2px;\n }\n}\n";
|
|
4
|
-
var styles = {"card":"AssetCard_card__9c326df4e1","cardContent":"AssetCard_cardContent__9c326df4e1","header":"AssetCard_header__9c326df4e1","iconBox":"AssetCard_iconBox__9c326df4e1","iconImage":"AssetCard_iconImage__9c326df4e1","headerInfo":"AssetCard_headerInfo__9c326df4e1","titleRow":"AssetCard_titleRow__9c326df4e1","title":"AssetCard_title__9c326df4e1","newBadge":"AssetCard_newBadge__9c326df4e1","description":"AssetCard_description__9c326df4e1","toolsRow":"AssetCard_toolsRow__9c326df4e1","toolsRowWithTags":"AssetCard_toolsRowWithTags__9c326df4e1","toolChip":"AssetCard_toolChip__9c326df4e1","tagsRow":"AssetCard_tagsRow__9c326df4e1","tagChip":"AssetCard_tagChip__9c326df4e1","cardActions":"AssetCard_cardActions__9c326df4e1","metaRow":"AssetCard_metaRow__9c326df4e1","metaText":"AssetCard_metaText__9c326df4e1","installCountRow":"AssetCard_installCountRow__9c326df4e1","installEmoji":"AssetCard_installEmoji__9c326df4e1","actionsRow":"AssetCard_actionsRow__9c326df4e1"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { styles as default };
|
|
8
|
-
//# sourceMappingURL=AssetCard.module.css.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AssetCard.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import ReactMarkdown from 'react-markdown';
|
|
4
|
-
import remarkGfm from 'remark-gfm';
|
|
5
|
-
import { Flex, Box, Skeleton, Text, TagGroup, Tag, ButtonIcon, Tabs, TabList, Tab, TabPanel, Link, Button, Alert } from '@backstage/ui';
|
|
6
|
-
import { RiCloseLine, RiFolderZipLine, RiExternalLinkLine, RiFileCopyLine } from '@remixicon/react';
|
|
7
|
-
import { useAssetDetail } from '../../hooks/index.esm.js';
|
|
8
|
-
import styles from './AssetDetailPanel.module.css.esm.js';
|
|
9
|
-
|
|
10
|
-
const SyntaxHighlighter = require("react-syntax-highlighter/dist/esm/prism").default;
|
|
11
|
-
const { oneLight } = require("react-syntax-highlighter/dist/esm/styles/prism");
|
|
12
|
-
const TYPE_COLORS = {
|
|
13
|
-
instruction: "#1976d2",
|
|
14
|
-
agent: "#7b1fa2",
|
|
15
|
-
skill: "#388e3c",
|
|
16
|
-
workflow: "#f57c00"
|
|
17
|
-
};
|
|
18
|
-
function AssetDetailPanel({ assetId, onClose }) {
|
|
19
|
-
const [snackbar, setSnackbar] = useState(null);
|
|
20
|
-
const { asset, loading } = useAssetDetail(assetId);
|
|
21
|
-
const handleCopy = () => {
|
|
22
|
-
if (!asset) return;
|
|
23
|
-
navigator.clipboard.writeText(asset.content).then(
|
|
24
|
-
() => setSnackbar("Markdown copied to clipboard!")
|
|
25
|
-
);
|
|
26
|
-
};
|
|
27
|
-
if (!assetId) return null;
|
|
28
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
29
|
-
/* @__PURE__ */ jsx("div", { className: styles.overlay, onClick: onClose, role: "presentation" }),
|
|
30
|
-
/* @__PURE__ */ jsx("div", { className: styles.drawer, children: /* @__PURE__ */ jsxs(Flex, { className: styles.panelContainer, children: [
|
|
31
|
-
/* @__PURE__ */ jsxs(Flex, { className: styles.header, children: [
|
|
32
|
-
/* @__PURE__ */ jsx(Box, { className: styles.headerContent, children: loading || !asset ? /* @__PURE__ */ jsxs(Flex, { className: styles.loadingRow, children: [
|
|
33
|
-
/* @__PURE__ */ jsx(Skeleton, { style: { width: 16, height: 16 } }),
|
|
34
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Loading..." })
|
|
35
|
-
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
36
|
-
/* @__PURE__ */ jsxs(Flex, { className: styles.nameRow, children: [
|
|
37
|
-
/* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: asset.name }),
|
|
38
|
-
/* @__PURE__ */ jsx(TagGroup, { "aria-label": "Asset type", children: /* @__PURE__ */ jsx(
|
|
39
|
-
Tag,
|
|
40
|
-
{
|
|
41
|
-
id: asset.type,
|
|
42
|
-
size: "small",
|
|
43
|
-
className: styles.typeTag,
|
|
44
|
-
style: {
|
|
45
|
-
backgroundColor: `${TYPE_COLORS[asset.type]}20`,
|
|
46
|
-
color: TYPE_COLORS[asset.type]
|
|
47
|
-
},
|
|
48
|
-
children: asset.type
|
|
49
|
-
}
|
|
50
|
-
) })
|
|
51
|
-
] }),
|
|
52
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-medium", color: "secondary", children: asset.description })
|
|
53
|
-
] }) }),
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
ButtonIcon,
|
|
56
|
-
{
|
|
57
|
-
"aria-label": "Close",
|
|
58
|
-
icon: /* @__PURE__ */ jsx(RiCloseLine, { size: 20 }),
|
|
59
|
-
variant: "tertiary",
|
|
60
|
-
onPress: onClose
|
|
61
|
-
}
|
|
62
|
-
)
|
|
63
|
-
] }),
|
|
64
|
-
/* @__PURE__ */ jsxs(Tabs, { defaultSelectedKey: "preview", children: [
|
|
65
|
-
/* @__PURE__ */ jsxs(TabList, { className: styles.tabBar, children: [
|
|
66
|
-
/* @__PURE__ */ jsx(Tab, { id: "preview", children: "Preview" }),
|
|
67
|
-
/* @__PURE__ */ jsx(Tab, { id: "metadata", children: "Metadata" }),
|
|
68
|
-
/* @__PURE__ */ jsx(Tab, { id: "raw", children: "Raw YAML" })
|
|
69
|
-
] }),
|
|
70
|
-
/* @__PURE__ */ jsxs(Box, { className: styles.contentArea, children: [
|
|
71
|
-
loading && /* @__PURE__ */ jsx(Flex, { style: { justifyContent: "center", paddingTop: "var(--bui-space-8)" }, children: /* @__PURE__ */ jsx(Skeleton, { style: { width: "100%", height: 200 } }) }),
|
|
72
|
-
!loading && asset && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
73
|
-
/* @__PURE__ */ jsx(TabPanel, { id: "preview", children: /* @__PURE__ */ jsx("div", { className: styles.markdownContent, children: /* @__PURE__ */ jsx(
|
|
74
|
-
ReactMarkdown,
|
|
75
|
-
{
|
|
76
|
-
remarkPlugins: [remarkGfm],
|
|
77
|
-
components: {
|
|
78
|
-
pre: ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.codeBlockWrapper, children }),
|
|
79
|
-
code({ className, children }) {
|
|
80
|
-
const match = /language-(\w+)/.exec(className || "");
|
|
81
|
-
const code = String(children).replace(/\n$/, "");
|
|
82
|
-
const isBlock = code.includes("\n") || !!match;
|
|
83
|
-
return isBlock ? /* @__PURE__ */ jsx(
|
|
84
|
-
SyntaxHighlighter,
|
|
85
|
-
{
|
|
86
|
-
style: oneLight,
|
|
87
|
-
language: match?.[1] ?? "text",
|
|
88
|
-
PreTag: "div",
|
|
89
|
-
customStyle: {
|
|
90
|
-
borderRadius: 8,
|
|
91
|
-
fontSize: "0.8rem",
|
|
92
|
-
margin: 0,
|
|
93
|
-
border: "1px solid rgba(0,0,0,0.08)"
|
|
94
|
-
},
|
|
95
|
-
children: code
|
|
96
|
-
}
|
|
97
|
-
) : /* @__PURE__ */ jsx("code", { className, children });
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
children: asset.content
|
|
101
|
-
}
|
|
102
|
-
) }) }),
|
|
103
|
-
/* @__PURE__ */ jsx(TabPanel, { id: "metadata", children: /* @__PURE__ */ jsxs(Flex, { className: styles.metaSection, children: [
|
|
104
|
-
/* @__PURE__ */ jsx(MetaRow, { label: "Author", value: asset.author }),
|
|
105
|
-
/* @__PURE__ */ jsx(MetaRow, { label: "Version", value: asset.version }),
|
|
106
|
-
/* @__PURE__ */ jsx(MetaRow, { label: "Provider", value: asset.providerId }),
|
|
107
|
-
asset.commitSha && /* @__PURE__ */ jsx(MetaRow, { label: "Commit", value: asset.commitSha.slice(0, 8) }),
|
|
108
|
-
/* @__PURE__ */ jsx(MetaRow, { label: "Last synced", value: new Date(asset.syncedAt).toLocaleString() }),
|
|
109
|
-
/* @__PURE__ */ jsx(MetaRow, { label: "Branch", value: asset.branch }),
|
|
110
|
-
/* @__PURE__ */ jsx("hr", { className: styles.divider }),
|
|
111
|
-
/* @__PURE__ */ jsxs(Box, { children: [
|
|
112
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Compatible tools" }),
|
|
113
|
-
/* @__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)) }) })
|
|
114
|
-
] }),
|
|
115
|
-
asset.tags.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
|
|
116
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Tags" }),
|
|
117
|
-
/* @__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)) }) })
|
|
118
|
-
] }),
|
|
119
|
-
asset.type === "skill" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
120
|
-
/* @__PURE__ */ jsx("hr", { className: styles.divider }),
|
|
121
|
-
/* @__PURE__ */ jsxs(Box, { children: [
|
|
122
|
-
/* @__PURE__ */ jsxs(Flex, { className: styles.bundledHeader, children: [
|
|
123
|
-
/* @__PURE__ */ jsx(RiFolderZipLine, { size: 14, style: { color: "var(--bui-fg-secondary)" } }),
|
|
124
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Bundled files" })
|
|
125
|
-
] }),
|
|
126
|
-
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: [
|
|
127
|
-
/* @__PURE__ */ jsx(TagGroup, { "aria-label": "Bundled files", children: /* @__PURE__ */ jsxs(Flex, { className: styles.chipsRow, children: [
|
|
128
|
-
/* @__PURE__ */ jsx(Tag, { id: "skill-md", size: "small", style: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }, children: "SKILL.md" }),
|
|
129
|
-
Object.keys(asset.resourcesContent).map((p) => /* @__PURE__ */ jsx(Tag, { id: p, size: "small", style: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }, children: p }, p))
|
|
130
|
-
] }) }),
|
|
131
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Downloads as .zip containing all files above." })
|
|
132
|
-
] }) : /* @__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" }) }) })
|
|
133
|
-
] })
|
|
134
|
-
] }),
|
|
135
|
-
/* @__PURE__ */ jsx("hr", { className: styles.divider }),
|
|
136
|
-
/* @__PURE__ */ jsxs(Box, { children: [
|
|
137
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Repository" }),
|
|
138
|
-
/* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
|
|
139
|
-
Link,
|
|
140
|
-
{
|
|
141
|
-
href: asset.repoUrl,
|
|
142
|
-
target: "_blank",
|
|
143
|
-
rel: "noopener noreferrer",
|
|
144
|
-
className: styles.repoLink,
|
|
145
|
-
children: [
|
|
146
|
-
asset.repoUrl,
|
|
147
|
-
" ",
|
|
148
|
-
/* @__PURE__ */ jsx(RiExternalLinkLine, { size: 12 })
|
|
149
|
-
]
|
|
150
|
-
}
|
|
151
|
-
) })
|
|
152
|
-
] })
|
|
153
|
-
] }) }),
|
|
154
|
-
/* @__PURE__ */ jsx(TabPanel, { id: "raw", children: /* @__PURE__ */ jsx("pre", { className: styles.rawYaml, children: asset.yamlRaw }) })
|
|
155
|
-
] })
|
|
156
|
-
] })
|
|
157
|
-
] }),
|
|
158
|
-
/* @__PURE__ */ jsxs(Flex, { className: styles.actions, children: [
|
|
159
|
-
/* @__PURE__ */ jsxs(
|
|
160
|
-
Button,
|
|
161
|
-
{
|
|
162
|
-
variant: "primary",
|
|
163
|
-
onClick: handleCopy,
|
|
164
|
-
isDisabled: !asset,
|
|
165
|
-
children: [
|
|
166
|
-
/* @__PURE__ */ jsx(RiFileCopyLine, { size: 16 }),
|
|
167
|
-
"Copy Markdown"
|
|
168
|
-
]
|
|
169
|
-
}
|
|
170
|
-
),
|
|
171
|
-
/* @__PURE__ */ jsxs(
|
|
172
|
-
Button,
|
|
173
|
-
{
|
|
174
|
-
variant: "secondary",
|
|
175
|
-
onClick: () => asset && window.open(asset.repoUrl, "_blank"),
|
|
176
|
-
isDisabled: !asset,
|
|
177
|
-
children: [
|
|
178
|
-
/* @__PURE__ */ jsx(RiExternalLinkLine, { size: 16 }),
|
|
179
|
-
"Open in Repo"
|
|
180
|
-
]
|
|
181
|
-
}
|
|
182
|
-
)
|
|
183
|
-
] })
|
|
184
|
-
] }) }),
|
|
185
|
-
snackbar && /* @__PURE__ */ jsx(
|
|
186
|
-
"div",
|
|
187
|
-
{
|
|
188
|
-
style: {
|
|
189
|
-
position: "fixed",
|
|
190
|
-
bottom: 24,
|
|
191
|
-
left: "50%",
|
|
192
|
-
transform: "translateX(-50%)",
|
|
193
|
-
zIndex: 1400
|
|
194
|
-
},
|
|
195
|
-
children: /* @__PURE__ */ jsx(
|
|
196
|
-
Alert,
|
|
197
|
-
{
|
|
198
|
-
status: "success",
|
|
199
|
-
icon: true,
|
|
200
|
-
description: snackbar
|
|
201
|
-
}
|
|
202
|
-
)
|
|
203
|
-
}
|
|
204
|
-
)
|
|
205
|
-
] });
|
|
206
|
-
}
|
|
207
|
-
function MetaRow({ label, value }) {
|
|
208
|
-
return /* @__PURE__ */ jsxs(Flex, { className: styles.metaRow, children: [
|
|
209
|
-
/* @__PURE__ */ jsxs(Text, { variant: "body-medium", color: "secondary", className: styles.metaLabel, children: [
|
|
210
|
-
label,
|
|
211
|
-
":"
|
|
212
|
-
] }),
|
|
213
|
-
/* @__PURE__ */ jsx(Text, { variant: "body-medium", weight: "bold", children: value })
|
|
214
|
-
] });
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
export { AssetDetailPanel };
|
|
218
|
-
//# sourceMappingURL=AssetDetailPanel.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
|
|
2
|
-
|
|
3
|
-
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";
|
|
4
|
-
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"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { styles as default };
|
|
8
|
-
//# sourceMappingURL=AssetDetailPanel.module.css.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AssetDetailPanel.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|