Update templates/index.html

templates/index.html

@@ -251,38 +251,98 @@
         };
     }
 
-    // --- STANDARD API CALLS (Connect, Inspect, Execute) ---
-    // (Same as previous version, just ensure they call getRecipe())
-    
-    async function loadMetadata() { /* Same as before */ 
+  async function loadMetadata() {
         const btn = document.querySelector('button[onclick="loadMetadata()"]');
-        btn.disabled = true;
+        const tokenVal = document.getElementById('token').value;
+        const datasetVal = document.getElementById('dataset_id').value;
+
+        if(!datasetVal) { alert("Please enter a Dataset ID"); return; }
+
+        btn.disabled = true; btn.innerText = "...";
+        
         try {
             const res = await fetch('/analyze_metadata', {
                 method: 'POST', headers: {'Content-Type': 'application/json'},
                 body: JSON.stringify({
-                    token: document.getElementById('token').value,
-                    dataset_id: document.getElementById('dataset_id').value
+                    token: tokenVal,
+                    dataset_id: datasetVal
                 })
             });
+            
             const data = await res.json();
+            
             if(data.status === 'success') {
-                // Config Select
-                const cSel = document.getElementById('config_select');
-                cSel.innerHTML = ''; 
-                data.configs.forEach(c => cSel.innerHTML += `<option value="${c}">${c}</option>`);
-                cSel.disabled = false;
+                // Populate Configs
+                const confSel = document.getElementById('config_select');
+                confSel.innerHTML = '';
+                
+                // Safe check: Ensure configs is an array
+                if (Array.isArray(data.configs) && data.configs.length > 0) {
+                    data.configs.forEach(c => {
+                        confSel.innerHTML += `<option value="${c}">${c}</option>`;
+                    });
+                } else {
+                     confSel.innerHTML = `<option value="default">default</option>`;
+                }
+                confSel.disabled = false;
+
+                // Populate Splits safely
+                populateSplits(data.splits);
                 
-                // Splits
-                const sSel = document.getElementById('split_select');
-                sSel.innerHTML = '';
-                data.splits.forEach(s => sSel.innerHTML += `<option value="${s}">${s}</option>`);
-                sSel.disabled = false;
+                // Set license if UI element exists and data returned it
+                const licInput = document.getElementById('license_input');
+                if(data.license_detected && licInput) {
+                    licInput.value = data.license_detected;
+                }
                 
                 document.getElementById('inspect_btn').disabled = false;
-            } else { alert(data.message); }
-        } catch(e) { alert(e); }
-        btn.disabled = false;
+            } else {
+                alert('Server Error: ' + data.message);
+            }
+        } catch(e) { 
+            console.error(e);
+            alert("Network Error: " + e); 
+        }
+        
+        btn.disabled = false; btn.innerText = "Connect";
+    }
+
+    function populateSplits(splits) {
+        const sel = document.getElementById('split_select');
+        sel.innerHTML = '';
+        
+        // Safe check: Ensure splits is an array
+        if (Array.isArray(splits) && splits.length > 0) {
+            splits.forEach(s => sel.innerHTML += `<option value="${s}">${s}</option>`);
+        } else {
+             // Fallback if array is empty or undefined
+             sel.innerHTML = `<option value="train">train (fallback)</option>`;
+        }
+        sel.disabled = false;
+    }
+
+    async function updateSplits() {
+        const conf = document.getElementById('config_select').value;
+        const ds = document.getElementById('dataset_id').value;
+        const token = document.getElementById('token').value;
+
+        try {
+            const res = await fetch('/get_splits', {
+                method: 'POST', headers: {'Content-Type': 'application/json'},
+                body: JSON.stringify({dataset_id: ds, config: conf, token: token})
+            });
+            const data = await res.json();
+            
+            if(data.status === 'success') {
+                populateSplits(data.splits);
+            } else {
+                console.warn("Could not fetch specific splits, using defaults.");
+                populateSplits(['train', 'test', 'validation']);
+            }
+        } catch(e) {
+            console.error(e);
+            populateSplits(['train', 'test', 'validation']);
+        }
     }
 
     async function startInspection() {