@skyhook-io/k8s-ui 1.18.2 → 1.20.0

package/src/components/resources/ResourcesView.strimzi.test.tsx

@@ -0,0 +1,37 @@
+// @vitest-environment jsdom
+import { act } from 'react'
+import { createRoot } from 'react-dom/client'
+import { VirtuosoMockContext } from 'react-virtuoso'
+import { afterEach, expect, it, vi } from 'vitest'
+import { ResourcesView } from './ResourcesView'
+import { KeyboardShortcutProvider } from '../../hooks/useKeyboardShortcuts'
+import type { APIResource } from '../../types'
+import cases from '../../../../../testdata/strimzi/connector-status.json'
+import { getCellFilterValue } from './resource-utils'
+
+;(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true
+window.matchMedia = vi.fn().mockReturnValue({ matches: false, addEventListener: vi.fn(), removeEventListener: vi.fn() })
+Element.prototype.scrollIntoView = vi.fn()
+let root: ReturnType<typeof createRoot>
+let host: HTMLDivElement
+afterEach(() => { act(() => root?.unmount()); host?.remove(); localStorage.clear() })
+
+it('replaces the native Ready printer column with task-aware snapshot status', async () => {
+  host = document.createElement('div'); document.body.append(host); root = createRoot(host)
+  const kind: APIResource = { group: 'kafka.strimzi.io', version: 'v1', kind: 'KafkaConnector', name: 'kafkaconnectors', namespaced: true, isCrd: true, verbs: ['get', 'list'] }
+  const data = {...cases[1].resource, metadata: {...cases[1].resource.metadata, uid: 'fixture'}}
+  const second = {...data, metadata:{...data.metadata,name:'zzz',uid:'second'},spec:{...data.spec,class:'AConnector'},status:{...data.status,connectorStatus:{...data.status.connectorStatus,tasks:Array.from({length:10},(_,id)=>({id,state:'RUNNING'}))}}}
+  await act(async () => root.render(<VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 48 }}><KeyboardShortcutProvider><ResourcesView printerTable={{kind:kind.name,group:kind.group,columns:[{name:'Ready',type:'string',jsonPath:'.status.conditions[?(@.type=="Ready")].status'}],cells:{fixture:['True']}}} namespaces={['lab']} apiResources={[kind]} resourceCounts={{ KafkaConnector: 2 }} selectedKindQuery={{ isLoading: false, data: [data,second], resourceName: kind.name, group: kind.group }} locationPathname="/resources/kafkaconnectors" locationSearch="?apiGroup=kafka.strimzi.io" onNavigate={() => {}} /></KeyboardShortcutProvider></VirtuosoMockContext.Provider>))
+  const table = host.querySelector('table')!
+  expect(table).not.toBeNull()
+  expect(table.textContent).toContain('Operator Snapshot')
+  expect(table.textContent).toContain('Tasks failed')
+  expect(table.textContent).not.toContain('Ready')
+  const classHeader = [...table.querySelectorAll('th')].find(th=>th.textContent?.trim()==='Class')!
+  act(() => classHeader.click())
+  expect(table.querySelector('tbody tr')?.textContent).toContain('zzz')
+  const tasksHeader = [...table.querySelectorAll('th')].find(th=>th.textContent?.trim()==='Tasks / Max')!
+  act(() => tasksHeader.click())
+  expect(table.querySelector('tbody tr')?.textContent).toContain('connector')
+  expect(getCellFilterValue(data, 'status', 'kafkaconnectors')).toBe('Tasks failed')
+})

package/src/components/resources/ResourcesView.tsx

@@ -1,3 +1,6 @@
+import { CRDVersionsCell } from './renderers/crd-cells'
+import { getCRDColumnValue } from './resource-utils-crd'
+import { getStrimziConnectorColumnValue } from './resource-utils-strimzi'
 import { getOpenTelemetryColumnValue } from './resource-utils-opentelemetry'
 import { getFlaggerColumnValue } from './resource-utils-flagger'
 import type { ResourceCoverage } from '../../types/resource-coverage'
