Complete previews for every Explorer event

index.html

@@ -298,7 +298,7 @@
   <header class="shell topbar">
     <div class="mark"><span class="mark-glyph">U</span><span>UniversalLabeler</span></div>
     <div class="top-center">Loss-resistant annotation translation</div>
-    <div class="top-right"><span class="status-dot" aria-hidden="true"></span><span>v1.0.4 / Public spec</span></div>
+    <div class="top-right"><span class="status-dot" aria-hidden="true"></span><span>v1.0.5 / Public spec</span></div>
   </header>
 
   <main>
@@ -405,7 +405,7 @@
   <footer>
     <div class="footer-inner">
       <div class="footer-title">Meaning,<br>packed.</div>
-      <div class="footer-meta">UNIVERSAL LABELER / RELEASE 1.0.4<br>5 HUMAN LANGUAGES · 22 WORLD DIMENSIONS<br><a href="https://huggingface.co/datasets/itspublu/UniversalLabeler">VIEW DATA + SCHEMAS ↗</a></div>
+      <div class="footer-meta">UNIVERSAL LABELER / RELEASE 1.0.5<br>5 HUMAN LANGUAGES · 22 WORLD DIMENSIONS<br><a href="https://huggingface.co/datasets/itspublu/UniversalLabeler">VIEW DATA + SCHEMAS ↗</a></div>
     </div>
   </footer>
 
@@ -414,27 +414,31 @@
       {
         name: "fold_towel", source: "Fold the towel on the table with both hands.", hot: "towel",
         preview: "../assets/evidence-fold-towel-v1.png",
+        previewAlt: "Synthetic first-person preview of two hands folding a pale blue towel on a dark table",
         environment: "indoor · laundry area", duration: "7.00 s · episode_clock", claims: 10,
         values: { action: "fold", agent: "human performer", roles: "left stabilizes · right acts", object: "towel_01 · patient", place: "table · laundry area", before: "unfolded · dry", after: "folded · dry", time: "1.00—8.00 s", outcome: "success", evidence: "RGB · hand pose · narration" },
         text: { en: "Fold the towel on the table with both hands.", zh: "用双手在桌上把毛巾叠好。", tl: "Tiklupin ang tuwalya sa mesa gamit ang dalawang kamay.", es: "Dobla la toalla sobre la mesa con ambas manos.", hi: "दोनों हाथों से मेज़ पर तौलिया मोड़ें।" }
       },
       {
         name: "open_jar", source: "Hold the jar with the left hand and unscrew the lid with the right.", hot: "unscrew",
-        preview: null,
+        preview: "../assets/evidence-open-jar-v1.png",
+        previewAlt: "Synthetic first-person preview of the left hand stabilizing a glass jar while the right hand unscrews its lid",
         environment: "indoor · kitchen counter", duration: "4.20 s · episode_clock", claims: 11,
         values: { action: "unscrew", agent: "human performer", roles: "left stabilizes · right rotates", object: "lid_01 · patient", place: "jar · kitchen counter", before: "jar sealed", after: "jar open", time: "12.30—16.50 s", outcome: "success", evidence: "RGB · hand pose · object track" },
         text: { en: "Hold the jar with the left hand and unscrew the lid with the right.", zh: "左手扶稳罐子，右手拧开盖子。", tl: "Hawakan ang garapon sa kaliwang kamay at pihitin ang takip gamit ang kanan.", es: "Sujeta el frasco con la izquierda y desenrosca la tapa con la derecha.", hi: "बाएँ हाथ से जार को थामें और दाएँ हाथ से ढक्कन खोलें।" }
       },
       {
         name: "place_mug", source: "Place the blue mug upright on the upper shelf using the right hand.", hot: "upper shelf",
-        preview: null,
+        preview: "../assets/evidence-place-mug-v1.png",
+        previewAlt: "Synthetic first-person preview of the right hand placing a blue mug upright on an upper cabinet shelf while the left hand remains idle",
         environment: "indoor · storage cabinet", duration: "2.80 s · episode_clock", claims: 10,
         values: { action: "place", agent: "human performer", roles: "right acts · left idle", object: "blue_mug_01 · patient", place: "upper_shelf · destination", before: "held · tilted", after: "supported · upright", time: "21.10—23.90 s", outcome: "stable placement", evidence: "RGB · depth · object pose" },
         text: { en: "Place the blue mug upright on the upper shelf using the right hand.", zh: "用右手把蓝色杯子直立放到上层架子上。", tl: "Ilagay nang patayo ang asul na tasa sa itaas na estante gamit ang kanang kamay.", es: "Coloca la taza azul en posición vertical sobre el estante superior con la mano derecha.", hi: "दाएँ हाथ से नीले मग को ऊपरी शेल्फ़ पर सीधा रखें।" }
       },
       {
         name: "slice_tomato", source: "Stabilize the tomato with the left hand and slice it with the knife.", hot: "knife",
-        preview: null,
+        preview: "../assets/evidence-slice-tomato-v1.png",
+        previewAlt: "Synthetic first-person preview of the left hand stabilizing a tomato while the right hand slices it with a kitchen knife",
         environment: "indoor · food prep station", duration: "5.60 s · episode_clock", claims: 12,
         values: { action: "slice", agent: "human performer", roles: "left stabilizes · right cuts", object: "tomato_01 · patient", place: "cutting_board · support", before: "whole tomato", after: "separated slices", time: "31.00—36.60 s", outcome: "cut completed", evidence: "RGB · contact · temporal span" },
         text: { en: "Stabilize the tomato with the left hand and slice it with the knife.", zh: "左手扶稳番茄，用刀将它切片。", tl: "Hawakan nang matatag ang kamatis sa kaliwang kamay at hiwain ito gamit ang kutsilyo.", es: "Sujeta el tomate con la mano izquierda y córtalo en rodajas con el cuchillo.", hi: "बाएँ हाथ से टमाटर को स्थिर रखें और चाकू से उसके टुकड़े काटें।" }
@@ -442,6 +446,7 @@
     ];
 
     const languageNames = { en: "English", zh: "简体中文", tl: "Tagalog", es: "Español", hi: "हिन्दी" };
+    scenes.forEach(scene => { const image = new Image(); image.src = scene.preview; });
     const output = document.querySelector("#outputs");
     const table = document.querySelector("#packet-table");
     const core = document.querySelector("#core");
@@ -510,6 +515,7 @@
       const previewWindow = document.querySelector(".evidence-window");
       if (scene.preview) {
         preview.src = scene.preview;
+        preview.alt = scene.previewAlt;
         preview.hidden = false;
         previewWindow.classList.add("has-preview");
         document.querySelector("#preview-kind").textContent = "synthetic visual preview";