@skyhook-io/radar-app 1.11.0 → 1.12.3

package/src/components/cost/WorkloadCostTab.test.ts

@@ -6,6 +6,7 @@ describe('getWorkloadCostState', () => {
   it('treats scaled-to-zero as a valid zero state', () => {
     const current: OpenCostWorkloadDetailResponse = {
       available: true,
+      currency: 'USD',
       namespace: 'default',
       kind: 'Deployment',
       name: 'checkout',
@@ -24,6 +25,7 @@ describe('getWorkloadCostState', () => {
     }
     const trend: OpenCostWorkloadTrendResponse = {
       available: false,
+      currency: 'USD',
       reason: 'no_metrics',
       namespace: 'default',
       kind: 'Deployment',
@@ -37,6 +39,7 @@ describe('getWorkloadCostState', () => {
   it('keeps current cost visible when only historical owner metrics are missing', () => {
     const current: OpenCostWorkloadDetailResponse = {
       available: true,
+      currency: 'USD',
       namespace: 'default',
       kind: 'Deployment',
       name: 'checkout',
@@ -55,6 +58,7 @@ describe('getWorkloadCostState', () => {
     }
     const trend: OpenCostWorkloadTrendResponse = {
       available: false,
+      currency: 'USD',
       reason: 'no_metrics',
       namespace: 'default',
       kind: 'Deployment',
@@ -68,6 +72,7 @@ describe('getWorkloadCostState', () => {
   it('keeps current cost visible while historical owner metrics are still loading', () => {
     const current: OpenCostWorkloadDetailResponse = {
       available: true,
+      currency: 'USD',
       namespace: 'default',
       kind: 'Deployment',
       name: 'checkout',
@@ -91,6 +96,7 @@ describe('getWorkloadCostState', () => {
   it('uses historical data when current metrics are absent but history exists', () => {
     const current: OpenCostWorkloadDetailResponse = {
       available: false,
+      currency: 'USD',
       reason: 'no_metrics',
       namespace: 'default',
       kind: 'Deployment',
@@ -98,6 +104,7 @@ describe('getWorkloadCostState', () => {
     }
     const trend: OpenCostWorkloadTrendResponse = {
       available: true,
+      currency: 'USD',
       namespace: 'default',
       kind: 'Deployment',
       name: 'checkout',
@@ -118,6 +125,7 @@ describe('getWorkloadCostState', () => {
   it('surfaces workload access and existence failures', () => {
     const current: OpenCostWorkloadDetailResponse = {
       available: false,
+      currency: 'USD',
       reason: 'access_denied',
       namespace: 'prod',
       kind: 'Deployment',
@@ -126,6 +134,7 @@ describe('getWorkloadCostState', () => {
 
     const missing: OpenCostWorkloadTrendResponse = {
       available: false,
+      currency: 'USD',
       reason: 'not_found',
       namespace: 'prod',
       kind: 'Deployment',
@@ -142,6 +151,7 @@ describe('getWorkloadCostState', () => {
   it('shows Prometheus discovery as soon as one query reports it', () => {
     const current: OpenCostWorkloadDetailResponse = {
       available: false,
+      currency: 'USD',
       reason: 'no_prometheus',
       namespace: 'default',
       kind: 'Deployment',

package/src/components/cost/WorkloadCostTab.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { AlertCircle, DollarSign, HelpCircle, Loader2, TrendingUp } from 'lucide-react'
+import { AlertCircle, Coins, HelpCircle, Loader2, TrendingUp } from 'lucide-react'
 import {
   useOpenCostWorkload,
   useOpenCostWorkloadTrend,
@@ -12,6 +12,7 @@ import {
 import { Tooltip } from '../ui/Tooltip'
 import { CostTimeRangeSelector, StackedAreaChart } from './CostTrendChart'
 import {
+  DEFAULT_COST_CURRENCY,
   formatCostPerHour,
   formatHistoricalSpend,
   formatProjectedDailyRate,
@@ -110,10 +111,13 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
   const windowTotal = trend?.available ? (trend.windowTotalCost ?? 0) : 0
   const cpuCost = current?.cpuCost ?? 0
   const memoryCost = current?.memoryCost ?? 0
+  const currentCurrency = currentQuery.data?.currency ?? trend?.currency ?? DEFAULT_COST_CURRENCY
+  const trendCurrency = trend?.currency ?? currentQuery.data?.currency ?? DEFAULT_COST_CURRENCY
   const windowSpendValue = formatHistoricalSpend(
     points.length,
     windowTotal,
     trendLoading || state === 'partial_missing_history',
+    trendCurrency,
   )
 
   return (
@@ -127,10 +131,11 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
                 <div className="text-sm font-semibold text-theme-text-primary">
                   Historical compute cost
                 </div>
-                <MetricInfoTooltip content="Dollars are based on OpenCost CPU and memory allocation over time, not raw utilization. OpenCost allocation uses the greater of requested or observed resources." />
+                <MetricInfoTooltip content="Values are based on OpenCost CPU and memory allocation over time, not raw utilization. OpenCost allocation uses the greater of requested or observed resources." />
               </div>
               <div className="text-xs text-theme-text-tertiary">
-                OpenCost CPU and memory allocation rate ($/hr) attributed by workload ownership
+                OpenCost CPU and memory allocation rate ({trendCurrency}/hr) attributed by workload
+                ownership
               </div>
             </div>
           </div>
@@ -148,10 +153,10 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
             />
             <MetricBlock
               label="Projected monthly"
-              value={hasCurrent ? formatProjectedMonthlyCost(hourly) : '—'}
+              value={hasCurrent ? formatProjectedMonthlyCost(hourly, currentCurrency) : '—'}
               subvalue={
                 hasCurrent
-                  ? `${formatCostPerHour(hourly)} current rate`
+                  ? `${formatCostPerHour(hourly, currentCurrency)} current rate`
                   : 'Current allocation unavailable'
               }
             />
@@ -163,7 +168,10 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
                 Loading historical cost…
               </div>
             ) : hasTrend ? (
-              <StackedAreaChart series={[{ namespace: 'Allocation rate', dataPoints: points }]} />
+              <StackedAreaChart
+                series={[{ namespace: 'Allocation rate', dataPoints: points }]}
+                currency={trendCurrency}
+              />
             ) : (
               <div className="flex h-[240px] items-center justify-center rounded-md border border-dashed border-theme-border bg-theme-base/60 text-sm text-theme-text-tertiary">
                 No historical workload owner cost points for this range.
@@ -195,16 +203,17 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
         <MetricTile label="Replicas" value={hasCurrent ? String(current?.replicas ?? 0) : '—'} />
         <MetricTile
           label="Projected daily"
-          value={hasCurrent ? formatProjectedDailyRate(hourly) : '—'}
+          value={hasCurrent ? formatProjectedDailyRate(hourly, currentCurrency) : '—'}
           subvalue={
             hasCurrent
-              ? `${formatCostPerHour(hourly)} current hourly rate`
+              ? `${formatCostPerHour(hourly, currentCurrency)} current hourly rate`
               : 'Current allocation unavailable'
           }
         />
       </div>
 
       <CurrentAllocationUse
+        currency={currentCurrency}
         dataAvailable={hasCurrent}
         cpuCost={cpuCost}
         memoryCost={memoryCost}
@@ -216,9 +225,12 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
       />
 
       <div className="text-xs text-theme-text-tertiary">
-        Powered by OpenCost via Prometheus. Historical spend uses the selected range; projected
-        monthly values multiply the current hourly allocation. Storage/PVC attribution remains at
-        namespace and cluster level.
+        Powered by OpenCost via Prometheus.{' '}
+        {currentCurrency !== DEFAULT_COST_CURRENCY && (
+          <>Labeled {currentCurrency}; no conversion. </>
+        )}
+        Historical spend uses the selected range; projected monthly values multiply the current
+        hourly allocation. Storage/PVC attribution remains at namespace and cluster level.
       </div>
     </div>
   )
@@ -313,7 +325,7 @@ function WorkloadCostUnavailable({ state }: { state: CostUnavailableReason | 'lo
   return (
     <div className="flex h-full min-h-[320px] items-center justify-center">
       <div className="flex max-w-md flex-col items-center gap-3 text-center text-theme-text-secondary">
-        <DollarSign className="h-8 w-8 text-theme-text-tertiary/50" />
+        <Coins className="h-8 w-8 text-theme-text-tertiary/50" />
         <div className="text-sm">{message}</div>
       </div>
     </div>

package/src/components/cost/format.test.ts

@@ -1,5 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import {
+  formatCostAxis,
   formatCostPerHour,
   formatHistoricalSpend,
   formatProjectedDailyRate,
@@ -9,19 +10,37 @@ import {
 
 describe('cost formatters', () => {
   it('formats projected run rates from hourly allocation', () => {
-    expect(formatProjectedDailyRate(0.1)).toBe('~$2.40/day')
-    expect(formatProjectedMonthlyCost(1)).toBe('~$730.00')
-    expect(formatProjectedMonthlyRate(0.1)).toBe('~$73.00/mo')
+    expect(formatProjectedDailyRate(0.1, 'USD')).toBe('~$2.40/day')
+    expect(formatProjectedMonthlyCost(1, 'USD')).toBe('~$730.00')
+    expect(formatProjectedMonthlyRate(0.1, 'USD')).toBe('~$73.00/mo')
   })
 
   it('keeps hourly rates explicit', () => {
-    expect(formatCostPerHour(0.1)).toBe('$0.100/hr')
+    expect(formatCostPerHour(0.1, 'USD')).toBe('$0.100/hr')
   })
 
   it('does not turn insufficient history into zero spend', () => {
-    expect(formatHistoricalSpend(1, 0, false)).toBe('—')
-    expect(formatHistoricalSpend(2, 0, false)).toBe('$0.00')
-    expect(formatHistoricalSpend(2, 1.25, false)).toBe('~$1.25')
-    expect(formatHistoricalSpend(2, 1.25, true)).toBe('—')
+    expect(formatHistoricalSpend(1, 0, false, 'USD')).toBe('—')
+    expect(formatHistoricalSpend(2, 0, false, 'USD')).toBe('$0.00')
+    expect(formatHistoricalSpend(2, 1.25, false, 'USD')).toBe('~$1.25')
+    expect(formatHistoricalSpend(2, 1.25, true, 'USD')).toBe('—')
+  })
+
+  it('uses the configured currency and its major-unit precision', () => {
+    expect(formatProjectedDailyRate(0.1, 'EUR')).toBe('~€2.40/day')
+    expect(formatCostPerHour(0.1, 'GBP')).toBe('£0.100/hr')
+    expect(formatProjectedMonthlyCost(1, 'JPY')).toBe('~¥730')
+    expect(formatCostPerHour(0.1, 'JPY')).toBe('¥0.100/hr')
+    expect(formatHistoricalSpend(2, 0, false, 'JPY')).toBe('¥0')
+    expect(formatCostAxis(0.000001, 'GBP')).toBe('<£0.00001')
+  })
+
+  it('normalizes codes and labels malformed currencies without impersonating USD', () => {
+    expect(formatProjectedMonthlyCost(1, ' eur ')).toBe('~€730.00')
+    expect(formatProjectedMonthlyCost(1, 'not-a-code')).toBe('~NOT-A-CODE 730.00')
+  })
+
+  it('falls back to USD when an older backend omits currency', () => {
+    expect(formatProjectedMonthlyCost(1, undefined)).toBe('~$730.00')
   })
 })

package/src/components/cost/format.ts

@@ -1,46 +1,97 @@
 export const COST_HOURS_PER_DAY = 24
 export const COST_HOURS_PER_MONTH = 730
+export const DEFAULT_COST_CURRENCY = 'USD'
 
-export function formatCostAxis(value: number): string {
-  if (!Number.isFinite(value) || value <= 0) return '$0'
-  if (value >= 1000) return `$${(value / 1000).toFixed(0)}k`
-  if (value >= 1) return `$${value.toFixed(1)}`
-  if (value >= 0.01) return `$${value.toFixed(2)}`
-  if (value >= 0.0001) return `$${value.toFixed(4)}`
-  if (value >= 0.00001) return `$${value.toFixed(5)}`
-  return '<$0.00001'
+type CurrencyFormat = { formatter: Intl.NumberFormat; prefix: string }
+
+const currencyFormatters = new Map<string, CurrencyFormat>()
+
+function currencyFormatter(currency: string | undefined, digits?: number): CurrencyFormat {
+  const normalized = (currency ?? '').trim().toUpperCase() || DEFAULT_COST_CURRENCY
+  const key = `${normalized}:${digits ?? 'default'}`
+  const cached = currencyFormatters.get(key)
+  if (cached) return cached
+
+  try {
+    const options: Intl.NumberFormatOptions = {
+      style: 'currency',
+      currency: normalized,
+    }
+    if (digits !== undefined) {
+      options.minimumFractionDigits = digits
+      options.maximumFractionDigits = digits
+    }
+    const formatter = new Intl.NumberFormat('en-US', options)
+    const result = { formatter, prefix: '' }
+    currencyFormatters.set(key, result)
+    return result
+  } catch {
+    const fallbackDigits = digits ?? 2
+    const options: Intl.NumberFormatOptions = {
+      minimumFractionDigits: fallbackDigits,
+      maximumFractionDigits: fallbackDigits,
+    }
+    const result = {
+      formatter: new Intl.NumberFormat('en-US', options),
+      prefix: `${normalized} `,
+    }
+    currencyFormatters.set(key, result)
+    return result
+  }
+}
+
+function formatCurrency(value: number, currency: string | undefined, digits?: number): string {
+  const { formatter, prefix } = currencyFormatter(currency, digits)
+  return `${prefix}${formatter.format(value)}`
+}
+
+export function formatCostAxis(value: number, currency: string | undefined): string {
+  if (!Number.isFinite(value) || value <= 0) return formatCurrency(0, currency, 0)
+  if (value >= 1000) return `${formatCurrency(value / 1000, currency, 0)}k`
+  if (value >= 1) return formatCurrency(value, currency, 1)
+  if (value >= 0.01) return formatCurrency(value, currency, 2)
+  if (value >= 0.0001) return formatCurrency(value, currency, 4)
+  if (value >= 0.00001) return formatCurrency(value, currency, 5)
+  return `<${formatCurrency(0.00001, currency, 5)}`
 }
 
-export function formatCost(value: number): string {
-  if (!Number.isFinite(value) || value <= 0) return '$0.00'
-  if (value >= 1000) return `$${(value / 1000).toFixed(1)}k`
-  if (value >= 1) return `$${value.toFixed(2)}`
-  if (value >= 0.01) return `$${value.toFixed(3)}`
-  if (value >= 0.0001) return `$${value.toFixed(4)}`
-  return formatCostAxis(value)
+export function formatCost(value: number, currency: string | undefined): string {
+  if (!Number.isFinite(value) || value <= 0) return formatCurrency(0, currency)
+  if (value >= 1000) return `${formatCurrency(value / 1000, currency, 1)}k`
+  if (value >= 1) return formatCurrency(value, currency)
+  if (value >= 0.01) return formatCurrency(value, currency, 3)
+  if (value >= 0.0001) return formatCurrency(value, currency, 4)
+  return formatCostAxis(value, currency)
 }
 
-export function formatCostPerHour(value: number): string {
-  return `${formatCost(value)}/hr`
+export function formatCostPerHour(value: number, currency: string | undefined): string {
+  return `${formatCost(value, currency)}/hr`
 }
 
-export function formatHistoricalSpend(pointCount: number, windowTotalCost: number, unavailable: boolean): string {
+export function formatHistoricalSpend(
+  pointCount: number,
+  windowTotalCost: number,
+  unavailable: boolean,
+  currency: string | undefined,
+): string {
   if (unavailable || pointCount < 2) return '—'
-  return windowTotalCost > 0 ? `~${formatCost(windowTotalCost)}` : formatCost(0)
+  return windowTotalCost > 0
+    ? `~${formatCost(windowTotalCost, currency)}`
+    : formatCost(0, currency)
 }
 
-export function formatProjectedDailyCost(hourlyCost: number): string {
-  return `~${formatCost(hourlyCost * COST_HOURS_PER_DAY)}`
+export function formatProjectedDailyCost(hourlyCost: number, currency: string | undefined): string {
+  return `~${formatCost(hourlyCost * COST_HOURS_PER_DAY, currency)}`
 }
 
-export function formatProjectedDailyRate(hourlyCost: number): string {
-  return `${formatProjectedDailyCost(hourlyCost)}/day`
+export function formatProjectedDailyRate(hourlyCost: number, currency: string | undefined): string {
+  return `${formatProjectedDailyCost(hourlyCost, currency)}/day`
 }
 
-export function formatProjectedMonthlyCost(hourlyCost: number): string {
-  return `~${formatCost(hourlyCost * COST_HOURS_PER_MONTH)}`
+export function formatProjectedMonthlyCost(hourlyCost: number, currency: string | undefined): string {
+  return `~${formatCost(hourlyCost * COST_HOURS_PER_MONTH, currency)}`
 }
 
-export function formatProjectedMonthlyRate(hourlyCost: number): string {
-  return `${formatProjectedMonthlyCost(hourlyCost)}/mo`
+export function formatProjectedMonthlyRate(hourlyCost: number, currency: string | undefined): string {
+  return `${formatProjectedMonthlyCost(hourlyCost, currency)}/mo`
 }

package/src/components/diagnose/DiagnoseSurface.tsx

@@ -33,6 +33,7 @@ import { ConsentCard } from "./parts";
 import { buildLaunchCommand, launchAgentLabel, openInTerminal } from "./launch";
 import { type RunSummary, type ExecutionProfile } from "../../api/diagnose";
 import { routePath } from "../../api/config";
+import { useCapabilitiesContext } from "../../contexts/CapabilitiesContext";
 
 function capWord(s: string): string {
   return s ? s[0].toUpperCase() + s.slice(1) : s;
@@ -68,6 +69,7 @@ function buildConfigLine(cfg: {
 function InvestigationMenu({ run }: { run: RunSummary }) {
   const [open, setOpen] = useState(false);
   const [copied, setCopied] = useState(false);
+  const { localTerminal } = useCapabilitiesContext();
   const label = launchAgentLabel(run);
   const command = buildLaunchCommand(run, `${window.location.origin}${routePath('/mcp')}`);
   // No resumable session yet (or stale run) → nothing to hand off.
@@ -122,16 +124,18 @@ function InvestigationMenu({ run }: { run: RunSummary }) {
                 )}
               </span>
             </button>
-            <button
-              onClick={() => {
-                openInTerminal(command, "Diagnose");
-                setOpen(false);
-              }}
-              className="flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm text-theme-text-primary hover:bg-theme-hover"
-            >
-              <TerminalSquare className="h-4 w-4 shrink-0 text-theme-text-tertiary" />
-              Run in a Radar terminal
-            </button>
+            {localTerminal && (
+              <button
+                onClick={() => {
+                  openInTerminal(command, "Diagnose");
+                  setOpen(false);
+                }}
+                className="flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm text-theme-text-primary hover:bg-theme-hover"
+              >
+                <TerminalSquare className="h-4 w-4 shrink-0 text-theme-text-tertiary" />
+                Run in a Radar terminal
+              </button>
+            )}
           </div>
         </>
       )}

package/src/components/gitops/GitOpsView.tsx

@@ -23,7 +23,7 @@ import {
   isArgoSuspendedByRadar,
   gitOpsInsightChangeKey,
   initNavigationMap,
-  kindToPlural,
+  kindToPluralWithGroup,
   normalizeArgoApplication,
   normalizeFluxHelmRelease,
   normalizeFluxKustomization,
@@ -458,7 +458,7 @@ function GitOpsDetailView({ namespaces, onOpenResource, onOpenSettings }: GitOps
 
   function openResourceFromTree(ref: GitOpsTreeRef | GitOpsInsightRef) {
     if (isGitOpsDetailRef(ref) && isValidKubernetesName(ref.name)) {
-      const detailKind = kindToPlural(ref.kind)
+      const detailKind = kindToPluralWithGroup(ref.kind, ref.group ?? '')
       // The tree's root node is this page's own subject — clicking it must not
       // open a nested copy of the same detail page (which stacks an identical
       // "GitOps / X / X" breadcrumb, and again, ad infinitum). A self-reference
@@ -483,7 +483,12 @@ function GitOpsDetailView({ namespaces, onOpenResource, onOpenSettings }: GitOps
       navigate({ pathname: gitOpsDetailPath(detailKind, ref.namespace || '_', ref.name), search: params.toString() })
       return
     }
-    onOpenResource({ kind: kindToPlural(ref.kind), namespace: ref.namespace || '', name: ref.name, group: ref.group })
+    onOpenResource({
+      kind: kindToPluralWithGroup(ref.kind, ref.group ?? ''),
+      namespace: ref.namespace || '',
+      name: ref.name,
+      group: ref.group,
+    })
   }
 
   const isRunning = resourceQ.data?.status?.operationState?.phase === 'Running'

package/src/components/helm/HelmReleaseDrawer.tsx

@@ -15,7 +15,7 @@ import { ConfirmDialog } from '../ui/ConfirmDialog'
 import { Tooltip } from '../ui/Tooltip'
 import { Markdown } from '../ui/Markdown'
 import type { SelectedHelmRelease, HelmHook, ChartDependency, HelmOperation, HelmOperationInsight, HelmOwnedResource, HookDiagnostic, HookLogEvidence, UpgradeInfo, ValuesPreviewResponse } from '../../types'
-import { apiVersionToGroup, kindToPlural, type NavigateToResource } from '../../utils/navigation'
+import { apiVersionToGroup, kindToPluralWithGroup, type NavigateToResource } from '../../utils/navigation'
 import { formatDate } from './helm-utils'
 import { getHelmStatusColor, getKindBadgeColor, getResourceStatusColor, SEVERITY_BADGE, SEVERITY_TEXT } from '../../utils/badge-colors'
 import { useCanHelmAct, useCloudRole } from '../../api/client'
@@ -1245,11 +1245,12 @@ function PrimaryOperationResourceSignal({
   const resourceTooltip = `Open ${resource.kind} ${resourceTarget}`
   const showInlineReady = Boolean(resource.ready && !resource.summary)
   const openResource = () => {
+    const group = apiVersionToGroup(resource.apiVersion)
     onNavigateToResource?.({
-      kind: kindToPlural(resource.kind),
+      kind: kindToPluralWithGroup(resource.kind, group),
       namespace: resource.namespace,
       name: resource.name,
-      group: apiVersionToGroup(resource.apiVersion),
+      group,
     })
   }
 

package/src/components/helm/OwnedResources.tsx

@@ -4,7 +4,7 @@ import { getResourceIcon } from '../../utils/resource-icons'
 import { clsx } from 'clsx'
 import type { HelmOwnedResource } from '../../types'
 import type { NavigateToResource } from '../../utils/navigation'
-import { kindToPlural, apiVersionToGroup } from '../../utils/navigation'
+import { kindToPluralWithGroup, apiVersionToGroup } from '../../utils/navigation'
 import { getResourceStatusColor, SEVERITY_BADGE } from '../../utils/badge-colors'
 import { useQueryClient } from '@tanstack/react-query'
 import { useOpenTerminal, useOpenLogs } from '../dock'
@@ -207,7 +207,15 @@ function ResourceItem({ resource, onNavigate }: ResourceItemProps) {
 
   const handleClick = () => {
     if (onNavigate) {
-      onNavigate({ kind: kindToPlural(resource.kind), namespace: resource.namespace, name: resource.name, group: apiVersionToGroup(resource.apiVersion) })
+      onNavigate({
+        kind: kindToPluralWithGroup(
+          resource.kind,
+          apiVersionToGroup(resource.apiVersion),
+        ),
+        namespace: resource.namespace,
+        name: resource.name,
+        group: apiVersionToGroup(resource.apiVersion),
+      })
     }
   }
 

package/src/components/home/ClusterHealthCard.test.ts

@@ -0,0 +1,31 @@
+import { describe, expect, it } from "vitest";
+import { minorsBehind } from "./ClusterHealthCard";
+
+describe("minorsBehind", () => {
+  it("counts minors between plain versions", () => {
+    expect(minorsBehind("1.33", "1.37")).toBe(4);
+    expect(minorsBehind("1.36", "1.37")).toBe(1);
+  });
+
+  it("returns 0 when current matches or exceeds the catalog", () => {
+    expect(minorsBehind("1.37", "1.37")).toBe(0);
+    expect(minorsBehind("1.38", "1.37")).toBe(0);
+  });
+
+  it("handles distribution version suffixes", () => {
+    expect(minorsBehind("v1.33.6+k3s1", "1.37")).toBe(4);
+    expect(minorsBehind("1.31.5-gke.1023000", "1.37")).toBe(6);
+    expect(minorsBehind("v1.32.4-eks-abc123", "1.37")).toBe(5);
+  });
+
+  it("stays quiet on cross-major or unparseable input", () => {
+    expect(minorsBehind("2.0.0", "1.37")).toBe(0);
+    expect(minorsBehind("unknown", "1.37")).toBe(0);
+    expect(minorsBehind("", "1.37")).toBe(0);
+  });
+
+  it("stays quiet when the catalog version is missing", () => {
+    expect(minorsBehind("1.33", undefined)).toBe(0);
+    expect(minorsBehind("1.33", "")).toBe(0);
+  });
+});

package/src/components/home/ClusterHealthCard.tsx

@@ -13,6 +13,7 @@ import { MCPSetupDialog } from './MCPSetupDialog'
 import { assetUrl, pluralize, parseContextName } from '@skyhook-io/k8s-ui'
 import { Tooltip } from '../ui/Tooltip'
 import { routePath } from '../../api/config'
+import { parseMajorMinor } from '../../utils/version'
 import gkeIcon from '../../assets/platform-icons/google_kubernetes_engine.png'
 import eksIcon from '../../assets/platform-icons/aws_eks.png'
 import aksIcon from '../../assets/platform-icons/azure-aks.svg'
@@ -33,11 +34,14 @@ interface ClusterHealthCardProps {
   nodeVersionSkew: DashboardResponse['nodeVersionSkew']
   onNavigateToKind: (kind: string, group?: string) => void
   onNavigateToView: () => void
+  // Left unset in Cloud takeover mode, where /checks is owned by the host.
+  onNavigateToUpgradeImpact?: () => void
   onWarningEventsClick?: () => void
   onIssuesClick?: () => void
   // Freshness/refresh control for the dashboard poll — rendered under the
   // cluster metadata so the overview carries a freshness signal without a band.
   freshness?: ReactNode
+  radarVersion?: ReactNode
 }
 
 function getMetricsInstallHint(platform: string): string {
@@ -90,6 +94,9 @@ function getPlatformInfo(platform: string): { name: string; icon: string | null
   if (platformLower.includes('openshift')) {
     return { name: 'OpenShift', icon: null }
   }
+  if (platformLower.includes('rke2')) {
+    return { name: 'RKE2', icon: null }
+  }
   if (platformLower.includes('rancher')) {
     return { name: 'Rancher', icon: null }
   }
@@ -127,9 +134,11 @@ export function ClusterHealthCard({
   nodeVersionSkew,
   onNavigateToKind,
   onNavigateToView,
+  onNavigateToUpgradeImpact,
   onWarningEventsClick,
   onIssuesClick,
   freshness,
+  radarVersion,
 }: ClusterHealthCardProps) {
   void _topCRDs // Reserved for future CRD display
 
@@ -248,8 +257,13 @@ export function ClusterHealthCard({
                 </Tooltip>
               )}
               {cluster.version && (
-                <span>Kubernetes {cluster.version}</span>
+                <KubernetesVersionLine
+                  version={cluster.version}
+                  reviewedThrough={cluster.upgradeReviewedThrough}
+                  onNavigate={onNavigateToUpgradeImpact}
+                />
               )}
+              {radarVersion}
               <span><span className="font-mono">{counts.namespaces}</span> namespaces</span>
               {/* Show raw kubeconfig context as muted metadata only when
                   it differs from the headline AND we're in local mode
@@ -516,6 +530,54 @@ export function ClusterHealthCard({
   )
 }
 
+// How many minors the running version trails the newest one the upgrade-impact
+// catalog covers. Cross-major comparisons return 0 — better a missing hint than
+// a wrong count on an exotic version string.
+export function minorsBehind(current: string, reviewedThrough?: string): number {
+  const cur = parseMajorMinor(current)
+  const latest = reviewedThrough ? parseMajorMinor(reviewedThrough) : null
+  if (!cur || !latest || latest.major !== cur.major) return 0
+  return Math.max(0, latest.minor - cur.minor)
+}
+
+function KubernetesVersionLine({
+  version,
+  reviewedThrough,
+  onNavigate,
+}: {
+  version: string
+  reviewedThrough?: string
+  onNavigate?: () => void
+}) {
+  if (!onNavigate) {
+    return <span>Kubernetes {version}</span>
+  }
+
+  const behind = minorsBehind(version, reviewedThrough)
+
+  return (
+    <Tooltip
+      content={
+        behind > 0
+          ? `Radar's upgrade checks cover Kubernetes through ${reviewedThrough}. Click to assess the next minor upgrade.`
+          : 'Assess the next minor Kubernetes upgrade.'
+      }
+      wrapperClassName="w-fit"
+    >
+      <button
+        onClick={onNavigate}
+        className="group flex items-center gap-1 hover:text-theme-text-secondary transition-colors"
+      >
+        <span>Kubernetes {version}</span>
+        {behind > 0 && (
+          <span>· Upgrade impact</span>
+        )}
+        <ArrowRight className="w-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity" />
+      </button>
+    </Tooltip>
+  )
+}
+
 function RestrictedRing({ label }: { label: string }) {
   const radius = 36
   const circumference = 2 * Math.PI * radius