@julianpedro/plugin-dev-ai-hub 0.1.6

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetDetailPanel.esm.js","sources":["../../../src/components/AssetDetailPanel/AssetDetailPanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useTheme } from '@mui/material/styles';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Chip from '@mui/material/Chip';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Divider from '@mui/material/Divider';\nimport Drawer from '@mui/material/Drawer';\nimport IconButton from '@mui/material/IconButton';\nimport Link from '@mui/material/Link';\nimport Snackbar from '@mui/material/Snackbar';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport Typography from '@mui/material/Typography';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport FolderZipIcon from '@mui/icons-material/FolderZip';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport type { AssetType } from '@julianpedro/plugin-dev-ai-hub-common';\nimport { useAssetDetail } from '../../hooks';\n\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst SyntaxHighlighter = require('react-syntax-highlighter/dist/esm/prism').default;\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nconst { oneLight, oneDark } = require('react-syntax-highlighter/dist/esm/styles/prism');\n\nconst TYPE_COLORS: Record<AssetType, string> = {\n  instruction: '#1976d2',\n  agent: '#7b1fa2',\n  skill: '#388e3c',\n  workflow: '#f57c00',\n};\n\ninterface AssetDetailPanelProps {\n  assetId: string | null;\n  onClose: () => void;\n}\n\nexport function AssetDetailPanel({ assetId, onClose }: AssetDetailPanelProps) {\n  const [tab, setTab] = useState(0);\n  const [snackbar, setSnackbar] = useState<string | null>(null);\n  const { asset, loading } = useAssetDetail(assetId);\n  const theme = useTheme();\n  const syntaxTheme = theme.palette.mode === 'dark' ? oneDark : oneLight;\n\n  const handleCopy = () => {\n    if (!asset) return;\n    navigator.clipboard.writeText(asset.content).then(() =>\n      setSnackbar('Markdown copied to clipboard!'),\n    );\n  };\n\n  return (\n    <>\n      <Drawer\n        anchor=\"right\"\n        open={!!assetId}\n        onClose={onClose}\n        PaperProps={{ sx: { width: { xs: '100vw', md: 640 } } }}\n      >\n        <Box sx={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n          {/* Header */}\n          <Box\n            sx={{\n              p: 2,\n              display: 'flex',\n              alignItems: 'flex-start',\n              gap: 2,\n              borderBottom: 1,\n              borderColor: 'divider',\n            }}\n          >\n            <Box sx={{ flex: 1 }}>\n              {loading || !asset ? (\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                  <CircularProgress size={16} />\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    Loading...\n                  </Typography>\n                </Box>\n              ) : (\n                <>\n                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 0.5 }}>\n                    <Typography variant=\"h6\" fontWeight={700}>\n                      {asset.name}\n                    </Typography>\n                    <Chip\n                      label={asset.type}\n                      size=\"small\"\n                      sx={{\n                        backgroundColor: `${TYPE_COLORS[asset.type]}20`,\n                        color: TYPE_COLORS[asset.type],\n                        fontWeight: 600,\n                      }}\n                    />\n                  </Box>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {asset.description}\n                  </Typography>\n                </>\n              )}\n            </Box>\n            <IconButton onClick={onClose} size=\"small\">\n              <CloseIcon />\n            </IconButton>\n          </Box>\n\n          {/* Tabs */}\n          <Tabs\n            value={tab}\n            onChange={(_, v) => setTab(v)}\n            sx={{ borderBottom: 1, borderColor: 'divider', px: 2 }}\n          >\n            <Tab label=\"Preview\" />\n            <Tab label=\"Metadata\" />\n            <Tab label=\"Raw YAML\" />\n          </Tabs>\n\n          {/* Content */}\n          <Box sx={{ flex: 1, overflow: 'auto', p: 2 }}>\n            {loading && (\n              <Box sx={{ display: 'flex', justifyContent: 'center', pt: 4 }}>\n                <CircularProgress />\n              </Box>\n            )}\n\n            {!loading && asset && (\n              <>\n                {tab === 0 && (\n                  <Box\n                    sx={{\n                      '& h1,h2,h3,h4,h5,h6': { mt: 2, mb: 1, fontWeight: 700 },\n                      '& p': { mb: 1, lineHeight: 1.7 },\n                      '& ul, & ol': { pl: 2.5, mb: 1 },\n                      '& li': { mb: 0.5 },\n                      '& blockquote': {\n                        borderLeft: '3px solid',\n                        borderColor: 'primary.main',\n                        pl: 1.5,\n                        color: 'text.secondary',\n                        my: 1,\n                        ml: 0,\n                      },\n                      '& table': { width: '100%', borderCollapse: 'collapse', mb: 1 },\n                      '& th, & td': {\n                        border: '1px solid',\n                        borderColor: 'divider',\n                        px: 1.5,\n                        py: 0.75,\n                        fontSize: '0.875rem',\n                      },\n                      '& th': { backgroundColor: 'action.hover', fontWeight: 700 },\n                      '& code': {\n                        bgcolor: 'action.hover',\n                        px: 0.5,\n                        py: 0.2,\n                        borderRadius: 0.5,\n                        fontFamily: 'monospace',\n                        fontSize: '0.875em',\n                      },\n                      '& pre code': { bgcolor: 'transparent', px: 0, py: 0 },\n                    }}\n                  >\n                    <ReactMarkdown\n                      remarkPlugins={[remarkGfm]}\n                      components={{\n                        pre: ({ children }) => <Box sx={{ my: 1 }}>{children}</Box>,\n                        code({ className, children }) {\n                          const match = /language-(\\w+)/.exec(className || '');\n                          const code = String(children).replace(/\\n$/, '');\n                          const isBlock = code.includes('\\n') || !!match;\n                          return isBlock ? (\n                            <SyntaxHighlighter\n                              style={syntaxTheme}\n                              language={match?.[1] ?? 'text'}\n                              PreTag=\"div\"\n                              customStyle={{\n                                borderRadius: 8,\n                                fontSize: '0.8rem',\n                                margin: 0,\n                                border: `1px solid ${theme.palette.divider}`,\n                              }}\n                            >\n                              {code}\n                            </SyntaxHighlighter>\n                          ) : (\n                            <code className={className}>{children}</code>\n                          );\n                        },\n                      }}\n                    >\n                      {asset.content}\n                    </ReactMarkdown>\n                  </Box>\n                )}\n\n                {tab === 1 && (\n                  <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n                    <MetaRow label=\"Author\" value={asset.author} />\n                    <MetaRow label=\"Version\" value={asset.version} />\n                    <MetaRow label=\"Provider\" value={asset.providerId} />\n                    {asset.commitSha && (\n                      <MetaRow label=\"Commit\" value={asset.commitSha.slice(0, 8)} />\n                    )}\n                    <MetaRow label=\"Last synced\" value={new Date(asset.syncedAt).toLocaleString()} />\n                    <MetaRow label=\"Branch\" value={asset.branch} />\n\n                    <Divider />\n\n                    <Box>\n                      <Typography variant=\"caption\" color=\"text.secondary\">\n                        Compatible tools\n                      </Typography>\n                      <Box sx={{ display: 'flex', gap: 1, mt: 0.5 }}>\n                        {asset.tools.map(t => (\n                          <Chip key={t} label={t} size=\"small\" />\n                        ))}\n                      </Box>\n                    </Box>\n\n                    {asset.tags.length > 0 && (\n                      <Box>\n                        <Typography variant=\"caption\" color=\"text.secondary\">\n                          Tags\n                        </Typography>\n                        <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap', mt: 0.5 }}>\n                          {asset.tags.map(t => (\n                            <Chip key={t} label={t} size=\"small\" variant=\"outlined\" />\n                          ))}\n                        </Box>\n                      </Box>\n                    )}\n\n                   {asset.type === 'skill' && (\n                      <>\n                        <Divider />\n                        <Box>\n                          <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75, mb: 0.5 }}>\n                            <FolderZipIcon sx={{ fontSize: '0.85rem', color: 'text.secondary' }} />\n                            <Typography variant=\"caption\" color=\"text.secondary\">\n                              Bundled files\n                            </Typography>\n                          </Box>\n                          {asset.resourcesContent && Object.keys(asset.resourcesContent).length > 0 ? (\n                            <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5, mt: 0.5 }}>\n                              <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap' }}>\n                                <Chip\n                                  label=\"SKILL.md\"\n                                  size=\"small\"\n                                  sx={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}\n                                />\n                                {Object.keys(asset.resourcesContent).map(p => (\n                                  <Chip\n                                    key={p}\n                                    label={p}\n                                    size=\"small\"\n                                    variant=\"outlined\"\n                                    sx={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}\n                                  />\n                                ))}\n                              </Box>\n                              <Typography variant=\"caption\" color=\"text.disabled\">\n                                Downloads as .zip containing all files above.\n                              </Typography>\n                            </Box>\n                          ) : (\n                            <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap', mt: 0.5 }}>\n                              <Chip\n                                label=\"SKILL.md\"\n                                size=\"small\"\n                                sx={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}\n                              />\n                            </Box>\n                          )}\n                        </Box>\n                      </>\n                    )}\n\n                    <Divider />\n\n                    <Box>\n                      <Typography variant=\"caption\" color=\"text.secondary\">\n                        Repository\n                      </Typography>\n                      <Box>\n                        <Link\n                          href={asset.repoUrl}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          variant=\"body2\"\n                        >\n                          {asset.repoUrl} <OpenInNewIcon sx={{ fontSize: 12 }} />\n                        </Link>\n                      </Box>\n                    </Box>\n                  </Box>\n                )}\n\n                {tab === 2 && (\n                  <Box\n                    component=\"pre\"\n                    sx={{\n                      bgcolor: 'action.hover',\n                      p: 2,\n                      borderRadius: 1,\n                      overflow: 'auto',\n                      fontSize: '0.8rem',\n                      fontFamily: 'monospace',\n                      whiteSpace: 'pre-wrap',\n                      wordBreak: 'break-word',\n                      border: '1px solid',\n                      borderColor: 'divider',\n                    }}\n                  >\n                    {asset.yamlRaw}\n                  </Box>\n                )}\n              </>\n            )}\n          </Box>\n\n          {/* Actions */}\n          <Box\n            sx={{\n              p: 2,\n              borderTop: 1,\n              borderColor: 'divider',\n              display: 'flex',\n              gap: 1,\n              flexWrap: 'wrap',\n            }}\n          >\n            <Button\n              variant=\"contained\"\n              startIcon={<ContentCopyIcon />}\n              onClick={handleCopy}\n              disabled={!asset}\n            >\n              Copy Markdown\n            </Button>\n\n            <Button\n              variant=\"outlined\"\n              startIcon={<OpenInNewIcon />}\n              onClick={() => asset && window.open(asset.repoUrl, '_blank')}\n              disabled={!asset}\n            >\n              Open in Repo\n            </Button>\n          </Box>\n        </Box>\n      </Drawer>\n\n      <Snackbar\n        open={!!snackbar}\n        autoHideDuration={2500}\n        onClose={() => setSnackbar(null)}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n      >\n        <Alert severity=\"success\" onClose={() => setSnackbar(null)}>\n          {snackbar}\n        </Alert>\n      </Snackbar>\n    </>\n  );\n}\n\nfunction MetaRow({ label, value }: { label: string; value: string }) {\n  return (\n    <Box>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {label}\n      </Typography>\n      <Typography variant=\"body2\">{value}</Typography>\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,iBAAA,GAAoB,OAAA,CAAQ,yCAAyC,CAAA,CAAE,OAAA;AAE7E,MAAM,EAAE,QAAA,EAAU,OAAA,EAAQ,GAAI,QAAQ,gDAAgD,CAAA;AAEtF,MAAM,WAAA,GAAyC;AAAA,EAC7C,WAAA,EAAa,SAAA;AAAA,EACb,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAA;AAOO,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,OAAA,EAAQ,EAA0B;AAC5E,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,CAAC,CAAA;AAChC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAwB,IAAI,CAAA;AAC5D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAQ,GAAI,eAAe,OAAO,CAAA;AACjD,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,WAAA,GAAc,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,OAAA,GAAU,QAAA;AAE9D,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,KAAA,CAAM,OAAO,CAAA,CAAE,IAAA;AAAA,MAAK,MAChD,YAAY,+BAA+B;AAAA,KAC7C;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAO,OAAA;AAAA,QACP,IAAA,EAAM,CAAC,CAAC,OAAA;AAAA,QACR,OAAA;AAAA,QACA,UAAA,EAAY,EAAE,EAAA,EAAI,EAAE,KAAA,EAAO,EAAE,EAAA,EAAI,OAAA,EAAS,EAAA,EAAI,GAAA,EAAI,EAAE,EAAE;AAAA,QAEtD,QAAA,kBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,OAAA,EAAS,QAAQ,aAAA,EAAe,QAAA,EAAU,MAAA,EAAQ,MAAA,EAAO,EAElE,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI;AAAA,gBACF,CAAA,EAAG,CAAA;AAAA,gBACH,OAAA,EAAS,MAAA;AAAA,gBACT,UAAA,EAAY,YAAA;AAAA,gBACZ,GAAA,EAAK,CAAA;AAAA,gBACL,YAAA,EAAc,CAAA;AAAA,gBACd,WAAA,EAAa;AAAA,eACf;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,OAAI,EAAA,EAAI,EAAE,MAAM,CAAA,EAAE,EAChB,qBAAW,CAAC,KAAA,wBACV,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,OAAA,EAAS,MAAA,EAAQ,YAAY,QAAA,EAAU,GAAA,EAAK,GAAE,EACvD,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,MAAM,EAAA,EAAI,CAAA;AAAA,sCAC3B,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,KAAA,EAAM,kBAAiB,QAAA,EAAA,YAAA,EAEnD;AAAA,iBAAA,EACF,oBAEA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,kCAAA,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,OAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,QAAA,EAAU,GAAA,EAAK,CAAA,EAAG,EAAA,EAAI,GAAA,EAAI,EAChE,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,IAAA,EAAK,UAAA,EAAY,GAAA,EAClC,gBAAM,IAAA,EACT,CAAA;AAAA,oCACA,GAAA;AAAA,sBAAC,IAAA;AAAA,sBAAA;AAAA,wBACC,OAAO,KAAA,CAAM,IAAA;AAAA,wBACb,IAAA,EAAK,OAAA;AAAA,wBACL,EAAA,EAAI;AAAA,0BACF,eAAA,EAAiB,CAAA,EAAG,WAAA,CAAY,KAAA,CAAM,IAAI,CAAC,CAAA,EAAA,CAAA;AAAA,0BAC3C,KAAA,EAAO,WAAA,CAAY,KAAA,CAAM,IAAI,CAAA;AAAA,0BAC7B,UAAA,EAAY;AAAA;AACd;AAAA;AACF,mBAAA,EACF,CAAA;AAAA,sCACC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAQ,KAAA,EAAM,gBAAA,EAC/B,gBAAM,WAAA,EACT;AAAA,iBAAA,EACF,CAAA,EAEJ,CAAA;AAAA,gCACA,GAAA,CAAC,cAAW,OAAA,EAAS,OAAA,EAAS,MAAK,OAAA,EACjC,QAAA,kBAAA,GAAA,CAAC,aAAU,CAAA,EACb;AAAA;AAAA;AAAA,WACF;AAAA,0BAGA,IAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,GAAA;AAAA,cACP,QAAA,EAAU,CAAC,CAAA,EAAG,CAAA,KAAM,OAAO,CAAC,CAAA;AAAA,cAC5B,IAAI,EAAE,YAAA,EAAc,GAAG,WAAA,EAAa,SAAA,EAAW,IAAI,CAAA,EAAE;AAAA,cAErD,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,GAAA,EAAA,EAAI,OAAM,SAAA,EAAU,CAAA;AAAA,gCACrB,GAAA,CAAC,GAAA,EAAA,EAAI,KAAA,EAAM,UAAA,EAAW,CAAA;AAAA,gCACtB,GAAA,CAAC,GAAA,EAAA,EAAI,KAAA,EAAM,UAAA,EAAW;AAAA;AAAA;AAAA,WACxB;AAAA,0BAGA,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,IAAA,EAAM,GAAG,QAAA,EAAU,MAAA,EAAQ,CAAA,EAAG,CAAA,EAAE,EACxC,QAAA,EAAA;AAAA,YAAA,OAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,OAAA,EAAS,MAAA,EAAQ,cAAA,EAAgB,QAAA,EAAU,EAAA,EAAI,CAAA,EAAE,EAC1D,QAAA,kBAAA,GAAA,CAAC,oBAAiB,CAAA,EACpB,CAAA;AAAA,YAGD,CAAC,OAAA,IAAW,KAAA,oBACX,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,GAAA,KAAQ,CAAA,oBACP,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI;AAAA,oBACF,uBAAuB,EAAE,EAAA,EAAI,GAAG,EAAA,EAAI,CAAA,EAAG,YAAY,GAAA,EAAI;AAAA,oBACvD,KAAA,EAAO,EAAE,EAAA,EAAI,CAAA,EAAG,YAAY,GAAA,EAAI;AAAA,oBAChC,YAAA,EAAc,EAAE,EAAA,EAAI,GAAA,EAAK,IAAI,CAAA,EAAE;AAAA,oBAC/B,MAAA,EAAQ,EAAE,EAAA,EAAI,GAAA,EAAI;AAAA,oBAClB,cAAA,EAAgB;AAAA,sBACd,UAAA,EAAY,WAAA;AAAA,sBACZ,WAAA,EAAa,cAAA;AAAA,sBACb,EAAA,EAAI,GAAA;AAAA,sBACJ,KAAA,EAAO,gBAAA;AAAA,sBACP,EAAA,EAAI,CAAA;AAAA,sBACJ,EAAA,EAAI;AAAA,qBACN;AAAA,oBACA,WAAW,EAAE,KAAA,EAAO,QAAQ,cAAA,EAAgB,UAAA,EAAY,IAAI,CAAA,EAAE;AAAA,oBAC9D,YAAA,EAAc;AAAA,sBACZ,MAAA,EAAQ,WAAA;AAAA,sBACR,WAAA,EAAa,SAAA;AAAA,sBACb,EAAA,EAAI,GAAA;AAAA,sBACJ,EAAA,EAAI,IAAA;AAAA,sBACJ,QAAA,EAAU;AAAA,qBACZ;AAAA,oBACA,MAAA,EAAQ,EAAE,eAAA,EAAiB,cAAA,EAAgB,YAAY,GAAA,EAAI;AAAA,oBAC3D,QAAA,EAAU;AAAA,sBACR,OAAA,EAAS,cAAA;AAAA,sBACT,EAAA,EAAI,GAAA;AAAA,sBACJ,EAAA,EAAI,GAAA;AAAA,sBACJ,YAAA,EAAc,GAAA;AAAA,sBACd,UAAA,EAAY,WAAA;AAAA,sBACZ,QAAA,EAAU;AAAA,qBACZ;AAAA,oBACA,cAAc,EAAE,OAAA,EAAS,eAAe,EAAA,EAAI,CAAA,EAAG,IAAI,CAAA;AAAE,mBACvD;AAAA,kBAEA,QAAA,kBAAA,GAAA;AAAA,oBAAC,aAAA;AAAA,oBAAA;AAAA,sBACC,aAAA,EAAe,CAAC,SAAS,CAAA;AAAA,sBACzB,UAAA,EAAY;AAAA,wBACV,GAAA,EAAK,CAAC,EAAE,QAAA,EAAS,qBAAM,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,EAAA,EAAI,CAAA,EAAE,EAAI,QAAA,EAAS,CAAA;AAAA,wBACrD,IAAA,CAAK,EAAE,SAAA,EAAW,QAAA,EAAS,EAAG;AAC5B,0BAAA,MAAM,KAAA,GAAQ,gBAAA,CAAiB,IAAA,CAAK,SAAA,IAAa,EAAE,CAAA;AACnD,0BAAA,MAAM,OAAO,MAAA,CAAO,QAAQ,CAAA,CAAE,OAAA,CAAQ,OAAO,EAAE,CAAA;AAC/C,0BAAA,MAAM,UAAU,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,IAAK,CAAC,CAAC,KAAA;AACzC,0BAAA,OAAO,OAAA,mBACL,GAAA;AAAA,4BAAC,iBAAA;AAAA,4BAAA;AAAA,8BACC,KAAA,EAAO,WAAA;AAAA,8BACP,QAAA,EAAU,KAAA,GAAQ,CAAC,CAAA,IAAK,MAAA;AAAA,8BACxB,MAAA,EAAO,KAAA;AAAA,8BACP,WAAA,EAAa;AAAA,gCACX,YAAA,EAAc,CAAA;AAAA,gCACd,QAAA,EAAU,QAAA;AAAA,gCACV,MAAA,EAAQ,CAAA;AAAA,gCACR,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA;AAAA,+BAC5C;AAAA,8BAEC,QAAA,EAAA;AAAA;AAAA,2BACH,mBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAuB,QAAA,EAAS,CAAA;AAAA,wBAE1C;AAAA,uBACF;AAAA,sBAEC,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA;AACT;AAAA,eACF;AAAA,cAGD,GAAA,KAAQ,CAAA,oBACP,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,OAAA,EAAS,MAAA,EAAQ,aAAA,EAAe,QAAA,EAAU,GAAA,EAAK,CAAA,EAAE,EAC1D,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,QAAA,EAAS,KAAA,EAAO,MAAM,MAAA,EAAQ,CAAA;AAAA,oCAC5C,OAAA,EAAA,EAAQ,KAAA,EAAM,SAAA,EAAU,KAAA,EAAO,MAAM,OAAA,EAAS,CAAA;AAAA,oCAC9C,OAAA,EAAA,EAAQ,KAAA,EAAM,UAAA,EAAW,KAAA,EAAO,MAAM,UAAA,EAAY,CAAA;AAAA,gBAClD,KAAA,CAAM,SAAA,oBACL,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,QAAA,EAAS,KAAA,EAAO,KAAA,CAAM,SAAA,CAAU,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,EAAG,CAAA;AAAA,gCAE9D,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,aAAA,EAAc,KAAA,EAAO,IAAI,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA,CAAE,cAAA,EAAe,EAAG,CAAA;AAAA,oCAC9E,OAAA,EAAA,EAAQ,KAAA,EAAM,QAAA,EAAS,KAAA,EAAO,MAAM,MAAA,EAAQ,CAAA;AAAA,oCAE5C,OAAA,EAAA,EAAQ,CAAA;AAAA,qCAER,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,kBAAiB,QAAA,EAAA,kBAAA,EAErD,CAAA;AAAA,kCACA,GAAA,CAAC,OAAI,EAAA,EAAI,EAAE,SAAS,MAAA,EAAQ,GAAA,EAAK,CAAA,EAAG,EAAA,EAAI,GAAA,EAAI,EACzC,gBAAM,KAAA,CAAM,GAAA,CAAI,CAAA,CAAA,qBACf,GAAA,CAAC,IAAA,EAAA,EAAa,KAAA,EAAO,GAAG,IAAA,EAAK,OAAA,EAAA,EAAlB,CAA0B,CACtC,CAAA,EACH;AAAA,iBAAA,EACF,CAAA;AAAA,gBAEC,KAAA,CAAM,IAAA,CAAK,MAAA,GAAS,CAAA,yBAClB,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,kBAAiB,QAAA,EAAA,MAAA,EAErD,CAAA;AAAA,kCACA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,OAAA,EAAS,MAAA,EAAQ,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,MAAA,EAAQ,EAAA,EAAI,GAAA,EAAI,EAC7D,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,CAAA,CAAA,qBACd,GAAA,CAAC,IAAA,EAAA,EAAa,KAAA,EAAO,CAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,UAAA,EAAA,EAAlC,CAA6C,CACzD,CAAA,EACH;AAAA,iBAAA,EACF,CAAA;AAAA,gBAGF,KAAA,CAAM,IAAA,KAAS,OAAA,oBACb,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,CAAA;AAAA,uCACR,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,oCAAA,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,OAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,QAAA,EAAU,GAAA,EAAK,IAAA,EAAM,EAAA,EAAI,GAAA,EAAI,EACnE,QAAA,EAAA;AAAA,sCAAA,GAAA,CAAC,iBAAc,EAAA,EAAI,EAAE,UAAU,SAAA,EAAW,KAAA,EAAO,kBAAiB,EAAG,CAAA;AAAA,0CACpE,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,kBAAiB,QAAA,EAAA,eAAA,EAErD;AAAA,qBAAA,EACF,CAAA;AAAA,oBACC,KAAA,CAAM,oBAAoB,MAAA,CAAO,IAAA,CAAK,MAAM,gBAAgB,CAAA,CAAE,SAAS,CAAA,mBACtE,IAAA,CAAC,OAAI,EAAA,EAAI,EAAE,SAAS,MAAA,EAAQ,aAAA,EAAe,UAAU,GAAA,EAAK,GAAA,EAAK,EAAA,EAAI,GAAA,EAAI,EACrE,QAAA,EAAA;AAAA,sCAAA,IAAA,CAAC,GAAA,EAAA,EAAI,IAAI,EAAE,OAAA,EAAS,QAAQ,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,MAAA,EAAO,EACrD,QAAA,EAAA;AAAA,wCAAA,GAAA;AAAA,0BAAC,IAAA;AAAA,0BAAA;AAAA,4BACC,KAAA,EAAM,UAAA;AAAA,4BACN,IAAA,EAAK,OAAA;AAAA,4BACL,IAAI,EAAE,UAAA,EAAY,aAAa,QAAA,EAAU,QAAA,EAAU,QAAQ,EAAA;AAAG;AAAA,yBAChE;AAAA,wBACC,OAAO,IAAA,CAAK,KAAA,CAAM,gBAAgB,CAAA,CAAE,IAAI,CAAA,CAAA,qBACvC,GAAA;AAAA,0BAAC,IAAA;AAAA,0BAAA;AAAA,4BAEC,KAAA,EAAO,CAAA;AAAA,4BACP,IAAA,EAAK,OAAA;AAAA,4BACL,OAAA,EAAQ,UAAA;AAAA,4BACR,IAAI,EAAE,UAAA,EAAY,aAAa,QAAA,EAAU,QAAA,EAAU,QAAQ,EAAA;AAAG,2BAAA;AAAA,0BAJzD;AAAA,yBAMR;AAAA,uBAAA,EACH,CAAA;AAAA,0CACC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,iBAAgB,QAAA,EAAA,+CAAA,EAEpD;AAAA,qBAAA,EACF,CAAA,mBAEA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,OAAA,EAAS,MAAA,EAAQ,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,MAAA,EAAQ,EAAA,EAAI,KAAI,EAC9D,QAAA,kBAAA,GAAA;AAAA,sBAAC,IAAA;AAAA,sBAAA;AAAA,wBACC,KAAA,EAAM,UAAA;AAAA,wBACN,IAAA,EAAK,OAAA;AAAA,wBACL,IAAI,EAAE,UAAA,EAAY,aAAa,QAAA,EAAU,QAAA,EAAU,QAAQ,EAAA;AAAG;AAAA,qBAChE,EACF;AAAA,mBAAA,EAEJ;AAAA,iBAAA,EACF,CAAA;AAAA,oCAGD,OAAA,EAAA,EAAQ,CAAA;AAAA,qCAER,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,kBAAiB,QAAA,EAAA,YAAA,EAErD,CAAA;AAAA,sCACC,GAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,MAAM,KAAA,CAAM,OAAA;AAAA,sBACZ,MAAA,EAAO,QAAA;AAAA,sBACP,GAAA,EAAI,qBAAA;AAAA,sBACJ,OAAA,EAAQ,OAAA;AAAA,sBAEP,QAAA,EAAA;AAAA,wBAAA,KAAA,CAAM,OAAA;AAAA,wBAAQ,GAAA;AAAA,4CAAE,aAAA,EAAA,EAAc,EAAA,EAAI,EAAE,QAAA,EAAU,IAAG,EAAG;AAAA;AAAA;AAAA,mBACvD,EACF;AAAA,iBAAA,EACF;AAAA,eAAA,EACF,CAAA;AAAA,cAGD,QAAQ,CAAA,oBACP,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,KAAA;AAAA,kBACV,EAAA,EAAI;AAAA,oBACF,OAAA,EAAS,cAAA;AAAA,oBACT,CAAA,EAAG,CAAA;AAAA,oBACH,YAAA,EAAc,CAAA;AAAA,oBACd,QAAA,EAAU,MAAA;AAAA,oBACV,QAAA,EAAU,QAAA;AAAA,oBACV,UAAA,EAAY,WAAA;AAAA,oBACZ,UAAA,EAAY,UAAA;AAAA,oBACZ,SAAA,EAAW,YAAA;AAAA,oBACX,MAAA,EAAQ,WAAA;AAAA,oBACR,WAAA,EAAa;AAAA,mBACf;AAAA,kBAEC,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA;AACT,aAAA,EAEJ;AAAA,WAAA,EAEJ,CAAA;AAAA,0BAGA,IAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI;AAAA,gBACF,CAAA,EAAG,CAAA;AAAA,gBACH,SAAA,EAAW,CAAA;AAAA,gBACX,WAAA,EAAa,SAAA;AAAA,gBACb,OAAA,EAAS,MAAA;AAAA,gBACT,GAAA,EAAK,CAAA;AAAA,gBACL,QAAA,EAAU;AAAA,eACZ;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,OAAA,EAAQ,WAAA;AAAA,oBACR,SAAA,sBAAY,eAAA,EAAA,EAAgB,CAAA;AAAA,oBAC5B,OAAA,EAAS,UAAA;AAAA,oBACT,UAAU,CAAC,KAAA;AAAA,oBACZ,QAAA,EAAA;AAAA;AAAA,iBAED;AAAA,gCAEA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,OAAA,EAAQ,UAAA;AAAA,oBACR,SAAA,sBAAY,aAAA,EAAA,EAAc,CAAA;AAAA,oBAC1B,SAAS,MAAM,KAAA,IAAS,OAAO,IAAA,CAAK,KAAA,CAAM,SAAS,QAAQ,CAAA;AAAA,oBAC3D,UAAU,CAAC,KAAA;AAAA,oBACZ,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA;AACF,SAAA,EACF;AAAA;AAAA,KACF;AAAA,oBAEA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,CAAC,CAAC,QAAA;AAAA,QACR,gBAAA,EAAkB,IAAA;AAAA,QAClB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,QAC/B,YAAA,EAAc,EAAE,QAAA,EAAU,QAAA,EAAU,YAAY,QAAA,EAAS;AAAA,QAEzD,QAAA,kBAAA,GAAA,CAAC,SAAM,QAAA,EAAS,SAAA,EAAU,SAAS,MAAM,WAAA,CAAY,IAAI,CAAA,EACtD,QAAA,EAAA,QAAA,EACH;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,KAAA,EAAM,EAAqC;AACnE,EAAA,4BACG,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,kBACjC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACrC,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,216 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import Chip from '@mui/material/Chip';
+import InputAdornment from '@mui/material/InputAdornment';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import SearchIcon from '@mui/icons-material/Search';
+import StorageIcon from '@mui/icons-material/Storage';
+import ArticleIcon from '@mui/icons-material/Article';
+import SmartToyIcon from '@mui/icons-material/SmartToy';
+import BuildIcon from '@mui/icons-material/Build';
+import AccountTreeIcon from '@mui/icons-material/AccountTree';
+import AppsIcon from '@mui/icons-material/Apps';
+import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
+
+const ASSET_TYPES = [
+  { value: "all", label: "All", color: "#64748b", Icon: AppsIcon },
+  { value: "instruction", label: "Instructions", color: "#2563EB", Icon: ArticleIcon },
+  { value: "agent", label: "Agents", color: "#7C3AED", Icon: SmartToyIcon },
+  { value: "skill", label: "Skills", color: "#059669", Icon: BuildIcon },
+  { value: "workflow", label: "Workflows", color: "#D97706", Icon: AccountTreeIcon }
+];
+const AI_TOOLS = [
+  { value: "all", label: "All Tools" },
+  { value: "claude-code", label: "Claude Code" },
+  { value: "github-copilot", label: "GitHub Copilot" },
+  { value: "google-gemini", label: "Google Gemini" },
+  { value: "cursor", label: "Cursor" }
+];
+function AssetFilters({ value, onChange, availableTags = [], providers }) {
+  const selectedType = value.types.length === 1 ? value.types[0] : "all";
+  const selectedTool = value.tools.length === 1 ? value.tools[0] : "all";
+  const showProviderFilter = providers && providers.length > 1;
+  const handleTypeClick = (type) => {
+    onChange({ ...value, types: type === "all" ? [] : [type] });
+  };
+  const handleToolClick = (tool) => {
+    onChange({ ...value, tools: tool === "all" ? [] : [tool] });
+  };
+  const handleTagToggle = (tag) => {
+    const next = value.tags.includes(tag) ? value.tags.filter((t) => t !== tag) : [...value.tags, tag];
+    onChange({ ...value, tags: next });
+  };
+  const handleProviderClick = (id) => {
+    onChange({ ...value, providerId: id });
+  };
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2, mb: 3 }, children: [
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        fullWidth: true,
+        size: "small",
+        placeholder: "Search assets by name, description or content\u2026",
+        value: value.search,
+        onChange: (e) => onChange({ ...value, search: e.target.value }),
+        InputProps: {
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small" }) })
+        },
+        sx: {
+          "& .MuiOutlinedInput-root": {
+            borderRadius: 2
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 3, flexWrap: "wrap", alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { mb: 1, display: "block", textTransform: "uppercase", letterSpacing: 0.5 }, children: "Type" }),
+        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: ASSET_TYPES.map((t) => {
+          const isSelected = selectedType === t.value;
+          const TypeIcon = t.Icon;
+          return /* @__PURE__ */ jsx(
+            Chip,
+            {
+              icon: /* @__PURE__ */ jsx(TypeIcon, { sx: { fontSize: "0.9rem !important", color: isSelected ? "#fff !important" : t.color } }),
+              label: t.label,
+              size: "small",
+              clickable: true,
+              onClick: () => handleTypeClick(t.value),
+              sx: {
+                fontWeight: 600,
+                fontSize: "0.75rem",
+                borderRadius: 2,
+                border: "1.5px solid",
+                borderColor: isSelected ? t.color : `${t.color}60`,
+                backgroundColor: isSelected ? t.color : "transparent",
+                color: isSelected ? "#fff" : t.color,
+                transition: "all 0.15s ease",
+                "&:hover": {
+                  backgroundColor: isSelected ? t.color : `${t.color}18`,
+                  borderColor: t.color
+                }
+              }
+            },
+            t.value
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { mb: 1, display: "block", textTransform: "uppercase", letterSpacing: 0.5 }, children: "AI Tool" }),
+        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: AI_TOOLS.map((t) => {
+          const isSelected = selectedTool === t.value;
+          const iconEl = t.value !== "all" ? /* @__PURE__ */ jsx(ToolIcon, { tool: t.value, branded: !isSelected, sx: { fontSize: "0.85rem !important", color: isSelected ? "background.paper" : "inherit" } }) : void 0;
+          return /* @__PURE__ */ jsx(
+            Chip,
+            {
+              icon: iconEl,
+              label: t.label,
+              size: "small",
+              clickable: true,
+              onClick: () => handleToolClick(t.value),
+              sx: {
+                fontWeight: 600,
+                fontSize: "0.75rem",
+                borderRadius: 2,
+                border: "1.5px solid",
+                borderColor: isSelected ? "text.primary" : "divider",
+                backgroundColor: isSelected ? "text.primary" : "transparent",
+                color: isSelected ? "background.paper" : "text.secondary",
+                transition: "all 0.15s ease",
+                "&:hover": {
+                  borderColor: "text.primary",
+                  backgroundColor: isSelected ? "text.primary" : "action.hover"
+                }
+              }
+            },
+            t.value
+          );
+        }) })
+      ] }),
+      showProviderFilter && /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { mb: 1, display: "block", textTransform: "uppercase", letterSpacing: 0.5 }, children: "Provider" }),
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsx(
+            Chip,
+            {
+              icon: /* @__PURE__ */ jsx(AppsIcon, { sx: { fontSize: "0.9rem !important" } }),
+              label: "All",
+              size: "small",
+              clickable: true,
+              onClick: () => handleProviderClick(void 0),
+              sx: {
+                fontWeight: 600,
+                fontSize: "0.75rem",
+                borderRadius: 2,
+                border: "1.5px solid",
+                borderColor: !value.providerId ? "text.primary" : "divider",
+                backgroundColor: !value.providerId ? "text.primary" : "transparent",
+                color: !value.providerId ? "background.paper" : "text.secondary",
+                transition: "all 0.15s ease",
+                "&:hover": {
+                  borderColor: "text.primary",
+                  backgroundColor: !value.providerId ? "text.primary" : "action.hover"
+                }
+              }
+            }
+          ),
+          providers.map((p) => {
+            const isSelected = value.providerId === p.id;
+            const label = p.target.split("/").slice(-1)[0]?.replace(/\.git$/, "") ?? p.id;
+            return /* @__PURE__ */ jsx(
+              Chip,
+              {
+                icon: /* @__PURE__ */ jsx(StorageIcon, { sx: { fontSize: "0.85rem !important", color: isSelected ? "background.paper" : "inherit" } }),
+                label,
+                size: "small",
+                clickable: true,
+                onClick: () => handleProviderClick(p.id),
+                sx: {
+                  fontWeight: 600,
+                  fontSize: "0.75rem",
+                  borderRadius: 2,
+                  border: "1.5px solid",
+                  borderColor: isSelected ? "text.primary" : "divider",
+                  backgroundColor: isSelected ? "text.primary" : "transparent",
+                  color: isSelected ? "background.paper" : "text.secondary",
+                  transition: "all 0.15s ease",
+                  "&:hover": {
+                    borderColor: "text.primary",
+                    backgroundColor: isSelected ? "text.primary" : "action.hover"
+                  }
+                }
+              },
+              p.id
+            );
+          })
+        ] })
+      ] })
+    ] }),
+    availableTags.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { mb: 1, display: "block", textTransform: "uppercase", letterSpacing: 0.5 }, children: "Tags" }),
+      /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: availableTags.map((tag) => /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: `#${tag}`,
+          size: "small",
+          clickable: true,
+          onClick: () => handleTagToggle(tag),
+          sx: {
+            fontSize: "0.7rem",
+            fontWeight: value.tags.includes(tag) ? 700 : 400,
+            borderRadius: 1.5,
+            backgroundColor: value.tags.includes(tag) ? "primary.main" : "transparent",
+            color: value.tags.includes(tag) ? "#fff" : "text.secondary",
+            border: "1px solid",
+            borderColor: value.tags.includes(tag) ? "primary.main" : "divider"
+          }
+        },
+        tag
+      )) })
+    ] })
+  ] });
+}
+
+export { AssetFilters };
+//# sourceMappingURL=AssetFilters.esm.js.map

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

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

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

