From 7704923b8c203df8c2c223db685176078620bc23 Mon Sep 17 00:00:00 2001
From: zvx-echo6 <matt@echo6.co>
Date: Tue, 12 May 2026 11:45:38 -0600
Subject: [PATCH] fix(dashboard): add null checks for health.pillars

Prevents "e.pillars is undefined" crash when health object
doesn't have pillars property (e.g., during initial load or
if API response is malformed).

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 dashboard-frontend/src/pages/Dashboard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/dashboard-frontend/src/pages/Dashboard.tsx b/dashboard-frontend/src/pages/Dashboard.tsx
index add6352..92a2f82 100644
--- a/dashboard-frontend/src/pages/Dashboard.tsx
+++ b/dashboard-frontend/src/pages/Dashboard.tsx
@@ -383,10 +383,10 @@ export default function Dashboard() {
           <>
             <HealthGauge health={health} />
             <div className="mt-6 space-y-3">
-              <PillarBar label="Infrastructure" value={health.pillars.infrastructure} />
-              <PillarBar label="Utilization" value={health.pillars.utilization} />
-              <PillarBar label="Behavior" value={health.pillars.behavior} />
-              <PillarBar label="Power" value={health.pillars.power} />
+              <PillarBar label="Infrastructure" value={health.pillars?.infrastructure ?? 0} />
+              <PillarBar label="Utilization" value={health.pillars?.utilization ?? 0} />
+              <PillarBar label="Behavior" value={health.pillars?.behavior ?? 0} />
+              <PillarBar label="Power" value={health.pillars?.power ?? 0} />
             </div>
           </>
         )}