From c76ffe49712e4b6d1bbf011b73ebe1612703e17f Mon Sep 17 00:00:00 2001
From: luisa-cusick <luisa.cusick@northwestern.edu>
Date: Fri, 29 Aug 2025 15:41:44 -0500
Subject: [PATCH] Sort metadata values (refs: #10):

---
 src/cbPyLib/cellbrowser/cbWeb/js/cellBrowser.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/cbPyLib/cellbrowser/cbWeb/js/cellBrowser.js b/src/cbPyLib/cellbrowser/cbWeb/js/cellBrowser.js
index 5706a1d..3989a0e 100644
--- a/src/cbPyLib/cellbrowser/cbWeb/js/cellBrowser.js
+++ b/src/cbPyLib/cellbrowser/cbWeb/js/cellBrowser.js
@@ -1832,11 +1832,17 @@ var cellbrowser = function() {
             // it's an enum field
             $('#tpSelectValue_'+rowIdx).hide();
             $('#tpSelectMetaValueEnum_'+rowIdx).empty();
-            for (var i = 0; i < valCounts.length; i++) {
-                //var valName = valCounts[i][0];
-                var valLabel = shortLabels[i];
-                $('#tpSelectMetaValueEnum_'+rowIdx).append("<option value='"+i+"'>"+valLabel+"</option>");
+            
+            // sort values by label, but keep track of original index
+            var sorted = shortLabels.map((label, i) => ({label, idx: i}));
+            sorted.sort((a, b) => a.label.localeCompare(b.label, undefined, {numeric: true}));
+
+            for (var i = 0; i < sorted.length; i++) {
+                var valIndex = sorted[i].idx;
+                var valLabel = sorted[i].label;
+                $('#tpSelectMetaValueEnum_'+rowIdx).append("<option value='"+valIndex+"'>"+valLabel+"</option>");
             }
+
             $('#tpSelectMetaValueEnum_'+rowIdx).show();
         }
     }