Show context before script text

index.html

@@ -114,14 +114,17 @@
       wrapper.className = "script-cell";
       const texts = Array.isArray(item.target_text) ? item.target_text : [item.target_text];
       const speakers = Array.isArray(item.speaker) ? item.speaker : [];
+      const contexts = Array.isArray(item.context) ? item.context : [];
 
       texts.forEach((text, index) => {
         const turn = document.createElement("p");
         const speaker = speakers[index];
+        const context = contexts[index];
+        const textWithContext = context ? `(${context}) ${text}` : text;
         if (speaker !== undefined && speaker !== "") {
-          turn.innerHTML = `<strong>[S${Number(speaker) + 1}]</strong> ${escapeHtml(text)}`;
+          turn.innerHTML = `<strong>[S${Number(speaker) + 1}]</strong> ${escapeHtml(textWithContext)}`;
         } else {
-          turn.textContent = text;
+          turn.textContent = textWithContext;
         }
         wrapper.appendChild(turn);
       });