From c0c5cd619510b06b6ef938f936ad5a7f3686d311 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 23 Mar 2026 09:43:57 +0000
Subject: [PATCH] Enhance tool options dropdowns to include icons for improved
 UI clarity

---
 dicom-viewer/src/App.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/dicom-viewer/src/App.tsx b/dicom-viewer/src/App.tsx
index 7eb4bae..061aed3 100644
--- a/dicom-viewer/src/App.tsx
+++ b/dicom-viewer/src/App.tsx
@@ -4456,7 +4456,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
                       }}
                     >
                       {TOOL_OPTIONS.map(opt => (
-                        <option key={opt.value} value={opt.value} title={opt.label}>{opt.icon || opt.label}</option>
+                        <option key={opt.value} value={opt.value} title={opt.label}>{`${opt.icon ? `${opt.icon} ` : ""}${opt.label}`}</option>
                       ))}
                     </select>
                   </div>
@@ -4498,7 +4498,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
                           >
                             <option value="">(None)</option>
                             {TOOL_OPTIONS.map(opt => (
-                              <option key={opt.value} value={opt.value} title={opt.label}>{opt.icon || opt.label}</option>
+                              <option key={opt.value} value={opt.value} title={opt.label}>{`${opt.icon ? `${opt.icon} ` : ""}${opt.label}`}</option>
                             ))}
                           </select>
                         </div>
@@ -4525,7 +4525,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
                     >
                       <option value="">(None)</option>
                       {TOOL_OPTIONS.map(opt => (
-                        <option key={opt.value} value={opt.value} title={opt.label}>{opt.icon || opt.label}</option>
+                        <option key={opt.value} value={opt.value} title={opt.label}>{`${opt.icon ? `${opt.icon} ` : ""}${opt.label}`}</option>
                       ))}
                     </select>
                   </div>
@@ -4567,7 +4567,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
                           >
                             <option value="">(None)</option>
                             {TOOL_OPTIONS.map(opt => (
-                              <option key={opt.value} value={opt.value} title={opt.label}>{opt.icon || opt.label}</option>
+                                <option key={opt.value} value={opt.value} title={opt.label}>{`${opt.icon ? `${opt.icon} ` : ""}${opt.label}`}</option>
                             ))}
                           </select>
                         </div>