Update server.js

server.js

@@ -40,11 +40,36 @@ async function loadAndProcessData() {
     // Map code key to full metadata object
     metaList.forEach(m => { langMap[m.lang_code_key] = m; });
 
-    // 2. Load Others
+    // 2. Load TTS & SLID
     const ttsData = await fetchHFFile("final_results/tts_results.jsonl");
-    const slidData = await fetchHFFile("final_results/slid_results.jsonl");
+    const slidRecords = await fetchHFFile("final_results/slid_results.jsonl");
+
+    // --- NEW SLID PROCESSING LOGIC ---
+    // Pivot from Long Format -> Wide Format for Frontend
+    const slidMap = {};
+    slidRecords.forEach(r => {
+        // r = { task: "SLID", lang_code: "bin", model_name: "MMS...", f1_score: 6.25 }
+        const code = r.lang_code;
+        
+        // Find language name from metadata, fallback to code if missing
+        const meta = langMap[code] || { name: code, family: 'Unknown' };
+        
+        if (!slidMap[code]) {
+            slidMap[code] = {
+                Language: meta.name,
+                ISO: code
+                // Model columns will be added dynamically below
+            };
+        }
+        
+        // Assign score to the model key (e.g., row["MMS-LID-1024"] = 6.25)
+        slidMap[code][r.model_name] = r.f1_score;
+    });
+    // Convert Map back to Array
+    const slidFinal = Object.values(slidMap);
+
 
-    // 3. Load ASR
+    // 3. Load ASR Files
     const files = await listHFFiles("final_results");
     let asrRecords = [];
     for (const file of files) {
@@ -76,7 +101,7 @@ async function loadAndProcessData() {
         familyData[fam][mod][meta.name] = {
             wer: (r.datasets_avg_wer || 0) * 100,
             cer: (r.datasets_avg_cer || 0) * 100,
-            iso: meta.lang_code_key // Store ISO here
+            iso: meta.lang_code_key
         };
     });
 
@@ -89,13 +114,11 @@ async function loadAndProcessData() {
         const langMapForFamily = new Map();
         Object.values(modData).forEach(m => {
             Object.keys(m).forEach(langName => {
-                // Get ISO from the stored data object
                 const iso = m[langName].iso;
                 langMapForFamily.set(langName, iso);
             });
         });
         
-        // Create array of objects: { name: "Amharic", iso: "amh" }
         const languages = Array.from(langMapForFamily.keys()).sort().map(name => ({
             name: name,
             iso: langMapForFamily.get(name)
@@ -137,7 +160,7 @@ async function loadAndProcessData() {
                 const meta = langMap[r.lang_code] || { name: r.lang_code, family: 'Unknown', lang_code_key: r.lang_code };
                 rows.push({
                     Language: meta.name,
-                    ISO: meta.lang_code_key, // Include ISO
+                    ISO: meta.lang_code_key,
                     Family: meta.family,
                     WER: (r.datasets_avg_wer || 0) * 100,
                     CER: (r.datasets_avg_cer || 0) * 100
@@ -154,7 +177,6 @@ async function loadAndProcessData() {
     ttsData.forEach(r => {
         ttsModels.add(r.model);
         if(!ttsGrouped[r.model]) ttsGrouped[r.model] = [];
-        // Add ISO if available in metadata, else guess or use code
         const meta = langMap[r.lang_code] || { lang_code_key: r.lang_code };
         r.iso = meta.lang_code_key;
         ttsGrouped[r.model].push(r);
@@ -168,7 +190,7 @@ async function loadAndProcessData() {
         },
         asr: { by_family: asrByFamily, by_model: asrByModel },
         tts: ttsGrouped,
-        slid: slidData
+        slid: slidFinal // Pass the pivoted data
     };
     console.log("Data Ready.");
 }