From 5f53ecde541eb4bf97ee51300bc9a651f1255ee3 Mon Sep 17 00:00:00 2001
From: Jaret Burkett <jaretburkett@gmail.com>
Date: Fri, 14 Aug 2026 18:14:12 -0600
Subject: [PATCH] Make the viewer thumbnails pul the thumbs

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

diff --git a/ui/src/components/SampleImageViewer.tsx b/ui/src/components/SampleImageViewer.tsx
index 9d973ca..7c451a6 100644
--- a/ui/src/components/SampleImageViewer.tsx
+++ b/ui/src/components/SampleImageViewer.tsx
@@ -372,7 +372,7 @@ export default function SampleImageViewer({
                 <div key={imgPath} className="flex space-x-2 mr-4">
                   {showingControlIdx !== null && (
                     <img
-                      src={`/api/img/${encodeURIComponent(imgPath!)}`}
+                      src={`/api/img/${encodeURIComponent(imgPath!)}?thumb=1`}
                       alt="Main"
                       className="max-h-12 max-w-12 object-contain bg-black border-2 border-gray-700 hover:border-gray-500 rounded cursor-pointer"
                       onClick={() => setShowingControlIdx(null)}
@@ -382,7 +382,7 @@ export default function SampleImageViewer({
                   {controlImages.map((ci, idx) => (
                     <img
                       key={idx}
-                      src={`/api/img/${encodeURIComponent(ci)}`}
+                      src={`/api/img/${encodeURIComponent(ci)}?thumb=1`}
                       alt={`Control ${idx + 1}`}
                       className={`max-h-12 max-w-12 object-contain bg-black border-2 rounded cursor-pointer ${
                         showingControlIdx === idx ? 'border-blue-500' : 'border-gray-700 hover:border-gray-500'