@skyhook-io/radar-app 1.12.3 → 1.13.1

package/src/components/cost/WorkloadCostTab.tsx

@@ -20,6 +20,14 @@ import {
 } from './format'
 import { CurrentAllocationUse } from './CurrentAllocationUse'
 import { costUnavailableReasonFromError } from './errors'
+import {
+  costFreshnessLabel,
+  costIntegrationUnavailableMessage,
+  costRateLabels,
+  costSourceLabel,
+  isCostDiscoveryPending,
+} from './source'
+import { useNavCustomization } from '../../context/NavCustomization'
 
 type WorkloadCostState =
   | 'loading'
@@ -44,8 +52,9 @@ interface WorkloadCostTabProps {
 }
 
 export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps) {
+  const settingsAvailable = !useNavCustomization().embedded
   const [range, setRange] = useState<CostTimeRange>('24h')
-  const [noPrometheusSince, setNoPrometheusSince] = useState<number | null>(null)
+  const [discoverySince, setDiscoverySince] = useState<number | null>(null)
   const currentQuery = useOpenCostWorkload(kind, namespace, name)
   const trendQuery = useOpenCostWorkloadTrend(kind, namespace, name, range)
   const trendMatchesRange = trendQuery.data?.range === range
@@ -62,10 +71,10 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
   })
 
   useEffect(() => {
-    if (state === 'no_prometheus') {
-      setNoPrometheusSince((prev) => prev ?? Date.now())
+    if (isCostDiscoveryPending(state)) {
+      setDiscoverySince((prev) => prev ?? Date.now())
     } else {
-      setNoPrometheusSince(null)
+      setDiscoverySince(null)
     }
   }, [state])
 
@@ -84,22 +93,28 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
     state === 'query_error' ||
     state === 'access_denied' ||
     state === 'not_found' ||
+    state === 'no_cost_source' ||
+    state === 'source_unavailable' ||
+    state === 'authentication_error' ||
+    state === 'configuration_mismatch' ||
+    state === 'deployment_configuration_error' ||
+    state === 'history_unsupported' ||
     state === 'load_error'
   ) {
-    const discoveryAgeMs = noPrometheusSince == null ? 0 : Date.now() - noPrometheusSince
-    if (state === 'no_prometheus' && discoveryAgeMs < COST_DISCOVERY_GRACE_MS) {
+    const discoveryAgeMs = discoverySince == null ? 0 : Date.now() - discoverySince
+    if (isCostDiscoveryPending(state) && discoveryAgeMs < COST_DISCOVERY_GRACE_MS) {
       return (
         <WorkloadCostDiscovering
           isFetching={currentQuery.isFetching || trendQuery.isFetching}
           onRetry={() => {
-            setNoPrometheusSince(Date.now())
+            setDiscoverySince(Date.now())
             currentQuery.refetch()
             trendQuery.refetch()
           }}
         />
       )
     }
-    return <WorkloadCostUnavailable state={state} />
+    return <WorkloadCostUnavailable state={state} settingsAvailable={settingsAvailable} />
   }
 
   const current = currentQuery.data?.current
@@ -119,6 +134,10 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
     trendLoading || state === 'partial_missing_history',
     trendCurrency,
   )
