@nospt/plugin-dev-ai-hub 0.2.3 → 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.
Files changed (122) hide show
  1. package/dist/api/DevAiHubResourceClient.esm.js +97 -0
  2. package/dist/api/DevAiHubResourceClient.esm.js.map +1 -0
  3. package/dist/components/AiResourcesPage/AiResourcesPage.esm.js +150 -0
  4. package/dist/components/AiResourcesPage/AiResourcesPage.esm.js.map +1 -0
  5. package/dist/components/AiResourcesPage/AiResourcesPage.module.css.esm.js +8 -0
  6. package/dist/components/AiResourcesPage/AiResourcesPage.module.css.esm.js.map +1 -0
  7. package/dist/components/AiResourcesPage/ResourceCard.esm.js +158 -0
  8. package/dist/components/AiResourcesPage/ResourceCard.esm.js.map +1 -0
  9. package/dist/components/AiResourcesPage/ResourceCard.module.css.esm.js +8 -0
  10. package/dist/components/AiResourcesPage/ResourceCard.module.css.esm.js.map +1 -0
  11. package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js +234 -0
  12. package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js.map +1 -0
  13. package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js +8 -0
  14. package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js.map +1 -0
  15. package/dist/components/AiResourcesPage/ResourceFilters.esm.js +242 -0
  16. package/dist/components/AiResourcesPage/ResourceFilters.esm.js.map +1 -0
  17. package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js +8 -0
  18. package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js.map +1 -0
  19. package/dist/components/AiResourcesPage/ResourceInstallDialog.esm.js +366 -0
  20. package/dist/components/AiResourcesPage/ResourceInstallDialog.esm.js.map +1 -0
  21. package/dist/components/AiResourcesPage/ResourceInstallDialog.module.css.esm.js +8 -0
  22. package/dist/components/AiResourcesPage/ResourceInstallDialog.module.css.esm.js.map +1 -0
  23. package/dist/components/AiResourcesPage/StatTiles.esm.js +49 -0
  24. package/dist/components/AiResourcesPage/StatTiles.esm.js.map +1 -0
  25. package/dist/components/AiResourcesPage/StatTiles.module.css.esm.js +8 -0
  26. package/dist/components/AiResourcesPage/StatTiles.module.css.esm.js.map +1 -0
  27. package/dist/components/AiResourcesPage/index.esm.js +6 -0
  28. package/dist/components/AiResourcesPage/typeMeta.esm.js +35 -0
  29. package/dist/components/AiResourcesPage/typeMeta.esm.js.map +1 -0
  30. package/dist/components/ToolIcon/ToolIcon.esm.js +26 -9
  31. package/dist/components/ToolIcon/ToolIcon.esm.js.map +1 -1
  32. package/dist/hooks/useResourceBody.esm.js +39 -0
  33. package/dist/hooks/useResourceBody.esm.js.map +1 -0
  34. package/dist/hooks/useResources.esm.js +26 -0
  35. package/dist/hooks/useResources.esm.js.map +1 -0
  36. package/dist/hooks/useTelemetryCounts.esm.js +24 -0
  37. package/dist/hooks/useTelemetryCounts.esm.js.map +1 -0
  38. package/dist/index.d.ts +1 -38
  39. package/dist/index.esm.js +1 -3
  40. package/dist/index.esm.js.map +1 -1
  41. package/dist/plugin.esm.js +17 -26
  42. package/dist/plugin.esm.js.map +1 -1
  43. package/dist/routes.esm.js +1 -2
  44. package/dist/routes.esm.js.map +1 -1
  45. package/package.json +17 -10
  46. package/.eslintrc.js +0 -1
  47. package/dev/index.tsx +0 -32
  48. package/dist/api/DevAiHubClient.esm.js +0 -78
  49. package/dist/api/DevAiHubClient.esm.js.map +0 -1
  50. package/dist/components/AssetCard/AssetCard.esm.js +0 -120
  51. package/dist/components/AssetCard/AssetCard.esm.js.map +0 -1
  52. package/dist/components/AssetCard/AssetCard.module.css.esm.js +0 -8
  53. package/dist/components/AssetCard/AssetCard.module.css.esm.js.map +0 -1
  54. package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js +0 -218
  55. package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js.map +0 -1
  56. package/dist/components/AssetDetailPanel/AssetDetailPanel.module.css.esm.js +0 -8
  57. package/dist/components/AssetDetailPanel/AssetDetailPanel.module.css.esm.js.map +0 -1
  58. package/dist/components/AssetFilters/AssetFilters.esm.js +0 -176
  59. package/dist/components/AssetFilters/AssetFilters.esm.js.map +0 -1
  60. package/dist/components/AssetFilters/AssetFilters.module.css.esm.js +0 -8
  61. package/dist/components/AssetFilters/AssetFilters.module.css.esm.js.map +0 -1
  62. package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js +0 -138
  63. package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js.map +0 -1
  64. package/dist/components/AssetInstallDialog/AssetInstallDialog.module.css.esm.js +0 -8
  65. package/dist/components/AssetInstallDialog/AssetInstallDialog.module.css.esm.js.map +0 -1
  66. package/dist/components/DevAiHubPage/DevAiHubPage.esm.js +0 -195
  67. package/dist/components/DevAiHubPage/DevAiHubPage.esm.js.map +0 -1
  68. package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js +0 -8
  69. package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js.map +0 -1
  70. package/dist/components/DevAiHubPage/index.esm.js +0 -6
  71. package/dist/components/McpConfigPage/McpConfigPage.esm.js +0 -200
  72. package/dist/components/McpConfigPage/McpConfigPage.esm.js.map +0 -1
  73. package/dist/components/McpConfigPage/McpConfigPage.module.css.esm.js +0 -8
  74. package/dist/components/McpConfigPage/McpConfigPage.module.css.esm.js.map +0 -1
  75. package/dist/components/McpConfigPage/index.esm.js +0 -6
  76. package/dist/components/McpConfigPage/index.esm.js.map +0 -1
  77. package/dist/hooks/index.esm.js +0 -114
  78. package/dist/hooks/index.esm.js.map +0 -1
  79. package/dist/pluginLegacy.esm.js +0 -27
  80. package/dist/pluginLegacy.esm.js.map +0 -1
  81. package/package.json-prepack +0 -85
  82. package/src/api/DevAiHubClient.ts +0 -110
  83. package/src/components/AssetCard/AssetCard.module.css +0 -153
  84. package/src/components/AssetCard/AssetCard.test.tsx +0 -182
  85. package/src/components/AssetCard/AssetCard.tsx +0 -152
  86. package/src/components/AssetCard/index.ts +0 -1
  87. package/src/components/AssetDetailPanel/AssetDetailPanel.module.css +0 -207
  88. package/src/components/AssetDetailPanel/AssetDetailPanel.tsx +0 -313
  89. package/src/components/AssetDetailPanel/index.ts +0 -1
  90. package/src/components/AssetFilters/AssetFilters.module.css +0 -67
  91. package/src/components/AssetFilters/AssetFilters.tsx +0 -219
  92. package/src/components/AssetFilters/index.ts +0 -2
  93. package/src/components/AssetInstallDialog/AssetInstallDialog.module.css +0 -72
  94. package/src/components/AssetInstallDialog/AssetInstallDialog.tsx +0 -176
  95. package/src/components/AssetInstallDialog/index.ts +0 -1
  96. package/src/components/DevAiHubPage/DevAiHubPage.module.css +0 -105
  97. package/src/components/DevAiHubPage/DevAiHubPage.tsx +0 -197
  98. package/src/components/DevAiHubPage/index.ts +0 -1
  99. package/src/components/McpConfigDialog/McpConfigDialog.module.css +0 -111
  100. package/src/components/McpConfigDialog/McpConfigDialog.tsx +0 -271
  101. package/src/components/McpConfigDialog/index.ts +0 -1
  102. package/src/components/McpConfigPage/McpConfigPage.module.css +0 -121
  103. package/src/components/McpConfigPage/McpConfigPage.tsx +0 -242
  104. package/src/components/McpConfigPage/index.ts +0 -1
  105. package/src/components/ToolIcon/ToolIcon.tsx +0 -65
  106. package/src/components/ToolIcon/index.ts +0 -1
  107. package/src/css-modules.d.ts +0 -4
  108. package/src/hooks/index.ts +0 -152
  109. package/src/index.ts +0 -10
  110. package/src/plugin.tsx +0 -60
  111. package/src/pluginLegacy.ts +0 -42
  112. package/src/routes.ts +0 -4
  113. package/tests/e2e/.auth.json +0 -14
  114. package/tests/e2e/asset-detail.spec.ts +0 -90
  115. package/tests/e2e/asset-filtering.spec.ts +0 -145
  116. package/tests/e2e/asset-installation.spec.ts +0 -74
  117. package/tests/e2e/dev-ai-hub-page.spec.ts +0 -89
  118. package/tests/e2e/fixtures/base.ts +0 -61
  119. package/tests/e2e/fixtures/mock-api.ts +0 -221
  120. package/tests/e2e/mcp-config.spec.ts +0 -88
  121. package/tsconfig.json +0 -10
  122. /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":";;;;;;AAQA,MAAM,iBAAA,GAAoB,CAAA;AAC1B,MAAM,WAAA,GAAc,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA;AAExC,MAAM,WAAA,GAAsC;AAAA,EAC1C,KAAA,EAAkB,WAAA;AAAA,EAClB,aAAA,EAAkB,aAAA;AAAA,EAClB,gBAAA,EAAkB,gBAAA;AAAA,EAClB,eAAA,EAAkB,eAAA;AAAA,EAClB,QAAA,EAAkB;AACpB,CAAA;AAEA,MAAM,WAAA,GAAkG;AAAA,EACtG,WAAA,EAAa,EAAE,KAAA,EAAO,aAAA,EAAe,OAAO,SAAA,EAAW,EAAA,EAAI,0BAAA,EAA8B,IAAA,EAAM,aAAA,EAAc;AAAA,EAC7G,KAAA,EAAa,EAAE,KAAA,EAAO,OAAA,EAAe,OAAO,SAAA,EAAW,EAAA,EAAI,2BAAA,EAA6B,IAAA,EAAM,YAAA,EAAa;AAAA,EAC3G,KAAA,EAAa,EAAE,KAAA,EAAO,OAAA,EAAe,OAAO,SAAA,EAAW,EAAA,EAAI,0BAAA,EAA6B,IAAA,EAAM,WAAA,EAAY;AAAA,EAC1G,QAAA,EAAa,EAAE,KAAA,EAAO,UAAA,EAAe,OAAO,SAAA,EAAW,EAAA,EAAI,0BAAA,EAA6B,IAAA,EAAM,eAAA;AAChG,CAAA;AAQO,SAAS,SAAA,CAAU,EAAE,KAAA,EAAO,MAAA,EAAQ,WAAU,EAAmB;AACtE,EAAA,MAAM,GAAA,GAAM,WAAA,CAAY,KAAA,CAAM,IAAI,CAAA;AAClC,EAAA,MAAM,WAAW,GAAA,CAAI,IAAA;AACrB,EAAA,MAAM,SAAA,GAAY,MAAM,YAAA,IAAgB,iBAAA;AACxC,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,EAAI,GAAI,IAAI,KAAK,KAAA,CAAM,SAAS,CAAA,CAAE,OAAA,EAAQ,GAAI,WAAA;AAEjE,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,KAAA,EAAO,EAAE,eAAA,EAAiB,GAAA,CAAI,KAAA,EAAM;AAAA,MAEpC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAW,MAAA,CAAO,WAAA,EAE1B,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,MAAA,EACtB,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,WAAW,MAAA,CAAO,OAAA;AAAA,gBAClB,KAAA,EAAO,EAAE,eAAA,EAAiB,GAAA,CAAI,EAAA,EAAG;AAAA,gBAEhC,gBAAM,IAAA,mBACL,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,KAAK,KAAA,CAAM,IAAA;AAAA,oBACX,GAAA,EAAK,KAAA,CAAM,KAAA,IAAS,KAAA,CAAM,IAAA;AAAA,oBAC1B,WAAW,MAAA,CAAO,SAAA;AAAA,oBAClB,SAAS,CAAA,CAAA,KAAK;AAAE,sBAAC,CAAA,CAAE,MAAA,CAA4B,KAAA,CAAM,OAAA,GAAU,MAAA;AAAA,oBAAQ;AAAA;AAAA,iBACzE,mBAEA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAM,EAAA,EAAI,OAAO,EAAE,KAAA,EAAO,GAAA,CAAI,KAAA,EAAM,EAAG;AAAA;AAAA,aAErD;AAAA,4BAEA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,UAAA,EACrB,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,QAAA,EACtB,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,QAAK,OAAA,EAAQ,aAAA,EAAc,MAAA,EAAO,MAAA,EAAO,WAAW,MAAA,CAAO,KAAA,EAAO,KAAA,EAAO,KAAA,CAAM,SAAS,KAAA,CAAM,IAAA,EAC5F,QAAA,EAAA,KAAA,CAAM,KAAA,IAAS,MAAM,IAAA,EACxB,CAAA;AAAA,gBACC,KAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAS,YAAA,EAAW,UACnB,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,MAAK,OAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU,iBAAG,CAAA,EAC5D;AAAA,eAAA,EAEJ,CAAA;AAAA,8BACA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,cAAA,EAAe,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA,CAAI,KAAA,EAAO,UAAA,EAAY,GAAA,EAAI,EACrE,cAAI,KAAA,EACP;AAAA,aAAA,EACF;AAAA,WAAA,EACF,CAAA;AAAA,0BAGA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,cAAA,EAAe,KAAA,EAAM,aAAY,SAAA,EAAW,MAAA,CAAO,WAAA,EAC9D,QAAA,EAAA,KAAA,CAAM,WAAA,EACT,CAAA;AAAA,8BAGC,QAAA,EAAA,EAAS,YAAA,EAAW,oBAAmB,SAAA,EAAW,CAAA,EAAG,OAAO,QAAQ,CAAA,CAAA,EAAI,MAAM,IAAA,CAAK,MAAA,GAAS,IAAI,MAAA,CAAO,gBAAA,GAAmB,EAAE,CAAA,CAAA,EAC1H,QAAA,EAAA,KAAA,CAAM,MAAM,GAAA,CAAI,CAAA,IAAA,yBACd,GAAA,EAAA,EAAe,EAAA,EAAI,MAAM,IAAA,EAAK,OAAA,EAAQ,WAAW,MAAA,CAAO,QAAA,EAAU,sBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,MAAsB,IAAA,EAAM,EAAA,EAAI,GAChH,QAAA,EAAA,WAAA,CAAY,IAAc,KAAK,IAAA,EAAA,EADxB,IAEV,CACD,CAAA,EACH,CAAA;AAAA,UAGC,KAAA,CAAM,IAAA,CAAK,MAAA,GAAS,CAAA,oBACnB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,cAAW,MAAA,EAAO,SAAA,EAAW,OAAO,OAAA,EAC3C,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,EAAE,GAAA,CAAI,CAAA,GAAA,0BACzB,GAAA,EAAA,EAAc,EAAA,EAAI,KAAK,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EAAS,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cAC5D;AAAA,aAAA,EAAA,EADM,GAEV,CACD,CAAA,EACH,CAAA;AAAA,YACC,KAAA,CAAM,IAAA,CAAK,MAAA,GAAS,CAAA,yBAClB,IAAA,EAAA,EAAK,OAAA,EAAQ,cAAA,EAAe,KAAA,EAAM,WAAA,EAAY,KAAA,EAAO,EAAE,SAAA,EAAW,UAAS,EAAG,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cAC3E,KAAA,CAAM,KAAK,MAAA,GAAS;AAAA,aAAA,EACxB;AAAA,WAAA,EAEJ;AAAA,SAAA,EAEJ,CAAA;AAAA,wBAEA,IAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,MAAA,CAAO,WAAA,EAC5B,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,OAAA,EACtB,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,QAAK,OAAA,EAAQ,cAAA,EAAe,OAAM,WAAA,EAAY,SAAA,EAAW,OAAO,QAAA,EAAU,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cACvE,KAAA,CAAM,OAAA;AAAA,cAAQ,QAAA;AAAA,cAAI,KAAA,CAAM;AAAA,aAAA,EAC5B,CAAA;AAAA,YACC,MAAM,YAAA,GAAe,CAAA,yBACnB,IAAA,EAAA,EAAK,SAAA,EAAW,OAAO,eAAA,EACtB,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,QAAK,SAAA,EAAW,MAAA,CAAO,YAAA,EACrB,QAAA,EAAA,SAAA,GAAY,cAAO,QAAA,EACtB,CAAA;AAAA,8BACA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,cAAA,EAAe,KAAA,EAAM,aAAY,SAAA,EAAW,MAAA,CAAO,QAAA,EAC9D,QAAA,EAAA,KAAA,CAAM,YAAA,EACT;AAAA,aAAA,EACF;AAAA,WAAA,EAEJ,CAAA;AAAA,0BACA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,UAAA,EACtB,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,UAAA;AAAA,gBAAA;AAAA,kBACC,YAAA,EAAW,mBAAA;AAAA,kBACX,IAAA,kBAAM,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,kBAChC,OAAA,EAAQ,UAAA;AAAA,kBACR,OAAA,EAAS,MAAM,SAAA,CAAU,KAAA,CAAM,EAAE;AAAA;AAAA,eACnC;AAAA,8BACA,GAAA,CAAC,WAAQ,QAAA,EAAA,mBAAA,EAAiB;AAAA,aAAA,EAC5B,CAAA;AAAA,iCACC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,UAAA;AAAA,gBAAA;AAAA,kBACC,YAAA,EAAW,cAAA;AAAA,kBACX,IAAA,kBAAM,GAAA,CAAC,kBAAA,EAAA,EAAmB,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,kBACpC,OAAA,EAAQ,UAAA;AAAA,kBACR,OAAA,EAAS,MAAM,MAAA,CAAO,KAAA,CAAM,EAAE;AAAA;AAAA,eAChC;AAAA,8BACA,GAAA,CAAC,WAAQ,QAAA,EAAA,cAAA,EAAY;AAAA,aAAA,EACvB;AAAA,WAAA,EACF;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
@@ -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":";;;;;;;;"}