From 35918dd3107238fe9cc02858fafc4b3e5be9e29c Mon Sep 17 00:00:00 2001
From: michael <michael@modernfreedom.com>
Date: Tue, 27 Jan 2026 15:30:18 -0600
Subject: [PATCH] Replace low-quality icons on Analytics page with Heroicons

- TrendingUpIcon: Changed to chart-bar icon for Pass Rate
- BugIcon: Changed to x-circle icon for Failed Reviews
- LightbulbIcon: Changed to proper light-bulb icon for Key Insight

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/components/icons/BugIcon.tsx        | 7 ++++---
 frontend/components/icons/LightbulbIcon.tsx  | 3 ++-
 frontend/components/icons/TrendingUpIcon.tsx | 3 ++-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/components/icons/BugIcon.tsx b/frontend/components/icons/BugIcon.tsx
index ee65e77..31723ea 100755
--- a/frontend/components/icons/BugIcon.tsx
+++ b/frontend/components/icons/BugIcon.tsx
@@ -1,8 +1,9 @@
 
 import React from 'react';
 
+// X-circle icon - Heroicons "x-circle" (outline) - represents failures/rejections
 export const BugIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
-    <path strokeLinecap="round" strokeLinejoin="round" d="M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 018.638 5.214m-6.724 0a3.375 3.375 0 01-1.464 3.362M15.362 5.214A3.375 3.375 0 0112 3.75a3.375 3.375 0 01-3.362 1.464m-3.376 0a3.375 3.375 0 013.376 0m6.724 0a3.375 3.375 0 011.464 3.362M12 21a3.375 3.375 0 01-3.362-1.464M3 12a3.375 3.375 0 011.464-3.362m14.144 0A3.375 3.375 0 0121 12a3.375 3.375 0 01-1.464 3.362M12 3.75a2.625 2.625 0 00-2.625 2.625v.375m0 0a2.625 2.625 0 015.25 0v-.375a2.625 2.625 0 00-2.625-2.625M12 21v-1.5" />
-  </svg>
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+    </svg>
 );
diff --git a/frontend/components/icons/LightbulbIcon.tsx b/frontend/components/icons/LightbulbIcon.tsx
index 5e708b1..4491a57 100755
--- a/frontend/components/icons/LightbulbIcon.tsx
+++ b/frontend/components/icons/LightbulbIcon.tsx
@@ -1,8 +1,9 @@
 
 import React from 'react';
 
+// Light bulb icon - Heroicons "light-bulb" (outline) - represents insights/ideas
 export const LightbulbIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
-      <path strokeLinecap="round" strokeLinejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.311V21m-3.75-2.311V21m-3.75-2.101a7.5 7.5 0 01-4.471-1.382m5.942 0a7.5 7.5 0 00-5.942 0M15 21a9 9 0 00-6 0m3-10.5V4.5A2.25 2.25 0 0112 2.25v0A2.25 2.25 0 0114.25 4.5v3.75m-2.25 0V6.75" />
+        <path strokeLinecap="round" strokeLinejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" />
     </svg>
 );
diff --git a/frontend/components/icons/TrendingUpIcon.tsx b/frontend/components/icons/TrendingUpIcon.tsx
index d493b39..da98bc0 100755
--- a/frontend/components/icons/TrendingUpIcon.tsx
+++ b/frontend/components/icons/TrendingUpIcon.tsx
@@ -1,8 +1,9 @@
 
 import React from 'react';
 
+// Chart bar icon - Heroicons "chart-bar" (outline) - represents analytics/rates
 export const TrendingUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
-      <path strokeLinecap="round" strokeLinejoin="round" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-3.75-2.25M21 3.75v4.5M21 3.75H16.5" />
+        <path strokeLinecap="round" strokeLinejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" />
     </svg>
 );