@julianpedro/plugin-dev-ai-hub 0.2.0 → 0.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"DevAiHubPage.esm.js","sources":["../../../src/components/DevAiHubPage/DevAiHubPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Grid from '@mui/material/Grid';\nimport Pagination from '@mui/material/Pagination';\nimport Skeleton from '@mui/material/Skeleton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport SettingsEthernetIcon from '@mui/icons-material/SettingsEthernet';\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 FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';\nimport HubIcon from '@mui/icons-material/Hub';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport type { AssetType, AiTool } from '@julianpedro/plugin-dev-ai-hub-common';\nimport { AssetCard } from '../AssetCard';\nimport { AssetFilters } from '../AssetFilters';\nimport type { AssetFiltersValue } from '../AssetFilters';\nimport { AssetDetailPanel } from '../AssetDetailPanel';\nimport { AssetInstallDialog } from '../AssetInstallDialog';\nimport { McpConfigDialog } from '../McpConfigDialog';\nimport { ToolIcon } from '../ToolIcon';\nimport { useAssets, useStats, useProviders } from '../../hooks';\n\nconst SUPPORTED_TOOLS: AiTool[] = ['claude-code', 'github-copilot', 'google-gemini', 'cursor'];\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\nfunction timeAgo(iso: string): string {\n  const diff = Math.floor((Date.now() - new Date(iso).getTime()) / 1000);\n  if (diff < 60) return 'just now';\n  if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;\n  if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;\n  return `${Math.floor(diff / 86400)}d ago`;\n}\n\nconst DEFAULT_FILTERS: AssetFiltersValue = {\n  types: [],\n  tools: [],\n  search: '',\n  tags: [],\n  providerId: undefined,\n};\n\nconst PAGE_SIZE = 24;\n\nconst STATS_CONFIG = [\n  { key: 'instruction' as AssetType, label: 'Instructions', Icon: ArticleIcon,\n    gradient: 'linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%)', shadow: '#2563EB40' },\n  { key: 'agent'       as AssetType, label: 'Agents',       Icon: SmartToyIcon,\n    gradient: 'linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%)', shadow: '#7C3AED40' },\n  { key: 'skill'       as AssetType, label: 'Skills',       Icon: BuildIcon,\n    gradient: 'linear-gradient(135deg, #059669 0%, #047857 100%)', shadow: '#05966940' },\n  { key: 'workflow'    as AssetType, label: 'Workflows',    Icon: AccountTreeIcon,\n    gradient: 'linear-gradient(135deg, #D97706 0%, #B45309 100%)', shadow: '#D9770640' },\n];\n\nexport function DevAiHubPage() {\n  const [filters, setFilters] = useState<AssetFiltersValue>(DEFAULT_FILTERS);\n  const [page, setPage] = useState(1);\n  const [mcpDialogOpen, setMcpDialogOpen] = useState(false);\n\n  const [searchParams, setSearchParams] = useSearchParams();\n  const selectedAssetId = searchParams.get('assetId');\n  const installAssetId = searchParams.get('installId');\n\n  const handleViewAsset = (id: string) =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.set('assetId', id); return n; });\n\n  const handleCloseDetail = () =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.delete('assetId'); return n; });\n\n  const handleInstallAsset = (id: string) =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.set('installId', id); return n; });\n\n  const handleCloseInstall = () =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.delete('installId'); return n; });\n\n  const { stats } = useStats();\n  const { providers } = useProviders();\n\n  const apiFilter = useMemo(\n    () => ({\n      type: filters.types.length === 1 ? (filters.types[0] as AssetType) : undefined,\n      tool: filters.tools.length === 1 ? (filters.tools[0] as AiTool) : undefined,\n      search: filters.search || undefined,\n      tags: filters.tags.length > 0 ? filters.tags : undefined,\n      providerId: filters.providerId || undefined,\n      page,\n      pageSize: PAGE_SIZE,\n    }),\n    [filters, page],\n  );\n\n  const { result, loading } = useAssets(apiFilter);\n\n  const handleFiltersChange = (next: AssetFiltersValue) => {\n    setFilters(next);\n    setPage(1);\n  };\n\n  const totalPages = result ? Math.ceil(result.totalCount / PAGE_SIZE) : 0;\n\n  const availableTags = useMemo(() => {\n    if (!result) return [];\n    const tagSet = new Set<string>();\n    result.items.forEach(a => a.tags.forEach(t => tagSet.add(t)));\n    return Array.from(tagSet).sort();\n  }, [result]);\n\n  return (\n    <Page themeId=\"tool\">\n      <Header\n        title={\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                width: 44,\n                height: 44,\n                borderRadius: 2.5,\n                background: 'rgba(255,255,255,0.15)',\n                backdropFilter: 'blur(8px)',\n                border: '1px solid rgba(255,255,255,0.3)',\n                boxShadow: '0 2px 12px rgba(0,0,0,0.15)',\n                flexShrink: 0,\n              }}\n            >\n              <HubIcon sx={{ fontSize: '1.5rem', color: '#fff' }} />\n            </Box>\n            <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.3 }}>\n              <Box sx={{ fontSize: '1.75rem', fontWeight: 700, lineHeight: 1, color: '#fff' }}>\n                Dev AI Hub\n              </Box>\n              <Box sx={{ fontSize: '0.85rem', fontWeight: 400, color: 'rgba(255,255,255,0.75)', lineHeight: 1 }}>\n                {stats\n                  ? `${stats.totalAssets} assets · ${Object.keys(stats.byProvider).length} provider${Object.keys(stats.byProvider).length !== 1 ? 's' : ''}`\n                  : 'Centralized AI assets for your team'}\n              </Box>\n            </Box>\n          </Box>\n        }\n        pageTitleOverride=\"Dev AI Hub\"\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n          {/* Supported tools */}\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>\n            {SUPPORTED_TOOLS.map(tool => (\n              <Tooltip key={tool} title={TOOL_LABELS[tool]} arrow>\n                <Box\n                  sx={{\n                    width: 32,\n                    height: 32,\n                    borderRadius: '50%',\n                    backgroundColor: 'rgba(255,255,255,0.15)',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    backdropFilter: 'blur(4px)',\n                    transition: 'background-color 0.15s',\n                    '&:hover': { backgroundColor: 'rgba(255,255,255,0.25)' },\n                  }}\n                >\n                  <ToolIcon tool={tool} branded={false} sx={{ fontSize: '1rem', color: '#fff' }} />\n                </Box>\n              </Tooltip>\n            ))}\n          </Box>\n\n          {/* Last sync status */}\n          {stats?.lastSync && (\n            <Tooltip title={`Last sync: ${new Date(stats.lastSync).toLocaleString()}`} arrow>\n              <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, cursor: 'default' }}>\n                <FiberManualRecordIcon sx={{ fontSize: '0.6rem', color: '#4ade80' }} />\n                <Typography variant=\"caption\" sx={{ color: 'rgba(255,255,255,0.8)', whiteSpace: 'nowrap' }}>\n                  {timeAgo(stats.lastSync)}\n                </Typography>\n              </Box>\n            </Tooltip>\n          )}\n\n          {/* Configure MCP button */}\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            startIcon={<SettingsEthernetIcon />}\n            onClick={() => setMcpDialogOpen(true)}\n            sx={{\n              borderRadius: 2,\n              fontWeight: 700,\n              whiteSpace: 'nowrap',\n              background: 'rgba(255,255,255,0.15)',\n              backdropFilter: 'blur(4px)',\n              border: '1px solid rgba(255,255,255,0.3)',\n              color: '#fff',\n              boxShadow: 'none',\n              '&:hover': {\n                background: 'rgba(255,255,255,0.25)',\n                boxShadow: 'none',\n              },\n            }}\n          >\n            Configure MCP\n          </Button>\n        </Box>\n      </Header>\n\n      <Content>\n\n        {/* Stats row */}\n        <Grid container spacing={2} sx={{ mb: 3 }}>\n          {STATS_CONFIG.map(({ key, label, Icon, gradient, shadow }) => (\n            <Grid item xs={6} sm={3} key={key}>\n              <Box\n                onClick={() => handleFiltersChange({ ...filters, types: filters.types[0] === key ? [] : [key] })}\n                sx={{\n                  background: gradient,\n                  borderRadius: 3,\n                  p: 2,\n                  cursor: 'pointer',\n                  boxShadow: filters.types[0] === key ? `0 8px 24px ${shadow}` : `0 2px 8px ${shadow}`,\n                  transform: filters.types[0] === key ? 'translateY(-2px)' : 'none',\n                  transition: 'all 0.2s ease',\n                  outline: filters.types[0] === key ? '2px solid rgba(255,255,255,0.6)' : 'none',\n                  outlineOffset: 2,\n                  '&:hover': {\n                    boxShadow: `0 8px 24px ${shadow}`,\n                    transform: 'translateY(-2px)',\n                  },\n                }}\n              >\n                <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>\n                  <Box>\n                    <Typography variant=\"h4\" fontWeight={800} sx={{ color: '#fff', lineHeight: 1 }}>\n                      {stats ? (stats.byType[key] ?? 0) : <Skeleton width={32} sx={{ bgcolor: 'rgba(255,255,255,0.3)' }} />}\n                    </Typography>\n                    <Typography variant=\"body2\" sx={{ color: 'rgba(255,255,255,0.85)', fontWeight: 500, mt: 0.5 }}>\n                      {label}\n                    </Typography>\n                  </Box>\n                  <Box\n                    sx={{\n                      width: 40,\n                      height: 40,\n                      borderRadius: 2,\n                      backgroundColor: 'rgba(255,255,255,0.2)',\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'center',\n                    }}\n                  >\n                    <Icon sx={{ color: '#fff', fontSize: '1.4rem' }} />\n                  </Box>\n                </Box>\n              </Box>\n            </Grid>\n          ))}\n        </Grid>\n\n        {/* Filters */}\n        <AssetFilters\n          value={filters}\n          onChange={handleFiltersChange}\n          availableTags={availableTags}\n          providers={providers.length > 1 ? providers : undefined}\n        />\n\n        {/* Results summary */}\n        {result && !loading && (\n          <Typography variant=\"caption\" color=\"text.secondary\" sx={{ mb: 2, display: 'block' }}>\n            {result.totalCount} asset{result.totalCount !== 1 ? 's' : ''} found\n          </Typography>\n        )}\n\n        {/* Asset grid — 4 columns on large screens */}\n        <Grid container spacing={1.5}>\n          {loading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <Grid item xs={12} sm={6} md={4} lg={3} key={i}>\n                  <Skeleton variant=\"rectangular\" height={150} sx={{ borderRadius: 2 }} />\n                </Grid>\n              ))\n            : result?.items.map(asset => (\n                <Grid item xs={12} sm={6} md={4} lg={3} key={asset.id}>\n                  <AssetCard\n                    asset={asset}\n                    onView={handleViewAsset}\n                    onInstall={handleInstallAsset}\n                  />\n                </Grid>\n              ))}\n        </Grid>\n\n        {/* Empty state */}\n        {!loading && result?.items.length === 0 && (\n          <Box sx={{ py: 12, textAlign: 'center' }}>\n            <Typography variant=\"h1\" sx={{ mb: 2, opacity: 0.15, fontSize: '5rem' }}>🤖</Typography>\n            <Typography variant=\"h6\" color=\"text.secondary\" fontWeight={600}>No assets found</Typography>\n            <Typography variant=\"body2\" color=\"text.disabled\" sx={{ mt: 0.5 }}>\n              Try adjusting your filters or search terms.\n            </Typography>\n          </Box>\n        )}\n\n        {/* Pagination */}\n        {totalPages > 1 && (\n          <Box sx={{ display: 'flex', justifyContent: 'center', mt: 4 }}>\n            <Pagination\n              count={totalPages}\n              page={page}\n              onChange={(_, p) => setPage(p)}\n              color=\"primary\"\n              shape=\"rounded\"\n            />\n          </Box>\n        )}\n      </Content>\n\n      <AssetDetailPanel\n        assetId={selectedAssetId}\n        onClose={handleCloseDetail}\n      />\n\n      <AssetInstallDialog\n        assetId={installAssetId}\n        onClose={handleCloseInstall}\n      />\n\n      <McpConfigDialog\n        open={mcpDialogOpen}\n        onClose={() => setMcpDialogOpen(false)}\n      />\n    </Page>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DevAiHubPage.esm.js","sources":["../../../src/components/DevAiHubPage/DevAiHubPage.tsx"],"sourcesContent":["import { useState, useMemo, type ElementType } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { darken } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Divider from '@mui/material/Divider';\nimport Drawer from '@mui/material/Drawer';\nimport Grid from '@mui/material/Grid';\nimport IconButton from '@mui/material/IconButton';\nimport Pagination from '@mui/material/Pagination';\nimport Skeleton from '@mui/material/Skeleton';\nimport Snackbar from '@mui/material/Snackbar';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\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 ChatIcon from '@mui/icons-material/Chat';\nimport Inventory2Icon from '@mui/icons-material/Inventory2';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\nimport CloseIcon from '@mui/icons-material/Close';\nimport CloudSyncIcon from '@mui/icons-material/CloudSync';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport ExtensionIcon from '@mui/icons-material/Extension';\nimport FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';\nimport HubIcon from '@mui/icons-material/Hub';\nimport SyncIcon from '@mui/icons-material/Sync';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport type { AssetType, AiTool } from '@julianpedro/plugin-dev-ai-hub-common';\nimport { devAiHubSyncPermission } from '@julianpedro/plugin-dev-ai-hub-common';\nimport { devAiHubTranslationRef } from '../../translation';\nimport { AssetCard } from '../AssetCard';\nimport { AssetFilters } from '../AssetFilters';\nimport type { AssetFiltersValue } from '../AssetFilters';\nimport { AssetDetailPanel } from '../AssetDetailPanel';\nimport { AssetInstallDialog } from '../AssetInstallDialog';\nimport { AssetHelpDialog } from '../AssetHelpDialog';\nimport { McpConfigDialog } from '../McpConfigDialog';\nimport { ToolIcon } from '../ToolIcon';\nimport { useAssets, useStats, useProviders, useMcpCatalog, useSyncProvider, useTypeConfig } from '../../hooks';\n\nconst SUPPORTED_TOOLS: AiTool[] = ['claude-code', 'github-copilot', 'google-gemini', 'cursor'];\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 DEFAULT_FILTERS: AssetFiltersValue = {\n  types: [],\n  tools: [],\n  search: '',\n  tags: [],\n  providerId: undefined,\n};\n\nconst PAGE_SIZE = 24;\n\nconst STATS_META: Record<AssetType, { label: string; Icon: ElementType }> = {\n  instruction: { label: 'Instructions', Icon: ArticleIcon },\n  agent:       { label: 'Agents',       Icon: SmartToyIcon },\n  skill:       { label: 'Skills',       Icon: BuildIcon },\n  workflow:    { label: 'Workflows',    Icon: AccountTreeIcon },\n  prompt:      { label: 'Prompts',      Icon: ChatIcon },\n  bundle:      { label: 'Bundles',      Icon: Inventory2Icon },\n};\n\ntype TFunc = (key: string, params?: Record<string, unknown>) => string | undefined;\n\nfunction timeAgo(iso: string, translate: TFunc): string {\n  const diff = Math.floor((Date.now() - new Date(iso).getTime()) / 1000);\n  if (diff < 60) return (translate('devAiHubPage.timeJustNow') ?? '') as string;\n  if (diff < 3600) return (translate('devAiHubPage.timeMinutesAgo', { count: Math.floor(diff / 60) }) ?? '') as string;\n  if (diff < 86400) return (translate('devAiHubPage.timeHoursAgo', { count: Math.floor(diff / 3600) }) ?? '') as string;\n  return (translate('devAiHubPage.timeDaysAgo', { count: Math.floor(diff / 86400) }) ?? '') as string;\n}\n\n/**\n * Legacy frontend system entry point.\n * Mount at /dev-ai-hub/* in FlatRoutes (/* needed for asset detail URL params).\n * NFS apps use devAiHubPlugin from plugin.tsx with SubPageBlueprint tabs instead.\n */\nexport function DevAiHubPage() {\n  const { t } = useTranslationRef(devAiHubTranslationRef);\n  const [filters, setFilters] = useState<AssetFiltersValue>(DEFAULT_FILTERS);\n  const [page, setPage] = useState(1);\n  const [mcpDialogOpen, setMcpDialogOpen] = useState(false);\n  const [syncSnackbar, setSyncSnackbar] = useState(false);\n  const [providersDrawerOpen, setProvidersDrawerOpen] = useState(false);\n\n  const { allowed: canSync } = usePermission({ permission: devAiHubSyncPermission });\n  const { syncing, triggerSync, triggerSyncAll } = useSyncProvider();\n\n  const [searchParams, setSearchParams] = useSearchParams();\n  const selectedAssetId = searchParams.get('assetId');\n  const installAssetId = searchParams.get('installId');\n  const helpAssetId = searchParams.get('helpId');\n\n  const handleViewAsset = (id: string) =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.set('assetId', id); return n; });\n  const handleCloseDetail = () =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.delete('assetId'); return n; });\n  const handleInstallAsset = (id: string) =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.set('installId', id); return n; });\n  const handleCloseInstall = () =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.delete('installId'); return n; });\n  const handleHelpAsset = (id: string) =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.set('helpId', id); return n; });\n  const handleCloseHelp = () =>\n    setSearchParams(p => { const n = new URLSearchParams(p); n.delete('helpId'); return n; });\n\n  const { typeColors, statsCards } = useTypeConfig();\n  const { stats } = useStats();\n  const { providers } = useProviders();\n  const { catalog } = useMcpCatalog();\n\n  const apiFilter = useMemo(() => ({\n    type: filters.types.length === 1 ? (filters.types[0] as AssetType) : undefined,\n    tool: filters.tools.length === 1 ? (filters.tools[0] as AiTool) : undefined,\n    search: filters.search || undefined,\n    tags: filters.tags.length > 0 ? filters.tags : undefined,\n    providerId: filters.providerId || undefined,\n    page,\n    pageSize: PAGE_SIZE,\n  }), [filters, page]);\n\n  const { result, loading } = useAssets(apiFilter);\n\n  const handleFiltersChange = (next: AssetFiltersValue) => {\n    setFilters(next);\n    setPage(1);\n  };\n\n  const totalPages = result ? Math.ceil(result.totalCount / PAGE_SIZE) : 0;\n\n  const availableTags = useMemo(() => {\n    if (!result) return [];\n    const tagSet = new Set<string>();\n    result.items.forEach(a => a.tags.forEach(tag => tagSet.add(tag)));\n    return Array.from(tagSet).sort();\n  }, [result]);\n\n  return (\n    <Page themeId=\"tool\">\n      <Header\n        title={\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n            <Box\n              sx={{\n                display: 'flex', alignItems: 'center', justifyContent: 'center',\n                width: 44, height: 44, borderRadius: 2.5,\n                background: 'rgba(255,255,255,0.15)', backdropFilter: 'blur(8px)',\n                border: '1px solid rgba(255,255,255,0.3)', boxShadow: '0 2px 12px rgba(0,0,0,0.15)',\n                flexShrink: 0,\n              }}\n            >\n              <HubIcon sx={{ fontSize: '1.5rem', color: '#fff' }} />\n            </Box>\n            <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.3 }}>\n              <Box sx={{ fontSize: '1.75rem', fontWeight: 700, lineHeight: 1, color: '#fff' }}>\n                Dev AI Hub\n              </Box>\n              <Box sx={{ fontSize: '0.85rem', fontWeight: 400, color: 'rgba(255,255,255,0.75)', lineHeight: 1 }}>\n                {stats\n                  ? (() => {\n                      const providerCount = Object.keys(stats.byProvider).length;\n                      const providerStr = t(providerCount === 1 ? 'devAiHubPage.providerCountOne' : 'devAiHubPage.providerCountOther', { n: String(providerCount) });\n                      return t('devAiHubPage.totalStats', { totalAssets: String(stats.totalAssets), providers: providerStr });\n                    })()\n                  : t('devAiHubPage.subtitle')}\n              </Box>\n            </Box>\n          </Box>\n        }\n        pageTitleOverride=\"Dev AI Hub\"\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n          {/* Supported tool icons */}\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>\n            {SUPPORTED_TOOLS.map(tool => (\n              <Tooltip key={tool} title={TOOL_LABELS[tool]} arrow>\n                <Box\n                  sx={{\n                    width: 32, height: 32, borderRadius: '50%',\n                    backgroundColor: 'rgba(255,255,255,0.15)',\n                    display: 'flex', alignItems: 'center', justifyContent: 'center',\n                    backdropFilter: 'blur(4px)', transition: 'background-color 0.15s',\n                    '&:hover': { backgroundColor: 'rgba(255,255,255,0.25)' },\n                  }}\n                >\n                  <ToolIcon tool={tool} branded={false} sx={{ fontSize: '1rem', color: '#fff' }} />\n                </Box>\n              </Tooltip>\n            ))}\n          </Box>\n\n          {/* Last sync indicator */}\n          {stats?.lastSync && (\n            <Tooltip title={t('devAiHubPage.lastSync', { time: new Date(stats.lastSync).toLocaleString() })} arrow>\n              <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, cursor: 'default' }}>\n                <FiberManualRecordIcon sx={{ fontSize: '0.6rem', color: '#4ade80' }} />\n                <Typography variant=\"caption\" sx={{ color: 'rgba(255,255,255,0.8)', whiteSpace: 'nowrap' }}>\n                  {timeAgo(stats.lastSync, t as TFunc)}\n                </Typography>\n              </Box>\n            </Tooltip>\n          )}\n\n          {/* MCP Servers button */}\n          <Box sx={{ position: 'relative', display: 'inline-flex' }}>\n            <Button\n              variant=\"contained\"\n              size=\"small\"\n              startIcon={<ExtensionIcon />}\n              onClick={() => setMcpDialogOpen(true)}\n              sx={{\n                borderRadius: 2, fontWeight: 700, whiteSpace: 'nowrap',\n                background: 'rgba(255,255,255,0.2)', backdropFilter: 'blur(4px)',\n                border: '1.5px solid rgba(255,255,255,0.45)', color: '#fff', boxShadow: 'none',\n                '&:hover': {\n                  background: 'rgba(255,255,255,0.32)',\n                  borderColor: 'rgba(255,255,255,0.7)',\n                  boxShadow: '0 0 0 2px rgba(255,255,255,0.15)',\n                },\n              }}\n            >\n              {t('devAiHubPage.configMcp')}\n            </Button>\n            {catalog.length > 0 && (\n              <Box\n                sx={{\n                  position: 'absolute', top: -3, right: -3,\n                  width: 10, height: 10, borderRadius: '50%',\n                  bgcolor: '#4ade80', boxShadow: '0 0 0 2px rgba(0,0,0,0.15)',\n                  animation: 'mcpPulse 2s ease-in-out infinite',\n                  '@keyframes mcpPulse': {\n                    '0%':   { boxShadow: '0 0 0 0 rgba(74,222,128,0.7), 0 0 0 2px rgba(0,0,0,0.15)' },\n                    '70%':  { boxShadow: '0 0 0 6px rgba(74,222,128,0),  0 0 0 2px rgba(0,0,0,0.15)' },\n                    '100%': { boxShadow: '0 0 0 0 rgba(74,222,128,0),    0 0 0 2px rgba(0,0,0,0.15)' },\n                  },\n                }}\n              />\n            )}\n          </Box>\n        </Box>\n      </Header>\n\n      <Content>\n        {/* Stats row — cards and colors configurable via devAiHub.ui */}\n        <Grid container spacing={2} sx={{ mb: 3 }}>\n          {statsCards.map(key => {\n            const { label, Icon } = STATS_META[key];\n            const color = typeColors[key];\n            const gradient = `linear-gradient(135deg, ${color} 0%, ${darken(color, 0.15)} 100%)`;\n            const shadow = `${color}40`;\n            const selected = filters.types[0] === key;\n            return (\n              <Grid item xs={6} sm={3} key={key}>\n                <Box\n                  onClick={() => handleFiltersChange({ ...filters, types: selected ? [] : [key] })}\n                  sx={{\n                    background: gradient, borderRadius: 3, p: 2, cursor: 'pointer',\n                    boxShadow: selected ? `0 8px 24px ${shadow}` : `0 2px 8px ${shadow}`,\n                    transform: selected ? 'translateY(-2px)' : 'none',\n                    transition: 'all 0.2s ease',\n                    outline: selected ? '2px solid rgba(255,255,255,0.6)' : 'none',\n                    outlineOffset: 2,\n                    '&:hover': { boxShadow: `0 8px 24px ${shadow}`, transform: 'translateY(-2px)' },\n                  }}\n                >\n                  <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>\n                    <Box>\n                      <Typography variant=\"h4\" fontWeight={800} sx={{ color: '#fff', lineHeight: 1 }}>\n                        {stats ? (stats.byType[key] ?? 0) : <Skeleton width={32} sx={{ bgcolor: 'rgba(255,255,255,0.3)' }} />}\n                      </Typography>\n                      <Typography variant=\"body2\" sx={{ color: 'rgba(255,255,255,0.85)', fontWeight: 500, mt: 0.5 }}>\n                        {label}\n                      </Typography>\n                    </Box>\n                    <Box sx={{\n                      width: 40, height: 40, borderRadius: 2,\n                      backgroundColor: 'rgba(255,255,255,0.2)',\n                      display: 'flex', alignItems: 'center', justifyContent: 'center',\n                    }}>\n                      <Icon sx={{ color: '#fff', fontSize: '1.4rem' }} />\n                    </Box>\n                  </Box>\n                </Box>\n              </Grid>\n            );\n          })}\n        </Grid>\n\n        {/* Providers icon — discrete, opens Drawer */}\n        {providers.length > 0 && (\n          <Box sx={{ display: 'flex', justifyContent: 'flex-end', mb: 1, mt: -1 }}>\n            <Tooltip\n              title={t(providers.length === 1 ? 'devAiHubPage.providerCountOne' : 'devAiHubPage.providerCountOther', { n: String(providers.length) })}\n              placement=\"left\"\n            >\n              <IconButton\n                size=\"small\"\n                onClick={() => setProvidersDrawerOpen(true)}\n                sx={{\n                  color: providers.some(p => p.status === 'error') ? 'error.main' : 'text.disabled',\n                  '&:hover': { color: providers.some(p => p.status === 'error') ? 'error.dark' : 'text.secondary' },\n                }}\n              >\n                <CloudSyncIcon fontSize=\"small\" />\n              </IconButton>\n            </Tooltip>\n          </Box>\n        )}\n\n        {/* Filters */}\n        <AssetFilters\n          value={filters}\n          onChange={handleFiltersChange}\n          availableTags={availableTags}\n          providers={providers.length > 1 ? providers : undefined}\n        />\n\n        {/* Results count */}\n        {result && !loading && (\n          <Typography variant=\"caption\" color=\"text.secondary\" sx={{ mb: 2, display: 'block' }}>\n            {t(result.totalCount === 1 ? 'devAiHubPage.assetCountOne' : 'devAiHubPage.assetCountOther', { n: String(result.totalCount) })}\n          </Typography>\n        )}\n\n        {/* Asset grid */}\n        <Grid container spacing={1.5}>\n          {loading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <Grid item xs={12} sm={6} md={4} lg={3} key={i}>\n                  <Skeleton variant=\"rectangular\" height={150} sx={{ borderRadius: 2 }} />\n                </Grid>\n              ))\n            : result?.items.map(asset => (\n                <Grid item xs={12} sm={6} md={4} lg={3} key={asset.id}>\n                  <AssetCard\n                    asset={asset}\n                    onView={handleViewAsset}\n                    onInstall={handleInstallAsset}\n                    onHelp={handleHelpAsset}\n                    onOpenMcpCatalog={() => setMcpDialogOpen(true)}\n                    mcpCatalog={catalog}\n                  />\n                </Grid>\n              ))}\n        </Grid>\n\n        {/* Empty state */}\n        {!loading && result?.items.length === 0 && (\n          <Box sx={{ py: 12, textAlign: 'center' }}>\n            <Typography variant=\"h1\" sx={{ mb: 2, opacity: 0.15, fontSize: '5rem' }}>🤖</Typography>\n            <Typography variant=\"h6\" color=\"text.secondary\" fontWeight={600}>{t('devAiHubPage.noAssetsTitle')}</Typography>\n            <Typography variant=\"body2\" color=\"text.disabled\" sx={{ mt: 0.5 }}>\n              {t('devAiHubPage.noAssetsSubtitle')}\n            </Typography>\n          </Box>\n        )}\n\n        {/* Pagination */}\n        {totalPages > 1 && (\n          <Box sx={{ display: 'flex', justifyContent: 'center', mt: 4 }}>\n            <Pagination\n              count={totalPages}\n              page={page}\n              onChange={(_, p) => setPage(p)}\n              color=\"primary\"\n              shape=\"rounded\"\n            />\n          </Box>\n        )}\n      </Content>\n\n      <AssetDetailPanel assetId={selectedAssetId} onClose={handleCloseDetail} />\n      <AssetInstallDialog assetId={installAssetId} onClose={handleCloseInstall} />\n      <AssetHelpDialog\n        asset={helpAssetId ? (result?.items.find(a => a.id === helpAssetId) ?? null) : null}\n        onClose={handleCloseHelp}\n      />\n      <McpConfigDialog open={mcpDialogOpen} onClose={() => setMcpDialogOpen(false)} />\n\n      <Snackbar\n        open={syncSnackbar}\n        autoHideDuration={3000}\n        onClose={() => setSyncSnackbar(false)}\n        message={t('devAiHubPage.syncTriggered')}\n      />\n\n      {/* Providers Drawer */}\n      <Drawer\n        anchor=\"right\"\n        open={providersDrawerOpen}\n        onClose={() => setProvidersDrawerOpen(false)}\n        PaperProps={{ sx: { width: { xs: '100vw', sm: 400 } } }}\n      >\n        <Box sx={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n          <Box\n            sx={{\n              p: 2, display: 'flex', alignItems: 'center', justifyContent: 'space-between',\n              borderBottom: 1, borderColor: 'divider',\n            }}\n          >\n            <Typography variant=\"h6\" fontWeight={700}>\n              {t('devAiHubPage.providersSectionTitle')}\n            </Typography>\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n              {canSync && (\n                <Button\n                  size=\"small\" variant=\"outlined\"\n                  startIcon={providers.some(p => syncing[p.id]) ? <CircularProgress size={14} /> : <SyncIcon />}\n                  disabled={providers.some(p => syncing[p.id])}\n                  onClick={async () => {\n                    await triggerSyncAll(providers.map(p => p.id));\n                    setSyncSnackbar(true);\n                  }}\n                >\n                  {t('devAiHubPage.syncAllButton')}\n                </Button>\n              )}\n              <IconButton size=\"small\" onClick={() => setProvidersDrawerOpen(false)}>\n                <CloseIcon />\n              </IconButton>\n            </Box>\n          </Box>\n\n          <Box sx={{ flex: 1, overflow: 'auto' }}>\n            {providers.map((provider, idx) => (\n              <Box key={provider.id}>\n                <Box sx={{ px: 2, py: 1.75, display: 'flex', alignItems: 'center', gap: 1.5 }}>\n                  {provider.status === 'error' && (\n                    <Tooltip title={provider.error ?? t('devAiHubPage.providerStatusError')}>\n                      <ErrorOutlineIcon sx={{ fontSize: '1.1rem', color: 'error.main', flexShrink: 0 }} />\n                    </Tooltip>\n                  )}\n                  {provider.status === 'syncing' && (\n                    <CircularProgress size={16} sx={{ flexShrink: 0 }} />\n                  )}\n                  {provider.status !== 'error' && provider.status !== 'syncing' && (\n                    <CheckCircleOutlineIcon sx={{ fontSize: '1.1rem', color: 'success.main', flexShrink: 0 }} />\n                  )}\n\n                  <Box sx={{ flex: 1, minWidth: 0 }}>\n                    <Typography variant=\"body2\" fontWeight={600} noWrap title={provider.target}\n                      sx={{ fontFamily: 'monospace', fontSize: '0.8rem' }}>\n                      {provider.target}\n                    </Typography>\n                    {provider.lastSync && (\n                      <Typography variant=\"caption\" color=\"text.disabled\">\n                        {timeAgo(provider.lastSync, t as TFunc)}\n                      </Typography>\n                    )}\n                    {provider.status === 'error' && provider.error && (\n                      <Typography variant=\"caption\" color=\"error\" sx={{ display: 'block' }} noWrap title={provider.error}>\n                        {provider.error}\n                      </Typography>\n                    )}\n                  </Box>\n\n                  {canSync && (\n                    <Tooltip title={t('devAiHubPage.syncButton')}>\n                      <span>\n                        <IconButton\n                          size=\"small\"\n                          disabled={!!syncing[provider.id]}\n                          onClick={async () => {\n                            await triggerSync(provider.id);\n                            setSyncSnackbar(true);\n                          }}\n                        >\n                          {syncing[provider.id]\n                            ? <CircularProgress size={16} />\n                            : <SyncIcon fontSize=\"small\" />}\n                        </IconButton>\n                      </span>\n                    </Tooltip>\n                  )}\n                </Box>\n                {idx < providers.length - 1 && <Divider />}\n              </Box>\n            ))}\n          </Box>\n        </Box>\n      </Drawer>\n    </Page>\n  );\n}"],"names":[],"mappings":"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"}

