@skyhook-io/k8s-ui 1.17.0 → 1.17.1

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(239)
-    expect(OWNED.size).toBe(201)
+    expect(CURATED.length).toBe(240)
+    expect(OWNED.size).toBe(202)
     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(201)
+    expect(DECLARED.length).toBe(202)
   })
 
   it.each(DECLARED)('%s is curated under each group it claims', (key, groups) => {

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

@@ -0,0 +1,286 @@
+// @vitest-environment jsdom
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+import { renderToStaticMarkup } from "react-dom/server";
+import { expect, it, vi } from "vitest";
+import { HPARenderer } from "./HPARenderer";
+import { VPARenderer } from "./VPARenderer";
+import { KedaScaledObjectRenderer } from "./KedaScaledObjectRenderer";
+import {
+  initNavigationMap,
+  resetNavigationMap,
+} from "../../../utils/navigation";
+Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });
+
+it.each(["HPA", "VPA"])(
+  "retains a %s custom scale target API group",
+  async (kind) => {
+    initNavigationMap([
+      {
+        group: "custom.example.io",
+        version: "v1",
+        kind: "Deployment",
+        name: "deployments",
+        namespaced: true,
+        isCrd: true,
+        verbs: ["get"],
+      },
+    ]);
+    const element = document.createElement("div");
+    const root = createRoot(element);
+    const onNavigate = vi.fn();
+    const target = {
+      apiVersion: "custom.example.io/v1",
+      kind: "Deployment",
+      name: "same-name",
+    };
+    const data = {
+      metadata: { namespace: "team" },
+      spec: kind === "HPA" ? { scaleTargetRef: target } : { targetRef: target },
+    };
+    try {
+      await act(async () =>
+        root.render(
+          kind === "HPA" ? (
+            <HPARenderer data={data} onNavigate={onNavigate} />
+          ) : (
+            <VPARenderer data={data} onNavigate={onNavigate} />
+          ),
+        ),
+      );
+      const button = [...element.querySelectorAll("button")].find(
+        (b) => b.textContent === "Deployment/same-name",
+      );
+      expect(button).toBeDefined();
+      expect([...element.querySelectorAll("button")].filter(b => b.textContent?.startsWith("Deployment/same-name"))).toHaveLength(1);
+      await act(async () => button!.click());
+      expect(onNavigate).toHaveBeenCalledWith({
+        kind: "Deployment",
+        namespace: "team",
+        name: "same-name",
+        group: "custom.example.io",
+      });
+    } finally {
+      await act(async () => root.unmount());
+      resetNavigationMap();
+    }
+  },
+);
+
+it.each(["v1", "", undefined])("keeps Object metric resources separate from the scale target and measures its own Namespace (apiVersion %s)", async (namespaceAPIVersion) => {
+  const element = document.createElement("div");
+  const root = createRoot(element);
+  const onNavigate = vi.fn();
+  const data = {
+    metadata: { namespace: "team" },
+    spec: {
+      scaleTargetRef: {
+        apiVersion: "apps/v1",
+        kind: "Deployment",
+        name: "workload",
+      },
+      metrics: [
+        {
+          type: "Object",
+          object: {
+            metric: { name: "requests" },
+            describedObject: {
+              apiVersion: "networking.k8s.io/v1",
+              kind: "Ingress",
+              name: "frontend",
+            },
+          },
+        },
+        {
+          type: "Object",
+          object: {
+            metric: { name: "queue" },
+            describedObject: {
+              apiVersion: "custom.example.io/v1",
+              kind: "Widget",
+              name: "input",
+            },
+          },
+        },
+        {
+          type: "Object",
+          object: {
+            metric: { name: "namespace-metric" },
+            describedObject: {
+              apiVersion: namespaceAPIVersion,
+              kind: "Namespace",
+              name: "cannot-escape",
+            },
+          },
+        },
+      ],
+    },
+  };
+  try {
+    await act(async () =>
+      root.render(<HPARenderer data={data} onNavigate={onNavigate} />),
+    );
+    for (const [label, expected] of [
+      [
+        "Ingress/frontend",
+        { kind: "Ingress", group: "networking.k8s.io", namespace: "team", name: "frontend" },
+      ],
+      [
+        "Widget/input",
+        {
+          kind: "Widget",
+          group: "custom.example.io",
+          namespace: "team",
+          name: "input",
+        },
+      ],
+      [
+        "Namespace/team",
+        { kind: "Namespace", group: "", namespace: "", name: "team" },
+      ],
+    ] as const) {
+      const button = [...element.querySelectorAll("button")].find(
+        (b) => b.textContent === label,
+      );
+      expect(button).toBeDefined();
+      await act(async () => button!.click());
+      expect(onNavigate).toHaveBeenLastCalledWith(expected);
+    }
+    expect(element.textContent).toContain("Object metric sources");
+    expect(element.textContent).toContain("This HPA's namespace");
+    expect(element.textContent).not.toContain("Namespace/cannot-escape");
+  } finally {
+    await act(async () => root.unmount());
+  }
+});
+
+it.each(["HPA", "VPA"])("does not infer missing %s target identity", (kind) => {
+  const target = { name: "ambiguous" };
+  const data = {
+    metadata: { namespace: "team" },
+    spec: kind === "HPA" ? { scaleTargetRef: target } : { targetRef: target },
+  };
+  const html = renderToStaticMarkup(
+    kind === "HPA" ? (
+      <HPARenderer data={data} onNavigate={() => {}} />
+    ) : (
+      <VPARenderer data={data} onNavigate={() => {}} />
+    ),
+  );
+  const doc = new DOMParser().parseFromString(html, "text/html");
+  expect(
+    [...doc.querySelectorAll("button")].some((b) =>
+      b.textContent?.includes("ambiguous"),
+    ),
+  ).toBe(false);
+  expect(html).not.toContain("Deployment/ambiguous");
+});
+
+it.each([
+  [
+    { name: "worker" },
+    { kind: "Deployment", group: "apps", namespace: "team", name: "worker" },
+  ],
+  [
+    { name: "worker", apiVersion: "", kind: "" },
+    { kind: "Deployment", group: "apps", namespace: "team", name: "worker" },
+  ],
+  [
+    { apiVersion: "custom.example.io/v1", kind: "Deployment", name: "worker" },
+    {
+      kind: "Deployment",
+      group: "custom.example.io",
+      namespace: "team",
+      name: "worker",
+    },
+  ],
+])(
+  "preserves KEDA documented defaults and explicit custom API identity",
+  async (target, expected) => {
+    const element = document.createElement("div");
+    const root = createRoot(element);
+    const onNavigate = vi.fn();
+    try {
+      await act(async () =>
+        root.render(
+          <KedaScaledObjectRenderer
+            data={{
+              metadata: { namespace: "team" },
+              spec: { scaleTargetRef: target },
+            }}
+            onNavigate={onNavigate}
+          />,
+        ),
+      );
+      const button = [...element.querySelectorAll("button")].find(
+        (b) => b.textContent === "Deployment/worker",
+      );
+      expect(button).toBeDefined();
+      await act(async () => button!.click());
+      expect(onNavigate).toHaveBeenCalledWith(expected);
+    } finally {
+      await act(async () => root.unmount());
+    }
+  },
+);
+
+it.each([
+  ["Deployment", "apps"], ["StatefulSet", "apps"], ["DaemonSet", "apps"], ["ReplicaSet", "apps"],
+  ["Job", "batch"], ["CronJob", "batch"], ["ReplicationController", ""],
+])("keeps versionless VPA %s target navigation", async (kind, group) => {
+  const element = document.createElement("div");
+  const root = createRoot(element);
+  const onNavigate = vi.fn();
+  try {
+    await act(async () => root.render(<VPARenderer data={{ metadata: { namespace: "team" }, spec: { targetRef: { kind, name: "workload" } } }} onNavigate={onNavigate} />));
+    const link = [...element.querySelectorAll("button")].find(button => button.textContent === `${kind}/workload`);
+    expect(link).toBeDefined();
+    await act(async () => link!.click());
+    expect(onNavigate).toHaveBeenLastCalledWith({ kind, group, namespace: "team", name: "workload" });
+  } finally {
+    await act(async () => root.unmount());
+  }
+});
+
+it("pairs each diagnosis metric card with its declared Object source once", async () => {
+  const element = document.createElement("div");
+  const root = createRoot(element);
+  const onNavigate = vi.fn();
+  const objects = [
+    { metric: { name: "requests" }, describedObject: { apiVersion: "v1", kind: "Endpoints", name: "input" } },
+    { metric: { name: "requests" }, describedObject: { apiVersion: "custom.example.io/v1", kind: "Endpoints", name: "input" } },
+    { metric: { name: "queue_depth" }, describedObject: { kind: "Namespace", name: "ignored" } },
+  ];
+  try {
+    await act(async () => root.render(<HPARenderer
+      data={{ metadata: { namespace: "team" }, spec: { metrics: objects.map(object => ({ type: "Object", object })) } }}
+      hpaDiagnosis={{ state: "stabilized", summary: "Stabilized", target: {}, bounds: { min: 1, max: 3, current: 2, desired: 2 }, metrics: [
+        { type: "Object", name: "Endpoints/input/requests", current: "10", status: "ok" },
+        { type: "Object", name: "Endpoints (custom.example.io)/input/requests", current: "20", status: "ok" },
+        { type: "Object", name: "Namespace/team/queue_depth", current: "7", status: "ok" },
+        { type: "Object", name: "Service/stale/requests", current: "3", status: "status_only" },
+      ] }} onNavigate={onNavigate} />));
+    expect(element.textContent).not.toContain("Object metric sources");
+    expect(element.textContent).not.toContain("ignored");
+    const endpoints = [...element.querySelectorAll("button")].filter(button => button.textContent === "Endpoints/input");
+    expect(endpoints).toHaveLength(2);
+    await act(async () => endpoints[0].click());
+    expect(onNavigate).toHaveBeenLastCalledWith({ kind: "Endpoints", group: "", namespace: "team", name: "input" });
+    await act(async () => endpoints[1].click());
+    expect(onNavigate).toHaveBeenLastCalledWith({ kind: "Endpoints", group: "custom.example.io", namespace: "team", name: "input" });
+    const namespace = [...element.querySelectorAll("button")].find(button => button.textContent === "Namespace/team");
+    expect(namespace).toBeDefined();
+    await act(async () => namespace!.click());
+    expect(onNavigate).toHaveBeenLastCalledWith({ kind: "Namespace", group: "", namespace: "", name: "team" });
+    expect([...element.querySelectorAll("button")].some(button => button.textContent === "Service/stale")).toBe(false);
+    for (const value of ["Current 10", "Current 20", "Current 7"]) expect(element.textContent).toContain(value);
+  } finally {
+    await act(async () => root.unmount());
+  }
+});
+
+it("shows the documented default Target API for KEDA", () => {
+  const html = renderToStaticMarkup(<KedaScaledObjectRenderer data={{ metadata: { namespace: "team" }, spec: { scaleTargetRef: { name: "worker" } } }} />);
+  expect(html).toContain("Target API");
+  expect(html).toContain("apps/v1");
+});

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

