feat: update Flask routes to use grouped models

templates/index.html

@@ -164,6 +164,27 @@
     background: var(--color-neutral-50);
     color: var(--color-neutral-700);
   }
+  .model-card-format {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    margin-bottom: var(--space-3);
+  }
+  .model-card-format label {
+    font-size: var(--text-xs);
+    font-weight: var(--font-medium);
+    color: var(--color-neutral-500);
+    white-space: nowrap;
+  }
+  .model-card-format select {
+    flex: 1;
+    padding: var(--space-1) var(--space-2);
+    font-size: var(--text-xs);
+    border: 1px solid var(--color-neutral-300);
+    border-radius: var(--radius-sm);
+    background: var(--color-neutral-50);
+    color: var(--color-neutral-700);
+  }
 
   /* Submit area */
   .submit-area {
@@ -220,7 +241,7 @@
   <div class="model-section">
     <div class="model-section-header">
       <h3>Select Models</h3>
-      {% if models %}
+      {% if model_groups %}
       <div class="model-toggle-btns">
         <button type="button" class="btn btn-ghost btn-sm" id="select-all-btn">Select All</button>
         <button type="button" class="btn btn-ghost btn-sm" id="deselect-all-btn">Deselect All</button>
@@ -228,26 +249,34 @@
       {% endif %}
     </div>
 
-    {% if models %}
+    {% if model_groups %}
     <div class="model-grid" id="model-grid" role="group" aria-label="Available detection models">
-      {% for model in models %}
+      {% for group in model_groups %}
       <label class="model-card" id="card-{{ loop.index }}">
         <div class="model-card-header">
-          <input type="checkbox" name="models" value="{{ model.filename }}" class="model-card-check" id="m-{{ loop.index }}">
-          <span class="model-card-name">{{ model.filename }}</span>
+          <input type="checkbox" name="model_stems" value="{{ group.stem }}" class="model-card-check" id="m-{{ loop.index }}">
+          <span class="model-card-name">{{ group.stem }}</span>
         </div>
         <div class="model-card-badges">
-          {% if model.known_classes %}
-            {% for cls in model.known_classes %}
+          {% if group.known_classes %}
+            {% for cls in group.known_classes %}
             <span class="badge badge-info">{{ cls }}</span>
             {% endfor %}
           {% else %}
             <span class="badge badge-neutral">no class info</span>
           {% endif %}
         </div>
+        <div class="model-card-format">
+          <label for="format-{{ loop.index }}">Format:</label>
+          <select name="format_{{ group.stem }}" id="format-{{ loop.index }}">
+            {% for fmt in group.formats %}
+            <option value="{{ fmt }}"{% if fmt == group.default_format %} selected{% endif %}>{{ fmt }}</option>
+            {% endfor %}
+          </select>
+        </div>
         <div class="model-card-filter">
           <label for="filter-{{ loop.index }}">Filter:</label>
-          <select name="filter_{{ model.filename }}" id="filter-{{ loop.index }}">
+          <select name="filter_{{ group.stem }}" id="filter-{{ loop.index }}">
             <option value="default">Use model defaults</option>
             <option value="sack">sack only</option>
             <option value="box">box only</option>