+  const source = currentQuery.data?.source ?? trend?.source
+  const historyUnsupported = trend?.reason === 'history_unsupported'
+  const currentWindow = currentQuery.data?.window
+  const rateLabels = costRateLabels(currentWindow)
 
   return (
     <div className="mx-auto w-full max-w-[1600px] space-y-4">
@@ -129,65 +148,76 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
             <div>
               <div className="flex items-center gap-1.5">
                 <div className="text-sm font-semibold text-theme-text-primary">
-                  Historical compute cost
+                  {historyUnsupported ? 'Compute allocation cost' : 'Historical compute cost'}
                 </div>
-                <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." />
+                <MetricInfoTooltip content="Values are based on CPU and memory allocation, not raw utilization. The cost provider attributes the greater of requested or observed resources." />
               </div>
               <div className="text-xs text-theme-text-tertiary">
-                OpenCost CPU and memory allocation rate ({trendCurrency}/hr) attributed by workload
-                ownership
+                CPU and memory allocation rate ({trendCurrency}/hr) attributed by workload ownership
               </div>
             </div>
           </div>
-          <CostTimeRangeSelector value={range} onChange={setRange} />
+          {!historyUnsupported && <CostTimeRangeSelector value={range} onChange={setRange} />}
         </div>
 
-        <div className="grid gap-4 p-4 lg:grid-cols-[220px_minmax(0,1fr)]">
-          <div className="space-y-4">
+        {historyUnsupported ? (
+          <div className="grid gap-4 p-4 sm:grid-cols-2">
             <MetricBlock
-              label={`Spend over ${range}`}
-              value={windowSpendValue}
-              subvalue={
-                state === 'partial_missing_history' ? 'Historical data unavailable' : undefined
-              }
+              label={rateLabels.hourly}
+              value={hasCurrent ? formatCostPerHour(hourly, currentCurrency) : '—'}
+              subvalue="CPU and memory allocation"
             />
             <MetricBlock
               label="Projected monthly"
               value={hasCurrent ? formatProjectedMonthlyCost(hourly, currentCurrency) : '—'}
-              subvalue={
-                hasCurrent
-                  ? `${formatCostPerHour(hourly, currentCurrency)} current rate`
-                  : 'Current allocation unavailable'
-              }
+              subvalue={`${rateLabels.rate} × 730 hours`}
             />
           </div>
-          <div className="min-w-0">
-            {trendLoading ? (
-              <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">
-                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                Loading historical cost…
-              </div>
-            ) : hasTrend ? (
-              <StackedAreaChart
-                series={[{ namespace: 'Allocation rate', dataPoints: points }]}
-                currency={trendCurrency}
+        ) : (
+          <div className="grid gap-4 p-4 lg:grid-cols-[220px_minmax(0,1fr)]">
+            <div className="space-y-4">
+              <MetricBlock
+                label={`Spend over ${range}`}
+                value={windowSpendValue}
+                subvalue={
+                  state === 'partial_missing_history' ? 'Historical data unavailable' : undefined
+                }
               />
-            ) : (
-              <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.
-              </div>
-            )}
+              <MetricBlock
+                label="Projected monthly"
+                value={hasCurrent ? formatProjectedMonthlyCost(hourly, currentCurrency) : '—'}
+                subvalue={
+                  hasCurrent
+                    ? `${formatCostPerHour(hourly, currentCurrency)} · ${rateLabels.rate}`
+                    : 'Current allocation unavailable'
+                }
+              />
+            </div>
+            <div className="min-w-0">
+              {trendLoading ? (
+                <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">
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  Loading historical cost…
+                </div>
+              ) : hasTrend ? (
+                <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.
+                </div>
+              )}
+            </div>
           </div>
-        </div>
+        )}
       </section>
 
-      {state === 'partial_missing_history' && (
+      {state === 'partial_missing_history' && !historyUnsupported && (
         <div className="flex items-start gap-2 rounded-lg border border-theme-border bg-theme-base px-3 py-2 text-sm text-theme-text-secondary">
           <AlertCircle className="mt-0.5 h-4 w-4 shrink-0 text-theme-text-tertiary" />
-          <span>
-            Current cost is available, but historical workload owner metrics are not available for
-            this range.
-          </span>
+          <span>Current cost is available, but historical workload owner metrics are not available for this range.</span>
         </div>
       )}
       {state === 'partial_missing_current' && (
@@ -200,13 +230,13 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
       )}
 
       <div className="grid gap-4 md:grid-cols-2">
-        <MetricTile label="Replicas" value={hasCurrent ? String(current?.replicas ?? 0) : '—'} />
+        <MetricTile label="Live replicas" value={hasCurrent ? String(current?.replicas ?? 0) : '—'} />
         <MetricTile
           label="Projected daily"
           value={hasCurrent ? formatProjectedDailyRate(hourly, currentCurrency) : '—'}
           subvalue={
             hasCurrent
-              ? `${formatCostPerHour(hourly, currentCurrency)} current hourly rate`
+              ? `${formatCostPerHour(hourly, currentCurrency)} · ${rateLabels.rate}`
               : 'Current allocation unavailable'
           }
         />
@@ -222,15 +252,19 @@ export function WorkloadCostTab({ kind, namespace, name }: WorkloadCostTabProps)
         memoryAllocationUse={current?.memoryAllocationUse ?? 0}
         cpuUsageAvailable={current?.cpuUsageAvailable ?? false}
         memoryUsageAvailable={current?.memoryUsageAvailable ?? false}
+        window={source === 'kubecost' ? currentWindow : undefined}
       />
 
       <div className="text-xs text-theme-text-tertiary">
-        Powered by OpenCost via Prometheus.{' '}
+        {costSourceLabel(source)} &middot; {costFreshnessLabel(source, source === 'kubecost' ? currentWindow : '1h', currentQuery.data?.dataThrough)}.{' '}
         {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.
+        {historyUnsupported
+          ? 'Historical workload charts are not available for Kubecost yet. '
+          : 'Historical spend uses the selected range. '}
+        Projected monthly values multiply the {rateLabels.rate}. Storage/PVC attribution
+        remains at namespace and cluster level.
       </div>
     </div>
   )
@@ -260,14 +294,19 @@ export function getWorkloadCostState(
   if (trendHasData) return 'partial_missing_current'
   const reason =
     current?.reason ??
-    trend?.reason ??
     costUnavailableReasonFromError(queryStatus.currentError) ??
+    trend?.reason ??
     costUnavailableReasonFromError(queryStatus.trendError)
   if (
     reason === 'no_prometheus' ||
+    reason === 'no_cost_source' ||
     reason === 'query_error' ||
     reason === 'access_denied' ||
-    reason === 'not_found'
+    reason === 'not_found' ||
+    reason === 'source_unavailable' ||
+    reason === 'authentication_error' ||
+    reason === 'configuration_mismatch' ||
+    reason === 'deployment_configuration_error'
   )
     return reason
   if (queryError) return 'load_error'
@@ -289,11 +328,11 @@ function WorkloadCostDiscovering({
         <Loader2 className="h-8 w-8 animate-spin text-theme-text-tertiary/60" />
         <div>
           <p className="text-sm font-medium text-theme-text-primary">
-            Looking for Prometheus cost data…
+            Looking for cost data…
           </p>
           <p className="mt-1 text-xs text-theme-text-tertiary">
-            First discovery can take a few seconds while Radar checks cluster services and opens a
-            local port-forward.
+            Radar is checking OpenCost metrics in a PromQL-compatible backend and a local Kubecost
+            3 Aggregator. First discovery can take a few seconds.
           </p>
         </div>
         <button
@@ -308,19 +347,28 @@ function WorkloadCostDiscovering({
   )
 }
 
-function WorkloadCostUnavailable({ state }: { state: CostUnavailableReason | 'load_error' }) {
+function WorkloadCostUnavailable({
+  state,
+  settingsAvailable,
+}: {
+  state: CostUnavailableReason | 'load_error'
+  settingsAvailable: boolean
+}) {
   const message =
-    state === 'no_prometheus'
-      ? 'Prometheus not found. OpenCost workload cost requires Prometheus or VictoriaMetrics.'
+    costIntegrationUnavailableMessage(state, settingsAvailable) ??
+    (state === 'no_prometheus'
+      ? 'No compatible metrics backend was found. OpenCost workload cost requires OpenCost metrics in a PromQL-compatible backend.'
       : state === 'query_error'
-        ? 'Cost data is temporarily unavailable. Prometheus was found, but workload cost queries failed.'
+        ? 'Cost data is temporarily unavailable. A metrics backend was found, but workload cost queries failed.'
+        : state === 'history_unsupported'
+          ? 'Historical workload cost is not available for Kubecost yet.'
         : state === 'access_denied'
           ? 'You do not have access to view cost for this workload.'
           : state === 'not_found'
             ? 'This workload no longer exists.'
             : state === 'load_error'
               ? 'Could not load workload cost data. Check access to this workload and try again.'
-              : 'OpenCost workload metrics were not found for this workload.'
+              : 'No workload cost data was returned for this workload by the active cost source.')
 
   return (
     <div className="flex h-full min-h-[320px] items-center justify-center">

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

@@ -0,0 +1,33 @@
+import { describe, expect, it } from 'vitest'
+import { costDataThroughLabel, costFreshnessLabel, costIntegrationUnavailableMessage, costRateLabels, costSourceLabel, isCostDiscoveryPending } from './source'
+
+describe('cost source presentation', () => {
+  it('distinguishes Prometheus windows from Kubecost ETL freshness', () => {
+    expect(costSourceLabel('prometheus')).toBe('OpenCost via Prometheus')
+    expect(costSourceLabel('kubecost')).toBe('Kubecost Aggregator')
+    expect(costFreshnessLabel('prometheus', '1h')).toBe('last 1h average')
+    expect(costFreshnessLabel('kubecost', '1h', '2026-08-26T13:58:00Z')).toContain('1-hour allocation average')
+    expect(costFreshnessLabel('kubecost', '1d', '2026-08-26T13:58:00Z')).toContain('1-day allocation average')
+    expect(costDataThroughLabel('2026-08-26T13:58:00Z')).toContain('2026')
+    expect(costDataThroughLabel('invalid')).toBe('')
+  })
+
+  it('labels fallback allocation windows without calling a daily average current', () => {
+    expect(costRateLabels('1h').hourly).toBe('Hourly (1-hour average)')
+    expect(costRateLabels('1d').rate).toBe('1-day average hourly rate')
+    expect(costRateLabels().allocationTitle).toBe('Current allocation and use')
+  })
+
+  it('keeps both absent-source reasons inside the discovery grace period', () => {
+    expect(isCostDiscoveryPending('no_prometheus')).toBe(true)
+    expect(isCostDiscoveryPending('no_cost_source')).toBe(true)
+    expect(isCostDiscoveryPending('source_unavailable')).toBe(false)
+  })
+
+  it('does not point embedded users at standalone Settings', () => {
+    expect(costIntegrationUnavailableMessage('no_cost_source', true)).toContain('Settings → Metrics')
+    expect(costIntegrationUnavailableMessage('no_cost_source', false)).toContain('host application')
+    expect(costIntegrationUnavailableMessage('source_unavailable', false)).not.toContain('Settings')
+    expect(costIntegrationUnavailableMessage('authentication_error', false)).not.toContain('Settings')
+  })
+})

package/src/components/cost/source.ts

@@ -0,0 +1,100 @@
+import type { CostDataSource, CostUnavailableReason } from '../../api/client'
+
+export function costSourceLabel(source?: CostDataSource): string {
+  return source === 'kubecost' ? 'Kubecost Aggregator' : 'OpenCost via Prometheus'
+}
+
+export function isCostDiscoveryPending(reason?: string): boolean {
+  return reason === 'no_prometheus' || reason === 'no_cost_source'
+}
+
+export function costConfigurationAction(reason?: CostUnavailableReason): {
+  section: 'prometheus' | 'cost'
+  label: string
+} {
+  return reason === 'no_prometheus'
+    ? { section: 'prometheus', label: 'Configure metrics' }
+    : { section: 'cost', label: 'Configure cost source' }
+}
+
+export function costRateLabels(window?: string): {
+  hourly: string
+  rate: string
+  allocationTitle: string
+  allocationPeriod: string
+} {
+  if (window === '1d') {
+    return {
+      hourly: 'Hourly (1-day average)',
+      rate: '1-day average hourly rate',
+      allocationTitle: '1-day average allocation and use',
+      allocationPeriod: 'Allocation and observed use: 1-day average',
+    }
+  }
+  if (window === '1h') {
+    return {
+      hourly: 'Hourly (1-hour average)',
+      rate: '1-hour average hourly rate',
+      allocationTitle: '1-hour average allocation and use',
+      allocationPeriod: 'Allocation and observed use: 1-hour average',
+    }
+  }
+  return {
+    hourly: 'Current hourly',
+    rate: 'current hourly rate',
+    allocationTitle: 'Current allocation and use',
+    allocationPeriod: 'Allocation and CPU use: 1h average · Memory use: current',
+  }
+}
+
+export function costFreshnessLabel(
+  source?: CostDataSource,
+  window?: string,
+  dataThrough?: string,
+): string {
+  if (source !== 'kubecost') return window ? `last ${window} average` : 'current allocation average'
+  const average = window === '1d'
+    ? '1-day allocation average'
+    : window === '1h'
+      ? '1-hour allocation average'
+      : 'current allocation average'
+  if (!dataThrough) return `latest Kubecost ${average}`
+  const timestamp = costDataThroughLabel(dataThrough)
+  if (!timestamp) return `latest Kubecost ${average}`
+  return `Kubecost ${average} · data through ${timestamp}`
+}
+
+export function costDataThroughLabel(dataThrough?: string): string {
+  if (!dataThrough) return ''
+  const timestamp = new Date(dataThrough)
+  if (Number.isNaN(timestamp.getTime())) return ''
+  return timestamp.toLocaleString([], { dateStyle: 'medium', timeStyle: 'short' })
+}
+
+export function costIntegrationUnavailableMessage(
+  reason?: CostUnavailableReason | 'load_error',
+  settingsAvailable = true,
+): string | undefined {
+  switch (reason) {
+    case 'no_cost_source':
+      return settingsAvailable
+        ? 'No compatible cost source was found. Connect OpenCost metrics in Settings → Metrics or configure Kubecost in Settings → Cost.'
+        : 'No compatible cost source is configured for this cluster. Configure OpenCost metrics or Kubecost in the host application or Radar deployment.'
+    case 'source_unavailable':
+      return settingsAvailable
+        ? 'Kubecost Aggregator is unavailable. Check the URL, network path, and cluster ID in Settings → Cost.'
+        : 'Kubecost Aggregator is unavailable. Update this cluster’s cost-source configuration in the host application or Radar deployment.'
+    case 'deployment_configuration_error':
+      return 'Cost collection is misconfigured by this Radar deployment. Update its environment variables or Helm cost values, then restart Radar.'
+    case 'authentication_error':
+      return settingsAvailable
+        ? 'Kubecost rejected the configured API key. Update it in Settings → Cost.'
+        : 'Kubecost rejected the configured API key. Update this cluster’s credential in the host application or Radar deployment.'
+    case 'configuration_mismatch':
+      return settingsAvailable
+        ? 'Saved Kubecost settings are not valid for this cluster. Update the cluster ID or local API key in Settings → Cost.'
+        : 'Kubecost settings are not valid for this cluster. Update the cluster ID or credential in the host application or Radar deployment.'
+    default:
+      return undefined
+  }
+}

package/src/components/diagnose/AISettings.tsx

@@ -49,7 +49,7 @@ function ClearHistoryRow({
     <div className="mt-3 flex items-center justify-between gap-2 border-t border-theme-border/60 pt-3">
       <p className="text-[11px] leading-snug text-theme-text-tertiary">
         {hosted ? (
-          `Investigation transcripts are stored by ${agentLabel} so history survives restarts.`
+          `${agentLabel} stores private, organization-shared, and automatic investigation transcripts so history survives restarts.`
         ) : (
           <>
             Investigation transcripts are kept on this machine (
@@ -67,6 +67,12 @@ function ClearHistoryRow({
             Couldn&apos;t clear history.
           </span>
         )}
+        {hosted && confirming && state === "idle" && (
+          <span className="ml-1 font-medium text-red-400">
+            This permanently deletes every member&apos;s investigations for this
+            cluster — private, organization-shared, and automatic.
+          </span>
+        )}
       </p>
       {confirming ? (
         <div className="flex shrink-0 items-center gap-1.5">
@@ -133,9 +139,8 @@ export function AISettingsSection({
           selectedAgent={draft.agent}
           // Model + effort are agent-specific; reset them when the agent changes.
           onSelectAgent={(a) => {
-            const nextProfile = agents.find(
-              (agent) => agent.name === a,
-            )?.profiles?.[0];
+            const nextProfile = agents.find((agent) => agent.name === a)
+              ?.profiles?.[0];
             onChange({
               agent: a,
               profile: nextProfile ?? draft.profile,