@@ -27,6 +27,7 @@ export function CAPIClusterRenderer({ data, onNavigate, apiBase = '', canConnect
   const className = getClusterClass(data)
   const version = getClusterVersion(data)
   const topology = spec.topology || {}
+  const classNamespace = (topology.classRef?.name ? topology.classRef.namespace : topology.classNamespace) || data.metadata?.namespace || ''
 
   // v1beta2 replica fields
   const cpReady = status.controlPlane?.readyReplicas ?? status.controlPlane?.replicas
@@ -201,10 +202,10 @@ export function CAPIClusterRenderer({ data, onNavigate, apiBase = '', canConnect
       </Section>
 
       {/* Topology (ClusterClass-based) */}
-      {topology.class && (
+      {className !== '-' && (
         <Section title="Topology" icon={Layers}>
           <PropertyList>
-            <Property label="Class" value={topology.class} />
+            <Property label="Class" value={<ResourceLink name={className} kind="clusterclasses" group="cluster.x-k8s.io" namespace={classNamespace} onNavigate={onNavigate} />} />
             {topology.version && <Property label="Version" value={topology.version} />}
             {topology.controlPlane?.replicas != null && (
               <Property label="CP Replicas" value={String(topology.controlPlane.replicas)} />

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

@@ -0,0 +1,27 @@
+// @vitest-environment jsdom
+import { act, type ReactNode } from 'react'
+import { createRoot } from 'react-dom/client'
+import { describe, expect, it, vi } from 'vitest'
+import { CAPIClusterRenderer } from './CAPIClusterRenderer'
+
+async function rendered(element: ReactNode, check: (container: HTMLDivElement) => Promise<void> | void) {
+ Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true })
+ const container = document.createElement('div')
+ const root = createRoot(container)
+ try { await act(async () => root.render(element)); await check(container) }
+ finally { await act(async () => root.unmount()); Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: false }) }
+}
+async function click(container: HTMLDivElement, text: string) {
+ const button = [...container.querySelectorAll('button')].find(button => button.textContent === text)
+ expect(button, `missing link ${text}`).toBeDefined()
+ await act(async () => button!.click())
+}
+
+describe('exact reference navigation', () => {
+ it('uses the v1beta2 ClusterClass reference namespace',async()=>{
+  const navigate=vi.fn()
+  await rendered(<CAPIClusterRenderer data={{metadata:{namespace:'app'},spec:{topology:{classRef:{name:'standard',namespace:'classes'}}}}} onNavigate={navigate}/>,async container=>{
+   await click(container,'standard');expect(navigate).toHaveBeenCalledWith({kind:'clusterclasses',group:'cluster.x-k8s.io',namespace:'classes',name:'standard'})
+  })
+ })
+})

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

@@ -27,3 +27,26 @@ describe('CNPGBackupRenderer — spec.target is instance selection, not a restor
     expect(html(backup())).not.toContain('Backup Target')
   })
 })
+
+
+describe('CNPGBackupRenderer plugin destination', () => {
+  it.each([undefined, { barmanObjectName: 'ignored-store', serverName: 'ignored-server' }, { serverName: 'ignored-server' }])('explains the Cluster destination and ignored parameters: %j', (parameters) => {
+    const out = renderToString(<CNPGBackupRenderer data={backup({ spec: { method: 'plugin', pluginConfiguration: { name: 'barman-cloud.cloudnative-pg.io', parameters } } })} onNavigate={() => {}} />)
+    expect(out).toContain('From the Cluster')
+    expect(out).toContain('barman-cloud plugin')
+    expect(out).not.toContain('Object Store')
+    expect(out).not.toContain('ignored-store')
+    expect(out).not.toContain('ignored-server')
+    expect(out.match(/<button[^>]*>(?:pg|ignored-store|ignored-server)<\/button>/g)).toHaveLength(1)
+    expect(out.includes('Ignored by the barman-cloud plugin')).toBe(!!parameters)
+  })
+
+  it('does not assert a third-party parameter is an ObjectStore destination', () => {
+    const out = html(backup({ spec: { method: 'plugin', pluginConfiguration: { name: 'other.example.com', parameters: { barmanObjectName: 'custom-store' } } } }))
+    expect(out).toContain('other.example.com')
+    expect(out).toContain('Unknown: Radar does not model this plugin')
+    expect(out).not.toContain('custom-store')
+    expect(out).not.toContain('Object Store')
+    expect(out).not.toContain('Ignored by')
+  })
+})

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

@@ -12,7 +12,7 @@ import {
   getCNPGBackupServerName,
   getCNPGBackupError,
   getCNPGBackupTarget,
-  CNPG_BARMAN_OBJECTSTORE_GROUP,
+  CNPG_BARMAN_PLUGIN_NAME,
 } from '../resource-utils-cnpg'
 
 interface CNPGBackupRendererProps {
@@ -51,24 +51,16 @@ export function CNPGBackupRenderer({ data, onNavigate }: CNPGBackupRendererProps
         <PropertyList>
           <Property label="Phase" value={phase} />
           <Property label="Method" value={getCNPGBackupMethod(data)} />
-          {/* A plugin-taken backup lands in an ObjectStore rather than in the
-              Cluster's own barmanObjectStore, so naming the plugin is what
-              tells an operator where to go looking. */}
           {backupPlugin && <Property label="Plugin" value={backupPlugin.name} />}
-          {backupPlugin?.parameters?.barmanObjectName && (
+          {backupPlugin && (
             <Property
-              label="Object Store"
-              value={
-                <ResourceLink
-                  name={backupPlugin.parameters.barmanObjectName}
-                  kind="objectstores"
-                  group={CNPG_BARMAN_OBJECTSTORE_GROUP}
-                  namespace={data.metadata?.namespace || ''}
-                  onNavigate={onNavigate}
-                />
-              }
+              label="Destination"
+              value={backupPlugin.name === CNPG_BARMAN_PLUGIN_NAME ? "From the Cluster's barman-cloud plugin" : 'Unknown: Radar does not model this plugin’s destination'}
             />
           )}
+          {backupPlugin?.name === CNPG_BARMAN_PLUGIN_NAME && backupPlugin.parameters && Object.keys(backupPlugin.parameters).length > 0 && (
+            <Property label="Plugin parameters" value="Ignored by the barman-cloud plugin; the destination comes from the Cluster" />
+          )}
           <Property label="Duration" value={getCNPGBackupDuration(data)} />
           <Property label="Backup Name" value={getCNPGBackupName(data)} />
           {data.status?.instanceID?.podName && (
@@ -102,10 +94,7 @@ export function CNPGBackupRenderer({ data, onNavigate }: CNPGBackupRendererProps
             }
             return clusterName
           })()} />
-          {/* Destination and server name are in-tree barmanObjectStore fields.
-              Under the plugin method they are never populated because both live
-              on the ObjectStore, and rendering them as "-" reads as "not
-              configured" rather than "recorded elsewhere". */}
+          {/* Plugin backups do not report the in-tree destination fields. */}
           {!backupPlugin && (
             <>
               <Property label="Destination" value={getCNPGBackupDestinationPath(data)} />

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

@@ -23,6 +23,7 @@ import {
   getCNPGWALArchivingFailure,
   getCNPGLastBackupFailure,
   classifyCNPGClusterPhase,
+  cnpgBlockedPhaseExplanation,
   getCNPGClusterAvailability,
   CNPG_BARMAN_OBJECTSTORE_GROUP,
 } from '../resource-utils-cnpg'
@@ -100,6 +101,7 @@ export function CNPGClusterRenderer({ data, onNavigate, declared}: CNPGClusterRe
   const isFailover = phaseBucket === 'failing'
   const isSwitchover = phase === 'Switchover in progress'
   const isTerminal = phaseBucket === 'terminal'
+  const blocked = cnpgBlockedPhaseExplanation(phase, data.status?.phaseReason)
   // "The cluster is otherwise serving normally, so nothing else here will look
   // wrong" is a claim about the REST OF THIS DRAWER, so any other banner
   // falsifies it. It can no longer lean on isDegraded now that a
@@ -113,11 +115,7 @@ export function CNPGClusterRenderer({ data, onNavigate, declared}: CNPGClusterRe
     <>
       {/* Problem alerts */}
       {isTerminal && (
-        <AlertBanner
-          variant="error"
-          title="Reconciliation has stopped"
-          message={`${phase}. This state does not resolve on its own — the operator has stopped reconciling this cluster and it needs manual intervention.`}
-        />
+        <AlertBanner variant="error" title={blocked.title} message={blocked.message} />
       )}
       {hasSplitBrain && (
         <AlertBanner
@@ -343,7 +341,7 @@ export function CNPGClusterRenderer({ data, onNavigate, declared}: CNPGClusterRe
       {/* Storage */}
       <Section title="Storage" icon={HardDrive} defaultExpanded>
         <PropertyList>
-          <Property label="Data Size" value={getCNPGClusterStorage(data)} />
+          <Property label="Requested size" value={getCNPGClusterStorage(data)} />
           <Property label="Storage Class" value={getCNPGClusterStorageClass(data)} />
           {/* Requested size and class are spec-side intentions. These are what the
               operator reports about the volumes that actually exist. */}
@@ -364,7 +362,7 @@ export function CNPGClusterRenderer({ data, onNavigate, declared}: CNPGClusterRe
           <div className="mt-2 pt-2 border-t border-theme-border">
             <div className="text-xs font-medium text-theme-text-secondary uppercase tracking-wider mb-1">WAL Storage</div>
             <PropertyList>
-              {walStorage.size && <Property label="Size" value={walStorage.size} />}
+              {walStorage.size && <Property label="Requested size" value={walStorage.size} />}
               {walStorage.storageClass && <Property label="Storage Class" value={walStorage.storageClass} />}
             </PropertyList>
           </div>

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

@@ -195,6 +195,31 @@ export function CNPGSubscriptionRenderer({
   )
 }
 
+/**
+ * DatabaseRole (CNPG 1.30+) — one PostgreSQL role as its own object. The
+ * Cluster's spec.managed.roles wins for the same name; the operator then
+ * reports this object not applied, and that message renders verbatim above.
+ */
+export function CNPGDatabaseRoleRenderer({ data, onNavigate }: { data: any; onNavigate?: Nav }) {
+  const spec = data?.spec ?? {}
+  const details: Array<{ label: string; value: React.ReactNode }> = [
+    { label: 'Role', value: spec.name ?? '-' },
+    { label: 'Login', value: spec.login === true ? 'Allowed' : 'Not allowed' },
+  ]
+  if (spec.superuser === true) details.push({ label: 'Superuser', value: 'Yes' })
+  if (spec.disablePassword === true) details.push({ label: 'Password', value: 'Disabled' })
+  else if (spec.passwordSecret?.name) details.push({ label: 'Password Secret', value: spec.passwordSecret.name })
+  if (spec.validUntil) details.push({ label: 'Valid Until', value: spec.validUntil })
+  if (Array.isArray(spec.inRoles) && spec.inRoles.length > 0) details.push({ label: 'Member Of', value: spec.inRoles.join(', ') })
+  if (spec.connectionLimit != null && spec.connectionLimit !== -1) details.push({ label: 'Connection Limit', value: String(spec.connectionLimit) })
+  const cc = spec.clientCertificate
+  if (cc && cc.enabled !== false) {
+    const exp = data?.status?.clientCertificate?.expiration
+    details.push({ label: 'Client Certificate', value: `${data?.metadata?.name}-client-cert · ${exp ? `expires ${exp}` : 'expiry not reported'}` })
+  }
+  return <CNPGDeclarativeRenderer data={data} onNavigate={onNavigate} details={details} />
+}
+
 /**
  * ImageCatalog and ClusterImageCatalog — the PostgreSQL images a Cluster may
  * use, pinned per major version.

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

@@ -0,0 +1,32 @@
+import { describe, expect, it } from 'vitest'
+import { renderToString } from 'react-dom/server'
+import { CNPGScheduledBackupRenderer } from './CNPGScheduledBackupRenderer'
+
+const schedule = (name: string, parameters?: { barmanObjectName?: string; serverName?: string }) => ({
+  apiVersion: 'postgresql.cnpg.io/v1',
+  kind: 'ScheduledBackup',
+  metadata: { name: 'nightly', namespace: 'db' },
+  spec: { cluster: { name: 'pg' }, schedule: '0 0 0 * * *', method: 'plugin', pluginConfiguration: { name, parameters } },
+})
+
+describe('CNPGScheduledBackupRenderer plugin destination', () => {
+  it.each([undefined, { barmanObjectName: 'ignored-store', serverName: 'ignored-server' }, { serverName: 'ignored-server' }])('explains the Cluster destination and ignored parameters: %j', (parameters) => {
+    const out = renderToString(<CNPGScheduledBackupRenderer data={schedule('barman-cloud.cloudnative-pg.io', parameters)} onNavigate={() => {}} />)
+    expect(out).toContain('From the Cluster')
+    expect(out).toContain('barman-cloud plugin')
+    expect(out).not.toContain('Object Store')
+    expect(out).not.toContain('ignored-store')
+    expect(out).not.toContain('ignored-server')
+    expect(out.match(/<button[^>]*>(?:pg|ignored-store|ignored-server)<\/button>/g)).toHaveLength(1)
+    expect(out.includes('Ignored by the barman-cloud plugin')).toBe(!!parameters)
+  })
+
+  it('does not assert a third-party parameter is an ObjectStore destination', () => {
+    const out = renderToString(<CNPGScheduledBackupRenderer data={schedule('other.example.com', { barmanObjectName: 'custom-store' })} />)
+    expect(out).toContain('other.example.com')
+    expect(out).toContain('Unknown: Radar does not model this plugin')
+    expect(out).not.toContain('custom-store')
+    expect(out).not.toContain('Object Store')
+    expect(out).not.toContain('Ignored by')
+  })
+})

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

@@ -11,7 +11,7 @@ import {
   getCNPGScheduledBackupIsImmediate,
   getCNPGBackupPlugin,
   getCNPGScheduledBackupOwnerRef,
-  CNPG_BARMAN_OBJECTSTORE_GROUP,
+  CNPG_BARMAN_PLUGIN_NAME,
 } from '../resource-utils-cnpg'
 
 interface CNPGScheduledBackupRendererProps {
@@ -64,24 +64,16 @@ export function CNPGScheduledBackupRenderer({ data, onNavigate }: CNPGScheduledB
             return clusterName
           })()} />
           <Property label="Method" value={getCNPGScheduledBackupMethod(data)} />
-          {/* Under the plugin method the destination lives on an ObjectStore in
-              another API group, so naming it is the only route from here to
-              where these backups will actually land. */}
           {schedulePlugin && <Property label="Plugin" value={schedulePlugin.name} />}
-          {schedulePlugin?.parameters?.barmanObjectName && (
+          {schedulePlugin && (
             <Property
-              label="Object Store"
-              value={
-                <ResourceLink
-                  name={schedulePlugin.parameters.barmanObjectName}
-                  kind="objectstores"
-                  group={CNPG_BARMAN_OBJECTSTORE_GROUP}
-                  namespace={data.metadata?.namespace || ''}
-                  onNavigate={onNavigate}
-                />
-              }
+              label="Destination"
+              value={schedulePlugin.name === CNPG_BARMAN_PLUGIN_NAME ? "From the Cluster's barman-cloud plugin" : 'Unknown: Radar does not model this plugin’s destination'}
             />
           )}
+          {schedulePlugin?.name === CNPG_BARMAN_PLUGIN_NAME && schedulePlugin.parameters && Object.keys(schedulePlugin.parameters).length > 0 && (
+            <Property label="Plugin parameters" value="Ignored by the barman-cloud plugin; the destination comes from the Cluster" />
+          )}
           <Property label="Owner Reference" value={getCNPGScheduledBackupOwnerRef(data)} />
         </PropertyList>
       </Section>

package/src/components/resources/renderers/CompositeRenderer.navigation.test.tsx

@@ -0,0 +1,35 @@
+// @vitest-environment jsdom
+import { act } from 'react'
+import { createRoot } from 'react-dom/client'
+import { describe, expect, it, vi } from 'vitest'
+import { CompositeRenderer } from './CompositeRenderer'
+import { initNavigationMap, resetNavigationMap } from '../../../utils/navigation'
+
+describe('CompositeRenderer composed-resource links', () => {
+  it('resolves a composed Kind within its own API group, not the core Kind it reuses', async () => {
+    Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true })
+    initNavigationMap([
+      { group: '', version: 'v1', kind: 'Node', name: 'nodes', namespaced: false, isCrd: false, verbs: ['get'] },
+      { group: 'relationships.radar.test', version: 'v1', kind: 'Node', name: 'workerhosts', namespaced: false, isCrd: true, verbs: ['get'] },
+    ])
+    const container = document.createElement('div')
+    const root = createRoot(container)
+    const onNavigate = vi.fn()
+    try {
+      await act(async () => root.render(<CompositeRenderer onNavigate={onNavigate} data={{
+        apiVersion: 'platform.example.org/v1alpha1',
+        kind: 'Database',
+        metadata: { name: 'example' },
+        spec: { resourceRefs: [{ apiVersion: 'relationships.radar.test/v1', kind: 'Node', name: 'worker' }] },
+      }} />))
+      const link = [...container.querySelectorAll('button')].find(button => button.textContent === 'worker')
+      expect(link).toBeDefined()
+      await act(async () => link!.click())
+      expect(onNavigate).toHaveBeenLastCalledWith(expect.objectContaining({ kind: 'workerhosts', group: 'relationships.radar.test', name: 'worker' }))
+    } finally {
+      await act(async () => root.unmount())
+      resetNavigationMap()
+      Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: false })
+    }
+  })
+})

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

@@ -14,7 +14,7 @@ import {
   isCrossplanePaused,
   type CrossplaneResourceRef,
 } from '../resource-utils-crossplane'
-import { kindToPlural } from '../../../utils/navigation'
+import { kindToPluralWithGroup } from '../../../utils/navigation'
 import type { StatusBadge } from '../resource-utils'
 
 /**
@@ -158,7 +158,7 @@ export function CompositeRenderer({ data, onNavigate, composedRefStatuses, compo
               value={
                 <ResourceLink
                   name={boundXR.name}
-                  kind={kindToPlural(boundXR.kind)}
+                  kind={kindToPluralWithGroup(boundXR.kind, groupFromApiVersion(boundXR.apiVersion))}
                   namespace={boundXR.namespace || ''}
                   group={groupFromApiVersion(boundXR.apiVersion) || undefined}
                   onNavigate={onNavigate}
@@ -242,8 +242,8 @@ function ComposedRefRow({
   statusEntry?: ComposedRefStatus
   onNavigate?: (ref: { kind: string; namespace: string; name: string; group?: string }) => void
 }) {
-  const kindPlural = kindToPlural(ref_.kind)
   const group = groupFromApiVersion(ref_.apiVersion)
+  const kindPlural = kindToPluralWithGroup(ref_.kind, group)
   return (
     <div className="flex items-center gap-2 py-1 px-2 rounded hover:bg-theme-hover text-sm">
       <Box className="w-3.5 h-3.5 text-theme-text-tertiary shrink-0" />