Upload folder using huggingface_hub

static/index.html

@@ -13,7 +13,7 @@
         .sensor-item { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #f9f9f9; }
         .sensor-item label { width: 100px; font-weight: bold; font-size: 0.85em; color: #555; }
         .sensor-item input[type=range] { flex: 1; margin: 0 10px; }
-        .sensor-item span { width: 40px; text-align: right; font-family: monospace; font-size: 0.9em; background: #eee; padding: 2px 5px; border-radius: 3px; }
+        .sensor-item input[type=number] { width: 60px; text-align: right; font-family: monospace; font-size: 0.9em; background: #eee; padding: 2px 5px; border: 1px solid #ccc; border-radius: 3px; }
         .array-view { background: #1e1e1e; color: #4af626; padding: 15px; border-radius: 6px; font-family: monospace; font-size: 0.9em; word-wrap: break-word; line-height: 1.6; margin-bottom: 20px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.3); }
         .btn { background: #007bff; color: white; border: none; padding: 12px 15px; border-radius: 6px; cursor: pointer; font-weight: bold; font-size: 1em; width: 100%; margin-bottom: 10px; transition: background 0.2s; }
         .btn:hover { background: #0056b3; }
@@ -79,11 +79,11 @@
             const li = document.createElement('li');
             li.className = 'sensor-item';
             // Flex sensors typically map from 0 to 90 degrees or arbitrary voltage. 
-            // MPUs map from -2g to +2g or similar. We use -10 to +10 as a general sandbox.
+            // MPUs map from -2g to +2g or similar. We use -30 to +30 as a general sandbox.
             li.innerHTML = `
                 <label>${name}</label>
-                <input type="range" id="slider${i}" min="-10" max="10" step="0.1" value="${sensors[i]}" oninput="updateSensor(${i}, this.value)">
-                <span id="val${i}">${sensors[i].toFixed(1)}</span>
+                <input type="range" id="slider${i}" min="-30" max="30" step="0.01" value="${sensors[i]}" oninput="updateSensor(${i}, this.value)">
+                <input type="number" id="val${i}" step="0.01" value="${sensors[i].toFixed(2)}" oninput="updateSensor(${i}, this.value)">
             `;
             listEl.appendChild(li);
         });
@@ -92,12 +92,15 @@
 
     function updateSensor(i, val) {
         sensors[i] = parseFloat(val);
-        document.getElementById(`val${i}`).innerText = sensors[i].toFixed(1);
+        const slider = document.getElementById(`slider${i}`);
+        const numInput = document.getElementById(`val${i}`);
+        if(slider && slider.value !== val) slider.value = val;
+        if(numInput && numInput.value !== val) numInput.value = val;
         updateArrayView();
     }
 
     function updateArrayView() {
-        arrayView.innerText = '[\n  ' + sensors.map(s => s.toFixed(1)).join(', ') + '\n]';
+        arrayView.innerText = '[\n  ' + sensors.map(s => s.toFixed(2)).join(', ') + '\n]';
     }
 
     function loadExampleData() {
@@ -128,8 +131,8 @@
             const slider = document.getElementById(`slider${i}`);
             if (slider) slider.value = sensors[i];
             
-            const span = document.getElementById(`val${i}`);
-            if (span) span.innerText = sensors[i].toFixed(1);
+            const numInput = document.getElementById(`val${i}`);
+            if (numInput) numInput.value = sensors[i].toFixed(2);
         }
         updateArrayView();
         // Removed auto-predict so you have to click Predict manually