scrypted-detection-trainer 0.1.11 → 0.1.13

package/out/main.nodejs.js

@@ -2340,75 +2340,6 @@ async function initBrowse() {
   }
 }
 
-async function loadBrowse() {
-  const cameraId = document.getElementById('browse-camera').value;
-  const hours = document.getElementById('browse-hours').value;
-  const status = document.getElementById('browse-status');
-  const list = document.getElementById('browse-list');
-
-  if (!cameraId) { status.textContent = 'Select a camera first'; return; }
-
-  status.textContent = 'Loading…';
-  list.innerHTML = '';
-
-  try {
-    const res = await fetch(BASE + '/api/browse?cameraId=' + cameraId + '&hours=' + hours);
-    const events = await res.json();
-
-    if (events.error) { status.textContent = 'Error: ' + events.error; return; }
-    if (!events.length) { status.textContent = 'No detection events found.'; list.innerHTML = '<div class="empty"><div class="icon">🔍</div><div>No ObjectDetector events in this time range.</div></div>'; return; }
-
-    status.textContent = events.length + ' events found';
-
-    list.innerHTML = events.map((ev, i) => {
-      const date = new Date(ev.timestamp).toLocaleString();
-      const dets = ev.detections || [];
-      const primary = dets[0] || {};
-      const score = Math.round((primary.score || 0) * 100);
-      const allClasses = dets.map(d => d.className + ' ' + Math.round((d.score||0)*100) + '%').join(', ');
-      return \`
-      <div class="detection" id="bev-\${i}" style="opacity:1;transition:opacity .3s">
-        <div class="detection-imgs">
-          <div class="img-panel">
-            <div class="img-label">Full frame</div>
-            <canvas id="bcanvas-\${i}" class="det-canvas" width="240" height="160"></canvas>
-          </div>
-          <div class="img-panel" id="bcrop-panel-\${i}">
-            <div class="img-label">Crop</div>
-            <canvas id="bcanvas-crop-\${i}" class="det-canvas" width="160" height="160"></canvas>
-          </div>
-        </div>
-        <div class="detection-info">
-          <div class="detection-meta">
-            <div><strong>\${ev.cameraName}</strong></div>
-            <div>\${date}</div>
-            <div class="det-class-badge">\${allClasses}</div>
-          </div>
-          <div style="font-size:12px;color:#888;">Add to dataset as:</div>
-          <div class="label-buttons" id="blabels-\${i}">
-            <button class="label-btn person" onclick="addEvent(\${i})('person')">👤 Person</button>
-            <button class="label-btn animal" onclick="addEvent(\${i})('animal')">🐾 Animal</button>
-            <button class="label-btn face" onclick="addEvent(\${i})('face')">😀 Face</button>
-            <button class="label-btn vehicle" onclick="addEvent(\${i})('vehicle')">🚗 Vehicle</button>
-            <button class="label-btn" onclick="addEvent(\${i})('plate')">🔢 Plate</button>
-            <button class="label-btn" onclick="addEvent(\${i})('package')">📦 Package</button>
-            <button class="label-btn discard" onclick="addEvent(\${i})('discard')">🗑 Skip</button>
-          </div>
-        </div>
-      </div>\`;
-    }).join('');
-
-    // Load images for each event
-    for (let i = 0; i < events.length; i++) {
-      const ev = events[i];
-      loadBrowseImage(i, ev);
-    }
-
-  } catch(e) {
-    status.textContent = 'Error: ' + e.message;
-  }
-}
-
 // Store browse events for addEvent closure
 let browseEvents = [];
 
@@ -2512,7 +2443,7 @@ function loadBrowseImage(i, ev) {
           fullCanvas.onclick = () => openLightboxImg(img, ev.cameraName, ev.timestamp);
         }
         // Hide crop panel — no bounding box available
-        const cropPanel = document.getElementById('bcanvas-crop-' + i)?.closest('.img-panel') as HTMLElement;
+        const cropPanel = document.getElementById('bcanvas-crop-' + i)?.closest('.img-panel');
         if (cropPanel) cropPanel.style.display = 'none';
         URL.revokeObjectURL(url);
       };