package/dist/components/McpConfigDialog/McpConfigDialog.esm.js

@@ -1,321 +1,44 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-import Chip from '@mui/material/Chip';
-import Collapse from '@mui/material/Collapse';
 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 FormControlLabel from '@mui/material/FormControlLabel';
-import IconButton from '@mui/material/IconButton';
-import Switch from '@mui/material/Switch';
-import Tab from '@mui/material/Tab';
-import Tabs from '@mui/material/Tabs';
-import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
-import { useTheme } from '@mui/material/styles';
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
-import CheckIcon from '@mui/icons-material/Check';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import StorageIcon from '@mui/icons-material/Storage';
-import { useApi, discoveryApiRef } from '@backstage/core-plugin-api';
-import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
-import { useCopyToClipboard, useProviders } from '../../hooks/index.esm.js';
+import AppsIcon from '@mui/icons-material/Apps';
+import { useTranslationRef } from '@backstage/frontend-plugin-api';
+import { devAiHubTranslationRef } from '../../translation.esm.js';
+import { McpPage } from '../McpPage/McpPage.esm.js';
 
-const TOOL_CONFIGS = [
-  {
-    tool: "claude-code",
-    label: "Claude Code",
-    file: ".mcp.json",
-    description: "Add to .mcp.json in your project root (or run via claude mcp add):",
-    buildConfig: (url) => JSON.stringify({
-      mcpServers: { "dev-ai-hub": { type: "http", url } }
-    }, null, 2)
-  },
-  {
-    tool: "github-copilot",
-    label: "GitHub Copilot",
-    file: ".vscode/settings.json",
-    description: "Add to your VS Code settings (.vscode/settings.json or user settings):",
-    buildConfig: (url) => JSON.stringify({
-      "github.copilot.chat.mcp.servers": { "dev-ai-hub": { type: "http", url } }
-    }, null, 2)
-  },
-  {
-    tool: "google-gemini",
-    label: "Google Gemini",
-    file: "gemini-config.json",
-    description: "Add to your Gemini CLI configuration:",
-    buildConfig: (url) => JSON.stringify({
-      mcpServers: { "dev-ai-hub": { url } }
-    }, null, 2)
-  },
-  {
-    tool: "cursor",
-    label: "Cursor",
-    file: ".cursor/mcp.json",
-    description: "Add to .cursor/mcp.json in your project root:",
-    buildConfig: (url) => JSON.stringify({
-      mcpServers: { "dev-ai-hub": { type: "http", url } }
-    }, null, 2)
-  }
-];
-function providerLabel(target) {
-  return target.split("/").pop()?.replace(/\.git$/, "") ?? target;
-}
 function McpConfigDialog({ open, onClose }) {
-  const theme = useTheme();
-  const discoveryApi = useApi(discoveryApiRef);
-  const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();
-  const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();
-  const [tab, setTab] = useState(0);
-  const [baseUrl, setBaseUrl] = useState("");
-  const [selectedProvider, setSelectedProvider] = useState("");
-  const [proactiveEnabled, setProactiveEnabled] = useState(false);
-  const [manualExpanded, setManualExpanded] = useState(false);
-  const { providers } = useProviders();
-  const showProviderFilter = providers.length > 1;
-  useEffect(() => {
-    if (open) {
-      discoveryApi.getBaseUrl("dev-ai-hub").then((url) => setBaseUrl(url));
-    }
-  }, [open, discoveryApi]);
-  const cfg = TOOL_CONFIGS[tab];
-  const buildMcpUrl = () => {
-    if (!baseUrl) return "loading...";
-    const params = new URLSearchParams();
-    params.set("tool", cfg.tool);
-    if (selectedProvider) params.set("provider", selectedProvider);
-    if (proactiveEnabled) params.set("proactive", "true");
-    return `${baseUrl}/mcp?${params.toString()}`;
-  };
-  const mcpUrl = buildMcpUrl();
-  const configSnippet = baseUrl ? cfg.buildConfig(mcpUrl) : "";
-  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
-    /* @__PURE__ */ jsxs(DialogTitle, { sx: { pb: 0 }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h6", fontWeight: 700, children: "Configure MCP Server" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: "Connect your AI tool to the Dev AI Hub via Model Context Protocol." })
-    ] }),
-    /* @__PURE__ */ jsxs(DialogContent, { sx: { pt: 1 }, children: [
+  const { t } = useTranslationRef(devAiHubTranslationRef);
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, maxWidth: "md", fullWidth: true, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { sx: { pb: 1 }, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
       /* @__PURE__ */ jsx(
-        Tabs,
-        {
-          value: tab,
-          onChange: (_, v) => setTab(v),
-          sx: { mb: 2, borderBottom: 1, borderColor: "divider" },
-          children: TOOL_CONFIGS.map((t, i) => /* @__PURE__ */ jsx(
-            Tab,
-            {
-              value: i,
-              label: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                /* @__PURE__ */ jsx(
-                  ToolIcon,
-                  {
-                    tool: t.tool,
-                    sx: { fontSize: "1rem", color: theme.palette.mode === "dark" ? "#fff" : void 0 }
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { children: t.label })
-              ] })
-            },
-            t.tool
-          ))
-        }
-      ),
-      showProviderFilter && /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { textTransform: "uppercase", letterSpacing: 0.5, display: "block", mb: 0.75 }, children: "Scope to Provider" }),
-        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ jsx(
-            Chip,
-            {
-              label: "All providers",
-              size: "small",
-              clickable: true,
-              onClick: () => setSelectedProvider(""),
-              sx: {
-                fontWeight: 600,
-                fontSize: "0.75rem",
-                borderRadius: 2,
-                border: "1.5px solid",
-                borderColor: !selectedProvider ? "text.primary" : "divider",
-                backgroundColor: !selectedProvider ? "text.primary" : "transparent",
-                color: !selectedProvider ? "background.paper" : "text.secondary",
-                transition: "all 0.15s ease"
-              }
-            }
-          ),
-          providers.map((p) => {
-            const isSelected = selectedProvider === p.id;
-            const label = providerLabel(p.target);
-            return /* @__PURE__ */ jsx(
-              Chip,
-              {
-                icon: /* @__PURE__ */ jsx(StorageIcon, { sx: { fontSize: "0.8rem !important", color: isSelected ? "background.paper" : "inherit" } }),
-                label,
-                size: "small",
-                clickable: true,
-                onClick: () => setSelectedProvider(isSelected ? "" : 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"
-                }
-              },
-              p.id
-            );
-          })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx(
-        FormControlLabel,
-        {
-          control: /* @__PURE__ */ jsx(
-            Switch,
-            {
-              size: "small",
-              checked: proactiveEnabled,
-              onChange: (e) => setProactiveEnabled(e.target.checked)
-            }
-          ),
-          label: /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", fontWeight: 600, children: "Proactive suggestions" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "The AI will automatically suggest relevant assets based on your project context. Disable if you prefer to search manually." })
-          ] }),
-          sx: { alignItems: "flex-start", ml: 0, gap: 1 }
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { textTransform: "uppercase", letterSpacing: 0.5 }, children: "MCP Endpoint" }),
-      /* @__PURE__ */ jsxs(
         Box,
         {
           sx: {
-            display: "flex",
-            alignItems: "center",
-            gap: 1,
-            mt: 0.5,
-            mb: 2,
-            px: 1.5,
-            py: 1,
+            width: 36,
+            height: 36,
             borderRadius: 1.5,
-            border: "1px solid",
-            borderColor: "divider",
-            backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.03)"
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              Typography,
-              {
-                variant: "body2",
-                sx: { flex: 1, fontFamily: "monospace", fontSize: "0.8rem", wordBreak: "break-all" },
-                children: mcpUrl
-              }
-            ),
-            /* @__PURE__ */ jsx(Tooltip, { title: copiedUrl ? "Copied!" : "Copy URL", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => copyUrl(mcpUrl), children: copiedUrl ? /* @__PURE__ */ jsx(CheckIcon, { fontSize: "small", color: "success" }) : /* @__PURE__ */ jsx(ContentCopyIcon, { fontSize: "small" }) }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        Box,
-        {
-          onClick: () => setManualExpanded((v) => !v),
-          sx: {
+            background: "linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)",
             display: "flex",
             alignItems: "center",
-            justifyContent: "space-between",
-            cursor: "pointer",
-            userSelect: "none",
-            py: 0.75,
-            borderTop: "1px solid",
-            borderColor: "divider"
+            justifyContent: "center",
+            flexShrink: 0,
+            boxShadow: "0 2px 8px #6366f140"
           },
-          children: [
-            /* @__PURE__ */ jsxs(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { textTransform: "uppercase", letterSpacing: 0.5 }, children: [
-              "Manual config \u2014 ",
-              cfg.file
-            ] }),
-            /* @__PURE__ */ jsx(
-              ExpandMoreIcon,
-              {
-                fontSize: "small",
-                sx: {
-                  color: "text.disabled",
-                  transition: "transform 0.2s ease",
-                  transform: manualExpanded ? "rotate(180deg)" : "rotate(0deg)"
-                }
-              }
-            )
-          ]
+          children: /* @__PURE__ */ jsx(AppsIcon, { sx: { color: "#fff", fontSize: "1.2rem" } })
         }
       ),