@@ -0,0 +1,194 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import Box from '@mui/material/Box';
+import Chip from '@mui/material/Chip';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import DownloadIcon from '@mui/icons-material/Download';
+import CheckIcon from '@mui/icons-material/Check';
+import FolderZipIcon from '@mui/icons-material/FolderZip';
+import { getInstallPathsForAsset } from '@julianpedro/plugin-dev-ai-hub-common';
+import { useApi } from '@backstage/core-plugin-api';
+import { devAiHubApiRef } from '../../api/DevAiHubClient.esm.js';
+import { useAssetDetail } from '../../hooks/index.esm.js';
+import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
+
+const TOOL_LABELS = {
+  "claude-code": "Claude Code",
+  "github-copilot": "GitHub Copilot",
+  "google-gemini": "Google Gemini",
+  "cursor": "Cursor"
+};
+function AssetInstallDialog({ assetId, onClose }) {
+  const [copiedTool, setCopiedTool] = useState(null);
+  const api = useApi(devAiHubApiRef);
+  const { asset, loading } = useAssetDetail(assetId);
+  const handleClose = () => {
+    onClose();
+    setCopiedTool(null);
+  };
+  const handleCopy = (tool) => {
+    if (!asset) return;
+    navigator.clipboard.writeText(asset.content).then(() => {
+      setCopiedTool(tool);
+      setTimeout(() => setCopiedTool(null), 2e3);
+    });
+    api.trackInstall(asset.id).catch(() => {
+    });
+  };
+  const resourcePaths = asset?.resourcesContent ? Object.keys(asset.resourcesContent) : [];
+  const isZipSkill = asset?.type === "skill" && resourcePaths.length > 0;
+  const handleDownload = async (_tool, installPath) => {
+    if (!asset) return;
+    if (isZipSkill) {
+      const url = await api.getDownloadUrl(asset.id);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `${asset.name.replace(/\s+/g, "-").toLowerCase()}.zip`;
+      a.click();
+    } else {
+      const filename = installPath.split("/").pop() ?? `${asset.name}.md`;
+      const blob = new Blob([asset.content], { type: "text/markdown" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = filename;
+      a.click();
+      URL.revokeObjectURL(url);
+    }
+    api.trackInstall(asset.id).catch(() => {
+    });
+  };
+  const installPaths = asset ? getInstallPathsForAsset(asset.type, asset.tools, asset.name, {
+    installPath: asset.installPath,
+    installPaths: asset.installPaths
+  }) : {};
+  return /* @__PURE__ */ jsxs(Dialog, { open: !!assetId, onClose: handleClose, maxWidth: "sm", fullWidth: true, children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { sx: { pb: 1 }, children: [
+      asset ? `Install: ${asset.name}` : "Install",
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5, fontWeight: 400 }, children: "Copy the content and place the file at the path shown for your tool." })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogContent, { sx: { display: "flex", flexDirection: "column", gap: 1.5, pt: "8px !important" }, children: [
+      loading && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", py: 3 }, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
+      !loading && asset && isZipSkill && /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: {
+            border: "1px solid",
+            borderColor: "info.main",
+            borderRadius: 2,
+            p: 1.5,
+            backgroundColor: "info.main",
+            backgroundImage: "none",
+            bgcolor: (theme) => `${theme.palette.info.main}12`
+          },
+          children: [
+            /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 }, children: [
+              /* @__PURE__ */ jsx(FolderZipIcon, { sx: { fontSize: "1rem", color: "info.main" } }),
+              /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", fontWeight: 700, color: "info.main", children: "Bundled skill \u2014 downloads as .zip" })
+            ] }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 1 }, children: [
+              "This skill includes resource files alongside ",
+              /* @__PURE__ */ jsx("code", { children: "SKILL.md" }),
+              ". Extract the zip and place all files in the skill directory."
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  label: "SKILL.md",
+                  size: "small",
+                  sx: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }
+                }
+              ),
+              resourcePaths.map((p) => /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  label: p,
+                  size: "small",
+                  variant: "outlined",
+                  sx: { fontFamily: "monospace", fontSize: "0.7rem", height: 20 }
+                },
+                p
+              ))
+            ] })
+          ]
+        }
+      ),
+      !loading && asset && Object.entries(installPaths).map(([tool, installPath]) => /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: {
+            border: "1px solid",
+            borderColor: "divider",
+            borderRadius: 2,
+            p: 1.5
+          },
+          children: [
+            /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 }, children: [
+              /* @__PURE__ */ jsx(ToolIcon, { tool, sx: { fontSize: "1rem" } }),
+              /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", fontWeight: 700, children: TOOL_LABELS[tool] ?? tool })
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 0.5 }, children: "Install path" }),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  bgcolor: "action.hover",
+                  border: "1px solid",
+                  borderColor: "divider",
+                  borderRadius: 1,
+                  px: 1.5,
+                  py: 0.75,
+                  fontFamily: "monospace",
+                  fontSize: "0.78rem",
+                  color: "text.primary",
+                  wordBreak: "break-all",
+                  mb: 1.25
+                },
+                children: installPath
+              }
+            ),
+            /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1 }, children: [
+              /* @__PURE__ */ jsx(Tooltip, { title: copiedTool === tool ? "Copied!" : "Copy markdown content", children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  startIcon: copiedTool === tool ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(ContentCopyIcon, {}),
+                  onClick: () => handleCopy(tool),
+                  color: copiedTool === tool ? "success" : "primary",
+                  sx: { flex: 1 },
+                  children: copiedTool === tool ? "Copied!" : "Copy Content"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Tooltip, { title: isZipSkill ? "Download as .zip with all bundled files" : "Download file with correct name", children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  startIcon: isZipSkill ? /* @__PURE__ */ jsx(FolderZipIcon, {}) : /* @__PURE__ */ jsx(DownloadIcon, {}),
+                  onClick: () => handleDownload(tool, installPath),
+                  sx: { flex: 1 },
+                  children: isZipSkill ? "Download .zip" : "Download"
+                }
+              ) })
+            ] })
+          ]
+        },
+        tool
+      ))
+    ] }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, children: "Close" }) })
+  ] });
+}
+
+export { AssetInstallDialog };
+//# sourceMappingURL=AssetInstallDialog.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetInstallDialog.esm.js","sources":["../../../src/components/AssetInstallDialog/AssetInstallDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport CheckIcon from '@mui/icons-material/Check';\nimport FolderZipIcon from '@mui/icons-material/FolderZip';\nimport type { AiTool } from '@julianpedro/plugin-dev-ai-hub-common';\nimport { getInstallPathsForAsset } from '@julianpedro/plugin-dev-ai-hub-common';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { devAiHubApiRef } from '../../api/DevAiHubClient';\nimport { useAssetDetail } from '../../hooks';\nimport { ToolIcon } from '../ToolIcon';\n\nconst TOOL_LABELS: Record<string, string> = {\n  'claude-code':    'Claude Code',\n  'github-copilot': 'GitHub Copilot',\n  'google-gemini':  'Google Gemini',\n  'cursor':         'Cursor',\n};\n\ninterface AssetInstallDialogProps {\n  assetId: string | null;\n  onClose: () => void;\n}\n\nexport function AssetInstallDialog({ assetId, onClose }: AssetInstallDialogProps) {\n  const [copiedTool, setCopiedTool] = useState<string | null>(null);\n  const api = useApi(devAiHubApiRef);\n  const { asset, loading } = useAssetDetail(assetId);\n\n  const handleClose = () => {\n    onClose();\n    setCopiedTool(null);\n  };\n\n  const handleCopy = (tool: string) => {\n    if (!asset) return;\n    navigator.clipboard.writeText(asset.content).then(() => {\n      setCopiedTool(tool);\n      setTimeout(() => setCopiedTool(null), 2000);\n    });\n    api.trackInstall(asset.id).catch(() => {});\n  };\n\n  const resourcePaths = asset?.resourcesContent\n    ? Object.keys(asset.resourcesContent)\n    : [];\n  const isZipSkill = asset?.type === 'skill' && resourcePaths.length > 0;\n\n  const handleDownload = async (_tool: string, installPath: string) => {\n    if (!asset) return;\n    if (isZipSkill) {\n      const url = await api.getDownloadUrl(asset.id);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = `${asset.name.replace(/\\s+/g, '-').toLowerCase()}.zip`;\n      a.click();\n    } else {\n      const filename = installPath.split('/').pop() ?? `${asset.name}.md`;\n      const blob = new Blob([asset.content], { type: 'text/markdown' });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = filename;\n      a.click();\n      URL.revokeObjectURL(url);\n    }\n    api.trackInstall(asset.id).catch(() => {});\n  };\n\n  const installPaths = asset\n    ? getInstallPathsForAsset(asset.type, asset.tools, asset.name, {\n        installPath: asset.installPath,\n        installPaths: asset.installPaths,\n      })\n    : {};\n\n  return (\n    <Dialog open={!!assetId} onClose={handleClose} maxWidth=\"sm\" fullWidth>\n      <DialogTitle sx={{ pb: 1 }}>\n        {asset ? `Install: ${asset.name}` : 'Install'}\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5, fontWeight: 400 }}>\n          Copy the content and place the file at the path shown for your tool.\n        </Typography>\n      </DialogTitle>\n\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, pt: '8px !important' }}>\n        {loading && (\n          <Box sx={{ display: 'flex', justifyContent: 'center', py: 3 }}>\n            <CircularProgress />\n          </Box>\n        )}\n\n        {!loading && asset && isZipSkill && (\n          <Box\n            sx={{\n              border: '1px solid',\n              borderColor: 'info.main',\n              borderRadius: 2,\n              p: 1.5,\n              backgroundColor: 'info.main',\n              backgroundImage: 'none',\n              bgcolor: theme => `${theme.palette.info.main}12`,\n            }}\n          >\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1 }}>\n              <FolderZipIcon sx={{ fontSize: '1rem', color: 'info.main' }} />\n              <Typography variant=\"subtitle2\" fontWeight={700} color=\"info.main\">\n                Bundled skill — downloads as .zip\n              </Typography>\n            </Box>\n            <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', mb: 1 }}>\n              This skill includes resource files alongside <code>SKILL.md</code>.\n              Extract the zip and place all files in the skill directory.\n            </Typography>\n            <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap' }}>\n              <Chip\n                label=\"SKILL.md\"\n                size=\"small\"\n                sx={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}\n              />\n              {resourcePaths.map(p => (\n                <Chip\n                  key={p}\n                  label={p}\n                  size=\"small\"\n                  variant=\"outlined\"\n                  sx={{ fontFamily: 'monospace', fontSize: '0.7rem', height: 20 }}\n                />\n              ))}\n            </Box>\n          </Box>\n        )}\n\n        {!loading && asset && Object.entries(installPaths).map(([tool, installPath]) => (\n          <Box\n            key={tool}\n            sx={{\n              border: '1px solid',\n              borderColor: 'divider',\n              borderRadius: 2,\n              p: 1.5,\n            }}\n          >\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1 }}>\n              <ToolIcon tool={tool as AiTool} sx={{ fontSize: '1rem' }} />\n              <Typography variant=\"subtitle2\" fontWeight={700}>\n                {TOOL_LABELS[tool] ?? tool}\n              </Typography>\n            </Box>\n\n            <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', mb: 0.5 }}>\n              Install path\n            </Typography>\n            <Box\n              sx={{\n                bgcolor: 'action.hover',\n                border: '1px solid',\n                borderColor: 'divider',\n                borderRadius: 1,\n                px: 1.5,\n                py: 0.75,\n                fontFamily: 'monospace',\n                fontSize: '0.78rem',\n                color: 'text.primary',\n                wordBreak: 'break-all',\n                mb: 1.25,\n              }}\n            >\n              {installPath}\n            </Box>\n\n            <Box sx={{ display: 'flex', gap: 1 }}>\n              <Tooltip title={copiedTool === tool ? 'Copied!' : 'Copy markdown content'}>\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  startIcon={copiedTool === tool ? <CheckIcon /> : <ContentCopyIcon />}\n                  onClick={() => handleCopy(tool)}\n                  color={copiedTool === tool ? 'success' : 'primary'}\n                  sx={{ flex: 1 }}\n                >\n                  {copiedTool === tool ? 'Copied!' : 'Copy Content'}\n                </Button>\n              </Tooltip>\n              <Tooltip title={isZipSkill ? 'Download as .zip with all bundled files' : 'Download file with correct name'}>\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  startIcon={isZipSkill ? <FolderZipIcon /> : <DownloadIcon />}\n                  onClick={() => handleDownload(tool, installPath)}\n                  sx={{ flex: 1 }}\n                >\n                  {isZipSkill ? 'Download .zip' : 'Download'}\n                </Button>\n              </Tooltip>\n            </Box>\n          </Box>\n        ))}\n      </DialogContent>\n\n      <DialogActions>\n        <Button onClick={handleClose}>Close</Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":"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"}