From 7a075fbe9a664a8e3dca3d94db5157f7b619b31f Mon Sep 17 00:00:00 2001
From: developer <developer@localhost>
Date: Fri, 25 Sep 2026 07:40:41 +0000
Subject: [PATCH] Fix empty CSP summary rendering

---
 otel-ui/src/components/CspReportsVisualizer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/otel-ui/src/components/CspReportsVisualizer.tsx b/otel-ui/src/components/CspReportsVisualizer.tsx
index 2391ed4..24cd6df 100644
--- a/otel-ui/src/components/CspReportsVisualizer.tsx
+++ b/otel-ui/src/components/CspReportsVisualizer.tsx
@@ -183,8 +183,8 @@ export function CspReportsVisualizer() {
       <div className="grid grid-cols-2 gap-3 lg:grid-cols-4">
         <StatCard label="Reports in window" value={summary ? summary.total.toLocaleString() : "—"} />
         <StatCard label="Sites reporting" value={summary ? summary.sites.toLocaleString() : "—"} />
-        <StatCard label="Top directive" value={summary?.byDirective[0]?.name ?? "—"} />
-        <StatCard label="Top blocked host" value={summary?.byBlockedHost[0]?.name ?? "—"} />
+        <StatCard label="Top directive" value={summary?.byDirective?.[0]?.name ?? "—"} />
+        <StatCard label="Top blocked host" value={summary?.byBlockedHost?.[0]?.name ?? "—"} />
       </div>
 
       <FilterBar