@skyhook-io/radar-app 1.14.6 → 1.16.0

package/src/components/home/MCPSetupDialog.tsx

@@ -116,71 +116,67 @@ export function MCPSetupDialog({ open, onClose, mcpUrl }: MCPSetupDialogProps) {
 
   const currentPort = Number(window.location.port) || 80
 
-  const claudeDesktopConfig = JSON.stringify({
+  const mcpServersUrlConfig = (key: 'url' | 'serverUrl') => JSON.stringify({
     mcpServers: {
       radar: {
-        type: "http",
-        url: mcpUrl,
+        [key]: mcpUrl,
       }
     }
   }, null, 2)
 
-  const cursorConfig = JSON.stringify({
-    mcpServers: {
+  const vsCodeConfig = JSON.stringify({
+    servers: {
       radar: {
+        type: "http",
         url: mcpUrl,
       }
     }
   }, null, 2)
 
-  const windsurfConfig = JSON.stringify({
-    mcpServers: {
-      radar: {
-        serverUrl: mcpUrl,
-      }
-    }
-  }, null, 2)
-
-  const vsCodeConfig = JSON.stringify({
-    servers: {
+  const opencodeConfig = JSON.stringify({
+    mcp: {
       radar: {
-        type: "http",
+        type: "remote",
         url: mcpUrl,
+        enabled: true,
       }
     }
   }, null, 2)
 
-  const geminiConfig = JSON.stringify({
+  const clineConfig = JSON.stringify({
     mcpServers: {
       radar: {
-        httpUrl: mcpUrl,
+        type: "streamableHttp",
+        url: mcpUrl,
       }
     }
   }, null, 2)
 
-  const codexConfig = `[mcp_servers.radar]\nurl = "${mcpUrl}"`
-
-  const clineConfig = JSON.stringify({
+  // mcp-remote rejects plain http:// unless the host is localhost/127.0.0.1 or --allow-http is passed.
+  const parsedMcpUrl = new URL(mcpUrl)
+  const mcpRemoteNeedsAllowHttp = parsedMcpUrl.protocol === 'http:' && parsedMcpUrl.hostname !== 'localhost' && parsedMcpUrl.hostname !== '127.0.0.1'
+  const mcpRemoteArgs = ['-y', 'mcp-remote', mcpUrl, ...(mcpRemoteNeedsAllowHttp ? ['--allow-http'] : [])]
+  const claudeDesktopConfig = JSON.stringify({
     mcpServers: {
       radar: {
-        url: mcpUrl,
+        command: "npx",
+        args: mcpRemoteArgs,
       }
     }
   }, null, 2)
 
-  const jetbrainsConfig = JSON.stringify({
-    mcpServers: {
+  const zedConfig = JSON.stringify({
+    context_servers: {
       radar: {
         url: mcpUrl,
       }
     }
   }, null, 2)
 
-  const opencodeConfig = JSON.stringify({
-    mcp: {
+  const geminiConfig = JSON.stringify({
+    mcpServers: {
       radar: {
-        type: "remote",
-        url: mcpUrl,
+        httpUrl: mcpUrl,
       }
     }
   }, null, 2)
@@ -285,16 +281,20 @@ export function MCPSetupDialog({ open, onClose, mcpUrl }: MCPSetupDialogProps) {
             <h4 className="text-sm font-semibold text-theme-text-primary">Connect your AI tool</h4>
 
             {[
-              { icon: Terminal, name: 'Claude Code', path: '', config: `claude mcp add radar --transport http ${mcpUrl}` },
-              { icon: MessageSquare, name: 'Claude Desktop', path: '~/Library/Application Support/Claude/claude_desktop_config.json', config: claudeDesktopConfig },
-              { icon: Code2, name: 'Cursor', path: '~/.cursor/mcp.json', config: cursorConfig },
-              { icon: Code2, name: 'Windsurf', path: '~/.codeium/windsurf/mcp_config.json', config: windsurfConfig },
-              { icon: Code2, name: 'VS Code Copilot', path: '.vscode/mcp.json', config: vsCodeConfig },
-              { icon: Code2, name: 'Cline', path: 'Cline MCP settings (via UI)', config: clineConfig },
-              { icon: Code2, name: 'JetBrains AI', path: 'Settings → Tools → AI Assistant → MCP', config: jetbrainsConfig },
+              { icon: Terminal, name: 'Claude Code', path: '', config: `claude mcp add --transport http radar ${mcpUrl}` },
+              { icon: Terminal, name: 'Codex', path: '', config: `codex mcp add radar --url ${mcpUrl}` },
+              { icon: Code2, name: 'Cursor', path: '~/.cursor/mcp.json', config: mcpServersUrlConfig('url') },
+              { icon: Code2, name: 'VS Code (GitHub Copilot)', path: '.vscode/mcp.json', config: vsCodeConfig },
+              { icon: Terminal, name: 'GitHub Copilot CLI', path: '', config: `copilot mcp add --transport http radar ${mcpUrl}` },
               { icon: Terminal, name: 'OpenCode', path: '~/.config/opencode/opencode.json', config: opencodeConfig },
-              { icon: Terminal, name: 'OpenAI Codex', path: '~/.codex/config.toml', config: codexConfig },
-              { icon: Terminal, name: 'Gemini CLI', path: '~/.gemini/settings.json', config: geminiConfig },
+              { icon: Code2, name: 'Google Antigravity', path: '~/.gemini/config/mcp_config.json', config: mcpServersUrlConfig('serverUrl') },
+              { icon: Code2, name: 'Kiro', path: '~/.kiro/settings/mcp.json', config: mcpServersUrlConfig('url') },
+              { icon: Code2, name: 'JetBrains AI Assistant / Junie', path: 'AI Assistant settings or ~/.junie/mcp/mcp.json', config: mcpServersUrlConfig('url') },
+              { icon: Code2, name: 'Cline', path: 'Cline MCP settings (via UI)', config: clineConfig },
+              { icon: Code2, name: 'Devin Desktop (formerly Windsurf)', path: '~/.config/devin/mcp_config.json', config: mcpServersUrlConfig('url') },
+              { icon: MessageSquare, name: 'Claude Desktop', path: '~/Library/Application Support/Claude/claude_desktop_config.json', config: claudeDesktopConfig },
+              { icon: Code2, name: 'Zed', path: 'Zed settings.json', config: zedConfig },
+              { icon: Terminal, name: 'Gemini CLI (Code Assist Standard/Enterprise)', path: '~/.gemini/settings.json', config: geminiConfig },
             ].map((agent) => (
               <Disclosure
                 key={agent.name}

package/src/components/home/RadarVersionLine.test.tsx

@@ -142,4 +142,18 @@ describe('RadarVersionLine', () => {
     expect(html).toContain('Open the in-cluster upgrade instructions and apply the change through GitOps')
     expect(html).not.toContain('Open it to upgrade through GitOps')
   })
+
+  it('offers What\'s new only when the host can open it', () => {
+    const upToDate = { ...version, latestVersion: '1.2.3', updateAvailable: false }
+    expect(renderToString(<RadarVersionLine version={upToDate} />)).not.toContain('What&#x27;s new')
+    expect(renderToString(<RadarVersionLine version={upToDate} onShowWhatsNew={() => {}} />)).toContain('What&#x27;s new')
+    expect(renderToString(<RadarVersionLine version={version} onShowWhatsNew={() => {}} />)).toContain('What&#x27;s new')
+  })
+
+  it('hides upgrade guidance when the host handles upgrades elsewhere', () => {
+    const html = renderToString(<RadarVersionLine version={version} showUpgrade={false} onShowWhatsNew={() => {}} />)
+    expect(html).toContain('v1.2.3')
+    expect(html).not.toContain('available')
+    expect(html).toContain('What&#x27;s new')
+  })
 })

package/src/components/home/RadarVersionLine.tsx

@@ -1,4 +1,4 @@
-import { ArrowUpCircle } from 'lucide-react'
+import { ArrowUpCircle, Megaphone } from 'lucide-react'
 import { gitOpsRouteForResource } from '@skyhook-io/k8s-ui'
 import type { CloudConnectSelf, VersionInfo } from '../../api/client'
 import {
@@ -14,6 +14,10 @@ interface RadarVersionLineProps {
   managerLoading?: boolean
   onNavigateToHelmRelease?: (namespace: string, release: string) => void
   onNavigateToGitOps?: (path: string) => void
+  // Local installs upgrade through the update notification, and this line's
+  // upgrade link points at in-cluster instructions.
+  showUpgrade?: boolean
+  onShowWhatsNew?: () => void
 }
 
 function displayVersion(version: string): string {
@@ -26,13 +30,33 @@ export function RadarVersionLine({
   managerLoading = false,
   onNavigateToHelmRelease,
   onNavigateToGitOps,
+  showUpgrade: upgradeAllowed = true,
+  onShowWhatsNew,
 }: RadarVersionLineProps) {
   const latestVersion = version.latestVersion
   const updateStatus = getVersionUpdateStatus(version.currentVersion, latestVersion)
-  const showUpgrade = version.updateAvailable && !!latestVersion && updateStatus.tier !== 'none'
+  const showUpgrade = upgradeAllowed && version.updateAvailable && !!latestVersion && updateStatus.tier !== 'none'
+  const whatsNew = onShowWhatsNew && (
+    <span className="inline-flex items-center gap-1">
+      <span aria-hidden>·</span>
+      <button
+        type="button"
+        onClick={onShowWhatsNew}
+        className="inline-flex items-center gap-1 text-accent-text hover:text-accent transition-colors"
+      >
+        <Megaphone className="h-3.5 w-3.5 shrink-0" aria-hidden />
+        What's new
+      </button>
+    </span>
+  )
 
   if (!showUpgrade) {
-    return <span>Radar <span className="font-mono">{displayVersion(version.currentVersion)}</span></span>
+    return (
+      <span className="inline-flex flex-wrap items-center gap-x-1">
+        <span>Radar <span className="font-mono">{displayVersion(version.currentVersion)}</span></span>
+        {whatsNew}
+      </span>
+    )
   }
 
   const controller = manager?.controllerRef
@@ -111,6 +135,7 @@ export function RadarVersionLine({
           {action}
         </Tooltip>
       </span>
+      {whatsNew}
     </span>
   )
 }

package/src/components/nav/PrimaryNavRail.test.tsx

@@ -2,13 +2,14 @@ import { describe, expect, it } from "vitest";
 import { renderToString } from "react-dom/server";
 import { PrimaryNavRail } from "./PrimaryNavRail";
 
-function renderRail() {
+function renderRail(whatsNew?: { unread: boolean; onOpen: () => void }) {
   return renderToString(
     <PrimaryNavRail
       activeView="home"
       onNavigate={() => {}}
       pinned
       onTogglePinned={() => {}}
+      whatsNew={whatsNew}
     />,
   );
 }
@@ -17,4 +18,12 @@ describe("PrimaryNavRail", () => {
   it("always surfaces Capacity — the view reads cluster capacity across every node manager, not just Karpenter", () => {
     expect(renderRail()).toContain("Capacity");
   });
+
+  it("shows What's new only when the host has notes, and marks it while unread", () => {
+    expect(renderRail()).not.toContain("What&#x27;s new");
+    const read = renderRail({ unread: false, onOpen: () => {} });
+    expect(read).toContain("What&#x27;s new");
+    expect(read).not.toContain("(unread)");
+    expect(renderRail({ unread: true, onOpen: () => {} })).toContain("(unread)");
+  });
 });

package/src/components/nav/PrimaryNavRail.tsx

@@ -14,6 +14,7 @@ import {
   Gauge,
   ShieldCheck,
   Settings,
+  Megaphone,
   PanelLeftClose,
   PanelLeftOpen,
 } from "lucide-react";
@@ -97,6 +98,8 @@ interface PrimaryNavRailProps {
   // which self-nulls without auth so the row vanishes in no-auth OSS).
   onOpenSettings?: () => void;
   accountSlot?: ReactNode;
+  // Present only when release notes exist for this version; unread adds a dot.
+  whatsNew?: { unread: boolean; onOpen: () => void };
 }
 
 export function PrimaryNavRail({
@@ -107,6 +110,7 @@ export function PrimaryNavRail({
   showPinToggle = true,
   onOpenSettings,
   accountSlot,
+  whatsNew,
 }: PrimaryNavRailProps) {
   return (
     <aside
@@ -157,6 +161,15 @@ export function PrimaryNavRail({
           accountSlot self-nulls without auth, so no-auth OSS shows only Settings. */}
       <nav className="flex flex-col gap-0.5 px-2 pt-1 border-t border-theme-border/50">
         {accountSlot}
+        {whatsNew && (
+          <RailActionRow
+            icon={Megaphone}
+            label="What's new"
+            pinned={pinned}
+            onClick={whatsNew.onOpen}
+            unread={whatsNew.unread}
+          />
+        )}
         {onOpenSettings && (
           <RailActionRow
             icon={Settings}
@@ -337,11 +350,13 @@ export function RailActionRow({
   label,
   pinned,
   onClick,
+  unread = false,
 }: {
   icon: ComponentType<{ className?: string }>;
   label: string;
   pinned: boolean;
   onClick: () => void;
+  unread?: boolean;
 }) {
   return (
     <div className={clsx("group/item relative", !pinned && "w-10")}>
@@ -353,11 +368,18 @@ export function RailActionRow({
           !pinned && "max-w-10 overflow-hidden",
         )}
       >
-        <span className="flex w-10 shrink-0 items-center justify-center">
-          <Icon className="w-[18px] h-[18px] text-theme-text-tertiary group-hover/item:text-theme-text-secondary" />
+        <span className="relative flex w-10 shrink-0 items-center justify-center">
+          <Icon className={clsx(
+            "w-[18px] h-[18px] group-hover/item:text-theme-text-secondary",
+            unread ? "text-accent" : "text-theme-text-tertiary",
+          )} />
+          {unread && (
+            <span aria-hidden className="absolute top-1.5 right-2 h-2 w-2 rounded-full bg-accent ring-2 ring-theme-sidebar" />
+          )}
         </span>
-        <span className={clsx("pr-3 truncate", !pinned && "opacity-0")}>
+        <span className={clsx("pr-3 truncate", !pinned && "opacity-0", unread && "text-theme-text-primary")}>
           {label}
+          {unread && <span className="sr-only"> (unread)</span>}
         </span>
       </button>
       {!pinned && (

package/src/components/resource/PVCUsageBar.render.test.tsx

@@ -5,6 +5,7 @@ import { ApiError, type PrometheusPVCUsage } from '../../api/client'
 
 let canConfigure = true
 let roleLoading = false
+let previousMetrics = false
 let statusResult: { data?: { connected: boolean; discovering?: boolean }; error?: Error }
 let usageResult: { data?: PrometheusPVCUsage; error?: Error }
 vi.mock('../../api/client', async (importActual) => ({
@@ -15,13 +16,28 @@ vi.mock('../../api/client', async (importActual) => ({
   useCloudRole: () => ({ canAtLeast: () => canConfigure, isLoading: roleLoading }),
 }))
 const { PVCUsageBar } = await import('./PVCUsageBar')
+vi.mock('../../hooks/usePreviousIntegrationSettings', () => ({
+  usePreviousIntegrationSettings: (relevant: boolean) => ({ metrics: relevant && previousMetrics }),
+  previousSettingsNote: () => 'You can copy your previous settings in Settings → Metrics.',
+}))
 const measured: PrometheusPVCUsage = { namespace: 'demo', name: 'disk', used: 0, capacity: 1024, ratio: 0, hasData: true, status: 'available' }
 const render = () => renderToString(<PVCUsageBar namespace="demo" name="disk" />)
 
 describe('PVC usage availability', () => {
+  it('offers previous settings only for a missing connection, not missing series or denied access', () => {
+    previousMetrics = true
+    statusResult = { data: { connected: false } }
+    expect(render()).toContain('copy your previous settings')
+    statusResult = { data: { connected: true } }
+    usageResult = { data: { ...measured, hasData: false, status: 'no_series' } }
+    expect(render()).not.toContain('copy your previous settings')
+    statusResult = { error: new ApiError('denied', 403) }
+    expect(render()).not.toContain('copy your previous settings')
+  })
   beforeEach(() => {
     canConfigure = true
     roleLoading = false
+    previousMetrics = false
     statusResult = { data: { connected: true } }
     usageResult = {}
   })

package/src/components/resource/PVCUsageBar.tsx

@@ -1,6 +1,7 @@
 import { formatMemoryBytes } from '@skyhook-io/k8s-ui/utils/format'
 import { isForbiddenError, useAutoPromConnect, useCloudRole, usePrometheusPVCUsage, usePrometheusStatus } from '../../api/client'
 import { useNavCustomization } from '../../context/NavCustomization'
+import { previousSettingsNote, usePreviousIntegrationSettings } from '../../hooks/usePreviousIntegrationSettings'
 
 export function PVCUsageBar({ namespace, name }: { namespace: string; name: string }) {
   // PVC detail can be the first Prometheus-backed surface a user opens; without
@@ -40,6 +41,8 @@ export function PVCUsageBar({ namespace, name }: { namespace: string; name: stri
 
   const denied = isForbiddenError(error) || isForbiddenError(statusError)
   const waiting = !denied && !statusError && (!status || status.discovering || (isConnected && !usage && !error))
+  const offers = usePreviousIntegrationSettings(canConfigure && !waiting && !denied && !statusError && !isConnected)
+  const previousNote = offers.metrics ? previousSettingsNote('metrics', offers.metrics) : undefined
   const guidance = denied
     ? 'Ask your operator to review your metrics access.'
     : !canConfigure && !roleLoading
@@ -53,6 +56,7 @@ export function PVCUsageBar({ namespace, name }: { namespace: string; name: stri
       <section aria-label="PVC usage" className="rounded-lg border border-theme-border bg-theme-surface/30 p-3">
         <div className="text-xs font-medium text-theme-text-secondary uppercase tracking-wide mb-1">Usage</div>
         <p className="text-sm text-theme-text-tertiary">{unavailable}</p>
+        {previousNote && <p className="mt-2 text-xs text-theme-text-secondary">{previousNote}</p>}
         {!waiting && (
           canConfigure && !denied ? (
             <button
@@ -102,4 +106,3 @@ export function PVCUsageBar({ namespace, name }: { namespace: string; name: stri
     </section>
   )
 }
-

package/src/components/resource/PrometheusChartsGrid.render.test.tsx

@@ -2,6 +2,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { renderToString } from 'react-dom/server'
 import { MemoryRouter } from 'react-router-dom'
 import { NavCustomizationProvider } from '../../context/NavCustomization'
+vi.mock('../../hooks/usePreviousIntegrationSettings', () => ({ usePreviousIntegrationSettings: () => ({ metrics: false }) }))
 import type { WorkloadMetrics } from '../../api/workloadMetrics'
 
 let connected = false

package/src/components/resource/PrometheusChartsGrid.tsx

@@ -35,6 +35,7 @@ import { Tooltip } from "../ui/Tooltip";
 import { WorkloadMetricsSection } from "./WorkloadMetricsSection";
 import { RightsizingStrip } from "./RightsizingStrip";
 import { useNavCustomization } from "../../context/NavCustomization";
+import { previousSettingsNote, usePreviousIntegrationSettings } from '../../hooks/usePreviousIntegrationSettings';
 
 // Used when MetricsTabContent is in expanded (full-screen) mode. Drawer mode
 // uses the single-chart tabbed `PrometheusCharts` instead — drawer width
@@ -73,6 +74,8 @@ export function PrometheusChartsGrid({
   const showRestartLane = isSupported && kind !== "Node";
 
   const settingsAvailable = !useNavCustomization().embedded;
+  const offers = usePreviousIntegrationSettings(isSupported && !statusLoading && !!status && !isConnected && !status.discovering);
+  const previousNote = offers.metrics ? previousSettingsNote('metrics', offers.metrics) : undefined;
   const [searchParams, setSearchParams] = useSearchParams();
   const timeRange = TIME_RANGES.find((range) => range.value === searchParams.get("metricsRange"))?.value ?? "1h";
 
@@ -142,6 +145,7 @@ export function PrometheusChartsGrid({
             onClick={() => window.dispatchEvent(new CustomEvent('radar:open-settings', { detail: { section: 'prometheus' } }))}
           >Configure metrics</button>}
           </div>
+          {previousNote && <p className="mt-3 text-xs text-theme-text-secondary">{previousNote}</p>}
           {!settingsAvailable && <p className="mt-3 text-xs text-theme-text-tertiary">Ask your operator to configure the metrics connection for this cluster.</p>}
           {isWorkload && <a className="mt-3 inline-block text-xs text-accent hover:underline" href="https://github.com/skyhook-io/radar/blob/main/docs/workload-metrics.md#what-each-chart-needs" target="_blank" rel="noopener noreferrer">What each chart needs</a>}
         </div>

package/src/components/resources/ImageFilesystemModal.tsx

@@ -10,6 +10,7 @@ import { formatBytes } from '../../utils/format'
 import { downloadBlob, filterTree } from './file-browser-utils'
 import { Tooltip } from '../ui/Tooltip'
 import { apiUrl, getAuthHeaders, getCredentialsMode } from '../../api/config'
+import { readErrorBody } from '../../api/httpErrors'
 import { Input } from '@skyhook-io/k8s-ui'
 
 const radarLoadingIconUrl = assetUrl(radarLoadingIcon)
@@ -32,7 +33,7 @@ async function fetchImageFilesystem(
     headers: getAuthHeaders(),
   })
   if (!response.ok) {
-    const error = await response.json().catch(() => ({ error: 'Request failed' }))
+    const error = await readErrorBody(response)
     throw new Error(error.error || `HTTP ${response.status}`)
   }
   return response.json()

package/src/components/resources/PodFilePreview.tsx

@@ -5,6 +5,7 @@ import { PaneLoader, ensureMonacoRuntime } from '@skyhook-io/k8s-ui'
 import { formatBytes } from '../../utils/format'
 import { Disclosure } from '@skyhook-io/k8s-ui/components/ui/Disclosure'
 import { apiUrl, getAuthHeaders, getCredentialsMode } from '../../api/config'
+import { nonJsonErrorMessage } from '../../api/httpErrors'
 
 // A curated inline viewer for text files inside a pod container, rendered in
 // place of the file listing by PodFilesystemModal — never as its own dialog.
@@ -81,7 +82,9 @@ async function fetchPodFilePreview(
     return {
       ok: false,
       code: 'network_error',
-      message: `Unexpected non-JSON response (HTTP ${response.status}).`,
+      message: response.ok
+        ? `Unexpected non-JSON response (HTTP ${response.status}).`
+        : nonJsonErrorMessage(response, raw),
     }
   }
 

package/src/components/resources/PodFilesystemModal.tsx

@@ -7,6 +7,7 @@ import type { FileNode } from '../../types'
 import { formatBytes } from '../../utils/format'
 import { downloadBlob, filterTree } from './file-browser-utils'
 import { apiUrl, getAuthHeaders, getCredentialsMode } from '../../api/config'
+import { readErrorBody } from '../../api/httpErrors'
 import { isDesktopApp } from '../../utils/desktop-download'
 import { openFile, openFolder } from '../../utils/desktop-open-folder'
 import { useToast } from '../ui/Toast'
@@ -33,7 +34,7 @@ async function fetchPodFiles(
     headers: getAuthHeaders(),
   })
   if (!response.ok) {
-    const error = await response.json().catch(() => ({ error: 'Request failed' }))
+    const error = await readErrorBody(response)
     throw new Error(error.error || `HTTP ${response.status}`)
   }
   return response.json()
@@ -105,7 +106,7 @@ async function downloadPodFile(
       headers: getAuthHeaders(),
     })
     if (!response.ok) {
-      const err = await response.json().catch(() => ({ error: 'Download failed' }))
+      const err = await readErrorBody(response)
       throw new Error(err.error || `HTTP ${response.status}`)
     }
 

package/src/components/resources/ResourcesView.tsx

@@ -5,6 +5,7 @@ import { ApiError, debugNamespaceLog, fetchJSON, isForbiddenError, isKindSyncFai
 import { isBadgeWorthy } from '../../utils/auditBadges'
 import type { AuditBadgeMessage } from '@skyhook-io/k8s-ui'
 import { apiUrl, getAuthHeaders, getCredentialsMode, stripBasename } from '../../api/config'
+import { readErrorBody } from '../../api/httpErrors'
 import { useAPIResources } from '../../api/apiResources'
 import { useConnection } from '../../context/ConnectionContext'
 import { initNavigationMap, getSecretStoreProviderType } from '@skyhook-io/k8s-ui'
@@ -296,7 +297,7 @@ export function ResourcesView({ namespaces, selectedResource, onResourceClick, o
         durationMs: Math.round(performance.now() - startedAt),
       })
       if (!res.ok) {
-        const errorData = await res.json().catch(() => ({ error: `HTTP ${res.status}` }))
+        const errorData = await readErrorBody(res)
         throw new ApiError(errorData.error || `Failed to fetch ${selectedKind.name}`, res.status, errorData)
       }
       const body = await res.json()

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

@@ -0,0 +1,18 @@
+import { renderToStaticMarkup } from 'react-dom/server'
+import { describe, expect, it, vi } from 'vitest'
+import { JobRenderer, JobSetRenderer } from './JobAdmissionRenderers'
+vi.mock('../../execution/JobSetAdmission', () => ({ KueueAdmission: ({ presentation }: { presentation?: string }) => <div data-presentation={presentation}>admission evidence</div> }))
+const job = { apiVersion: 'batch/v1', kind: 'Job', metadata: { name: 'training', namespace: 'ml' }, status: { conditions: [{ type: 'Failed', status: 'True', reason: 'BackoffLimitExceeded' }] } }
+describe('admission renderer composition', () => {
+ it('keeps Job failure above admission evidence', () => {
+  const html = renderToStaticMarkup(<JobRenderer data={job} />)
+  expect(html).toContain('data-presentation="drawer"')
+  expect(html.indexOf('Job Issues')).toBeLessThan(html.indexOf('admission evidence'))
+ })
+ it('does not mount batch admission for a colliding Job kind', () => {
+  expect(renderToStaticMarkup(<JobRenderer data={{...job, apiVersion:'batch.volcano.sh/v1alpha1'}} />)).not.toContain('admission evidence')
+ })
+ it('mounts admission in the JobSet drawer', () => {
+  expect(renderToStaticMarkup(<JobSetRenderer data={{...job, apiVersion:'jobset.x-k8s.io/v1alpha2',kind:'JobSet'}} />)).toContain('admission evidence')
+ })
+})

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

@@ -0,0 +1,18 @@
+import { JobRenderer as BaseJobRenderer } from '@skyhook-io/k8s-ui/components/resources/renderers/JobRenderer'
+import { JobSetRenderer as BaseJobSetRenderer } from '@skyhook-io/k8s-ui/components/resources/renderers/JobSetRenderer'
+import type { ResourceRef } from '@skyhook-io/k8s-ui'
+import { KueueAdmission } from '../../execution/JobSetAdmission'
+
+type Props = { data: any; onNavigate?: (ref: ResourceRef) => void }
+
+export function JobRenderer({ data, onNavigate }: Props) {
+  return <BaseJobRenderer data={data} admissionContent={
+    data.apiVersion === 'batch/v1' && data.kind === 'Job' && <KueueAdmission presentation="drawer" resource={data} namespace={data.metadata.namespace} name={data.metadata.name} onNavigate={onNavigate} />
+  } />
+}
+
+export function JobSetRenderer({ data, onNavigate }: Props) {
+  return <BaseJobSetRenderer data={data} admissionContent={
+    <KueueAdmission presentation="drawer" resource={data} namespace={data.metadata.namespace} name={data.metadata.name} onNavigate={onNavigate} />
+  } />
+}

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

@@ -0,0 +1,40 @@
+import { renderToStaticMarkup } from 'react-dom/server'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { RayJobRenderer } from './RayJobRenderer'
+import { ApiError } from '../../../api/client'
+const mock = vi.hoisted(() => ({ query: {} as any, reads: [] as any[] }))
+vi.mock('../../../api/client', () => ({ ApiError: class extends Error { constructor(message: string, public status: number) { super(message) } }, useResource: (...args: any[]) => { mock.reads.push(args); return mock.query } }))
+vi.mock('../../execution/JobSetAdmission', () => ({ KueueAdmission: () => null }))
+const root = { apiVersion: 'ray.io/v1', kind: 'RayJob', metadata: { name: 'train', namespace: 'ml', uid: 'root' }, spec: {} }
+const child = { apiVersion: 'batch/v1', kind: 'Job', metadata: { name: 'train', namespace: 'ml', ownerReferences: [{ apiVersion: 'ray.io/v1', kind: 'RayJob', name: 'train', uid: 'root', controller: true }] }, spec: {}, status: {} }
+const render = (data: any = root) => renderToStaticMarkup(<RayJobRenderer data={data} onNavigate={() => {}} />)
+describe('RayJob child reads', () => {
+  beforeEach(() => { mock.query = {}; mock.reads = [] })
+  it('reads the exact submitter candidate and accepts only the controller incarnation', () => {
+    mock.query = { data: child }
+    expect(render()).toContain('Open this Job for submitter Pods')
+    expect(mock.reads).toEqual([['jobs', 'ml', 'train', 'batch']])
+    expect(render({ ...root, metadata: { ...root.metadata, uid: 'recreated' } })).toContain('ownership mismatch')
+  })
+  it.each([
+    { ...child, apiVersion: 'batch.volcano.sh/v1alpha1' },
+    { ...child, metadata: { ...child.metadata, namespace: 'other' } },
+    { ...child, metadata: { ...child.metadata, ownerReferences: [{ ...child.metadata.ownerReferences[0], controller: false }] } },
+  ])('rejects wrong identity', data => { mock.query = { data }; expect(render()).toContain('ownership mismatch') })
+  it.each(['HTTPMode', 'SidecarMode', 'InteractiveMode', 'FutureMode'])('does not read a submitter in %s', submissionMode => { render({ ...root, spec: { submissionMode } }); expect(mock.reads).toEqual([]) })
+  it('does not read remote children, including selected clusters', () => { render({ ...root, spec: { managedBy: 'remote', clusterSelector: { 'ray.io/cluster': 'shared' } } }); expect(mock.reads).toEqual([]) })
+  it('keeps missing and denied observations distinct, even with cached data', () => {
+    mock.query = { data: child, error: new ApiError('not found', 404) }
+    expect(render()).toContain('No submitter Job observed')
+    mock.query.error = new ApiError('denied', 403)
+    expect(render()).toContain('Submitter evidence unavailable')
+    expect(render()).not.toContain('Open this Job')
+  })
+  it('keeps deleting submitter logs reachable without declaring a current attempt', () => {
+    mock.query = { data: { ...child, metadata: { ...child.metadata, deletionTimestamp: '2026-09-27T00:00:00Z' } } }
+    const html = render({ ...root, status: { jobDeploymentStatus: 'Retrying' } })
+    expect(html).toContain('Deleting')
+    expect(html).toContain('attempt being cleaned up')
+    expect(html).toContain('Open this Job')
+  })
+})

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

@@ -0,0 +1,45 @@
+import { Tooltip } from '@skyhook-io/k8s-ui/components/ui/Tooltip'
+import { Badge } from '@skyhook-io/k8s-ui/components/ui/Badge'
+import type { ResourceRef } from '@skyhook-io/k8s-ui'
+import { RayJobRenderer as BaseRenderer } from '@skyhook-io/k8s-ui/components/resources/renderers/RayJobRenderer'
+import { rayJobIsLocal, rayJobSubmissionMode } from '@skyhook-io/k8s-ui/components/resources/resource-utils-ray'
+import { getJobStatus } from '@skyhook-io/k8s-ui/components/resources/resource-utils'
+import { apiVersionToGroup } from '@skyhook-io/k8s-ui/utils/navigation'
+import { formatRelativeAgeTime } from '@skyhook-io/k8s-ui/utils/format'
+import { AlertBanner, ResourceLink } from '@skyhook-io/k8s-ui/components/ui/drawer-components'
+import { ApiError, useResource } from '../../../api/client'
+import { KueueAdmission } from '../../execution/JobSetAdmission'
+
+function Submitter({ root, onNavigate }: { root: any; onNavigate?: (ref: ResourceRef) => void }) {
+  const query = useResource<any>('jobs', root.metadata.namespace, root.metadata.name, 'batch')
+  if (query.error) return query.error instanceof ApiError && query.error.status === 404
+    ? <p className="text-theme-text-secondary">No submitter Job observed. It may not have been created yet or may have been cleaned up.</p>
+    : <AlertBanner variant="warning" title="Submitter evidence unavailable" message={query.error.message} />
+  if (!query.data) return <p className="text-theme-text-secondary">Reading submitter Job…</p>
+  const job = query.data
+  const owned = job.apiVersion === 'batch/v1' && job.kind === 'Job' && job.metadata?.name === root.metadata.name && job.metadata?.namespace === root.metadata.namespace && job.metadata.ownerReferences?.some((owner: any) => owner.controller === true && apiVersionToGroup(owner.apiVersion) === 'ray.io' && owner.kind === 'RayJob' && owner.name === root.metadata.name && owner.uid === root.metadata.uid)
+  if (!owned) return <AlertBanner variant="warning" title="Submitter ownership mismatch" message="The same-name Job does not report this RayJob incarnation as its controller. Its status is not attributed to this RayJob." />
+  const status = getJobStatus(job)
+  return <div className="space-y-2">
+    <div className="flex flex-wrap items-center gap-2"><ResourceLink kind="jobs" group="batch" namespace={job.metadata.namespace} name={job.metadata.name} onNavigate={onNavigate} />{job.metadata.deletionTimestamp ? <Badge severity="alert">Deleting</Badge> : <span className={`badge ${status.color}`}>{status.text}</span>}</div>
+    {job.metadata.creationTimestamp && <p className="text-xs text-theme-text-secondary">Created <Tooltip content={job.metadata.creationTimestamp}><time dateTime={job.metadata.creationTimestamp}>{formatRelativeAgeTime(job.metadata.creationTimestamp)}</time></Tooltip></p>}
+    <p className="text-xs text-theme-text-secondary">Open this Job for submitter Pods and logs. Ownership identifies the RayJob, not a particular attempt.</p>
+    {(job.metadata.deletionTimestamp || ['Retrying', 'Suspending'].includes(root.status?.jobDeploymentStatus)) && <p className="text-xs text-theme-text-secondary">The submitter may be part of the attempt being cleaned up.</p>}
+  </div>
+}
+
+function SelectedCluster({ namespace, name }: { namespace: string; name: string }) {
+  const query = useResource<any>('rayclusters', namespace, name, 'ray.io')
+  if (query.error) return <AlertBanner variant="warning" title="Selected cluster unavailable" message={query.error instanceof ApiError && query.error.status === 404 ? 'The selected existing RayCluster was not found. RayJob initialization requires that cluster.' : query.error.message} />
+  if (!query.data) return <p className="text-xs text-theme-text-secondary">Checking selected RayCluster…</p>
+  return <p className="text-xs text-theme-text-secondary">Selected RayCluster is present. It may be shared; its health is separate from this application.</p>
+}
+
+export function RayJobRenderer({ data, onNavigate }: { data: any; onNavigate?: (ref: ResourceRef) => void }) {
+  const local = rayJobIsLocal(data)
+  const selected = data.spec?.clusterSelector?.['ray.io/cluster']
+  return <BaseRenderer data={data} onNavigate={onNavigate}
+    admissionContent={<KueueAdmission resource={data} namespace={data.metadata.namespace} name={data.metadata.name} onNavigate={onNavigate} presentation="card" />}
+    submitterEvidence={local && rayJobSubmissionMode(data) === 'K8sJobMode' && data.metadata.uid ? <Submitter root={data} onNavigate={onNavigate} /> : undefined}
+    selectedClusterEvidence={local && selected ? <SelectedCluster namespace={data.metadata.namespace} name={selected} /> : undefined} />
+}