From 95d7fc0c397032e1dc126f43a9a00df840015bf9 Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Mon, 6 Apr 2026 08:59:38 -0500
Subject: [PATCH] Show per-type enrichment progress bars on backfill dashboard

---
 lib/microwaveprop_web/live/backfill_live.ex | 60 ++++++++++++++++-----
 1 file changed, 46 insertions(+), 14 deletions(-)

diff --git a/lib/microwaveprop_web/live/backfill_live.ex b/lib/microwaveprop_web/live/backfill_live.ex
index b695e05d..979d84b3 100644
--- a/lib/microwaveprop_web/live/backfill_live.ex
+++ b/lib/microwaveprop_web/live/backfill_live.ex
@@ -290,20 +290,52 @@ defmodule MicrowavepropWeb.BackfillLive do
       <div class="grid grid-cols-1 md:grid-cols-3 gap-4 my-6">
         <div class="bg-base-200 rounded-box p-4">
           <div class="text-xs opacity-60">Enrichment Progress</div>
-          <div class="text-2xl font-bold">{@unprocessed.remaining} remaining</div>
-          <div class="text-xs opacity-60 mt-1">
-            {@unprocessed.complete} / {@unprocessed.total} fully enriched
-          </div>
-          <progress
-            class="progress progress-primary w-full mt-2"
-            value={@unprocessed.complete}
-            max={@unprocessed.total}
-          />
-          <div class="flex gap-4 mt-2 text-xs opacity-60">
-            <span>HRRR: {@unprocessed.hrrr}</span>
-            <span>Weather: {@unprocessed.weather}</span>
-            <span>Terrain: {@unprocessed.terrain}</span>
-            <span>IEMRE: {@unprocessed.iemre}</span>
+          <div class="text-2xl font-bold">{@unprocessed.complete} / {@unprocessed.total} fully enriched</div>
+          <div class="flex flex-col gap-1 mt-2">
+            <div class="flex items-center gap-2 text-xs">
+              <span class="w-16">HRRR</span>
+              <progress
+                class="progress progress-primary flex-1"
+                value={@unprocessed.total - @unprocessed.hrrr}
+                max={@unprocessed.total}
+              />
+              <span class="w-20 text-right font-mono opacity-60">
+                {format_number(@unprocessed.total - @unprocessed.hrrr)} / {format_number(@unprocessed.total)}
+              </span>
+            </div>
+            <div class="flex items-center gap-2 text-xs">
+              <span class="w-16">Weather</span>
+              <progress
+                class="progress progress-primary flex-1"
+                value={@unprocessed.total - @unprocessed.weather}
+                max={@unprocessed.total}
+              />
+              <span class="w-20 text-right font-mono opacity-60">
+                {format_number(@unprocessed.total - @unprocessed.weather)} / {format_number(@unprocessed.total)}
+              </span>
+            </div>
+            <div class="flex items-center gap-2 text-xs">
+              <span class="w-16">Terrain</span>
+              <progress
+                class="progress progress-primary flex-1"
+                value={@unprocessed.total - @unprocessed.terrain}
+                max={@unprocessed.total}
+              />
+              <span class="w-20 text-right font-mono opacity-60">
+                {format_number(@unprocessed.total - @unprocessed.terrain)} / {format_number(@unprocessed.total)}
+              </span>
+            </div>
+            <div class="flex items-center gap-2 text-xs">
+              <span class="w-16">IEMRE</span>
+              <progress
+                class="progress progress-primary flex-1"
+                value={@unprocessed.total - @unprocessed.iemre}
+                max={@unprocessed.total}
+              />
+              <span class="w-20 text-right font-mono opacity-60">
+                {format_number(@unprocessed.total - @unprocessed.iemre)} / {format_number(@unprocessed.total)}
+              </span>
+            </div>
           </div>
         </div>
         <div class="bg-base-200 rounded-box p-4">