feat: restore CLIP (ViT) unimodal descriptor alongside ViT

Interface/app.py

@@ -75,11 +75,12 @@ DESCRIPTOR_MAP = {
     "ORB (Keypoints)":          ("ORB",      f.generateORB,               4),
     "ViT (Deep Learning)":      ("ViT",      f.generateViT,               8),
     "ResNet50 (Deep Learning)": ("ResNet",   f.generateResNet,            9),
+    "CLIP (ViT)":               ("CLIP",     f.generateCLIP,             10),
 }
 
 VECTOR_DESCRIPTORS   = ["Color Histogram", "HSV Histogram", "GLCM (Texture)", "LBP (Texture)", "HOG (Shape)"]
 KEYPOINT_DESCRIPTORS = ["SIFT (Keypoints)", "ORB (Keypoints)"]
-DL_DESCRIPTORS       = ["ViT (Deep Learning)", "ResNet50 (Deep Learning)"]
+DL_DESCRIPTORS       = ["ViT (Deep Learning)", "ResNet50 (Deep Learning)", "CLIP (ViT)"]
 
 VECTOR_DISTANCES   = ["Euclidienne", "Chi carre", "Correlation", "Intersection", "Bhattacharyya"]
 KEYPOINT_DISTANCES = ["Brute force", "Flann"]

Interface/templates/index.html

@@ -115,6 +115,7 @@
                     <span class="group-label">Deep Learning</span>
                     <label class="checkbox-item"><input type="checkbox" name="descriptor" value="ViT (Deep Learning)" data-group="dl"> ViT · Vision Transformer</label>
                     <label class="checkbox-item"><input type="checkbox" name="descriptor" value="ResNet50 (Deep Learning)" data-group="dl"> ResNet50 · Deep Learning</label>
+                    <label class="checkbox-item"><input type="checkbox" name="descriptor" value="CLIP (ViT)" data-group="dl"> CLIP · ViT-B/32</label>
 
                     <span class="group-label">Keypoint-based</span>
                     <label class="checkbox-item"><input type="checkbox" name="descriptor" value="SIFT (Keypoints)" data-group="keypoint"> SIFT (Keypoints)</label>
@@ -249,6 +250,23 @@
                         ↑ Browse Image
                         <input type="file" id="queryInputMulti" accept="image/*" hidden>
                     </label>
+
+                    <button type="button" class="browse-btn" onclick="openFlickrModal()" style="margin-top:8px;">📁 Browse Flickr8k</button>
+
+                    <div class="modal-overlay" id="flickrModal" onclick="closeFlickrModal()">
+                        <div class="modal-content" style="max-width:820px;max-height:85vh;overflow-y:auto;padding:24px;" onclick="event.stopPropagation()">
+                            <button class="modal-close" onclick="closeFlickrModal()">✕</button>
+                            <h3 style="color:var(--cyan);font-family:var(--font-display);margin:0 0 6px;">SELECT FLICKR8K IMAGE</h3>
+                            <p id="flickrInfo" style="color:var(--text-mute);font-size:11px;margin:0 0 16px;"></p>
+                            <div id="flickrGrid" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;"></div>
+                            <div style="display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px;">
+                                <button class="browse-btn" id="fkPrev" style="width:auto;padding:8px 16px;" onclick="loadFlickrPage(-1)">◀ PREV</button>
+                                <input type="number" id="fkJump" min="1" placeholder="page…" style="width:80px;padding:6px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;" onkeydown="if(event.key==='Enter')jumpFlickr()">
+                                <span id="fkPageLabel" style="color:var(--text-mute);font-size:12px;">Page 1</span>
+                                <button class="browse-btn" id="fkNext" style="width:auto;padding:8px 16px;" onclick="loadFlickrPage(1)">NEXT ▶</button>
+                            </div>
+                        </div>
+                    </div>
                 </div>
 
                 <div class="divider"></div>