@@ -369,6 +372,7 @@ function phonePinnedLeft(compareMode: boolean | undefined, showCheckbox: boolean
 // Built-in sortable keys. Hoisted so getColumnMinWidth can reserve room for the
 // sort icon without the header render and the width math drifting apart.
 const BUILTIN_SORTABLE_COLUMN_KEYS = new Set([
+  'connectCluster', 'connectorClass', 'connectorTasks',
   'name', 'namespace', 'age', 'status', 'ready', 'restarts', 'type', 'version',
   'desired', 'available', 'upToDate', 'lastSeen', 'count', 'reason', 'object',
   'cpu', 'memory', 'containers',
@@ -579,6 +583,15 @@ const DEFAULT_COLUMNS: Column[] = [
 ]
 
 const KNOWN_COLUMNS: Record<string, Column[]> = {
+  kafkaconnectors: [
+    { key: 'name', label: 'Name', width: 'min-w-40' },
+    { key: 'namespace', label: 'Namespace', width: 'w-40 shrink-0' },
+    { key: 'status', label: 'Operator Snapshot', width: 'w-44 shrink-0', tooltip: 'Operator-reported connector and task state, not a live runtime check.' },
+    { key: 'connectCluster', label: 'KafkaConnect', width: 'min-w-32' },
+    { key: 'connectorClass', label: 'Class', width: 'min-w-48' },
+    { key: 'connectorTasks', label: 'Tasks / Max', width: 'w-28 shrink-0', tooltip: 'Reported tasks / configured maximum. A smaller count is not itself a failure.' },
+    { key: 'age', label: 'Age', width: 'w-24 shrink-0' },
+  ],
   opentelemetrycollectors: [
     { key: 'name', label: 'Name', width: 'min-w-40' },
     { key: 'namespace', label: 'Namespace', width: 'w-40 shrink-0' },
@@ -1009,6 +1022,7 @@ const KNOWN_COLUMNS: Record<string, Column[]> = {
     { key: 'status', label: 'Status', width: 'w-24' },
     { key: 'cohort', label: 'Cohort', width: 'w-32', tooltip: 'Queues in this cohort can share unused quota, subject to borrowing and lending limits' },
     { key: 'pendingWorkloads', label: 'Pending', width: 'w-24', tooltip: 'Workloads in this ClusterQueue waiting for admission, across namespaces; inspect workload status for the blocker' },
+    { key: 'reservingWorkloads', label: 'Reserving', width: 'w-24', tooltip: 'Workloads holding a quota reservation in this ClusterQueue, admitted ones included, so it is not added to Admitted' },
     { key: 'admittedWorkloads', label: 'Admitted', width: 'w-24', tooltip: 'Unfinished workloads admitted through this ClusterQueue, across namespaces; admission does not mean their pods are running' },
     { key: 'flavors', label: 'Flavors', width: 'w-40' },
     { key: 'age', label: 'Age', width: 'w-24' },
@@ -1019,6 +1033,7 @@ const KNOWN_COLUMNS: Record<string, Column[]> = {
     { key: 'status', label: 'Status', width: 'w-24' },
     { key: 'clusterQueue', label: 'Cluster Queue', width: 'w-40' },
     { key: 'pendingWorkloads', label: 'Pending', width: 'w-24', tooltip: 'Workloads submitted to this LocalQueue that are waiting for ClusterQueue admission' },
+    { key: 'reservingWorkloads', label: 'Reserving', width: 'w-24', tooltip: 'Workloads from this LocalQueue holding a quota reservation, admitted ones included, so it is not added to Admitted' },
     { key: 'admittedWorkloads', label: 'Admitted', width: 'w-24', tooltip: 'Unfinished workloads from this LocalQueue admitted to its ClusterQueue; their pods may still be waiting to run' },
     { key: 'age', label: 'Age', width: 'w-24' },
   ],
@@ -1717,6 +1732,14 @@ const KNOWN_COLUMNS: Record<string, Column[]> = {
     { key: 'renewTime', label: 'Last Renewed', width: 'w-32', tooltip: 'Time since the recorded renewal; red means it exceeds leaseDurationSeconds. Check holder health and API connectivity' },
     { key: 'age', label: 'Age', width: 'w-24' },
   ],
+  customresourcedefinitions: [
+    { key: 'name', label: 'Name' },
+    { key: 'kind', label: 'Kind', width: 'w-56' },
+    { key: 'scope', label: 'Scope', width: 'w-32' },
+    { key: 'versions', label: 'Served Versions', width: 'w-64' },
+    { key: 'status', label: 'Status', width: 'w-36' },
+    { key: 'age', label: 'Age', width: 'w-24' },
+  ],
   priorityclasses: [
     { key: 'name', label: 'Name' },
     { key: 'value', label: 'Value', width: 'w-24', tooltip: 'Higher values receive scheduling preference; Pods can still be preempted by Pods with higher priority' },
@@ -2914,6 +2937,7 @@ function isCuratedUnboundedGroup(key: string, group: string): boolean {
  * cannot occupy one. See CORE_API_GROUPS.
  */
 const CURATED_COLUMN_GROUPS: Record<string, readonly string[]> = {
+  kafkaconnectors: ['kafka.strimzi.io'],
   opentelemetrycollectors: ['opentelemetry.io'],
   instrumentations: ['opentelemetry.io'],
   canaries: ['flagger.app'],
@@ -4640,12 +4664,12 @@ export function ResourcesView({
           if (containers.length > 0) {
             openLogs?.({ namespace: ns, podName: name, containers })
           }
-        } else if (['deployments', 'statefulsets', 'daemonsets', 'replicasets', 'workflows', 'cronjobs', 'cronworkflows', 'workflowtemplates', 'clusterworkflowtemplates', 'scaledjobs'].includes(kindLower) || isCoreBatchJob(kindLower, selectedKind.group)) {
+        } else if (['deployments', 'statefulsets', 'daemonsets', 'workflows', 'cronjobs', 'cronworkflows', 'workflowtemplates', 'clusterworkflowtemplates', 'scaledjobs'].includes(kindLower) || isCoreBatchJob(kindLower, selectedKind.group)) {
           openWorkloadLogs?.({ namespace: ns, workloadKind: selectedKind.kind, workloadName: name })
         }
       },
       enabled: highlightedIndex >= 0 && !compareMode && (
-        ['pods', 'deployments', 'statefulsets', 'daemonsets', 'replicasets', 'workflows', 'cronjobs', 'cronworkflows', 'workflowtemplates', 'clusterworkflowtemplates', 'scaledjobs'].includes(selectedKind.name.toLowerCase()) ||
+        ['pods', 'deployments', 'statefulsets', 'daemonsets', 'workflows', 'cronjobs', 'cronworkflows', 'workflowtemplates', 'clusterworkflowtemplates', 'scaledjobs'].includes(selectedKind.name.toLowerCase()) ||
         isCoreBatchJob(selectedKind.name, selectedKind.group)
       ),
     },
@@ -5441,6 +5465,11 @@ export function ResourcesView({
     const meta = resource.metadata || {}
     const status = resource.status || {}
     const kindLower = kind?.toLowerCase() || ''
+    const connectorValue = getStrimziConnectorColumnValue(resource, column)
+    if (connectorValue !== undefined) {
+      if (column === 'connectorTasks') return Array.isArray(resource.status?.connectorStatus?.tasks) ? resource.status.connectorStatus.tasks.length : -1
+      return connectorValue
+    }
     const otelValue = getOpenTelemetryColumnValue(resource, column)
     if (otelValue !== undefined) return otelValue
     const flaggerValue = getFlaggerColumnValue(resource, column)
@@ -7579,6 +7608,11 @@ function CellContent({ resource, kind, column, group, majorityNodeMinorVersion,
     return <KyvernoCleanupPolicyCell resource={resource} column={column} />
   }
 
+  const connectorValue = getStrimziConnectorColumnValue(resource, column)
+  if (connectorValue !== undefined) {
+    if (column === 'status') return <GenericCell resource={resource} column={column} />
+    return <span className="text-sm text-theme-text-secondary break-all">{connectorValue || '-'}</span>
+  }
   if (isApiGroup(resource.apiVersion, 'opentelemetry.io') && ['opentelemetrycollectors', 'instrumentations'].includes(kindLower)) {
     if (column === 'status') return <GenericCell resource={resource} column={column} />
     return <span className="text-sm text-theme-text-secondary break-all">{getOpenTelemetryColumnValue(resource, column) || '-'}</span>
@@ -7703,6 +7737,8 @@ function CellContent({ resource, kind, column, group, majorityNodeMinorVersion,
       return <IngressClassCell resource={resource} column={column} />
     case 'leases':
       return <LeaseCell resource={resource} column={column} />
+    case 'customresourcedefinitions':
+      return isApiGroup(resource.apiVersion, 'apiextensions.k8s.io') ? <CRDCell resource={resource} column={column} /> : <GenericCell resource={resource} column={column} />
     case 'priorityclasses':
       return <PriorityClassCell resource={resource} column={column} />
     case 'runtimeclasses':
@@ -9250,7 +9286,10 @@ function NodeCell({ resource, column, majorityNodeMinorVersion }: { resource: an
     case 'pods': {
       const m = metrics.nodes.get(resource.metadata?.name)
       const allocatable = resource.status?.allocatable?.pods
-      const podCount = m?.podCount ?? 0
+      // No metrics entry means the count wasn't loaded (e.g. node metrics are
+      // off while a namespace is selected), not that the node runs no Pods.
+      if (!m) return <span className="text-sm text-theme-text-tertiary font-mono">-</span>
+      const podCount = m.podCount ?? 0
       if (!allocatable) return <span className="text-sm text-theme-text-tertiary font-mono">{podCount || '-'}</span>
       // Allocatable pods is a Quantity, so a 1000-pod node reports "1k" —
       // a raw-integer read would see 1 and peg the bar at 21600%.
@@ -9912,3 +9951,11 @@ function EventCell({ resource, column }: { resource: any; column: string }) {
       return <span className="text-sm text-theme-text-tertiary">-</span>
   }
 }
+
+function CRDCell({ resource, column }: { resource: any; column: string }) {
+  if (column === 'status') return <GenericCell resource={resource} column={column} />
+  const spec = resource.spec || {}
+  if (column === 'versions') return <CRDVersionsCell versions={spec.versions || []} />
+  const value = getCRDColumnValue(resource, column)
+  return <span className="text-sm text-theme-text-secondary">{value || '-'}</span>
+}

package/src/components/resources/curated-column-ownership.test.ts

@@ -108,8 +108,8 @@ describe('curated column ownership', () => {
   // Brace-counting, not parsing: assert the extraction actually saw the whole
   // table, or a silently-missed key would let the guard above pass vacuously.
   it('extracted every curated key', () => {
-    expect(CURATED.length).toBe(244)
-    expect(OWNED.size).toBe(206)
+    expect(CURATED.length).toBe(246)
+    expect(OWNED.size).toBe(207)
     expect(CURATED).toContain('pods')
     expect(CURATED).toContain('crossplanemanagedresources')
     expect([...OWNED]).toContain('awsmanagedcontrolplanes')
@@ -166,7 +166,7 @@ describe('every declaration resolves', () => {
     .map(m => [m[1], m[2].split(',').map(g => g.trim().replace(/'/g, ''))] as const)
 
   it('covers the whole ownership table', () => {
-    expect(DECLARED.length).toBe(206)
+    expect(DECLARED.length).toBe(207)
   })
 
   it.each(DECLARED)('%s is curated under each group it claims', (key, groups) => {

package/src/components/resources/generic-status.ts

@@ -1,3 +1,5 @@
+import { getCRDStatus } from './resource-utils-crd'
+import { getStrimziConnectorStatus } from './resource-utils-strimzi'
 import { getOpenTelemetryCollectorStatus, getOpenTelemetryInstrumentationStatus } from './resource-utils-opentelemetry'
 import { getFlaggerCanaryStatus } from './resource-utils-flagger'
 import { isApiGroup } from './resource-utils-cnpg'
@@ -91,6 +93,11 @@ function fromCondition(cond: any, polarityKnown: boolean): GenericStatus | null
  * callers render their own placeholder rather than inventing one.
  */
 export function getGenericResourceStatus(resource: any): GenericStatus | null {
+  if (resource?.kind === 'CustomResourceDefinition' && isApiGroup(resource.apiVersion, 'apiextensions.k8s.io')) return getCRDStatus(resource)
+  if (resource?.kind === 'KafkaConnector' && isApiGroup(resource.apiVersion, 'kafka.strimzi.io')) {
+    const native = getStrimziConnectorStatus(resource)
+    return { text: native.text, tone: native.level }
+  }
   if (isApiGroup(resource?.apiVersion, 'opentelemetry.io')) {
     const native = resource.kind === 'OpenTelemetryCollector' ? getOpenTelemetryCollectorStatus(resource)
       : resource.kind === 'Instrumentation' ? getOpenTelemetryInstrumentationStatus(resource) : null

package/src/components/resources/get-pod-phase-display.test.ts

@@ -568,3 +568,73 @@ describe('getPodPhaseDisplay', () => {
     expect(r.level).toBe('healthy')
   })
 })
+
+describe('scheduling-gated pods', () => {
+  const oldTs = '2020-01-01T00:00:00Z'
+  const gated = {
+    metadata: { creationTimestamp: oldTs },
+    spec: { schedulingGates: [{ name: 'kueue.x-k8s.io/admission' }] },
+    status: { phase: 'Pending' },
+  }
+
+  it('getPodStatus reads a gated pod as neutral "Scheduling gated", not an aged Pending warning', () => {
+    const r = getPodStatus(gated)
+    expect(r.level).toBe('neutral')
+    expect(r.text).toBe('Scheduling gated')
+  })
+
+  it('getPodStatus still ages an ungated Pending pod into a degraded warning', () => {
+    const ungated = { metadata: { creationTimestamp: oldTs }, status: { phase: 'Pending' } }
+    expect(getPodStatus(ungated).level).toBe('degraded')
+  })
+
+  it('getPodPhaseDisplay explains the hold and names the gate in its hint', () => {
+    const r = getPodPhaseDisplay(gated)
+    expect(r.level).toBe('neutral')
+    expect(r.text).toContain('Scheduling gated')
+    expect(r.hint).toContain('kueue.x-k8s.io/admission')
+  })
+})
+
+describe('scheduling-gated detection on summary list payloads', () => {
+  // The summary list payload keeps spec.schedulingGates (with an otherwise minimal
+  // spec), so the badge classifies a held pod straight from the authoritative spec
+  // field — no dependency on the scheduler's PodScheduled condition.
+  const summaryGated = {
+    metadata: { creationTimestamp: '2020-01-01T00:00:00Z' },
+    spec: { schedulingGates: [{ name: 'kueue.x-k8s.io/admission' }], containers: [{ name: 'trainer' }] },
+    status: { phase: 'Pending' },
+  }
+
+  it('getPodStatus reads a summary-shaped gated pod as neutral', () => {
+    const r = getPodStatus(summaryGated)
+    expect(r.level).toBe('neutral')
+    expect(r.text).toBe('Scheduling gated')
+  })
+
+  it('a released pod is aged normally even if a stale SchedulingGated condition lingers', () => {
+    // Gates removed (empty spec) but the scheduler has not yet rewritten the
+    // condition: the spec is authoritative, so the pod must age, not read as held.
+    const released = {
+      metadata: { creationTimestamp: '2020-01-01T00:00:00Z' },
+      spec: { containers: [{ name: 'trainer' }] },
+      status: {
+        phase: 'Pending',
+        conditions: [{ type: 'PodScheduled', status: 'False', reason: 'SchedulingGated' }],
+      },
+    }
+    expect(getPodStatus(released).level).toBe('degraded')
+    expect(getPodStatus(released).text).toBe('Pending')
+  })
+
+  it('an Unschedulable condition is NOT treated as scheduling-gated', () => {
+    const unsched = {
+      metadata: { creationTimestamp: '2020-01-01T00:00:00Z' },
+      status: {
+        phase: 'Pending',
+        conditions: [{ type: 'PodScheduled', status: 'False', reason: 'Unschedulable' }],
+      },
+    }
+    expect(getPodStatus(unsched).text).toBe('Unschedulable')
+  })
+})

package/src/components/resources/renderers/ArgoApplicationRenderer.test.tsx

@@ -1,7 +1,60 @@
-import { renderToStaticMarkup } from 'react-dom/server'
 import { describe, expect, it } from 'vitest'
+import { renderToStaticMarkup, renderToString } from 'react-dom/server'
 import { ArgoApplicationRenderer } from './ArgoApplicationRenderer'
 
+// SSR splits interpolated text with <!-- --> markers; strip so assertions read as prose.
+function render(element: Parameters<typeof renderToString>[0]): string {
+  return renderToString(element).replace(/<!-- -->/g, '')
+}
+
+function app(automated: Record<string, unknown> | undefined) {
+  return {
+    metadata: { name: 'guestbook', namespace: 'argocd' },
+    spec: {
+      project: 'default',
+      source: { repoURL: 'https://github.com/argoproj/argocd-example-apps', path: 'guestbook', targetRevision: 'HEAD' },
+      destination: { server: 'https://kubernetes.default.svc', namespace: 'guestbook' },
+      syncPolicy: automated ? { automated } : {},
+    },
+    status: { sync: { status: 'Synced' }, health: { status: 'Healthy' } },
+  }
+}
+
+function automatedSyncBadge(html: string): string | undefined {
+  return html.match(/Automated Sync<\/span>.*?<span class="badge[^"]*">([^<]+)<\/span>/)?.[1]
+}
+
+describe('ArgoApplicationRenderer sync policy', () => {
+  it('reads an automated block as auto-sync on', () => {
+    const html = render(<ArgoApplicationRenderer data={app({ prune: true, selfHeal: true })} />)
+    expect(automatedSyncBadge(html)).toBe('Enabled')
+    expect(html).toContain('Self Heal')
+  })
+
+  // Argo CD 3.x switches automation off in place: the block and its
+  // prune/selfHeal stay, but the controller does not auto-sync.
+  it('reads automated.enabled=false as auto-sync off', () => {
+    const html = render(<ArgoApplicationRenderer data={app({ enabled: false, prune: true, selfHeal: true })} />)
+    expect(automatedSyncBadge(html)).toBe('Disabled')
+    expect(html).not.toContain('Self Heal')
+  })
+
+  it('reads a missing automated block as auto-sync off', () => {
+    const html = render(<ArgoApplicationRenderer data={app(undefined)} />)
+    expect(automatedSyncBadge(html)).toBe('Disabled')
+  })
+})
+
+// ManagedResourcesList appends the count to its title itself.
+describe('ArgoApplicationRenderer managed resources', () => {
+  it('shows the count once', () => {
+    const data = app(undefined)
+    const html = render(<ArgoApplicationRenderer data={{ ...data, status: { ...data.status, resources: [{ kind: 'Service', name: 'guestbook-ui', namespace: 'guestbook', status: 'Synced' }] } }} />)
+    expect(html).toContain('Managed Resources (1)')
+    expect(html).not.toContain('(1) (1)')
+  })
+})
+
 describe('Argo Helm value files', () => {
   it.each([true, false, undefined])('shows missing-file behavior for single and multiple sources: %s', optional => {
     const source = { chart: 'cluster', repoURL: 'https://cloudnative-pg.github.io/charts', helm: { valueFiles: ['values.yaml', 'overrides.yaml'], ignoreMissingValueFiles: optional } }

package/src/components/resources/renderers/ArgoApplicationRenderer.tsx

@@ -1,6 +1,7 @@
 import { GitBranch, FolderTree, Settings, Target, XCircle, History, ListChecks, ExternalLink } from 'lucide-react'
 import { clsx } from 'clsx'
 import { Section, PropertyList, Property, ConditionsSection, ProblemAlerts } from '../../ui/drawer-components'
+import { isArgoAutoSyncEnabled } from '../resource-utils-argo'
 import { GitOpsStatusBadge, ManagedResourcesList, SyncCountdown } from '../../gitops'
 import {
   argoStatusToGitOpsStatus,
@@ -157,6 +158,7 @@ export function ArgoApplicationRenderer({ data, onTerminate, isTerminating }: Ar
   const isMultiSource = Array.isArray(spec.sources) && spec.sources.length > 0
   const destination = spec.destination || {}
   const syncPolicy = spec.syncPolicy || {}
+  const autoSyncEnabled = isArgoAutoSyncEnabled(data)
   const operationState = status.operationState
 
   // Check if sync is in progress
@@ -192,7 +194,7 @@ export function ArgoApplicationRenderer({ data, onTerminate, isTerminating }: Ar
           </div>
 
           {/* Sync countdown (only if automated sync is enabled) */}
-          {syncPolicy.automated && (
+          {autoSyncEnabled && (
             <SyncCountdown
               interval="5m" // ArgoCD default
               lastSyncTime={status.reconciledAt}
@@ -241,14 +243,14 @@ export function ArgoApplicationRenderer({ data, onTerminate, isTerminating }: Ar
               <span
                 className={clsx(
                   'badge',
-                  syncPolicy.automated ? 'status-green' : BADGE_INACTIVE
+                  autoSyncEnabled ? 'status-green' : BADGE_INACTIVE
                 )}
               >
-                {syncPolicy.automated ? 'Enabled' : 'Disabled'}
+                {autoSyncEnabled ? 'Enabled' : 'Disabled'}
               </span>
             }
           />
-          {syncPolicy.automated && (
+          {autoSyncEnabled && (
             <>
               <Property
                 label="Self Heal"
@@ -374,10 +376,7 @@ export function ArgoApplicationRenderer({ data, onTerminate, isTerminating }: Ar
 
       {/* Managed Resources */}
       {managedResources.length > 0 && (
-        <ManagedResourcesList
-          resources={managedResources}
-          title={`Managed Resources (${managedResources.length})`}
-        />
+        <ManagedResourcesList resources={managedResources} />
       )}
 
       {/* Revision History */}

package/src/components/resources/renderers/CRDSchemaBrowser.test.tsx

@@ -0,0 +1,105 @@
+// @vitest-environment jsdom
+import { act } from 'react'
+import { createRoot } from 'react-dom/client'
+import { afterEach, expect, it, vi } from 'vitest'
+import { CRDSchemaBrowser } from './CRDSchemaBrowser'
+import { resourceToYaml } from '../../../utils/yaml'
+
+vi.mock('../../ui/CodeViewer', () => ({ CodeViewer: (props: any) => <pre data-theme={props.theme} data-language={props.language} data-copy={props.showCopyButton}>{props.code}</pre> }))
+;(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true
+window.matchMedia = vi.fn().mockReturnValue({ matches: false, addEventListener: vi.fn(), removeEventListener: vi.fn() })
+let root: ReturnType<typeof createRoot>
+let host: HTMLDivElement
+const schema = { type: 'object', 'x-kubernetes-validations': [{ rule: 'has(self.spec)', message: 'Spec is required' }], properties: { spec: {
+  type: 'object', description: 'Settings', required: ['name'], 'x-kubernetes-validations': [{ rule: 'self.name != ""', message: 'Choose a name' }], properties: {
+    name: { type: 'string', description: 'A display name', minLength: 1, 'x-kubernetes-validations': [{ rule: 'self != "bad"', message: 'Use a good name' }] },
+    ports: { type: 'array', items: { properties: { port: { type: 'integer', minimum: 1 } } } },
+  },
+} } }
+const data = { metadata: { uid: 'a', name: 'widgets.example.io' }, spec: { names: { kind: 'Widget' }, versions: [
+  { name: 'v1', served: true, schema: { openAPIV3Schema: schema } },
+  { name: 'v1beta1', served: true, schema: { openAPIV3Schema: { properties: { spec: { properties: { name: { type: 'integer' } } } } } } },
+  { name: 'v1alpha1', served: true, schema: { openAPIV3Schema: { properties: { other: { type: 'boolean' } } } } },
+  { name: 'v2', served: false },
+] } }
+afterEach(() => { act(() => root?.unmount()); host?.remove() })
+function mount(resource = data, onCopy?: (text: string) => void) {
+  if (!host?.isConnected) { host = document.createElement('div'); document.body.append(host); root = createRoot(host) }
+  act(() => root.render(<CRDSchemaBrowser data={resource} theme="light" onCopy={onCopy} />))
+}
+function click(text: string, within: Element = host) {
+  const button = Array.from(within.querySelectorAll('button')).find(b => b.textContent === text || b.getAttribute('aria-label') === text)
+  expect(button, text).toBeDefined(); act(() => button!.click())
+}
+function filter(value: string) {
+  const input = host.querySelector('input')!
+  act(() => { Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')!.set!.call(input, value); input.dispatchEvent(new Event('input', { bubbles: true })) })
+}
+function version(name: string) {
+  act(() => host.querySelector<HTMLButtonElement>('button[aria-haspopup="listbox"]')!.click())
+  const option = Array.from(document.querySelectorAll<HTMLButtonElement>('[role="option"]')).find(b => b.textContent?.startsWith(name))!
+  act(() => option.click())
+}
+const detail = () => host.querySelector('[aria-label="Schema field detail"]')!
+const outline = () => host.querySelector('[aria-label="Schema outline"]')!
+
+it('selects independently of expansion, shows facts and parent rules, and follows child fields', () => {
+  const copy = vi.fn(); mount(data, copy)
+  expect(detail().textContent).toContain('Select a field')
+  expect(outline().textContent).not.toContain('ports')
+  click('specobject', outline())
+  expect(detail().textContent).toContain('Settings')
+  expect(detail().textContent).toContain('Choose a name')
+  expect(detail().textContent).toContain('Spec is required')
+  expect(outline().textContent).not.toContain('ports')
+  click('namestringrequired', detail())
+  expect(detail().textContent).toContain('spec.name')
+  expect(detail().textContent).toContain('minLength: 1')
+  expect(detail().textContent).toContain('Use a good name')
+  expect(detail().textContent).toContain('Rules on parent fields')
+  expect(detail().textContent).toContain('Choose a name')
+  click('Copy field path', detail()); expect(copy).toHaveBeenCalledWith('spec.name')
+  click('Expand spec', outline())
+  expect(outline().querySelector('[aria-current="true"]')?.textContent).toContain('name')
+})
+it('filters pasted paths, selects results and highlights only direct matches', () => {
+  mount(); filter('spec.ports[0].port')
+  expect(host.textContent).toContain('1 matching field')
+  expect(outline().querySelector('mark')).toBeNull()
+  click('spec.ports[].portinteger', outline())
+  expect(detail().textContent).toContain('spec.ports[].port')
+  expect(detail().textContent).toContain('minimum: 1')
+  filter('PORTS[]')
+  expect(outline().querySelector('mark')?.textContent).toBe('ports[]')
+  click('Clear field filter'); expect(host.querySelector('input')?.value).toBe('')
+})
+it('retains selection across versions only while the path exists, and resets on another CRD', () => {
+  mount(); filter('spec.name'); click('spec.namestringrequired', outline())
+  version('v1beta1')
+  expect(detail().textContent).toContain('spec.name')
+  expect(detail().textContent).toContain('integer')
+  expect(host.querySelector('input')?.value).toBe('spec.name')
+  version('v1alpha1'); expect(detail().textContent).toContain('Select a field')
+  version('v1'); expect(detail().textContent).toContain('Select a field')
+  click('Raw'); mount({ ...data, metadata: { ...data.metadata, uid: 'b' } })
+  expect(host.querySelector('input')?.value).toBe('')
+  expect(host.querySelector('button[aria-pressed="true"]')?.textContent).toBe('Fields')
+  expect(detail().textContent).toContain('Select a field')
+})
+it('shows the version schema as YAML with the existing raw viewer and honest missing-schema copy', () => {
+  mount(); click('Raw')
+  expect(host.querySelector('input[aria-label="Filter fields"]')).toBeNull()
+  const raw = host.querySelector('pre')!
+  expect(raw.textContent).toBe(resourceToYaml(schema))
+  expect(raw.dataset).toMatchObject({ theme: 'light', language: 'yaml', copy: 'true' })
+  version('v2')
+  expect(host.textContent).toContain("Radar didn't receive a schema for this version")
+  expect(host.querySelector('pre')).toBeNull()
+})
+it('copies a path through the clipboard and handles clipboard rejection', async () => {
+  const writeText = vi.fn().mockRejectedValue(new Error('denied'))
+  Object.defineProperty(navigator, 'clipboard', { configurable: true, value: { writeText } })
+  mount(); click('specobject', outline())
+  await act(async () => click('Copy field path', detail()))
+  expect(writeText).toHaveBeenCalledWith('spec')
+})