@skyhook-io/radar-app 1.16.3 → 1.17.1

package/src/components/diagnose/LocalDiagnoseAction.tsx

@@ -1,13 +1,18 @@
 import { Loader2, Sparkles } from "lucide-react";
-import { useDiagnose, useDiagnoseLayout } from "./DiagnoseContext";
+import {
+  type DiagnoseSetup,
+  useDiagnose,
+  useDiagnoseLayout,
+} from "./DiagnoseContext";
 import { runTargetKey } from "./target";
 import { Tooltip } from "../ui/Tooltip";
 import type { RenderDiagnoseAction } from "../../context/DiagnoseCustomization";
 
 // The per-resource AI entry point. It no longer owns a panel — it just dispatches
 // to the single app-level AI surface (DiagnoseContext), opening a new investigation
-// for this resource. Self-hides when no agent CLI is present. Hosts can override
-// this slot with their own action.
+// for this resource. Hidden only where investigations can't run here; with no
+// agent CLI it stays, and opens the setup notice. Hosts can override this slot
+// with their own action.
 //
 // Adaptive by health: on a resource with a live problem it reads as a prominent
 // "Investigate" action; when the resource is fine or health is unknown it shrinks
@@ -33,13 +38,13 @@ function DiagnoseResourceButton({
   // Hidden only when the feature can't work here (auth/cloud/--no-mcp). When it's
   // supported but no agent is installed we KEEP the button — clicking opens the
   // setup notice so the feature is discoverable rather than silently absent.
-  if (d.setupState === "off") return null;
+  if (d.setupState === "off" || d.setupState === "unknown") return null;
   const ready = d.available;
   const problem = health === "problem";
   const running =
     ready && runningKeys.has(runTargetKey(kind, namespace, name, group ?? ""));
   const tooltip = !ready
-    ? "Set up AI investigations — runs your own agent locally."
+    ? notReadyTooltip(d)
     : running
       ? `${d.agentLabel} is investigating this resource — click to watch it live.`
       : d.hosted
@@ -67,7 +72,7 @@ function DiagnoseResourceButton({
         }
         aria-label={
           !ready
-            ? "Set up AI investigations"
+            ? notReadyTooltip(d)
             : running
               ? "Investigation running — click to view"
               : problem
@@ -122,18 +127,16 @@ export function IssueDiagnoseButton({
   name: string;
 }) {
   const d = useDiagnose();
-  if (d.setupState === "off") return null;
+  if (d.setupState === "off" || d.setupState === "unknown") return null;
   const ready = d.available;
   return (
     <Tooltip
       content={
-        d.setupState === "needs-restart"
-          ? "Restart Radar to enable AI investigations — a supported agent is installed"
-          : !ready
-            ? "Set up AI investigations — install a local agent"
-            : d.hosted
-              ? `Sends this resource's context to ${d.agentLabel} for investigation`
-              : `Runs ${d.agentLabel} on your machine to investigate this resource`
+        !ready
+          ? notReadyTooltip(d)
+          : d.hosted
+            ? `Sends this resource's context to ${d.agentLabel} for investigation`
+            : `Runs ${d.agentLabel} on your machine to investigate this resource`
       }
       position="left"
     >
@@ -158,12 +161,27 @@ export function IssueDiagnoseButton({
   );
 }
 
+// The tooltip every AI entry point shows while investigations aren't runnable.
+// It gives the same reason as the setup notice the button opens.
+function notReadyTooltip(d: {
+  cliOverride: boolean;
+  setupState: DiagnoseSetup;
+}): string {
+  if (d.cliOverride) {
+    return "AI investigations are off: can't run RADAR_AI_CLI_BIN";
+  }
+  if (d.setupState === "needs-restart") {
+    return "AI investigations aren't available right now";
+  }
+  return "Set up AI investigations";
+}
+
 // Global top-bar entry into the AI surface (opens its Home / recent
-// investigations). Self-hides when no agent CLI is present.
+// investigations). Hidden only where investigations can't run here.
 export function GlobalDiagnoseButton() {
   const d = useDiagnose();
   const { runningCount } = useDiagnoseLayout();
-  if (d.setupState === "off") return null;
+  if (d.setupState === "off" || d.setupState === "unknown") return null;
   const ready = d.available;
   const agentSuffix = d.hosted
     ? `powered by ${d.agentLabel}`
@@ -172,7 +190,7 @@ export function GlobalDiagnoseButton() {
     <Tooltip
       content={
         !ready
-          ? "Set up AI investigations — runs your own agent locally"
+          ? notReadyTooltip(d)
           : runningCount > 0
             ? `${runningCount} investigation${runningCount > 1 ? "s" : ""} running — ${agentSuffix}`
             : `AI investigations — ${agentSuffix}`
@@ -183,9 +201,11 @@ export function GlobalDiagnoseButton() {
         onClick={() => d.openWorkspace()}
         className="relative rounded-md bg-theme-elevated p-1.5 text-theme-text-secondary transition-colors hover:bg-theme-hover hover:text-theme-text-primary"
         aria-label={
-          runningCount > 0
-            ? `AI investigations (${runningCount} running)`
-            : "AI investigations"
+          !ready
+            ? notReadyTooltip(d)
+            : runningCount > 0
+              ? `AI investigations (${runningCount} running)`
+              : "AI investigations"
         }
       >
         <Sparkles className="h-4 w-4 text-accent" />

package/src/components/diagnose/agentCatalog.ts

@@ -13,7 +13,7 @@ export const SUPPORTED_AGENTS: AgentInstall[] = [
     name: "claude",
     label: "Claude Code",
     install: "npm install -g @anthropic-ai/claude-code",
-    docs: "https://docs.claude.com/en/docs/claude-code/setup",
+    docs: "https://code.claude.com/docs/en/setup",
   },
   {
     name: "codex",
@@ -25,7 +25,7 @@ export const SUPPORTED_AGENTS: AgentInstall[] = [
     name: "cursor-agent",
     label: "Cursor CLI",
     install: "curl https://cursor.com/install -fsS | bash",
-    docs: "https://docs.cursor.com/en/cli/overview",
+    docs: "https://cursor.com/docs/cli/overview",
   },
   {
     name: "opencode",

package/src/components/diagnose/diagnoseEvidenceTypes.ts

@@ -93,6 +93,8 @@ export interface DiagnosisResourceContext {
   };
   runsOn?: DiagnosisResourceRef;
   scaledBy?: DiagnosisScalerRef[];
+  dependencies?: DiagnosisResourceRef[];
+  dependents?: DiagnosisResourceRef[];
   statusSummary?: {
     phase?: string;
     conditions?: Array<{

package/src/components/diagnose/investigationEvidence/adapters/issues.ts

@@ -71,6 +71,14 @@ export function adaptIssues(
       "truncated",
     );
   }
+  if (nonEmptyString(value.recent_changes_error)) {
+    builder.limit(
+      source,
+      "Issue-related changes",
+      value.recent_changes_error,
+      "error",
+    );
+  }
   if (value.correlation_truncated === true) {
     builder.limit(
       source,

package/src/components/diagnose/investigationEvidence/projection.test.ts

@@ -247,6 +247,22 @@ describe("strict evidence adapters", () => {
       }),
     ]);
 
+    const unreadIssueFeed = project([
+      tool("issues-down", "issues", {
+        issues: [],
+        total: 0,
+        total_matched: 0,
+        recent_changes_error: "timeline history is unavailable",
+      }),
+    ]);
+    expect(unreadIssueFeed.limitations).toEqual([
+      expect.objectContaining({
+        source: "Issue-related changes",
+        kind: "error",
+        message: "timeline history is unavailable",
+      }),
+    ]);
+
     const filtered = project([
       tool("filtered", "get_resource", {
         resource: deployment,

package/src/components/dock/BottomDock.tsx

@@ -17,6 +17,8 @@ function renderTabContent(tab: DockTab, isActive: boolean) {
         containerName={tab.containerName!}
         containers={tab.containers!}
         isActive={isActive}
+        shell={tab.shell}
+        note={tab.sessionNote}
       />
     )
   }

package/src/components/dock/TerminalTab.test.tsx

@@ -0,0 +1,17 @@
+import { renderToString } from 'react-dom/server'
+import { expect, it, vi } from 'vitest'
+import type { TerminalTabProps } from '@skyhook-io/k8s-ui'
+import { TerminalTab } from './TerminalTab'
+const captured = vi.hoisted(() => ({ props: null as TerminalTabProps | null }))
+vi.mock('@skyhook-io/k8s-ui', () => ({ TerminalTab: (props: TerminalTabProps) => { captured.props = props; return null } }))
+vi.mock('../../api/config', () => ({ apiUrl: (path: string) => `/api${path}`, getWsUrl: (path: string) => `ws://localhost/api${path}` }))
+it.each([undefined, '/bin/custom+command'])('forwards the executable and context through the shared terminal (%s)', async shell => {
+  renderToString(<TerminalTab namespace="app" podName="worker" containerName="app" containers={['app', 'sidecar']} shell={shell} note="Primary" />)
+  const props = captured.props!
+  expect(props.command).toBe(shell); expect(props.note).toBe('Primary')
+  expect(Boolean(props.createDebugContainer)).toBe(!shell)
+  const { wsUrl } = await props.createSession('app')
+  const url = new URL(wsUrl)
+  expect(url.pathname).toBe('/api/pods/app/worker/exec'); expect(url.searchParams.get('container')).toBe('app')
+  expect(url.searchParams.get('shell')).toBe(shell ?? null)
+})

package/src/components/dock/TerminalTab.tsx

@@ -8,12 +8,14 @@ interface TerminalTabProps {
   containerName: string
   containers: string[]
   isActive?: boolean
+  shell?: string
+  note?: string
 }
 
-export function TerminalTab({ namespace, podName, containerName, containers, isActive }: TerminalTabProps) {
+export function TerminalTab({ namespace, podName, containerName, containers, isActive, shell, note }: TerminalTabProps) {
   const createSession = (container: string) =>
     Promise.resolve({
-      wsUrl: getWsUrl(`/pods/${namespace}/${podName}/exec?container=${container}`),
+      wsUrl: getWsUrl(`/pods/${namespace}/${podName}/exec?container=${container}${shell ? `&shell=${encodeURIComponent(shell)}` : ''}`),
     })
 
   const createDebugContainer = async (targetContainer: string) => {
@@ -37,7 +39,9 @@ export function TerminalTab({ namespace, podName, containerName, containers, isA
       containers={containers}
       isActive={isActive}
       createSession={createSession}
-      createDebugContainer={createDebugContainer}
+      createDebugContainer={shell ? undefined : createDebugContainer}
+      note={note}
+      command={shell}
     />
   )
 }

package/src/components/dock/TrafficFlowListTab.tsx

@@ -1,18 +1,39 @@
 import { useTrafficFlowList } from '../traffic/TrafficFlowListContext'
 import { TrafficFlowList } from '../traffic/TrafficFlowList'
-import { List } from 'lucide-react'
+import { List, Loader2 } from 'lucide-react'
 
 export function TrafficFlowListTab() {
-  const { flows, responsesCallerOriented } = useTrafficFlowList()
+  const { flows, responsesCallerOriented, graphSelection, loading, note } = useTrafficFlowList()
 
-  if (flows.length === 0) {
+  if (loading) {
     return (
       <div className="flex items-center justify-center h-full text-sm text-theme-text-tertiary gap-2">
-        <List className="w-4 h-4" />
-        Navigate to Traffic view to see flows
+        <Loader2 className="w-4 h-4 animate-spin" />
+        Loading flows for the selection…
+      </div>
+    )
+  }
+
+  if (flows.length === 0) {
+    return (
+      <div className="flex flex-col items-center justify-center h-full gap-1 px-4 text-center">
+        <div className="flex items-center gap-2 text-sm text-theme-text-tertiary">
+          <List className="w-4 h-4" />
+          {graphSelection ? 'No flow records for this selection' : 'Navigate to Traffic view to see flows'}
+        </div>
+        {note && <div className="text-[11px] text-theme-text-tertiary">{note}</div>}
       </div>
     )
   }
 
-  return <TrafficFlowList flows={flows} responsesCallerOriented={responsesCallerOriented} />
+  return (
+    <div className="flex flex-col h-full">
+      {note && (
+        <div className="px-3 py-1 border-b border-theme-border text-[11px] text-theme-text-tertiary">{note}</div>
+      )}
+      <div className="relative flex-1 min-h-0">
+        <TrafficFlowList flows={flows} responsesCallerOriented={responsesCallerOriented} />
+      </div>
+    </div>
+  )
 }

package/src/components/execution/BatchExecutionView.tsx

@@ -389,10 +389,10 @@ export function BatchExecutionFullscreen({ kind, apiKind, namespace, name, resou
                       </div>
                       <div className="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-xs text-theme-text-tertiary">
                         <span>{RUN_KIND_LABEL[selectedRun.kind] ?? selectedRun.kind}</span>
-                        {selectedRun.startedAt && <span>started {formatAge(selectedRun.startedAt)}</span>}
+                        {selectedRun.startedAt && <span>started {formatTimeAgo(selectedRun.startedAt)}</span>}
                         {selectedRun.trigger === 'manual' && <span>manual trigger</span>}
                         {selectedRun.trigger === 'event' && <span>event triggered</span>}
-                        {selectedRun.scheduledAt && <span>scheduled {formatAge(selectedRun.scheduledAt)}</span>}
+                        {selectedRun.scheduledAt && <span>scheduled {formatTimeAgo(selectedRun.scheduledAt)}</span>}
                         {selectedResourceQuery.isFetching && <span>refreshing</span>}
                       </div>
                     </div>
@@ -568,8 +568,8 @@ function sourceFacts(kind: string, resource: any, runs: WorkloadRun[]) {
       duration: latest ? formatRunDuration(latest) : '',
       work: `${status.active?.length ?? 0} active`,
       facts: [
-        ['Last schedule', status.lastScheduleTime ? formatAge(status.lastScheduleTime) : 'Never'],
-        ['Last success', status.lastSuccessfulTime ? formatAge(status.lastSuccessfulTime) : 'Never'],
+        ['Last schedule', status.lastScheduleTime ? formatTimeAgo(status.lastScheduleTime) : 'Never'],
+        ['Last success', status.lastSuccessfulTime ? formatTimeAgo(status.lastSuccessfulTime) : 'Never'],
         ['Starting deadline', spec.startingDeadlineSeconds ? `${spec.startingDeadlineSeconds}s` : 'None'],
       ],
       definition,
@@ -818,15 +818,15 @@ function RunDetailList({ run, resource, workflowExecution, scheduledParent, memb
     ...(run.jobset?.replicatedJob ? [['Role', run.jobset?.replicatedJob]] as Array<[string, string]> : []),
     ...(run.jobset?.restartAttempt ? [['JobSet restart attempt', `#${run.jobset?.restartAttempt}`]] as Array<[string, string]> : []),
     ...(run.jobset?.jobRestartAttempt ? [['Job restart attempt', `#${run.jobset?.jobRestartAttempt}`]] as Array<[string, string]> : []),
-    ['Started', run.startedAt ? formatAge(run.startedAt) : '-'],
-    ['Finished', run.finishedAt ? formatAge(run.finishedAt) : run.active ? 'Running' : '-'],
+    ['Started', run.startedAt ? formatTimeAgo(run.startedAt) : '-'],
+    ['Finished', run.finishedAt ? formatTimeAgo(run.finishedAt) : run.active ? 'Running' : '-'],
     ['Duration', formatRunDuration(run) || '-'],
     ...(run.progress ? [['Progress', run.progress]] as Array<[string, string]> : []),
     ...(!memberCollection && (scheduledParent || run.trigger || run.scheduledAt) ? [
       ['Trigger', run.trigger === 'manual' ? 'Manual' : run.trigger === 'event' ? 'Event' : run.scheduledAt ? 'Cron schedule' : '-'],
     ] as Array<[string, string]> : []),
     ...(run.scheduledAt ? [
-      ['Cron scheduled', formatAge(run.scheduledAt)],
+      ['Cron scheduled', formatTimeAgo(run.scheduledAt)],
       ['Start delay', formatScheduleDelay(run) || '-'],
     ] as Array<[string, string]> : []),
     ['Parallelism', run.parallelism ? String(run.parallelism) : '-'],
@@ -1008,7 +1008,7 @@ function RunActivityRow({ item, runMessage }: { item: WorkflowExecutionActivity;
       <div className="min-w-0 flex-1">
         <div className="flex items-start justify-between gap-3">
           <div className="truncate text-sm font-medium text-theme-text-primary">{item.label}</div>
-          <div className="shrink-0 text-xs text-theme-text-tertiary">{formatAge(item.at)}</div>
+          <div className="shrink-0 text-xs text-theme-text-tertiary">{formatTimeAgo(item.at)}</div>
         </div>
         {item.detail && item.detail !== runMessage && item.tone !== 'danger' && <div className="mt-0.5 break-words text-xs text-theme-text-secondary">{item.detail}</div>}
       </div>
@@ -1539,10 +1539,10 @@ function formatRunDuration(run: WorkloadRun): string {
 
 function formatRunTime(run: WorkloadRun): string {
   const raw = run.startedAt || run.scheduledAt || run.finishedAt
-  return raw ? formatAge(raw) : ''
+  return raw ? formatTimeAgo(raw) : ''
 }
 
-function formatAge(value: string): string {
+function formatTimeAgo(value: string): string {
   const t = Date.parse(value)
   if (Number.isNaN(t)) return value
   const diff = Date.now() - t
@@ -1577,7 +1577,7 @@ function emptyRunsCopy(kind: string, resource: any): { headline: string; body: s
   }
   const lastScheduled = resource?.status?.lastScheduleTime || resource?.status?.lastScheduledTime
   if (lastScheduled) {
-    return { headline: 'No retained runs', body: `This resource last scheduled work ${formatAge(lastScheduled)}, but its ${runKindPluralForSchedule(kind)} are no longer retained in Kubernetes.` }
+    return { headline: 'No retained runs', body: `This resource last scheduled work ${formatTimeAgo(lastScheduled)}, but its ${runKindPluralForSchedule(kind)} are no longer retained in Kubernetes.` }
   }
   return { headline: 'No runs yet', body: `Kubernetes does not currently have retained ${runKindPluralForSchedule(kind)} for this resource.` }
 }

package/src/components/gitops/ArgoResourceDiffLoader.tsx

@@ -1,23 +1,25 @@
 import { ArgoResourceDiff } from '@skyhook-io/k8s-ui'
-import type { GitOpsInsightRef } from '@skyhook-io/k8s-ui'
+import type { GitOpsDrift, GitOpsInsightRef } from '@skyhook-io/k8s-ui'
 import { useArgoResourceDiff } from '../../api/client'
 
 interface ArgoResourceDiffLoaderProps {
   appNamespace: string
   appName: string
   resourceRef: GitOpsInsightRef
+  fallbackDrift?: GitOpsDrift
 }
 
 // Host wrapper: fetches the Argo CD resource diff and hands the data to the
 // pure k8s-ui presentation component. Mirrors the data-in-web / render-in-
 // k8s-ui split the resource renderers use for their host-wired data.
-export function ArgoResourceDiffLoader({ appNamespace, appName, resourceRef }: ArgoResourceDiffLoaderProps) {
+export function ArgoResourceDiffLoader({ appNamespace, appName, resourceRef, fallbackDrift }: ArgoResourceDiffLoaderProps) {
   const { data, isLoading, error } = useArgoResourceDiff(appNamespace, appName, resourceRef)
   return (
     <ArgoResourceDiff
       diff={data ?? null}
       loading={isLoading}
       error={(error as Error | null)?.message ?? null}
+      fallbackDrift={fallbackDrift}
     />
   )
 }

package/src/components/gitops/GitOpsView.tsx

@@ -25,7 +25,6 @@ import {
   isArgoOperationInProgress,
   isArgoSuspendedByRadar,
   gitOpsInsightChangeKey,
-  initNavigationMap,
   kindToPluralWithGroup,
   normalizeArgoApplication,
   normalizeArgoApplicationSet,
@@ -72,7 +71,7 @@ import {
   useGitOpsTree,
   useResource,
 } from '../../api/client'
-import { useAPIResources } from '../../api/apiResources'
+import { useAPIResources, GITOPS_KINDS } from '../../api/apiResources'
 import { useConnection } from '../../context/ConnectionContext'
 import { apiUrl, getAuthHeaders, getCredentialsMode } from '../../api/config'
 import { useRegisterShortcut } from '../../hooks/useKeyboardShortcuts'
@@ -84,17 +83,6 @@ import { RemoteDestinationCloudHint } from './RemoteDestinationCloudHint'
 const GITOPS_HEALTH_DOCS_URL = 'https://radarhq.io/docs/features/gitops#per-resource-health'
 import type { GitOpsHistoryItem } from '@skyhook-io/k8s-ui'
 
-const GITOPS_KINDS: APIResource[] = [
-  { name: 'applications', kind: 'Application', group: 'argoproj.io', version: 'v1alpha1', namespaced: true, verbs: ['list', 'get'], isCrd: true },
-  { name: 'applicationsets', kind: 'ApplicationSet', group: 'argoproj.io', version: 'v1alpha1', namespaced: true, verbs: ['list', 'get'], isCrd: true },
-  { name: 'appprojects', kind: 'AppProject', group: 'argoproj.io', version: 'v1alpha1', namespaced: true, verbs: ['list', 'get'], isCrd: true },
-  { name: 'kustomizations', kind: 'Kustomization', group: 'kustomize.toolkit.fluxcd.io', version: 'v1', namespaced: true, verbs: ['list', 'get'], isCrd: true },
-  { name: 'helmreleases', kind: 'HelmRelease', group: 'helm.toolkit.fluxcd.io', version: 'v2', namespaced: true, verbs: ['list', 'get'], isCrd: true },
-  { name: 'gitrepositories', kind: 'GitRepository', group: 'source.toolkit.fluxcd.io', version: 'v1', namespaced: true, verbs: ['list', 'get'], isCrd: true },
-  { name: 'ocirepositories', kind: 'OCIRepository', group: 'source.toolkit.fluxcd.io', version: 'v1beta2', namespaced: true, verbs: ['list', 'get'], isCrd: true },
-  { name: 'helmrepositories', kind: 'HelmRepository', group: 'source.toolkit.fluxcd.io', version: 'v1', namespaced: true, verbs: ['list', 'get'], isCrd: true },
-  { name: 'alerts', kind: 'Alert', group: 'notification.toolkit.fluxcd.io', version: 'v1beta3', namespaced: true, verbs: ['list', 'get'], isCrd: true },
-]
 
 type ArgoSyncDialogTarget =
   | { scope: 'application' }
@@ -164,9 +152,6 @@ function GitOpsTableView({ namespaces, onClearNamespaces }: { namespaces: string
     })
   }
 
-  useEffect(() => {
-    initNavigationMap([...(apiResources ?? []), ...GITOPS_KINDS])
-  }, [apiResources])
 
   const hasGitOpsRowResource = useMemo(() => (
     hasAPIResource(apiResources, 'applications', 'argoproj.io') ||
@@ -816,8 +801,8 @@ function GitOpsDetailView({ namespaces, onOpenResource, onOpenSettings }: GitOps
               ) : undefined}
               focusKey={changesFocusKey}
               tree={tree}
-              renderResourceDiff={isArgoApp ? (ref) => (
-                <ArgoResourceDiffLoader appNamespace={namespace} appName={name} resourceRef={ref} />
+              renderResourceDiff={isArgoApp ? (ref, fallbackDrift) => (
+                <ArgoResourceDiffLoader appNamespace={namespace} appName={name} resourceRef={ref} fallbackDrift={fallbackDrift} />
               ) : undefined}
               onOpenSettings={onOpenSettings}
               settingsNote={settingsNote}
@@ -1097,18 +1082,26 @@ function newestConditionTime(resource: any): string {
 // many of them are healthy / drifted" at a glance, without making the user
 // count facets in the filter rail.
 function TopologyCounts({ tree }: { tree: GitOpsResourceTree }) {
-  const nodes = (tree.nodes ?? []).filter((n) => n.role !== 'group' && n.role !== 'root')
+  const counted = (tree.nodes ?? []).filter((n) => n.role !== 'group' && n.role !== 'root')
+  // Dependencies (Flux sources, charts, dependsOn targets) are consumed, not
+  // managed: they get their own count and never inflate the managed totals.
+  const nodes = counted.filter((n) => !n.dependency)
+  const dependencies = counted.length - nodes.length
   const total = nodes.length
-  if (total === 0) return null
-  const healthy = nodes.filter((n) => (n.health || '').toLowerCase() === 'healthy').length
-  const degraded = nodes.filter((n) => {
+  if (counted.length === 0) return null
+  const isDegraded = (n: GitOpsTreeNode) => {
     const h = (n.health || '').toLowerCase()
     return h === 'degraded' || h === 'missing' || h === 'unhealthy'
-  }).length
+  }
+  const healthy = nodes.filter((n) => (n.health || '').toLowerCase() === 'healthy').length
+  const degraded = nodes.filter(isDegraded).length
+  const failingDependencies = counted.filter((n) => n.dependency && isDegraded(n)).length
   const outOfSync = nodes.filter((n) => (n.sync || '').toLowerCase() === 'outofsync').length
   return (
     <div className="hidden min-w-0 flex-1 items-center gap-3 truncate text-[11px] text-theme-text-tertiary sm:flex">
       <span><span className="text-theme-text-primary">{total}</span> resources</span>
+      {dependencies > 0 && <span><span className="text-theme-text-primary">{dependencies}</span> {dependencies === 1 ? 'dependency' : 'dependencies'}</span>}
+      {failingDependencies > 0 && <span className="flex items-center gap-1 font-medium text-red-600 dark:text-red-400"><span className="h-1.5 w-1.5 rounded-full bg-red-500" /> {failingDependencies} {failingDependencies === 1 ? 'dependency' : 'dependencies'} failing</span>}
       {healthy > 0 && <span className="flex items-center gap-1"><span className="h-1.5 w-1.5 rounded-full bg-emerald-500" /> {healthy} healthy</span>}
       {/* Bad-news counts use status colors on the number itself so the worst
           fact in the row visually pops, not just the dot next to it. */}

package/src/components/helm/ChartBrowser.tsx

@@ -5,10 +5,10 @@ import { clsx } from 'clsx'
 import { useHelmRepositories, useSearchCharts, useUpdateRepository, useUpdateRepositorySilent, useArtifactHubSearch, type ArtifactHubSortOption } from '../../api/client'
 import { useCanHelmWrite, useIsAuthEnabled } from '../../contexts/CapabilitiesContext'
 import type { ChartInfo, HelmRepository, ArtifactHubChart, ChartSource } from '../../types'
-import { formatAge } from './helm-utils'
 import { SEVERITY_BADGE } from '../../utils/badge-colors'
 import { Tooltip } from '../ui/Tooltip'
 import { useToast } from '../ui/Toast'
+import { formatRelativeAgeTime } from '@skyhook-io/k8s-ui/utils/format'
 
 interface ChartBrowserProps {
   onChartSelect: (repo: string, chart: string, version: string, source: ChartSource) => void
@@ -431,7 +431,7 @@ function RepoDropdownItem({ repo, isSelected, onSelect, onUpdate, isUpdating, ca
         {repo.name}
         {repo.lastUpdated && (
           <span className="text-xs text-theme-text-tertiary ml-2">
-            {formatAge(repo.lastUpdated)}
+            {formatRelativeAgeTime(repo.lastUpdated)}
           </span>
         )}
       </button>
@@ -514,7 +514,7 @@ interface ArtifactHubChartCardProps {
 function ArtifactHubChartCard({ chart, onSelect }: ArtifactHubChartCardProps) {
   // Format Unix timestamp to relative age
   const lastUpdated = chart.updatedAt
-    ? formatAge(new Date(chart.updatedAt * 1000).toISOString())
+    ? formatRelativeAgeTime(new Date(chart.updatedAt * 1000).toISOString())
     : null
 
   return (

package/src/components/helm/HelmCompareRoute.test.tsx

@@ -0,0 +1,59 @@
+// @vitest-environment jsdom
+import { renderToStaticMarkup } from 'react-dom/server'
+import { describe, expect, it } from 'vitest'
+import { CompareSummary } from './HelmCompareRoute'
+
+const sameDiff = '--- revision-1\n+++ revision-2\n'
+const changedDiff = '--- revision-1\n+++ revision-2\n@@ -1 +1 @@\n-old\n+new\n'
+
+function renderSummary(overridesDiff: string, effectiveValuesDiff: string) {
+  document.body.innerHTML = renderToStaticMarkup(
+    <CompareSummary
+      revision1={1}
+      revision2={2}
+      manifestDiff={sameDiff}
+      manifestLoading={false}
+      manifestError={null}
+      overridesDiff={overridesDiff}
+      overridesLoading={false}
+      overridesError={null}
+      effectiveValuesDiff={effectiveValuesDiff}
+      effectiveValuesLoading={false}
+      effectiveValuesError={null}
+      notesDiff={sameDiff}
+      notesLoading={false}
+      notesError={null}
+      hooksLoading={false}
+      hooksError={null}
+      resourceLoading={false}
+      resourceError={null}
+    />,
+  )
+}
+
+function signalText(section: string) {
+  return document.querySelector(`a[href="#${section}"]`)?.textContent
+}
+
+describe('CompareSummary value signals', () => {
+  it('shows unchanged overrides and changed effective values when chart defaults change', () => {
+    renderSummary(sameDiff, changedDiff)
+
+    expect(signalText('overrides')).toBe('Overridessame')
+    expect(signalText('effective-values')).toBe('Effective values1 add / 1 remove')
+  })
+
+  it('shows both signals changed when an override changes effective values', () => {
+    renderSummary(changedDiff, changedDiff)
+
+    expect(signalText('overrides')).toBe('Overrides1 add / 1 remove')
+    expect(signalText('effective-values')).toBe('Effective values1 add / 1 remove')
+  })
+
+  it('shows both signals unchanged when both value sets are identical', () => {
+    renderSummary(sameDiff, sameDiff)
+
+    expect(signalText('overrides')).toBe('Overridessame')
+    expect(signalText('effective-values')).toBe('Effective valuessame')
+  })
+})