@skyhook-io/radar-app 1.11.0 → 1.12.2

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/home/ClusterHealthCard.tsx

@@ -90,6 +90,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 }
   }

package/src/components/home/CostCard.tsx

@@ -1,7 +1,8 @@
 import type { OpenCostSummary } from '../../api/client'
 import { useOpenCostSummary } from '../../api/client'
-import { DollarSign } from 'lucide-react'
+import { Coins } from 'lucide-react'
 import {
+  DEFAULT_COST_CURRENCY,
   formatCostPerHour,
   formatProjectedDailyRate,
   formatProjectedMonthlyCost,
@@ -21,6 +22,7 @@ export function CostCard({ onNavigate }: { onNavigate?: () => void }) {
 
 function CostCardContent({ data, onNavigate }: { data: OpenCostSummary; onNavigate?: () => void }) {
   const hourlyCost = data.totalHourlyCost ?? 0
+  const currency = data.currency ?? DEFAULT_COST_CURRENCY
   const namespaces = data.namespaces ?? []
   const topNamespaces = namespaces.slice(0, 5)
 
@@ -35,7 +37,7 @@ function CostCardContent({ data, onNavigate }: { data: OpenCostSummary; onNaviga
       <div className="flex flex-col h-full w-full">
         <div className="flex items-center justify-between px-5 py-3 border-b border-theme-border/50">
           <div className="flex items-center gap-2">
-            <DollarSign className="w-4 h-4 text-accent-text" />
+            <Coins className="w-4 h-4 text-accent-text" />
             <span className="text-xs font-semibold uppercase tracking-wider text-accent-text">Cost Insights</span>
             {namespaces.length > 0 && (
               <span className="badge-sm border border-theme-border bg-accent-muted text-accent-text">
@@ -50,14 +52,14 @@ function CostCardContent({ data, onNavigate }: { data: OpenCostSummary; onNaviga
           <div className="flex items-baseline gap-3 mb-3">
             <div className="flex items-baseline gap-1">
               <span className="text-2xl font-bold text-theme-text-primary tabular-nums">
-                {formatProjectedMonthlyCost(hourlyCost)}
+                {formatProjectedMonthlyCost(hourlyCost, currency)}
               </span>
               <span className="text-xs text-theme-text-tertiary">/mo</span>
             </div>
             <div className="flex items-baseline gap-1.5 text-theme-text-secondary">
-              <span className="text-xs font-medium tabular-nums">{formatProjectedDailyRate(hourlyCost)}</span>
+              <span className="text-xs font-medium tabular-nums">{formatProjectedDailyRate(hourlyCost, currency)}</span>
               <span className="text-[10px] text-theme-text-quaternary">·</span>
-              <span className="text-xs font-medium tabular-nums">{formatCostPerHour(hourlyCost)}</span>
+              <span className="text-xs font-medium tabular-nums">{formatCostPerHour(hourlyCost, currency)}</span>
             </div>
           </div>
 
@@ -72,7 +74,7 @@ function CostCardContent({ data, onNavigate }: { data: OpenCostSummary; onNaviga
                     <div className="h-full rounded-full bg-indigo-500/60" style={{ width: `${Math.max(pct, 2)}%` }} />
                   </div>
                   <span className="text-[10px] text-theme-text-tertiary tabular-nums w-20 text-right shrink-0">
-                    {formatProjectedMonthlyRate(ns.hourlyCost)}
+                    {formatProjectedMonthlyRate(ns.hourlyCost, currency)}
                   </span>
                 </div>
               )
@@ -85,7 +87,10 @@ function CostCardContent({ data, onNavigate }: { data: OpenCostSummary; onNaviga
 
         <div className="px-4 py-1.5 border-t border-theme-border/50 flex items-center justify-between">
           <span className="text-[10px] text-theme-text-tertiary">
-            {data.currency ?? 'USD'} &middot; projected monthly from {data.window ?? '1h'} window
+            {currency} &middot; projected monthly from {data.window ?? '1h'} window
+            {currency !== DEFAULT_COST_CURRENCY && (
+              <> &middot; no conversion</>
+            )}
           </span>
           <span className="flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-wider text-accent-text">
             OpenCost

package/src/components/home/mcpToolCatalog.ts

@@ -147,6 +147,18 @@ export const MCP_TOOL_CATALOG: MCPToolInfo[] = [
       { arg: 'limit', desc: 'max findings (default 30, max 100)' },
     ],
   },
+  {
+    name: 'get_cluster_upgrade_readiness',
+    desc: 'Upgrade impact analysis for a target Kubernetes minor: the evidenced check catalog (version skew, removed/deprecated APIs, node runtime, drain feasibility, webhook readiness) with per-check coverage and caveats, expandable into findings with evidence and remediation. The first call runs a live scan; results are briefly cached per caller.',
+    params: [
+      { arg: 'target', desc: 'target Kubernetes minor (default: next minor above current)' },
+      { arg: 'check', desc: 'check id to expand into findings' },
+      { arg: 'level', desc: 'filter expanded findings: blocker, warning, or review' },
+      { arg: 'offset', desc: 'page through findings beyond the per-call cap' },
+      { arg: 'scan_id', desc: 'binds paging to one scan snapshot (required with offset)' },
+      { arg: 'refresh', desc: 'bypass the cached scan after changing something' },
+    ],
+  },
   {
     name: 'list_helm_releases',
     desc: 'All Helm releases with status, resource health, storage namespace, Flux ownership, current lastOperation, and capped operation trails for failed upgrades, rollbacks, or stuck pending operations.',

package/src/components/nav/PrimaryNavRail.tsx

@@ -10,7 +10,7 @@ import {
   GitBranch,
   Boxes,
   Activity,
-  DollarSign,
+  Coins,
   Gauge,
   ShieldCheck,
   Settings,
@@ -80,7 +80,7 @@ const NAV_ITEMS: NavItemDef[] = [
   { view: "gitops", icon: GitBranch, label: "GitOps" },
   { view: "checks", icon: ShieldCheck, label: "Checks" },
   { view: "capacity", icon: Gauge, label: "Capacity" },
-  { view: "cost", icon: DollarSign, label: "Cost" },
+  { view: "cost", icon: Coins, label: "Cost" },
 ];
 
 interface PrimaryNavRailProps {

package/src/components/rightsizing/RightsizingScanView.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useLayoutEffect, useMemo, useState } from 'react'
 import { useNavigate, useSearchParams } from 'react-router-dom'
-import { AlertTriangle, DollarSign, ExternalLink, Gauge, Loader2, RefreshCw } from 'lucide-react'
+import { AlertTriangle, Coins, ExternalLink, Gauge, Loader2, RefreshCw } from 'lucide-react'
 import {
   Collapse,
   CollapseChevron,
@@ -194,7 +194,7 @@ export function RightsizingScanView({ namespaces }: RightsizingScanViewProps) {
     <div className="flex-1 min-h-0 overflow-y-auto">
       <div className="mx-auto flex w-full max-w-[1920px] flex-col gap-4 px-6 py-6">
         <PageHeader
-          icon={DollarSign}
+          icon={Coins}
           title="Cost Insights"
           description="Understand current allocation and find CPU and memory requests worth tuning."
         />