@skyhook-io/k8s-ui 1.0.0

package/src/components/resources/renderers/traefik-cells.tsx

@@ -0,0 +1,120 @@
+// Traefik cell components for ResourcesView table
+
+import { Shield } from 'lucide-react'
+import { Tooltip } from '../../ui/Tooltip'
+import {
+  getIngressRouteEntryPoints,
+  getIngressRouteHosts,
+  getIngressRouteRoutesSummary,
+  hasIngressRouteTLS,
+  getIngressRouteMiddlewareCount,
+  getMiddlewareType,
+  getTraefikServiceType,
+  getTraefikServiceTargets,
+  getServersTransportInsecure,
+  getServersTransportServerName,
+  getTLSOptionMinVersion,
+} from '../resource-utils-traefik'
+
+export function IngressRouteCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'entrypoints': {
+      const eps = getIngressRouteEntryPoints(resource)
+      return <span className="text-sm text-theme-text-secondary">{eps}</span>
+    }
+    case 'hosts': {
+      const hosts = getIngressRouteHosts(resource)
+      return (
+        <Tooltip content={hosts}>
+          <span className="text-sm text-theme-text-secondary truncate">{hosts}</span>
+        </Tooltip>
+      )
+    }
+    case 'routes': {
+      const summary = getIngressRouteRoutesSummary(resource)
+      return (
+        <Tooltip content={summary}>
+          <span className="text-sm text-theme-text-secondary truncate">{summary}</span>
+        </Tooltip>
+      )
+    }
+    case 'tls': {
+      const hasTLS = hasIngressRouteTLS(resource)
+      return hasTLS ? (
+        <Tooltip content="TLS Enabled">
+          <span>
+            <Shield className="w-4 h-4 text-green-400" />
+          </span>
+        </Tooltip>
+      ) : (
+        <span className="text-sm text-theme-text-tertiary">-</span>
+      )
+    }
+    case 'middlewares': {
+      const count = getIngressRouteMiddlewareCount(resource)
+      return <span className="text-sm text-theme-text-secondary">{count > 0 ? count : '-'}</span>
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function MiddlewareCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'type': {
+      const type = getMiddlewareType(resource)
+      return <span className="text-sm text-theme-text-secondary">{type}</span>
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function TraefikServiceCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'type': {
+      const type = getTraefikServiceType(resource)
+      return <span className="text-sm text-theme-text-secondary">{type}</span>
+    }
+    case 'targets': {
+      const targets = getTraefikServiceTargets(resource)
+      return (
+        <Tooltip content={targets}>
+          <span className="text-sm text-theme-text-secondary truncate">{targets}</span>
+        </Tooltip>
+      )
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function ServersTransportCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'insecure': {
+      const insecure = getServersTransportInsecure(resource)
+      return (
+        <span className={`text-sm ${insecure ? 'text-yellow-400' : 'text-theme-text-secondary'}`}>
+          {insecure ? 'Yes' : 'No'}
+        </span>
+      )
+    }
+    case 'serverName': {
+      const name = getServersTransportServerName(resource)
+      return <span className="text-sm text-theme-text-secondary truncate">{name || '-'}</span>
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function TLSOptionCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'minVersion': {
+      const v = getTLSOptionMinVersion(resource)
+      return <span className="text-sm text-theme-text-secondary">{v || '-'}</span>
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}

package/src/components/resources/renderers/trivy-cells.tsx

@@ -0,0 +1,153 @@
+// Trivy Operator cell components for ResourcesView table — extracted from ResourcesView.tsx
+
+import { clsx } from 'clsx'
+import { Tooltip } from '../../ui/Tooltip'
+import {
+  getVulnerabilityReportSummary,
+  getVulnerabilityReportContainer,
+  getVulnerabilityReportImage,
+  getConfigAuditReportSummary,
+  getConfigAuditReportStatus,
+  getExposedSecretReportSummary,
+  getExposedSecretReportContainer,
+  getExposedSecretReportImage,
+  getRbacAssessmentReportSummary,
+  getRbacAssessmentReportStatus,
+  getClusterComplianceReportStatus,
+  getSbomReportStatus,
+  getSbomReportContainer,
+} from '../resource-utils'
+
+// Shared severity count cell
+export function TrivySeverityCell({ summary, column }: { summary: { critical: number; high: number; medium: number; low: number }; column: string }) {
+  switch (column) {
+    case 'critical':
+      return <span className={clsx('text-sm font-medium', summary.critical > 0 ? 'text-red-400' : 'text-theme-text-tertiary')}>{summary.critical}</span>
+    case 'high':
+      return <span className={clsx('text-sm font-medium', summary.high > 0 ? 'text-orange-400' : 'text-theme-text-tertiary')}>{summary.high}</span>
+    case 'medium':
+      return <span className={clsx('text-sm font-medium', summary.medium > 0 ? 'text-yellow-400' : 'text-theme-text-tertiary')}>{summary.medium}</span>
+    case 'low':
+      return <span className={clsx('text-sm font-medium', summary.low > 0 ? 'text-blue-400' : 'text-theme-text-tertiary')}>{summary.low}</span>
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function VulnerabilityReportCell({ resource, column }: { resource: any; column: string }) {
+  const summary = getVulnerabilityReportSummary(resource)
+  if (['critical', 'high', 'medium', 'low'].includes(column)) return <TrivySeverityCell summary={summary} column={column} />
+  switch (column) {
+    case 'container':
+      return <span className="text-sm text-theme-text-secondary">{getVulnerabilityReportContainer(resource)}</span>
+    case 'image': {
+      const image = getVulnerabilityReportImage(resource)
+      return (
+        <Tooltip content={image}>
+          <span className="text-sm text-theme-text-secondary truncate block">{image}</span>
+        </Tooltip>
+      )
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function ConfigAuditReportCell({ resource, column }: { resource: any; column: string }) {
+  const summary = getConfigAuditReportSummary(resource)
+  if (['critical', 'high', 'medium', 'low'].includes(column)) return <TrivySeverityCell summary={summary} column={column} />
+  switch (column) {
+    case 'status': {
+      const status = getConfigAuditReportStatus(resource)
+      return (
+        <span className={clsx('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', status.color)}>
+          {status.text}
+        </span>
+      )
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function ExposedSecretReportCell({ resource, column }: { resource: any; column: string }) {
+  const summary = getExposedSecretReportSummary(resource)
+  if (['critical', 'high', 'medium', 'low'].includes(column)) return <TrivySeverityCell summary={summary} column={column} />
+  switch (column) {
+    case 'container':
+      return <span className="text-sm text-theme-text-secondary">{getExposedSecretReportContainer(resource)}</span>
+    case 'image': {
+      const image = getExposedSecretReportImage(resource)
+      return (
+        <Tooltip content={image}>
+          <span className="text-sm text-theme-text-secondary truncate block">{image}</span>
+        </Tooltip>
+      )
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function RbacAssessmentReportCell({ resource, column }: { resource: any; column: string }) {
+  const summary = getRbacAssessmentReportSummary(resource)
+  if (['critical', 'high', 'medium', 'low'].includes(column)) return <TrivySeverityCell summary={summary} column={column} />
+  switch (column) {
+    case 'status': {
+      const status = getRbacAssessmentReportStatus(resource)
+      return (
+        <span className={clsx('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', status.color)}>
+          {status.text}
+        </span>
+      )
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function ClusterComplianceReportCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'title':
+      return <span className="text-sm text-theme-text-secondary truncate block">{resource.spec?.compliance?.title || '-'}</span>
+    case 'status': {
+      const status = getClusterComplianceReportStatus(resource)
+      return (
+        <span className={clsx('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', status.color)}>
+          {status.text}
+        </span>
+      )
+    }
+    case 'pass': {
+      const count = resource.status?.summary?.passCount ?? null
+      return <span className={clsx('text-sm font-medium', count != null && count > 0 ? 'text-green-400' : 'text-theme-text-tertiary')}>{count != null ? count : '-'}</span>
+    }
+    case 'fail': {
+      const count = resource.status?.summary?.failCount ?? null
+      return <span className={clsx('text-sm font-medium', count != null && count > 0 ? 'text-red-400' : 'text-theme-text-tertiary')}>{count != null ? count : '-'}</span>
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function SbomReportCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'container':
+      return <span className="text-sm text-theme-text-secondary">{getSbomReportContainer(resource)}</span>
+    case 'components': {
+      const count = resource.report?.summary?.componentsCount ?? null
+      return <span className="text-sm text-theme-text-secondary">{count != null ? count : '-'}</span>
+    }
+    case 'status': {
+      const status = getSbomReportStatus(resource)
+      return (
+        <span className={clsx('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', status.color)}>
+          {status.text}
+        </span>
+      )
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}

package/src/components/resources/renderers/trivy-shared.tsx

@@ -0,0 +1,67 @@
+import { AlertBanner } from '../../ui/drawer-components'
+
+// Shared severity color maps for all Trivy report renderers
+
+export const SEVERITY_BADGE_COLORS: Record<string, string> = {
+  CRITICAL: 'bg-red-500/20 text-red-400',
+  HIGH: 'bg-orange-500/20 text-orange-400',
+  MEDIUM: 'bg-yellow-500/20 text-yellow-400',
+  LOW: 'bg-blue-500/20 text-blue-400',
+  UNKNOWN: 'bg-gray-500/20 text-gray-400',
+}
+
+export const SEVERITY_BAR_COLORS: Record<string, string> = {
+  CRITICAL: 'bg-red-500',
+  HIGH: 'bg-orange-500',
+  MEDIUM: 'bg-yellow-500',
+  LOW: 'bg-blue-500',
+  UNKNOWN: 'bg-gray-500',
+}
+
+export const SEVERITY_TEXT_COLORS: Record<string, string> = {
+  CRITICAL: 'text-red-400',
+  HIGH: 'text-orange-400',
+  MEDIUM: 'text-yellow-400',
+  LOW: 'text-blue-400',
+  UNKNOWN: 'text-gray-400',
+}
+
+export const SEVERITY_ORDER: Record<string, number> = {
+  CRITICAL: 0,
+  HIGH: 1,
+  MEDIUM: 2,
+  LOW: 3,
+  UNKNOWN: 4,
+}
+
+/** Build a full image string from a Trivy report's artifact and registry fields. */
+export function formatTrivyImage(report: any): string {
+  const artifact = report.artifact || {}
+  const registry = report.registry?.server || ''
+  if (!artifact.repository) return '-'
+  const repo = registry ? `${registry}/${artifact.repository}` : artifact.repository
+  return artifact.tag ? `${repo}:${artifact.tag}` : repo
+}
+
+// Reusable alert banner shown at top of Trivy report renderers
+export function TrivyAlertBanner({ critical, high, noun }: { critical: number; high: number; noun: string }) {
+  if (critical > 0) {
+    return (
+      <AlertBanner
+        variant="error"
+        title={`${critical} critical ${noun}${critical !== 1 ? 's' : ''}`}
+        message="Critical issues should be addressed immediately."
+      />
+    )
+  }
+  if (high > 0) {
+    return (
+      <AlertBanner
+        variant="warning"
+        title={`${high} high-severity ${noun}${high !== 1 ? 's' : ''}`}
+        message="Consider addressing these issues to improve security posture."
+      />
+    )
+  }
+  return null
+}

package/src/components/resources/renderers/velero-cells.tsx

@@ -0,0 +1,164 @@
+// Velero cell components for ResourcesView table
+
+import { clsx } from 'clsx'
+import {
+  getBackupStatus,
+  getBackupStorageLocation,
+  getBackupIncludedNamespaces,
+  getBackupDuration,
+  getBackupExpiry,
+  getBackupErrors,
+  getBackupWarnings,
+  getRestoreStatus,
+  getRestoreBackupName,
+  getRestoreIncludedNamespaces,
+  getRestoreDuration,
+  getRestoreErrors,
+  getScheduleStatus,
+  getScheduleCron,
+  getScheduleLastBackup,
+  getSchedulePaused,
+  getBSLStatus,
+  getBSLProvider,
+  getBSLBucket,
+  getBSLDefault,
+  getBSLLastValidation,
+} from '../resource-utils-velero'
+
+export function BackupCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'status': {
+      const status = getBackupStatus(resource)
+      return (
+        <span className={clsx('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', status.color)}>
+          {status.text}
+        </span>
+      )
+    }
+    case 'storageLocation': {
+      const loc = getBackupStorageLocation(resource)
+      return <span className="text-sm text-theme-text-secondary truncate block">{loc}</span>
+    }
+    case 'namespaces': {
+      const ns = getBackupIncludedNamespaces(resource)
+      return <span className="text-sm text-theme-text-secondary">{ns.length > 0 ? ns.length : '*'}</span>
+    }
+    case 'duration': {
+      const dur = getBackupDuration(resource)
+      return <span className="text-sm text-theme-text-secondary">{dur}</span>
+    }
+    case 'expiry': {
+      const exp = getBackupExpiry(resource)
+      const isExpired = exp === 'Expired'
+      return <span className={clsx('text-sm', isExpired ? 'text-red-400' : 'text-theme-text-secondary')}>{exp}</span>
+    }
+    case 'errors': {
+      const errors = getBackupErrors(resource)
+      const warnings = getBackupWarnings(resource)
+      if (errors === 0 && warnings === 0) {
+        return <span className="text-sm text-theme-text-tertiary">-</span>
+      }
+      return (
+        <span className="text-sm">
+          {errors > 0 && <span className="text-red-400">{errors}E</span>}
+          {errors > 0 && warnings > 0 && <span className="text-theme-text-tertiary"> / </span>}
+          {warnings > 0 && <span className="text-yellow-400">{warnings}W</span>}
+        </span>
+      )
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function RestoreCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'status': {
+      const status = getRestoreStatus(resource)
+      return (
+        <span className={clsx('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', status.color)}>
+          {status.text}
+        </span>
+      )
+    }
+    case 'backupName': {
+      const name = getRestoreBackupName(resource)
+      return <span className="text-sm text-theme-text-secondary truncate block">{name}</span>
+    }
+    case 'namespaces': {
+      const ns = getRestoreIncludedNamespaces(resource)
+      return <span className="text-sm text-theme-text-secondary">{ns.length > 0 ? ns.length : '*'}</span>
+    }
+    case 'duration': {
+      const dur = getRestoreDuration(resource)
+      return <span className="text-sm text-theme-text-secondary">{dur}</span>
+    }
+    case 'errors': {
+      const errors = getRestoreErrors(resource)
+      if (errors === 0) {
+        return <span className="text-sm text-theme-text-tertiary">-</span>
+      }
+      return <span className="text-sm text-red-400">{errors}</span>
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function ScheduleCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'status': {
+      const status = getScheduleStatus(resource)
+      return (
+        <span className={clsx('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', status.color)}>
+          {status.text}
+        </span>
+      )
+    }
+    case 'schedule': {
+      const cron = getScheduleCron(resource)
+      return <span className="text-sm text-theme-text-secondary font-mono">{cron}</span>
+    }
+    case 'lastBackup': {
+      const last = getScheduleLastBackup(resource)
+      return <span className="text-sm text-theme-text-secondary">{last}</span>
+    }
+    case 'paused': {
+      const paused = getSchedulePaused(resource)
+      return <span className={clsx('text-sm', paused ? 'text-yellow-400' : 'text-theme-text-tertiary')}>{paused ? 'Yes' : '-'}</span>
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}
+
+export function BackupStorageLocationCell({ resource, column }: { resource: any; column: string }) {
+  switch (column) {
+    case 'status': {
+      const status = getBSLStatus(resource)
+      return (
+        <span className={clsx('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', status.color)}>
+          {status.text}
+        </span>
+      )
+    }
+    case 'provider': {
+      const provider = getBSLProvider(resource)
+      return <span className="text-sm text-theme-text-secondary">{provider}</span>
+    }
+    case 'bucket': {
+      const bucket = getBSLBucket(resource)
+      return <span className="text-sm text-theme-text-secondary truncate block">{bucket}</span>
+    }
+    case 'default': {
+      const isDefault = getBSLDefault(resource)
+      return <span className={clsx('text-sm', isDefault ? 'text-blue-400' : 'text-theme-text-tertiary')}>{isDefault ? 'Yes' : '-'}</span>
+    }
+    case 'lastValidation': {
+      const lastVal = getBSLLastValidation(resource)
+      return <span className="text-sm text-theme-text-secondary">{lastVal}</span>
+    }
+    default:
+      return <span className="text-sm text-theme-text-tertiary">-</span>
+  }
+}

package/src/components/resources/resource-utils-argo.ts

@@ -0,0 +1,155 @@
+// ArgoCD CRD utility functions — extracted from resource-utils.ts
+
+import type { StatusBadge } from './resource-utils'
+import { healthColors } from './resource-utils'
+
+// ============================================================================
+// ARGOCD STATUS UTILITIES
+// ============================================================================
+
+export function getArgoApplicationStatus(app: any): StatusBadge {
+  const health = app.status?.health?.status
+  const sync = app.status?.sync?.status
+  const opPhase = app.status?.operationState?.phase
+
+  // Check for suspended (no automated sync policy)
+  const hasAutomatedSync = !!app.spec?.syncPolicy?.automated
+  if (health === 'Suspended' || (!hasAutomatedSync && app.metadata?.annotations?.['radar.skyhook.io/suspended-prune'])) {
+    return { text: 'Suspended', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  // Operation in progress
+  if (opPhase === 'Running') {
+    return { text: 'Syncing', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  // Failed operation
+  if (opPhase === 'Failed' || opPhase === 'Error') {
+    return { text: 'Failed', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+
+  // Health-based status
+  if (health === 'Healthy' && sync === 'Synced') {
+    return { text: 'Healthy', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (health === 'Degraded') {
+    return { text: 'Degraded', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  if (health === 'Progressing') {
+    return { text: 'Progressing', color: healthColors.degraded, level: 'degraded' }
+  }
+  if (health === 'Missing') {
+    return { text: 'Missing', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+
+  // Sync-based status
+  if (sync === 'OutOfSync') {
+    return { text: 'OutOfSync', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  return { text: health || sync || 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+// ============================================================================
+// ARGOCD TABLE CELL UTILITIES
+// ============================================================================
+
+export function getArgoApplicationProject(app: any): string {
+  return app.spec?.project || 'default'
+}
+
+export function getArgoApplicationSync(app: any): { status: string; color: string } {
+  const sync = app.status?.sync?.status
+  switch (sync) {
+    case 'Synced':
+      return { status: 'Synced', color: healthColors.healthy }
+    case 'OutOfSync':
+      return { status: 'OutOfSync', color: healthColors.degraded }
+    default:
+      return { status: sync || 'Unknown', color: healthColors.unknown }
+  }
+}
+
+export function getArgoApplicationHealth(app: any): { status: string; color: string } {
+  const health = app.status?.health?.status
+  switch (health) {
+    case 'Healthy':
+      return { status: 'Healthy', color: healthColors.healthy }
+    case 'Progressing':
+      return { status: 'Progressing', color: healthColors.degraded }
+    case 'Degraded':
+      return { status: 'Degraded', color: healthColors.unhealthy }
+    case 'Suspended':
+      return { status: 'Suspended', color: healthColors.degraded }
+    case 'Missing':
+      return { status: 'Missing', color: healthColors.unhealthy }
+    default:
+      return { status: health || 'Unknown', color: healthColors.unknown }
+  }
+}
+
+export function getArgoApplicationRepo(app: any): string {
+  // Can be source (single) or sources (multi-source)
+  const source = app.spec?.source || app.spec?.sources?.[0]
+  if (!source?.repoURL) return '-'
+  // Shorten the URL for display
+  const url = source.repoURL
+  try {
+    const parsed = new URL(url)
+    return parsed.pathname.replace(/^\//, '').replace(/\.git$/, '')
+  } catch {
+    return url
+  }
+}
+
+export function getArgoApplicationSetGenerators(appSet: any): string {
+  const generators = appSet.spec?.generators || []
+  if (generators.length === 0) return '-'
+  // Get the type of each generator
+  const types = generators.map((g: any) => {
+    const keys = Object.keys(g)
+    return keys[0] || 'unknown'
+  })
+  return types.join(', ')
+}
+
+export function getArgoApplicationSetTemplate(appSet: any): string {
+  const template = appSet.spec?.template?.metadata?.name
+  return template || '-'
+}
+
+export function getArgoApplicationSetAppCount(appSet: any): number {
+  return appSet.status?.conditions?.find((c: any) => c.type === 'ResourcesUpToDate')
+    ? appSet.status?.applicationStatus?.length || 0
+    : 0
+}
+
+export function getArgoApplicationSetStatus(appSet: any): StatusBadge {
+  const conditions = appSet.status?.conditions || []
+  const errorCondition = conditions.find((c: any) => c.type === 'ErrorOccurred' && c.status === 'True')
+  if (errorCondition) {
+    return { text: 'Error', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  const resourcesUpToDate = conditions.find((c: any) => c.type === 'ResourcesUpToDate')
+  if (resourcesUpToDate?.status === 'True') {
+    return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  }
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getArgoAppProjectDescription(project: any): string {
+  return project.spec?.description || '-'
+}
+
+export function getArgoAppProjectDestinations(project: any): number {
+  const destinations = project.spec?.destinations || []
+  // '*' means all, count as 1
+  if (destinations.some((d: any) => d.server === '*' && d.namespace === '*')) return Infinity
+  return destinations.length
+}
+
+export function getArgoAppProjectSources(project: any): number {
+  const sources = project.spec?.sourceRepos || []
+  if (sources.includes('*')) return Infinity
+  return sources.length
+}