@burdenoff/microfe-adaptercloud 2026.706.4 → 2026.710.1

package/dist/adaptercloud/pages/OverviewPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewPage.js","names":[],"sources":["../../../src/adaptercloud/pages/OverviewPage.tsx"],"sourcesContent":["/**\n * Overview / Dashboard Page\n * @module adaptercloud/pages\n *\n * The AdapterCloud landing page: a single-pane view of the estate — fabric\n * counts (adapters, connections, resources), governance posture (open\n * violations, unremediated drift), operations (recent sync runs) and FinOps\n * (workspace cost summary by service). All data is live from the deployed\n * `wspace-adaptercloud-svc` subgraph.\n */\n\nimport { useMemo, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Boxes,\n  Cable,\n  Server,\n  ShieldAlert,\n  GitCompareArrows,\n  RefreshCw,\n  DollarSign,\n  ArrowRight,\n  Activity,\n  AlertCircle,\n  Clock,\n  Plug,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { SeverityBadge } from '../components/SeverityBadge';\nimport { DataState } from '../components/DataState';\nimport { StackedBar, BarChart, Sparkline } from '../components/viz';\nimport { useAdapterCloud } from '../context/AdapterCloudContext';\nimport {\n  useAdapters,\n  useConnections,\n  useResources,\n  useViolations,\n  useDriftRecords,\n  useSyncRuns,\n  useCostSummary,\n  useCostRecords,\n} from '../hooks/useAdapterCloudApi';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { formatMoney, severityRank, syncKindLabels } from '../utils/domain';\nimport type { AdaPageInfo, AdaSeverity } from '../types';\n\n/**\n * Estate count for a tile: prefer the estate-wide `pageInfo.totalCount`, fall\n * back to the loaded page length when the field is absent (null/undefined), and\n * render an em dash before the first page has loaded.\n */\nfunction countLabel(page: { items: unknown[]; pageInfo: AdaPageInfo } | undefined): string {\n  if (!page) return '—';\n  return String(page.pageInfo.totalCount ?? page.items.length);\n}\n\n/**\n * Bucket cost records into an ascending monthly series (sum of `amount` per\n * calendar month keyed by `periodStart`). Feeds the cost-trend sparkline.\n */\nfunction monthlyCostSeries(records: { periodStart: string; amount: number }[]): number[] {\n  const buckets = new Map<string, number>();\n  for (const r of records) {\n    const d = new Date(r.periodStart);\n    if (Number.isNaN(d.getTime())) continue;\n    const key = `${d.getUTCFullYear()}-${String(d.getUTCMonth() + 1).padStart(2, '0')}`;\n    buckets.set(key, (buckets.get(key) ?? 0) + r.amount);\n  }\n  return [...buckets.entries()].sort(([a], [b]) => a.localeCompare(b)).map(([, total]) => total);\n}\n\n/**\n * Human-readable run duration (\"3m 12s\", \"1h 05m\") from a run's start/finish\n * timestamps. Returns null when either bound is missing or invalid (e.g. a\n * QUEUED/RUNNING run that has not finished).\n */\nfunction formatRunDuration(startedAt: string | null, finishedAt: string | null): string | null {\n  if (!startedAt || !finishedAt) return null;\n  const start = new Date(startedAt).getTime();\n  const end = new Date(finishedAt).getTime();\n  if (Number.isNaN(start) || Number.isNaN(end) || end < start) return null;\n  const totalSeconds = Math.round((end - start) / 1000);\n  const hours = Math.floor(totalSeconds / 3600);\n  const minutes = Math.floor((totalSeconds % 3600) / 60);\n  const seconds = totalSeconds % 60;\n  if (hours > 0) return `${hours}h ${String(minutes).padStart(2, '0')}m`;\n  if (minutes > 0) return `${minutes}m ${String(seconds).padStart(2, '0')}s`;\n  return `${seconds}s`;\n}\n\nexport function OverviewPage() {\n  const { navigateTo, currentUser } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  // Estate count tiles prefer the estate-wide `pageInfo.totalCount` (svc-added)\n  // and fall back to the loaded page length when it is absent, so the request\n  // limit still bounds the fallback (limit:1 would cap the fallback at 1).\n  const adapters = useAdapters({ pagination: { limit: 100 } });\n  const connections = useConnections({ pagination: { limit: 100 } });\n  const resources = useResources({ pagination: { limit: 100 } });\n  const openViolations = useViolations({ status: 'OPEN', pagination: { limit: 50 } });\n  const drift = useDriftRecords({ status: 'DETECTED' });\n  const syncRuns = useSyncRuns({ pagination: { limit: 5 } });\n  const costSummary = useCostSummary();\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'there';\n\n  // Connection health breakdown\n  const connectionHealth = useMemo(() => {\n    const items = connections.data?.items ?? [];\n    const counts = { CONNECTED: 0, DEGRADED: 0, ERROR: 0, PENDING: 0, DISABLED: 0 };\n    for (const c of items) counts[c.status] += 1;\n    return counts;\n  }, [connections.data]);\n\n  const topViolations = useMemo(() => {\n    return [...(openViolations.data?.items ?? [])]\n      .sort((a, b) => severityRank[b.severity] - severityRank[a.severity])\n      .slice(0, 5);\n  }, [openViolations.data]);\n\n  const recentRuns = syncRuns.data?.items ?? [];\n\n  const topCostLines = useMemo(() => {\n    return [...(costSummary.data?.lines ?? [])].sort((a, b) => b.total - a.total).slice(0, 6);\n  }, [costSummary.data]);\n\n  const isLoading =\n    adapters.isLoading ||\n    connections.isLoading ||\n    resources.isLoading ||\n    openViolations.isLoading ||\n    drift.isLoading ||\n    costSummary.isLoading;\n\n  const isError =\n    adapters.isError ||\n    connections.isError ||\n    resources.isError ||\n    openViolations.isError ||\n    drift.isError ||\n    costSummary.isError;\n\n  const refetchAll = useCallback(() => {\n    void adapters.refetch();\n    void connections.refetch();\n    void resources.refetch();\n    void openViolations.refetch();\n    void drift.refetch();\n    void syncRuns.refetch();\n    void costSummary.refetch();\n  }, [adapters, connections, resources, openViolations, drift, syncRuns, costSummary]);\n\n  const stats = [\n    {\n      icon: <Boxes className=\"h-5 w-5\" />,\n      value: countLabel(adapters.data),\n      label: t('adaptercloud.overview.adapters', 'Adapters'),\n      onClick: () => navigateTo('/adapters'),\n    },\n    {\n      icon: <Cable className=\"h-5 w-5\" />,\n      value: countLabel(connections.data),\n      label: t('adaptercloud.overview.connections', 'Connections'),\n      onClick: () => navigateTo('/connections'),\n    },\n    {\n      icon: <Server className=\"h-5 w-5\" />,\n      value: countLabel(resources.data),\n      label: t('adaptercloud.overview.resources', 'Resources'),\n      onClick: () => navigateTo('/resources'),\n    },\n    {\n      icon: <ShieldAlert className=\"h-5 w-5\" />,\n      value: countLabel(openViolations.data),\n      label: t('adaptercloud.overview.openViolations', 'Open Violations'),\n      onClick: () => navigateTo('/violations'),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={`${t('adaptercloud.overview.hello', 'Welcome back')}, ${firstName}`}\n      description={t(\n        'adaptercloud.overview.subtitle',\n        'Your infrastructure continuum at a glance — fabric, governance, operations and cost.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={refetchAll}\n          className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent\"\n        >\n          <RefreshCw className=\"h-4 w-4\" />\n          {t('adaptercloud.common.refresh', 'Refresh')}\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        {t(\n          'adaptercloud.overview.purpose',\n          'AdapterCloud connects your fragmented infrastructure — multi-cloud, on-prem, edge and SaaS — into one governable fabric. This overview is your control plane: see what you run, how connected it is, what is out of policy, and what it costs.'\n        )}\n      </PagePurpose>\n\n      <DataState\n        isLoading={isLoading}\n        isError={isError}\n        error={adapters.error}\n        onRetry={refetchAll}\n      >\n        {/* Top metrics — the one emphasis zone */}\n        <EmphasisPanel className=\"mb-8\">\n          <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">\n            {t('adaptercloud.overview.estate', 'Estate Summary')}\n          </h2>\n          <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n            {stats.map((stat) => (\n              <button key={stat.label} type=\"button\" onClick={stat.onClick} className=\"text-left\">\n                <MetricsCard icon={stat.icon} value={stat.value} label={stat.label} />\n              </button>\n            ))}\n          </div>\n        </EmphasisPanel>\n\n        {/* Connection health + Cost summary */}\n        <div className=\"mb-8 grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          {/* Connection health */}\n          <section>\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.overview.connectionHealth', 'Connection Health')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/connections')}\n                className=\"flex items-center gap-1 text-sm font-medium text-accent-blue hover:underline\"\n              >\n                {t('adaptercloud.common.viewAll', 'View all')}{' '}\n                <ArrowRight className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n            <GlassCard className=\"p-5\">\n              {connections.data && connections.data.items.length > 0 ? (\n                <ul className=\"space-y-3\">\n                  {(\n                    [\n                      ['CONNECTED', connectionHealth.CONNECTED],\n                      ['DEGRADED', connectionHealth.DEGRADED],\n                      ['ERROR', connectionHealth.ERROR],\n                      ['PENDING', connectionHealth.PENDING],\n                      ['DISABLED', connectionHealth.DISABLED],\n                    ] as const\n                  ).map(([status, count]) => (\n                    <li key={status} className=\"flex items-center justify-between\">\n                      <StatusBadge status={status} />\n                      <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                        {count}\n                      </span>\n                    </li>\n                  ))}\n                </ul>\n              ) : (\n                <div className=\"flex flex-col items-center gap-3 py-6 text-center\">\n                  <Plug className=\"h-8 w-8 text-text-secondary\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {t(\n                      'adaptercloud.overview.noConnections',\n                      'No connections yet. Connect a target to start discovering resources.'\n                    )}\n                  </p>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigateTo('/connections/new')}\n                    className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n                  >\n                    {t('adaptercloud.overview.addConnection', 'Add connection')}\n                  </button>\n                </div>\n              )}\n            </GlassCard>\n          </section>\n\n          {/* Cost summary */}\n          <section>\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.overview.costByService', 'Cost by Service')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/costs')}\n                className=\"flex items-center gap-1 text-sm font-medium text-accent-blue hover:underline\"\n              >\n                {t('adaptercloud.overview.finops', 'FinOps')} <ArrowRight className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n            <GlassCard className=\"p-5\">\n              <div className=\"mb-4 flex items-baseline gap-2\">\n                <DollarSign className=\"h-5 w-5 text-text-secondary\" />\n                <span className=\"text-2xl font-bold tabular-nums text-text-primary\">\n                  {costSummary.data\n                    ? formatMoney(costSummary.data.total, costSummary.data.currency)\n                    : '—'}\n                </span>\n                <span className=\"text-sm text-text-secondary\">\n                  {t('adaptercloud.overview.totalSpend', 'total spend')}\n                </span>\n              </div>\n              {topCostLines.length > 0 ? (\n                <ul className=\"space-y-2\">\n                  {topCostLines.map((line) => (\n                    <li key={line.service} className=\"flex items-center justify-between text-sm\">\n                      <span className=\"truncate text-text-primary\">{line.service}</span>\n                      <span className=\"tabular-nums text-text-secondary\">\n                        {formatMoney(line.total, costSummary.data?.currency ?? 'USD')}\n                      </span>\n                    </li>\n                  ))}\n                </ul>\n              ) : (\n                <p className=\"py-4 text-center text-sm text-text-secondary\">\n                  {t(\n                    'adaptercloud.overview.noCost',\n                    'No cost records ingested yet. Run a cost-ingest sync to populate FinOps.'\n                  )}\n                </p>\n              )}\n            </GlassCard>\n          </section>\n        </div>\n\n        {/* Governance + Operations */}\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          {/* Top open violations */}\n          <section>\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.overview.priorityViolations', 'Priority Violations')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/violations')}\n                className=\"flex items-center gap-1 text-sm font-medium text-accent-blue hover:underline\"\n              >\n                {t('adaptercloud.overview.queue', 'Queue')} <ArrowRight className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n            <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n              {topViolations.length > 0 ? (\n                topViolations.map((v) => (\n                  <button\n                    key={v.id}\n                    type=\"button\"\n                    onClick={() => navigateTo('/violations')}\n                    className=\"flex w-full items-start gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50\"\n                  >\n                    <AlertCircle className=\"mt-0.5 h-4 w-4 shrink-0 text-status-error-text\" />\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"truncate text-sm font-medium text-text-primary\">{v.message}</p>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\n                        {v.policy?.name ?? t('adaptercloud.overview.policy', 'Policy')} ·{' '}\n                        {formatRelativeTime(v.detectedAt)}\n                      </p>\n                    </div>\n                    <SeverityBadge severity={v.severity as AdaSeverity} />\n                  </button>\n                ))\n              ) : (\n                <div className=\"flex flex-col items-center gap-2 px-4 py-8 text-center\">\n                  <ShieldAlert className=\"h-8 w-8 text-status-success-text\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {t(\n                      'adaptercloud.overview.noViolations',\n                      'No open violations. Estate is clean.'\n                    )}\n                  </p>\n                </div>\n              )}\n            </div>\n            {drift.data && drift.data.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/drift')}\n                className=\"mt-3 flex w-full items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-left text-sm transition-colors hover:bg-accent/50\"\n              >\n                <GitCompareArrows className=\"h-4 w-4 text-status-warning-text\" />\n                <span className=\"text-text-primary\">\n                  {drift.data.length}{' '}\n                  {t('adaptercloud.overview.driftDetected', 'drift records detected')}\n                </span>\n                <ArrowRight className=\"ml-auto h-3.5 w-3.5 text-text-secondary\" />\n              </button>\n            )}\n          </section>\n\n          {/* Recent sync runs */}\n          <section>\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.overview.recentRuns', 'Recent Sync Runs')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/sync-runs')}\n                className=\"flex items-center gap-1 text-sm font-medium text-accent-blue hover:underline\"\n              >\n                {t('adaptercloud.common.viewAll', 'View all')}{' '}\n                <ArrowRight className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n            <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n              {recentRuns.length > 0 ? (\n                recentRuns.map((run) => (\n                  <button\n                    key={run.id}\n                    type=\"button\"\n                    onClick={() => navigateTo('/sync-runs')}\n                    className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50\"\n                  >\n                    <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken\">\n                      <Activity className=\"h-4 w-4 text-text-secondary\" />\n                    </div>\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"text-sm font-medium text-text-primary\">\n                        {syncKindLabels[run.kind]}\n                      </p>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\n                        {run.discoveredCount} {t('adaptercloud.overview.discovered', 'discovered')}{' '}\n                        · {formatRelativeTime(run.createdAt)}\n                      </p>\n                    </div>\n                    <StatusBadge status={run.status} />\n                  </button>\n                ))\n              ) : (\n                <div className=\"flex flex-col items-center gap-2 px-4 py-8 text-center\">\n                  <RefreshCw className=\"h-8 w-8 text-text-secondary\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {t('adaptercloud.overview.noRuns', 'No sync runs yet.')}\n                  </p>\n                </div>\n              )}\n            </div>\n          </section>\n        </div>\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OverviewPage.js","names":[],"sources":["../../../src/adaptercloud/pages/OverviewPage.tsx"],"sourcesContent":["/**\n * Overview / Dashboard Page\n * @module adaptercloud/pages\n *\n * The AdapterCloud landing page: a single-pane view of the estate — fabric\n * counts (adapters, connections, resources), governance posture (open\n * violations, unremediated drift), operations (recent sync runs) and FinOps\n * (workspace cost summary by service). All data is live from the deployed\n * `wspace-adaptercloud-svc` subgraph.\n */\n\nimport { useMemo, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Boxes,\n  Cable,\n  Server,\n  ShieldAlert,\n  GitCompareArrows,\n  RefreshCw,\n  DollarSign,\n  ArrowRight,\n  Activity,\n  AlertCircle,\n  Plug,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { SeverityBadge } from '../components/SeverityBadge';\nimport { DataState } from '../components/DataState';\nimport { useAdapterCloud } from '../context/AdapterCloudContext';\nimport {\n  useAdapters,\n  useConnections,\n  useResources,\n  useViolations,\n  useDriftRecords,\n  useSyncRuns,\n  useCostSummary,\n} from '../hooks/useAdapterCloudApi';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { formatMoney, severityRank, syncKindLabels } from '../utils/domain';\nimport type { AdaPageInfo, AdaSeverity } from '../types';\n\n/**\n * Estate count for a tile: prefer the estate-wide `pageInfo.totalCount`, fall\n * back to the loaded page length when the field is absent (null/undefined), and\n * render an em dash before the first page has loaded.\n */\nfunction countLabel(page: { items: unknown[]; pageInfo: AdaPageInfo } | undefined): string {\n  if (!page) return '—';\n  return String(page.pageInfo.totalCount ?? page.items.length);\n}\n\nexport function OverviewPage() {\n  const { navigateTo, currentUser } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  // Estate count tiles prefer the estate-wide `pageInfo.totalCount` (svc-added)\n  // and fall back to the loaded page length when it is absent, so the request\n  // limit still bounds the fallback (limit:1 would cap the fallback at 1).\n  const adapters = useAdapters({ pagination: { limit: 100 } });\n  const connections = useConnections({ pagination: { limit: 100 } });\n  const resources = useResources({ pagination: { limit: 100 } });\n  const openViolations = useViolations({ status: 'OPEN', pagination: { limit: 50 } });\n  const drift = useDriftRecords({ status: 'DETECTED' });\n  const syncRuns = useSyncRuns({ pagination: { limit: 5 } });\n  const costSummary = useCostSummary();\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'there';\n\n  // Connection health breakdown\n  const connectionHealth = useMemo(() => {\n    const items = connections.data?.items ?? [];\n    const counts = { CONNECTED: 0, DEGRADED: 0, ERROR: 0, PENDING: 0, DISABLED: 0 };\n    for (const c of items) counts[c.status] += 1;\n    return counts;\n  }, [connections.data]);\n\n  const topViolations = useMemo(() => {\n    return [...(openViolations.data?.items ?? [])]\n      .sort((a, b) => severityRank[b.severity] - severityRank[a.severity])\n      .slice(0, 5);\n  }, [openViolations.data]);\n\n  const recentRuns = syncRuns.data?.items ?? [];\n\n  const topCostLines = useMemo(() => {\n    return [...(costSummary.data?.lines ?? [])].sort((a, b) => b.total - a.total).slice(0, 6);\n  }, [costSummary.data]);\n\n  const isLoading =\n    adapters.isLoading ||\n    connections.isLoading ||\n    resources.isLoading ||\n    openViolations.isLoading ||\n    drift.isLoading ||\n    costSummary.isLoading;\n\n  const isError =\n    adapters.isError ||\n    connections.isError ||\n    resources.isError ||\n    openViolations.isError ||\n    drift.isError ||\n    costSummary.isError;\n\n  const refetchAll = useCallback(() => {\n    void adapters.refetch();\n    void connections.refetch();\n    void resources.refetch();\n    void openViolations.refetch();\n    void drift.refetch();\n    void syncRuns.refetch();\n    void costSummary.refetch();\n  }, [adapters, connections, resources, openViolations, drift, syncRuns, costSummary]);\n\n  const stats = [\n    {\n      icon: <Boxes className=\"h-5 w-5\" />,\n      value: countLabel(adapters.data),\n      label: t('adaptercloud.overview.adapters', 'Adapters'),\n      onClick: () => navigateTo('/adapters'),\n    },\n    {\n      icon: <Cable className=\"h-5 w-5\" />,\n      value: countLabel(connections.data),\n      label: t('adaptercloud.overview.connections', 'Connections'),\n      onClick: () => navigateTo('/connections'),\n    },\n    {\n      icon: <Server className=\"h-5 w-5\" />,\n      value: countLabel(resources.data),\n      label: t('adaptercloud.overview.resources', 'Resources'),\n      onClick: () => navigateTo('/resources'),\n    },\n    {\n      icon: <ShieldAlert className=\"h-5 w-5\" />,\n      value: countLabel(openViolations.data),\n      label: t('adaptercloud.overview.openViolations', 'Open Violations'),\n      onClick: () => navigateTo('/violations'),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={`${t('adaptercloud.overview.hello', 'Welcome back')}, ${firstName}`}\n      description={t(\n        'adaptercloud.overview.subtitle',\n        'Your infrastructure continuum at a glance — fabric, governance, operations and cost.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={refetchAll}\n          className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent\"\n        >\n          <RefreshCw className=\"h-4 w-4\" />\n          {t('adaptercloud.common.refresh', 'Refresh')}\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        {t(\n          'adaptercloud.overview.purpose',\n          'AdapterCloud connects your fragmented infrastructure — multi-cloud, on-prem, edge and SaaS — into one governable fabric. This overview is your control plane: see what you run, how connected it is, what is out of policy, and what it costs.'\n        )}\n      </PagePurpose>\n\n      <DataState\n        isLoading={isLoading}\n        isError={isError}\n        error={adapters.error}\n        onRetry={refetchAll}\n      >\n        {/* Top metrics — the one emphasis zone */}\n        <EmphasisPanel className=\"mb-8\">\n          <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">\n            {t('adaptercloud.overview.estate', 'Estate Summary')}\n          </h2>\n          <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n            {stats.map((stat) => (\n              <button key={stat.label} type=\"button\" onClick={stat.onClick} className=\"text-left\">\n                <MetricsCard icon={stat.icon} value={stat.value} label={stat.label} />\n              </button>\n            ))}\n          </div>\n        </EmphasisPanel>\n\n        {/* Connection health + Cost summary */}\n        <div className=\"mb-8 grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          {/* Connection health */}\n          <section>\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.overview.connectionHealth', 'Connection Health')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/connections')}\n                className=\"flex items-center gap-1 text-sm font-medium text-accent-blue hover:underline\"\n              >\n                {t('adaptercloud.common.viewAll', 'View all')}{' '}\n                <ArrowRight className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n            <GlassCard className=\"p-5\">\n              {connections.data && connections.data.items.length > 0 ? (\n                <ul className=\"space-y-3\">\n                  {(\n                    [\n                      ['CONNECTED', connectionHealth.CONNECTED],\n                      ['DEGRADED', connectionHealth.DEGRADED],\n                      ['ERROR', connectionHealth.ERROR],\n                      ['PENDING', connectionHealth.PENDING],\n                      ['DISABLED', connectionHealth.DISABLED],\n                    ] as const\n                  ).map(([status, count]) => (\n                    <li key={status} className=\"flex items-center justify-between\">\n                      <StatusBadge status={status} />\n                      <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                        {count}\n                      </span>\n                    </li>\n                  ))}\n                </ul>\n              ) : (\n                <div className=\"flex flex-col items-center gap-3 py-6 text-center\">\n                  <Plug className=\"h-8 w-8 text-text-secondary\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {t(\n                      'adaptercloud.overview.noConnections',\n                      'No connections yet. Connect a target to start discovering resources.'\n                    )}\n                  </p>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigateTo('/connections/new')}\n                    className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n                  >\n                    {t('adaptercloud.overview.addConnection', 'Add connection')}\n                  </button>\n                </div>\n              )}\n            </GlassCard>\n          </section>\n\n          {/* Cost summary */}\n          <section>\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.overview.costByService', 'Cost by Service')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/costs')}\n                className=\"flex items-center gap-1 text-sm font-medium text-accent-blue hover:underline\"\n              >\n                {t('adaptercloud.overview.finops', 'FinOps')} <ArrowRight className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n            <GlassCard className=\"p-5\">\n              <div className=\"mb-4 flex items-baseline gap-2\">\n                <DollarSign className=\"h-5 w-5 text-text-secondary\" />\n                <span className=\"text-2xl font-bold tabular-nums text-text-primary\">\n                  {costSummary.data\n                    ? formatMoney(costSummary.data.total, costSummary.data.currency)\n                    : '—'}\n                </span>\n                <span className=\"text-sm text-text-secondary\">\n                  {t('adaptercloud.overview.totalSpend', 'total spend')}\n                </span>\n              </div>\n              {topCostLines.length > 0 ? (\n                <ul className=\"space-y-2\">\n                  {topCostLines.map((line) => (\n                    <li key={line.service} className=\"flex items-center justify-between text-sm\">\n                      <span className=\"truncate text-text-primary\">{line.service}</span>\n                      <span className=\"tabular-nums text-text-secondary\">\n                        {formatMoney(line.total, costSummary.data?.currency ?? 'USD')}\n                      </span>\n                    </li>\n                  ))}\n                </ul>\n              ) : (\n                <p className=\"py-4 text-center text-sm text-text-secondary\">\n                  {t(\n                    'adaptercloud.overview.noCost',\n                    'No cost records ingested yet. Run a cost-ingest sync to populate FinOps.'\n                  )}\n                </p>\n              )}\n            </GlassCard>\n          </section>\n        </div>\n\n        {/* Governance + Operations */}\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          {/* Top open violations */}\n          <section>\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.overview.priorityViolations', 'Priority Violations')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/violations')}\n                className=\"flex items-center gap-1 text-sm font-medium text-accent-blue hover:underline\"\n              >\n                {t('adaptercloud.overview.queue', 'Queue')} <ArrowRight className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n            <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n              {topViolations.length > 0 ? (\n                topViolations.map((v) => (\n                  <button\n                    key={v.id}\n                    type=\"button\"\n                    onClick={() => navigateTo('/violations')}\n                    className=\"flex w-full items-start gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50\"\n                  >\n                    <AlertCircle className=\"mt-0.5 h-4 w-4 shrink-0 text-status-error-text\" />\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"truncate text-sm font-medium text-text-primary\">{v.message}</p>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\n                        {v.policy?.name ?? t('adaptercloud.overview.policy', 'Policy')} ·{' '}\n                        {formatRelativeTime(v.detectedAt)}\n                      </p>\n                    </div>\n                    <SeverityBadge severity={v.severity as AdaSeverity} />\n                  </button>\n                ))\n              ) : (\n                <div className=\"flex flex-col items-center gap-2 px-4 py-8 text-center\">\n                  <ShieldAlert className=\"h-8 w-8 text-status-success-text\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {t(\n                      'adaptercloud.overview.noViolations',\n                      'No open violations. Estate is clean.'\n                    )}\n                  </p>\n                </div>\n              )}\n            </div>\n            {drift.data && drift.data.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/drift')}\n                className=\"mt-3 flex w-full items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-left text-sm transition-colors hover:bg-accent/50\"\n              >\n                <GitCompareArrows className=\"h-4 w-4 text-status-warning-text\" />\n                <span className=\"text-text-primary\">\n                  {drift.data.length}{' '}\n                  {t('adaptercloud.overview.driftDetected', 'drift records detected')}\n                </span>\n                <ArrowRight className=\"ml-auto h-3.5 w-3.5 text-text-secondary\" />\n              </button>\n            )}\n          </section>\n\n          {/* Recent sync runs */}\n          <section>\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.overview.recentRuns', 'Recent Sync Runs')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/sync-runs')}\n                className=\"flex items-center gap-1 text-sm font-medium text-accent-blue hover:underline\"\n              >\n                {t('adaptercloud.common.viewAll', 'View all')}{' '}\n                <ArrowRight className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n            <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n              {recentRuns.length > 0 ? (\n                recentRuns.map((run) => (\n                  <button\n                    key={run.id}\n                    type=\"button\"\n                    onClick={() => navigateTo('/sync-runs')}\n                    className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50\"\n                  >\n                    <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken\">\n                      <Activity className=\"h-4 w-4 text-text-secondary\" />\n                    </div>\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"text-sm font-medium text-text-primary\">\n                        {syncKindLabels[run.kind]}\n                      </p>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\n                        {run.discoveredCount} {t('adaptercloud.overview.discovered', 'discovered')}{' '}\n                        · {formatRelativeTime(run.createdAt)}\n                      </p>\n                    </div>\n                    <StatusBadge status={run.status} />\n                  </button>\n                ))\n              ) : (\n                <div className=\"flex flex-col items-center gap-2 px-4 py-8 text-center\">\n                  <RefreshCw className=\"h-8 w-8 text-text-secondary\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {t('adaptercloud.overview.noRuns', 'No sync runs yet.')}\n                  </p>\n                </div>\n              )}\n            </div>\n          </section>\n        </div>\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/adapters/AdaptersListPage.js

@@ -7,161 +7,181 @@ import { useAdapters as o } from "../../hooks/useAdapterCloudApi.js";
 import { formatRelativeTime as s } from "../../utils/formatters.js";
 import { useCallback as c, useState as l } from "react";
 import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Boxes as d, ChevronLeft as f, ChevronRight as p, Plus as m } from "lucide-react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { GlassCard as _ } from "@burdenoff/fe-libs/ui";
+import { Boxes as d, ChevronLeft as f, ChevronRight as p, Cloud as m, Cpu as h, Database as g, HardDrive as _, Network as v, Plus as y, Puzzle as b, Radio as x, ServerCog as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { GlassCard as T } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/adapters/AdaptersListPage.tsx
-var v = 20;
-function y() {
-	let { navigateTo: y } = e(), { t: b } = u(), x = c((e, t) => {
-		let n = b(e);
+var E = 20, D = {
+	PUBLIC_CLOUD: m,
+	SAAS: m,
+	PRIVATE_CLOUD: S,
+	ON_PREM: _,
+	EDGE: x,
+	IOT: h,
+	KUBERNETES: d,
+	NETWORK: v,
+	DATA_SYSTEM: g,
+	CUSTOM: b
+};
+function O() {
+	let { navigateTo: m } = e(), { t: h } = u(), g = c((e, t) => {
+		let n = h(e);
 		return n === e ? t : n;
-	}, [b]), [S, C] = l(""), [w, T] = l(""), [E, D] = l(0), O = o({
-		kind: S || void 0,
-		status: w || void 0,
+	}, [h]), [_, v] = l(""), [b, x] = l(""), [S, O] = l(0), k = o({
+		kind: _ || void 0,
+		status: b || void 0,
 		pagination: {
-			limit: v,
-			offset: E
+			limit: E,
+			offset: S
 		}
-	}), k = O.data?.items ?? [], A = O.data?.pageInfo.hasMore ?? !1, j = c((e) => (t) => {
-		e(t), D(0);
+	}), A = k.data?.items ?? [], j = k.data?.pageInfo.hasMore ?? !1, M = c((e) => (t) => {
+		e(t), O(0);
 	}, []);
-	return /* @__PURE__ */ g(t, {
-		title: x("adaptercloud.adapters.title", "Adapters"),
-		description: x("adaptercloud.adapters.subtitle", "The catalog of connectors that bridge each class of system into the fabric."),
-		actions: /* @__PURE__ */ g("button", {
+	return /* @__PURE__ */ w(t, {
+		title: g("adaptercloud.adapters.title", "Adapters"),
+		description: g("adaptercloud.adapters.subtitle", "The catalog of connectors that bridge each class of system into the fabric."),
+		actions: /* @__PURE__ */ w("button", {
 			type: "button",
-			onClick: () => y("/adapters/new"),
+			onClick: () => m("/adapters/new"),
 			className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
-			children: [/* @__PURE__ */ h(m, { className: "h-4 w-4" }), x("adaptercloud.adapters.new", "New adapter")]
+			children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), g("adaptercloud.adapters.new", "New adapter")]
 		}),
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ w("div", {
 			className: "mb-6 flex flex-wrap gap-3",
-			children: [/* @__PURE__ */ g("select", {
-				value: S,
-				onChange: (e) => j(C)(e.target.value),
-				"aria-label": x("adaptercloud.adapters.filterByKind", "Filter by kind"),
+			children: [/* @__PURE__ */ w("select", {
+				value: _,
+				onChange: (e) => M(v)(e.target.value),
+				"aria-label": g("adaptercloud.adapters.filterByKind", "Filter by kind"),
 				className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-				children: [/* @__PURE__ */ h("option", {
+				children: [/* @__PURE__ */ C("option", {
 					value: "",
-					children: x("adaptercloud.adapters.allKinds", "All kinds")
-				}), Object.keys(n).map((e) => /* @__PURE__ */ h("option", {
+					children: g("adaptercloud.adapters.allKinds", "All kinds")
+				}), Object.keys(n).map((e) => /* @__PURE__ */ C("option", {
 					value: e,
 					children: n[e]
 				}, e))]
-			}), /* @__PURE__ */ g("select", {
-				value: w,
-				onChange: (e) => j(T)(e.target.value),
-				"aria-label": x("adaptercloud.adapters.filterByStatus", "Filter by status"),
+			}), /* @__PURE__ */ w("select", {
+				value: b,
+				onChange: (e) => M(x)(e.target.value),
+				"aria-label": g("adaptercloud.adapters.filterByStatus", "Filter by status"),
 				className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-				children: [/* @__PURE__ */ h("option", {
+				children: [/* @__PURE__ */ C("option", {
 					value: "",
-					children: x("adaptercloud.adapters.allStatuses", "All statuses")
-				}), Object.keys(r).map((e) => /* @__PURE__ */ h("option", {
+					children: g("adaptercloud.adapters.allStatuses", "All statuses")
+				}), Object.keys(r).map((e) => /* @__PURE__ */ C("option", {
 					value: e,
 					children: r[e]
 				}, e))]
 			})]
-		}), /* @__PURE__ */ g(a, {
-			isLoading: O.isLoading,
-			isError: O.isError,
-			isEmpty: k.length === 0,
-			error: O.error,
-			onRetry: () => void O.refetch(),
-			emptyTitle: x("adaptercloud.adapters.emptyTitle", "No adapters yet"),
-			emptyDescription: x("adaptercloud.adapters.emptyDescription", "Define your first adapter to start bridging a class of system into the fabric."),
-			emptyIcon: /* @__PURE__ */ h(d, { className: "h-10 w-10" }),
-			emptyAction: /* @__PURE__ */ h("button", {
+		}), /* @__PURE__ */ w(a, {
+			isLoading: k.isLoading,
+			isError: k.isError,
+			isEmpty: A.length === 0,
+			error: k.error,
+			onRetry: () => void k.refetch(),
+			emptyTitle: g("adaptercloud.adapters.emptyTitle", "No adapters yet"),
+			emptyDescription: g("adaptercloud.adapters.emptyDescription", "Define your first adapter to start bridging a class of system into the fabric."),
+			emptyIcon: /* @__PURE__ */ C(d, { className: "h-10 w-10" }),
+			emptyAction: /* @__PURE__ */ C("button", {
 				type: "button",
-				onClick: () => y("/adapters/new"),
+				onClick: () => m("/adapters/new"),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
-				children: x("adaptercloud.adapters.new", "New adapter")
+				children: g("adaptercloud.adapters.new", "New adapter")
 			}),
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: k.map((e) => /* @__PURE__ */ g(_, {
+				children: A.map((e) => /* @__PURE__ */ w(T, {
 					role: "button",
 					tabIndex: 0,
-					onClick: () => y(`/adapters/${e.id}`),
+					onClick: () => m(`/adapters/${e.id}`),
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), y(`/adapters/${e.id}`));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), m(`/adapters/${e.id}`));
 					},
 					className: "cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ w("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ g("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ h("h3", {
-									className: "truncate text-base font-semibold text-text-primary",
-									children: e.name
-								}), /* @__PURE__ */ h("p", {
-									className: "mt-0.5 truncate text-xs text-text-secondary",
-									children: e.slug
+							children: [/* @__PURE__ */ w("div", {
+								className: "flex min-w-0 items-center gap-3",
+								children: [/* @__PURE__ */ C("span", {
+									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-blue-subtle text-accent-blue",
+									children: (() => {
+										let t = D[e.kind];
+										return /* @__PURE__ */ C(t, { className: "h-5 w-5" });
+									})()
+								}), /* @__PURE__ */ w("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ C("h3", {
+										className: "truncate text-base font-semibold text-text-primary",
+										children: e.name
+									}), /* @__PURE__ */ C("p", {
+										className: "mt-0.5 truncate text-xs text-text-secondary",
+										children: e.slug
+									})]
 								})]
-							}), /* @__PURE__ */ h(i, { status: e.status })]
+							}), /* @__PURE__ */ C(i, { status: e.status })]
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ w("div", {
 							className: "mt-3 flex flex-wrap items-center gap-2 text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ C("span", {
 									className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5",
 									children: n[e.kind]
 								}),
-								/* @__PURE__ */ g("span", { children: ["v", e.version] }),
-								e.vendor && /* @__PURE__ */ g("span", { children: ["· ", e.vendor] })
+								/* @__PURE__ */ w("span", { children: ["v", e.version] }),
+								e.vendor && /* @__PURE__ */ w("span", { children: ["· ", e.vendor] })
 							]
 						}),
-						e.description && /* @__PURE__ */ h("p", {
+						e.description && /* @__PURE__ */ C("p", {
 							className: "mt-3 line-clamp-2 text-sm text-text-secondary",
 							children: e.description
 						}),
-						e.capabilities.length > 0 && /* @__PURE__ */ g("div", {
+						e.capabilities.length > 0 && /* @__PURE__ */ w("div", {
 							className: "mt-3 flex flex-wrap gap-1.5",
-							children: [e.capabilities.slice(0, 4).map((e) => /* @__PURE__ */ h("span", {
+							children: [e.capabilities.slice(0, 4).map((e) => /* @__PURE__ */ C("span", {
 								className: "inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 text-xs text-accent-blue",
 								children: e
-							}, e)), e.capabilities.length > 4 && /* @__PURE__ */ g("span", {
+							}, e)), e.capabilities.length > 4 && /* @__PURE__ */ w("span", {
 								className: "text-xs text-text-secondary",
 								children: ["+", e.capabilities.length - 4]
 							})]
 						}),
-						/* @__PURE__ */ g("p", {
+						/* @__PURE__ */ w("p", {
 							className: "mt-4 text-xs text-text-secondary",
 							children: [
-								x("adaptercloud.common.updated", "Updated"),
+								g("adaptercloud.common.updated", "Updated"),
 								" ",
 								s(e.updatedAt)
 							]
 						})
 					]
 				}, e.id))
-			}), (E > 0 || A) && /* @__PURE__ */ g("div", {
+			}), (S > 0 || j) && /* @__PURE__ */ w("div", {
 				className: "mt-6 flex items-center justify-between",
 				children: [
-					/* @__PURE__ */ g("button", {
+					/* @__PURE__ */ w("button", {
 						type: "button",
-						disabled: E === 0,
-						onClick: () => D((e) => Math.max(0, e - v)),
+						disabled: S === 0,
+						onClick: () => O((e) => Math.max(0, e - E)),
 						className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
-						children: [/* @__PURE__ */ h(f, { className: "h-4 w-4" }), x("adaptercloud.common.prev", "Previous")]
+						children: [/* @__PURE__ */ C(f, { className: "h-4 w-4" }), g("adaptercloud.common.prev", "Previous")]
 					}),
-					/* @__PURE__ */ g("span", {
+					/* @__PURE__ */ w("span", {
 						className: "text-sm text-text-secondary",
 						children: [
-							x("adaptercloud.common.showing", "Showing"),
+							g("adaptercloud.common.showing", "Showing"),
 							" ",
-							E + 1,
+							S + 1,
 							"–",
-							E + k.length
+							S + A.length
 						]
 					}),
-					/* @__PURE__ */ g("button", {
+					/* @__PURE__ */ w("button", {
 						type: "button",
-						disabled: !A,
-						onClick: () => D((e) => e + v),
+						disabled: !j,
+						onClick: () => O((e) => e + E),
 						className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
-						children: [x("adaptercloud.common.next", "Next"), /* @__PURE__ */ h(p, { className: "h-4 w-4" })]
+						children: [g("adaptercloud.common.next", "Next"), /* @__PURE__ */ C(p, { className: "h-4 w-4" })]
 					})
 				]
 			})]
@@ -169,6 +189,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as AdaptersListPage };
+export { O as AdaptersListPage };
 
 //# sourceMappingURL=AdaptersListPage.js.map

package/dist/adaptercloud/pages/adapters/AdaptersListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptersListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/adapters/AdaptersListPage.tsx"],"sourcesContent":["/**\n * Adapters List Page\n * @module adaptercloud/pages/adapters\n *\n * The adapter catalog — every reusable connector definition in the workspace.\n * Lists from `adaListAdapters` with kind/status filters and offset pagination\n * (driven by `AdaPageInfo.hasMore`).\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Boxes,\n  Cloud,\n  Cpu,\n  Database,\n  HardDrive,\n  Network,\n  Plus,\n  Puzzle,\n  Radio,\n  Search,\n  ServerCog,\n  X,\n  ChevronLeft,\n  ChevronRight,\n  type LucideIcon,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useAdapters } from '../../hooks/useAdapterCloudApi';\nimport { adapterKindLabels, adapterStatusLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaAdapterKind, AdaAdapterStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\n/** Per-kind glyph — mirrors the mock's vendor logo tile on each catalog card. */\nconst kindIcons: Record<AdaAdapterKind, LucideIcon> = {\n  PUBLIC_CLOUD: Cloud,\n  SAAS: Cloud,\n  PRIVATE_CLOUD: ServerCog,\n  ON_PREM: HardDrive,\n  EDGE: Radio,\n  IOT: Cpu,\n  KUBERNETES: Boxes,\n  NETWORK: Network,\n  DATA_SYSTEM: Database,\n  CUSTOM: Puzzle,\n};\n\nexport function AdaptersListPage() {\n  const { navigateTo } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const [kind, setKind] = useState<AdaAdapterKind | ''>('');\n  const [status, setStatus] = useState<AdaAdapterStatus | ''>('');\n  const [offset, setOffset] = useState(0);\n\n  const query = useAdapters({\n    kind: kind || undefined,\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const items = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  const resetTo = useCallback(<T,>(setter: (v: T) => void) => {\n    return (v: T) => {\n      setter(v);\n      setOffset(0);\n    };\n  }, []);\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.adapters.title', 'Adapters')}\n      description={t(\n        'adaptercloud.adapters.subtitle',\n        'The catalog of connectors that bridge each class of system into the fabric.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/adapters/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" />\n          {t('adaptercloud.adapters.new', 'New adapter')}\n        </button>\n      }\n    >\n      {/* Filters */}\n      <div className=\"mb-6 flex flex-wrap gap-3\">\n        <select\n          value={kind}\n          onChange={(e) => resetTo(setKind)(e.target.value as AdaAdapterKind | '')}\n          aria-label={t('adaptercloud.adapters.filterByKind', 'Filter by kind')}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"\">{t('adaptercloud.adapters.allKinds', 'All kinds')}</option>\n          {(Object.keys(adapterKindLabels) as AdaAdapterKind[]).map((k) => (\n            <option key={k} value={k}>\n              {adapterKindLabels[k]}\n            </option>\n          ))}\n        </select>\n        <select\n          value={status}\n          onChange={(e) => resetTo(setStatus)(e.target.value as AdaAdapterStatus | '')}\n          aria-label={t('adaptercloud.adapters.filterByStatus', 'Filter by status')}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"\">{t('adaptercloud.adapters.allStatuses', 'All statuses')}</option>\n          {(Object.keys(adapterStatusLabels) as AdaAdapterStatus[]).map((s) => (\n            <option key={s} value={s}>\n              {adapterStatusLabels[s]}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={items.length === 0}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.adapters.emptyTitle', 'No adapters yet')}\n        emptyDescription={t(\n          'adaptercloud.adapters.emptyDescription',\n          'Define your first adapter to start bridging a class of system into the fabric.'\n        )}\n        emptyIcon={<Boxes className=\"h-10 w-10\" />}\n        emptyAction={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/adapters/new')}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n          >\n            {t('adaptercloud.adapters.new', 'New adapter')}\n          </button>\n        }\n      >\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((adapter) => (\n            <GlassCard\n              key={adapter.id}\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => navigateTo(`/adapters/${adapter.id}`)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  navigateTo(`/adapters/${adapter.id}`);\n                }\n              }}\n              className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"min-w-0\">\n                  <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                    {adapter.name}\n                  </h3>\n                  <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{adapter.slug}</p>\n                </div>\n                <StatusBadge status={adapter.status} />\n              </div>\n\n              <div className=\"mt-3 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5\">\n                  {adapterKindLabels[adapter.kind]}\n                </span>\n                <span>v{adapter.version}</span>\n                {adapter.vendor && <span>· {adapter.vendor}</span>}\n              </div>\n\n              {adapter.description && (\n                <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">\n                  {adapter.description}\n                </p>\n              )}\n\n              {adapter.capabilities.length > 0 && (\n                <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                  {adapter.capabilities.slice(0, 4).map((cap) => (\n                    <span\n                      key={cap}\n                      className=\"inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 text-xs text-accent-blue\"\n                    >\n                      {cap}\n                    </span>\n                  ))}\n                  {adapter.capabilities.length > 4 && (\n                    <span className=\"text-xs text-text-secondary\">\n                      +{adapter.capabilities.length - 4}\n                    </span>\n                  )}\n                </div>\n              )}\n\n              <p className=\"mt-4 text-xs text-text-secondary\">\n                {t('adaptercloud.common.updated', 'Updated')}{' '}\n                {formatRelativeTime(adapter.updatedAt)}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n\n        {/* Pagination */}\n        {(offset > 0 || hasMore) && (\n          <div className=\"mt-6 flex items-center justify-between\">\n            <button\n              type=\"button\"\n              disabled={offset === 0}\n              onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n              {t('adaptercloud.common.prev', 'Previous')}\n            </button>\n            <span className=\"text-sm text-text-secondary\">\n              {t('adaptercloud.common.showing', 'Showing')} {offset + 1}–{offset + items.length}\n            </span>\n            <button\n              type=\"button\"\n              disabled={!hasMore}\n              onClick={() => setOffset((o) => o + PAGE_SIZE)}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              {t('adaptercloud.common.next', 'Next')}\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        )}\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdaptersListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/adapters/AdaptersListPage.tsx"],"sourcesContent":["/**\n * Adapters List Page\n * @module adaptercloud/pages/adapters\n *\n * The adapter catalog — every reusable connector definition in the workspace.\n * Lists from `adaListAdapters` with kind/status filters and offset pagination\n * (driven by `AdaPageInfo.hasMore`).\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Boxes,\n  Cloud,\n  Cpu,\n  Database,\n  HardDrive,\n  Network,\n  Plus,\n  Puzzle,\n  Radio,\n  ServerCog,\n  ChevronLeft,\n  ChevronRight,\n  type LucideIcon,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useAdapters } from '../../hooks/useAdapterCloudApi';\nimport { adapterKindLabels, adapterStatusLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaAdapterKind, AdaAdapterStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\n/** Per-kind glyph — mirrors the mock's vendor logo tile on each catalog card. */\nconst kindIcons: Record<AdaAdapterKind, LucideIcon> = {\n  PUBLIC_CLOUD: Cloud,\n  SAAS: Cloud,\n  PRIVATE_CLOUD: ServerCog,\n  ON_PREM: HardDrive,\n  EDGE: Radio,\n  IOT: Cpu,\n  KUBERNETES: Boxes,\n  NETWORK: Network,\n  DATA_SYSTEM: Database,\n  CUSTOM: Puzzle,\n};\n\nexport function AdaptersListPage() {\n  const { navigateTo } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const [kind, setKind] = useState<AdaAdapterKind | ''>('');\n  const [status, setStatus] = useState<AdaAdapterStatus | ''>('');\n  const [offset, setOffset] = useState(0);\n\n  const query = useAdapters({\n    kind: kind || undefined,\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const items = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  const resetTo = useCallback(<T,>(setter: (v: T) => void) => {\n    return (v: T) => {\n      setter(v);\n      setOffset(0);\n    };\n  }, []);\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.adapters.title', 'Adapters')}\n      description={t(\n        'adaptercloud.adapters.subtitle',\n        'The catalog of connectors that bridge each class of system into the fabric.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/adapters/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" />\n          {t('adaptercloud.adapters.new', 'New adapter')}\n        </button>\n      }\n    >\n      {/* Filters */}\n      <div className=\"mb-6 flex flex-wrap gap-3\">\n        <select\n          value={kind}\n          onChange={(e) => resetTo(setKind)(e.target.value as AdaAdapterKind | '')}\n          aria-label={t('adaptercloud.adapters.filterByKind', 'Filter by kind')}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"\">{t('adaptercloud.adapters.allKinds', 'All kinds')}</option>\n          {(Object.keys(adapterKindLabels) as AdaAdapterKind[]).map((k) => (\n            <option key={k} value={k}>\n              {adapterKindLabels[k]}\n            </option>\n          ))}\n        </select>\n        <select\n          value={status}\n          onChange={(e) => resetTo(setStatus)(e.target.value as AdaAdapterStatus | '')}\n          aria-label={t('adaptercloud.adapters.filterByStatus', 'Filter by status')}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"\">{t('adaptercloud.adapters.allStatuses', 'All statuses')}</option>\n          {(Object.keys(adapterStatusLabels) as AdaAdapterStatus[]).map((s) => (\n            <option key={s} value={s}>\n              {adapterStatusLabels[s]}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={items.length === 0}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.adapters.emptyTitle', 'No adapters yet')}\n        emptyDescription={t(\n          'adaptercloud.adapters.emptyDescription',\n          'Define your first adapter to start bridging a class of system into the fabric.'\n        )}\n        emptyIcon={<Boxes className=\"h-10 w-10\" />}\n        emptyAction={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/adapters/new')}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n          >\n            {t('adaptercloud.adapters.new', 'New adapter')}\n          </button>\n        }\n      >\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((adapter) => (\n            <GlassCard\n              key={adapter.id}\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => navigateTo(`/adapters/${adapter.id}`)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  navigateTo(`/adapters/${adapter.id}`);\n                }\n              }}\n              className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"flex min-w-0 items-center gap-3\">\n                  <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-blue-subtle text-accent-blue\">\n                    {(() => {\n                      const Icon = kindIcons[adapter.kind];\n                      return <Icon className=\"h-5 w-5\" />;\n                    })()}\n                  </span>\n                  <div className=\"min-w-0\">\n                    <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                      {adapter.name}\n                    </h3>\n                    <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{adapter.slug}</p>\n                  </div>\n                </div>\n                <StatusBadge status={adapter.status} />\n              </div>\n\n              <div className=\"mt-3 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5\">\n                  {adapterKindLabels[adapter.kind]}\n                </span>\n                <span>v{adapter.version}</span>\n                {adapter.vendor && <span>· {adapter.vendor}</span>}\n              </div>\n\n              {adapter.description && (\n                <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">\n                  {adapter.description}\n                </p>\n              )}\n\n              {adapter.capabilities.length > 0 && (\n                <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                  {adapter.capabilities.slice(0, 4).map((cap) => (\n                    <span\n                      key={cap}\n                      className=\"inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 text-xs text-accent-blue\"\n                    >\n                      {cap}\n                    </span>\n                  ))}\n                  {adapter.capabilities.length > 4 && (\n                    <span className=\"text-xs text-text-secondary\">\n                      +{adapter.capabilities.length - 4}\n                    </span>\n                  )}\n                </div>\n              )}\n\n              <p className=\"mt-4 text-xs text-text-secondary\">\n                {t('adaptercloud.common.updated', 'Updated')}{' '}\n                {formatRelativeTime(adapter.updatedAt)}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n\n        {/* Pagination */}\n        {(offset > 0 || hasMore) && (\n          <div className=\"mt-6 flex items-center justify-between\">\n            <button\n              type=\"button\"\n              disabled={offset === 0}\n              onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n              {t('adaptercloud.common.prev', 'Previous')}\n            </button>\n            <span className=\"text-sm text-text-secondary\">\n              {t('adaptercloud.common.showing', 'Showing')} {offset + 1}–{offset + items.length}\n            </span>\n            <button\n              type=\"button\"\n              disabled={!hasMore}\n              onClick={() => setOffset((o) => o + PAGE_SIZE)}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              {t('adaptercloud.common.next', 'Next')}\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        )}\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/policies/PolicyDetailPage.js

@@ -159,10 +159,8 @@ function T() {
 						})]
 					}), j.violations && j.violations.length > 0 ? /* @__PURE__ */ S("div", {
 						className: "divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface",
-						children: j.violations.slice(0, 10).map((e) => /* @__PURE__ */ C("button", {
-							type: "button",
-							onClick: () => E(`/violations?policyId=${j.id}`),
-							className: "flex w-full items-start gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50",
+						children: j.violations.slice(0, 10).map((e) => /* @__PURE__ */ C("div", {
+							className: "flex w-full items-start gap-3 px-4 py-3 transition-colors hover:bg-accent/50",
 							children: [
 								/* @__PURE__ */ S(g, { className: "mt-0.5 h-4 w-4 shrink-0 text-status-error-text" }),
 								/* @__PURE__ */ C("div", {
@@ -170,12 +168,27 @@ function T() {
 									children: [/* @__PURE__ */ S("p", {
 										className: "truncate text-sm font-medium text-text-primary",
 										children: e.message
-									}), /* @__PURE__ */ S("p", {
-										className: "mt-0.5 text-xs text-text-secondary",
-										children: d(e.detectedAt)
+									}), /* @__PURE__ */ C("p", {
+										className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-text-secondary",
+										children: [
+											/* @__PURE__ */ S("span", { children: d(e.detectedAt) }),
+											/* @__PURE__ */ S("span", {
+												"aria-hidden": "true",
+												children: "·"
+											}),
+											/* @__PURE__ */ S("button", {
+												type: "button",
+												onClick: () => E(`/resources/${e.resourceId}`),
+												className: "font-medium text-accent-blue hover:underline",
+												children: O("adaptercloud.violations.viewResource", "View resource")
+											})
+										]
 									})]
 								}),
-								/* @__PURE__ */ S(a, { status: e.status })
+								/* @__PURE__ */ C("div", {
+									className: "flex shrink-0 items-center gap-2",
+									children: [/* @__PURE__ */ S(o, { severity: e.severity }), /* @__PURE__ */ S(a, { status: e.status })]
+								})
 							]
 						}, e.id))
 					}) : /* @__PURE__ */ S("p", {