-      /* @__PURE__ */ jsxs(Collapse, { in: manualExpanded, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 1, mt: 0.5 }, children: cfg.description }),
-        /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              component: "pre",
-              sx: {
-                m: 0,
-                p: 2,
-                borderRadius: 2,
-                border: "1px solid",
-                borderColor: "divider",
-                backgroundColor: theme.palette.mode === "dark" ? "#0d1117" : "#f6f8fa",
-                color: theme.palette.mode === "dark" ? "#e6edf3" : "#24292f",
-                fontFamily: "monospace",
-                fontSize: "0.8rem",
-                overflowX: "auto",
-                whiteSpace: "pre"
-              },
-              children: configSnippet
-            }
-          ),
-          /* @__PURE__ */ jsx(Tooltip, { title: copiedSnippet ? "Copied!" : "Copy config", children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              size: "small",
-              onClick: (e) => {
-                e.stopPropagation();
-                copySnippet(configSnippet);
-              },
-              sx: {
-                position: "absolute",
-                top: 8,
-                right: 8,
-                backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)",
-                "&:hover": {
-                  backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.2)" : "rgba(0,0,0,0.12)"
-                }
-              },
-              children: copiedSnippet ? /* @__PURE__ */ jsx(CheckIcon, { fontSize: "small", color: "success" }) : /* @__PURE__ */ jsx(ContentCopyIcon, { fontSize: "small" })
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.disabled", sx: { display: "block", mt: 1.5 }, children: [
-          "\u{1F4A1} Omit ",
-          /* @__PURE__ */ jsx("code", { children: "?tool=" }),
-          " from the URL to receive assets for all AI tools.",
-          showProviderFilter && " Omit ?provider= to receive assets from all repositories.",
-          " ",
-          "Proactive suggestions add ",
-          /* @__PURE__ */ jsx("code", { children: "?proactive=true" }),
-          " and register the",
-          " ",
-          /* @__PURE__ */ jsx("code", { children: "suggest_assets" }),
-          " tool and ",
-          /* @__PURE__ */ jsx("code", { children: "check_for_assets" }),
-          " prompt."
-        ] })
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", fontWeight: 700, sx: { lineHeight: 1.2 }, children: t("mcpConfigDialog.title") }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: t("mcpConfigDialog.subtitle") })
       ] })
-    ] }),
-    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: onClose, children: "Close" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(DialogContent, { sx: { pt: 0 }, children: open && /* @__PURE__ */ jsx(McpPage, { embedded: true }) }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: onClose, children: t("mcpConfigDialog.close") }) })
   ] });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"McpConfigDialog.esm.js","sources":["../../../src/components/McpConfigDialog/McpConfigDialog.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Chip from '@mui/material/Chip';\nimport Collapse from '@mui/material/Collapse';\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 FormControlLabel from '@mui/material/FormControlLabel';\nimport IconButton from '@mui/material/IconButton';\nimport Switch from '@mui/material/Switch';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport CheckIcon from '@mui/icons-material/Check';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport StorageIcon from '@mui/icons-material/Storage';\nimport { useApi, discoveryApiRef } from '@backstage/core-plugin-api';\nimport { ToolIcon } from '../ToolIcon';\nimport { useCopyToClipboard, useProviders } from '../../hooks';\nimport type { AiTool } from '@julianpedro/plugin-dev-ai-hub-common';\n\ninterface ToolConfig {\n  tool: AiTool;\n  label: string;\n  file: string;\n  description: string;\n  buildConfig: (mcpUrl: string) => string;\n}\n\nconst TOOL_CONFIGS: ToolConfig[] = [\n  {\n    tool: 'claude-code',\n    label: 'Claude Code',\n    file: '.mcp.json',\n    description: 'Add to .mcp.json in your project root (or run via claude mcp add):',\n    buildConfig: url => JSON.stringify({\n      mcpServers: { 'dev-ai-hub': { type: 'http', url } },\n    }, null, 2),\n  },\n  {\n    tool: 'github-copilot',\n    label: 'GitHub Copilot',\n    file: '.vscode/settings.json',\n    description: 'Add to your VS Code settings (.vscode/settings.json or user settings):',\n    buildConfig: url => JSON.stringify({\n      'github.copilot.chat.mcp.servers': { 'dev-ai-hub': { type: 'http', url } },\n    }, null, 2),\n  },\n  {\n    tool: 'google-gemini',\n    label: 'Google Gemini',\n    file: 'gemini-config.json',\n    description: 'Add to your Gemini CLI configuration:',\n    buildConfig: url => JSON.stringify({\n      mcpServers: { 'dev-ai-hub': { url } },\n    }, null, 2),\n  },\n  {\n    tool: 'cursor',\n    label: 'Cursor',\n    file: '.cursor/mcp.json',\n    description: 'Add to .cursor/mcp.json in your project root:',\n    buildConfig: url => JSON.stringify({\n      mcpServers: { 'dev-ai-hub': { type: 'http', url } },\n    }, null, 2),\n  },\n];\n\nfunction providerLabel(target: string): string {\n  return target.split('/').pop()?.replace(/\\.git$/, '') ?? target;\n}\n\ninterface McpConfigDialogProps {\n  open: boolean;\n  onClose: () => void;\n}\n\nexport function McpConfigDialog({ open, onClose }: McpConfigDialogProps) {\n  const theme = useTheme();\n  const discoveryApi = useApi(discoveryApiRef);\n  const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();\n  const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();\n  const [tab, setTab] = useState(0);\n  const [baseUrl, setBaseUrl] = useState('');\n  const [selectedProvider, setSelectedProvider] = useState<string>('');\n  const [proactiveEnabled, setProactiveEnabled] = useState(false);\n  const [manualExpanded, setManualExpanded] = useState(false);\n\n  const { providers } = useProviders();\n  const showProviderFilter = providers.length > 1;\n\n  useEffect(() => {\n    if (open) {\n      discoveryApi.getBaseUrl('dev-ai-hub').then(url => setBaseUrl(url));\n    }\n  }, [open, discoveryApi]);\n\n  const cfg = TOOL_CONFIGS[tab];\n\n  const buildMcpUrl = () => {\n    if (!baseUrl) return 'loading...';\n    const params = new URLSearchParams();\n    params.set('tool', cfg.tool);\n    if (selectedProvider) params.set('provider', selectedProvider);\n    if (proactiveEnabled) params.set('proactive', 'true');\n    return `${baseUrl}/mcp?${params.toString()}`;\n  };\n\n  const mcpUrl = buildMcpUrl();\n  const configSnippet = baseUrl ? cfg.buildConfig(mcpUrl) : '';\n\n  return (\n    <Dialog open={open} onClose={onClose} maxWidth=\"sm\" fullWidth>\n      <DialogTitle sx={{ pb: 0 }}>\n        <Typography variant=\"h6\" fontWeight={700}>Configure MCP Server</Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n          Connect your AI tool to the Dev AI Hub via Model Context Protocol.\n        </Typography>\n      </DialogTitle>\n\n      <DialogContent sx={{ pt: 1 }}>\n        <Tabs\n          value={tab}\n          onChange={(_, v) => setTab(v)}\n          sx={{ mb: 2, borderBottom: 1, borderColor: 'divider' }}\n        >\n          {TOOL_CONFIGS.map((t, i) => (\n            <Tab\n              key={t.tool}\n              value={i}\n              label={\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                  <ToolIcon\n                    tool={t.tool}\n                    sx={{ fontSize: '1rem', color: theme.palette.mode === 'dark' ? '#fff' : undefined }}\n                  />\n                  <span>{t.label}</span>\n                </Box>\n              }\n            />\n          ))}\n        </Tabs>\n\n        {/* Provider filter — only shown when there are 2+ providers */}\n        {showProviderFilter && (\n          <Box sx={{ mb: 2 }}>\n            <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ textTransform: 'uppercase', letterSpacing: 0.5, display: 'block', mb: 0.75 }}>\n              Scope to Provider\n            </Typography>\n            <Box sx={{ display: 'flex', gap: 0.75, flexWrap: 'wrap' }}>\n              <Chip\n                label=\"All providers\"\n                size=\"small\"\n                clickable\n                onClick={() => setSelectedProvider('')}\n                sx={{\n                  fontWeight: 600,\n                  fontSize: '0.75rem',\n                  borderRadius: 2,\n                  border: '1.5px solid',\n                  borderColor: !selectedProvider ? 'text.primary' : 'divider',\n                  backgroundColor: !selectedProvider ? 'text.primary' : 'transparent',\n                  color: !selectedProvider ? 'background.paper' : 'text.secondary',\n                  transition: 'all 0.15s ease',\n                }}\n              />\n              {providers.map(p => {\n                const isSelected = selectedProvider === p.id;\n                const label = providerLabel(p.target);\n                return (\n                  <Chip\n                    key={p.id}\n                    icon={<StorageIcon sx={{ fontSize: '0.8rem !important', color: isSelected ? 'background.paper' : 'inherit' }} />}\n                    label={label}\n                    size=\"small\"\n                    clickable\n                    onClick={() => setSelectedProvider(isSelected ? '' : 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                    }}\n                  />\n                );\n              })}\n            </Box>\n          </Box>\n        )}\n\n        {/* Proactive suggestions toggle */}\n        <Box sx={{ mb: 2 }}>\n          <FormControlLabel\n            control={\n              <Switch\n                size=\"small\"\n                checked={proactiveEnabled}\n                onChange={e => setProactiveEnabled(e.target.checked)}\n              />\n            }\n            label={\n              <Box>\n                <Typography variant=\"body2\" fontWeight={600}>Proactive suggestions</Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  The AI will automatically suggest relevant assets based on your project context.\n                  Disable if you prefer to search manually.\n                </Typography>\n              </Box>\n            }\n            sx={{ alignItems: 'flex-start', ml: 0, gap: 1 }}\n          />\n        </Box>\n\n        {/* MCP URL */}\n        <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ textTransform: 'uppercase', letterSpacing: 0.5 }}>\n          MCP Endpoint\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n            mt: 0.5,\n            mb: 2,\n            px: 1.5,\n            py: 1,\n            borderRadius: 1.5,\n            border: '1px solid',\n            borderColor: 'divider',\n            backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.03)',\n          }}\n        >\n          <Typography\n            variant=\"body2\"\n            sx={{ flex: 1, fontFamily: 'monospace', fontSize: '0.8rem', wordBreak: 'break-all' }}\n          >\n            {mcpUrl}\n          </Typography>\n          <Tooltip title={copiedUrl ? 'Copied!' : 'Copy URL'}>\n            <IconButton size=\"small\" onClick={() => copyUrl(mcpUrl)}>\n              {copiedUrl ? <CheckIcon fontSize=\"small\" color=\"success\" /> : <ContentCopyIcon fontSize=\"small\" />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n\n\n        {/* Manual config snippet — collapsed by default */}\n        <Box\n          onClick={() => setManualExpanded(v => !v)}\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            cursor: 'pointer',\n            userSelect: 'none',\n            py: 0.75,\n            borderTop: '1px solid',\n            borderColor: 'divider',\n          }}\n        >\n          <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ textTransform: 'uppercase', letterSpacing: 0.5 }}>\n            Manual config — {cfg.file}\n          </Typography>\n          <ExpandMoreIcon\n            fontSize=\"small\"\n            sx={{\n              color: 'text.disabled',\n              transition: 'transform 0.2s ease',\n              transform: manualExpanded ? 'rotate(180deg)' : 'rotate(0deg)',\n            }}\n          />\n        </Box>\n\n        <Collapse in={manualExpanded}>\n          <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', mb: 1, mt: 0.5 }}>\n            {cfg.description}\n          </Typography>\n          <Box sx={{ position: 'relative' }}>\n            <Box\n              component=\"pre\"\n              sx={{\n                m: 0,\n                p: 2,\n                borderRadius: 2,\n                border: '1px solid',\n                borderColor: 'divider',\n                backgroundColor: theme.palette.mode === 'dark' ? '#0d1117' : '#f6f8fa',\n                color: theme.palette.mode === 'dark' ? '#e6edf3' : '#24292f',\n                fontFamily: 'monospace',\n                fontSize: '0.8rem',\n                overflowX: 'auto',\n                whiteSpace: 'pre',\n              }}\n            >\n              {configSnippet}\n            </Box>\n            <Tooltip title={copiedSnippet ? 'Copied!' : 'Copy config'}>\n              <IconButton\n                size=\"small\"\n                onClick={e => { e.stopPropagation(); copySnippet(configSnippet); }}\n                sx={{\n                  position: 'absolute',\n                  top: 8,\n                  right: 8,\n                  backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.06)',\n                  '&:hover': {\n                    backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.2)' : 'rgba(0,0,0,0.12)',\n                  },\n                }}\n              >\n                {copiedSnippet ? <CheckIcon fontSize=\"small\" color=\"success\" /> : <ContentCopyIcon fontSize=\"small\" />}\n              </IconButton>\n            </Tooltip>\n          </Box>\n\n          <Typography variant=\"caption\" color=\"text.disabled\" sx={{ display: 'block', mt: 1.5 }}>\n            💡 Omit <code>?tool=</code> from the URL to receive assets for all AI tools.\n            {showProviderFilter && ' Omit ?provider= to receive assets from all repositories.'}\n            {' '}Proactive suggestions add <code>?proactive=true</code> and register the{' '}\n            <code>suggest_assets</code> tool and <code>check_for_assets</code> prompt.\n          </Typography>\n        </Collapse>\n      </DialogContent>\n\n      <DialogActions>\n        <Button onClick={onClose}>Close</Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"McpConfigDialog.esm.js","sources":["../../../src/components/McpConfigDialog/McpConfigDialog.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\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 Typography from '@mui/material/Typography';\nimport AppsIcon from '@mui/icons-material/Apps';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { devAiHubTranslationRef } from '../../translation';\nimport { McpPage } from '../McpPage';\n\ninterface McpConfigDialogProps {\n  open: boolean;\n  onClose: () => void;\n}\n\nexport function McpConfigDialog({ open, onClose }: McpConfigDialogProps) {\n  const { t } = useTranslationRef(devAiHubTranslationRef);\n\n  return (\n    <Dialog open={open} onClose={onClose} maxWidth=\"md\" fullWidth>\n      <DialogTitle sx={{ pb: 1 }}>\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>\n          <Box\n            sx={{\n              width: 36, height: 36, borderRadius: 1.5,\n              background: 'linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)',\n              display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0,\n              boxShadow: '0 2px 8px #6366f140',\n            }}\n          >\n            <AppsIcon sx={{ color: '#fff', fontSize: '1.2rem' }} />\n          </Box>\n          <Box>\n            <Typography variant=\"h6\" fontWeight={700} sx={{ lineHeight: 1.2 }}>\n              {t('mcpConfigDialog.title')}\n            </Typography>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {t('mcpConfigDialog.subtitle')}\n            </Typography>\n          </Box>\n        </Box>\n      </DialogTitle>\n\n      <DialogContent sx={{ pt: 0 }}>\n        {/* Only mount McpPage when dialog is open so useEffect fires on each open */}\n        {open && <McpPage embedded />}\n      </DialogContent>\n\n      <DialogActions>\n        <Button onClick={onClose}>{t('mcpConfigDialog.close')}</Button>\n      </DialogActions>\n    </Dialog>\n  );\n}"],"names":[],"mappings":";;;;;;;;;;;;;AAiBO,SAAS,eAAA,CAAgB,EAAE,IAAA,EAAM,OAAA,EAAQ,EAAyB;AACvE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,sBAAsB,CAAA;AAEtD,EAAA,4BACG,MAAA,EAAA,EAAO,IAAA,EAAY,SAAkB,QAAA,EAAS,IAAA,EAAK,WAAS,IAAA,EAC3D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAY,EAAA,EAAI,EAAE,EAAA,EAAI,CAAA,IACrB,QAAA,kBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,SAAS,MAAA,EAAQ,UAAA,EAAY,QAAA,EAAU,GAAA,EAAK,KAAI,EACzD,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI;AAAA,YACF,KAAA,EAAO,EAAA;AAAA,YAAI,MAAA,EAAQ,EAAA;AAAA,YAAI,YAAA,EAAc,GAAA;AAAA,YACrC,UAAA,EAAY,mDAAA;AAAA,YACZ,OAAA,EAAS,MAAA;AAAA,YAAQ,UAAA,EAAY,QAAA;AAAA,YAAU,cAAA,EAAgB,QAAA;AAAA,YAAU,UAAA,EAAY,CAAA;AAAA,YAC7E,SAAA,EAAW;AAAA,WACb;AAAA,UAEA,QAAA,kBAAA,GAAA,CAAC,YAAS,EAAA,EAAI,EAAE,OAAO,MAAA,EAAQ,QAAA,EAAU,UAAS,EAAG;AAAA;AAAA,OACvD;AAAA,2BACC,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,UAAA,EAAY,GAAA,EAAK,EAAA,EAAI,EAAE,UAAA,EAAY,GAAA,EAAI,EAC7D,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAC5B,CAAA;AAAA,wBACA,GAAA,CAAC,cAAW,OAAA,EAAQ,SAAA,EAAU,OAAM,gBAAA,EACjC,QAAA,EAAA,CAAA,CAAE,0BAA0B,CAAA,EAC/B;AAAA,OAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,oBAEA,GAAA,CAAC,aAAA,EAAA,EAAc,EAAA,EAAI,EAAE,EAAA,EAAI,CAAA,EAAE,EAExB,QAAA,EAAA,IAAA,oBAAQ,GAAA,CAAC,OAAA,EAAA,EAAQ,QAAA,EAAQ,IAAA,EAAC,CAAA,EAC7B,CAAA;AAAA,oBAEA,GAAA,CAAC,iBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAS,OAAA,EAAU,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAAE,CAAA,EACxD;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}