teleopSample viewer: fix mislabeled 'steel tray' text, unify raw-data download link style with egoSample, fix broken FaberU/pickplace_samples download path

teleopSample/faberU/t3_juice_bottle_onto_plate/20260724050737/viewer.html

@@ -57,10 +57,10 @@
   <div class="panel chart-panel" id="pSrc"><div class="label">teleop source active (action_src_status) — <i style="background:#e0a53e"></i>1 = commands coming from the operator</div><canvas id="cSrc" height="54"></canvas></div>
 </div>
 <div class="panel" style="margin:12px 22px 26px;padding:12px 18px">
-  <div class="readout-title">episode files · this curated sample</div>
+  <div class="readout-title">episode files<a style="float:right;font-size:12px;color:#7fb2ff;text-decoration:none;text-transform:none;letter-spacing:0" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/FaberU/pickplace_samples/t3_juice_bottle_onto_plate/20260724050737" target="_blank" rel="noopener">↓ browse / download this episode on HuggingFace</a></div>
+  <div class="dl-row"><button class="dl-cmd" onclick="navigator.clipboard.writeText('hf download faradayfuture/teleopSample --repo-type dataset --local-dir teleopSample');var b=this,o=b.textContent;b.textContent='✓ copied — run in terminal';setTimeout(function(){b.textContent=o},2500)">📋 copy: hf download (all files)</button></div>
   <div class="files" id="fileManifest"></div>
   <div style="color:#6b7686;font-size:12px;margin-top:9px;line-height:1.6">
-    original data (camera streams, state, teleop topic logs): <a style="color:#7fb2ff" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/faberU_pickplace_samples/t3_juice_bottle_onto_plate/20260724050737" target="_blank" rel="noopener">faberU_pickplace_samples/t3_juice_bottle_onto_plate/20260724050737 ↗</a><br>
     annotations in <code style="color:#8fa8c8">annotation.json</code> (steps + measurements) and
     <code style="color:#8fa8c8">frames.csv</code> (per-frame step label, state, teleop command).
   </div>

teleopSample/faberU/t3_juice_bottle_onto_plate/20260724050827/viewer.html

@@ -57,10 +57,10 @@
   <div class="panel chart-panel" id="pSrc"><div class="label">teleop source active (action_src_status) — <i style="background:#e0a53e"></i>1 = commands coming from the operator</div><canvas id="cSrc" height="54"></canvas></div>
 </div>
 <div class="panel" style="margin:12px 22px 26px;padding:12px 18px">
-  <div class="readout-title">episode files · this curated sample</div>
+  <div class="readout-title">episode files<a style="float:right;font-size:12px;color:#7fb2ff;text-decoration:none;text-transform:none;letter-spacing:0" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/FaberU/pickplace_samples/t3_juice_bottle_onto_plate/20260724050827" target="_blank" rel="noopener">↓ browse / download this episode on HuggingFace</a></div>
+  <div class="dl-row"><button class="dl-cmd" onclick="navigator.clipboard.writeText('hf download faradayfuture/teleopSample --repo-type dataset --local-dir teleopSample');var b=this,o=b.textContent;b.textContent='✓ copied — run in terminal';setTimeout(function(){b.textContent=o},2500)">📋 copy: hf download (all files)</button></div>
   <div class="files" id="fileManifest"></div>
   <div style="color:#6b7686;font-size:12px;margin-top:9px;line-height:1.6">
-    original data (camera streams, state, teleop topic logs): <a style="color:#7fb2ff" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/faberU_pickplace_samples/t3_juice_bottle_onto_plate/20260724050827" target="_blank" rel="noopener">faberU_pickplace_samples/t3_juice_bottle_onto_plate/20260724050827 ↗</a><br>
     annotations in <code style="color:#8fa8c8">annotation.json</code> (steps + measurements) and
     <code style="color:#8fa8c8">frames.csv</code> (per-frame step label, state, teleop command).
   </div>

teleopSample/faberU/t4_juice_bottle_into_black_tray/20260728075709/viewer.html

@@ -57,10 +57,10 @@
   <div class="panel chart-panel" id="pSrc"><div class="label">teleop source active (action_src_status) — <i style="background:#e0a53e"></i>1 = commands coming from the operator</div><canvas id="cSrc" height="54"></canvas></div>
 </div>
 <div class="panel" style="margin:12px 22px 26px;padding:12px 18px">
-  <div class="readout-title">episode files · this curated sample</div>
+  <div class="readout-title">episode files<a style="float:right;font-size:12px;color:#7fb2ff;text-decoration:none;text-transform:none;letter-spacing:0" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/FaberU/pickplace_samples/t4_juice_bottle_into_black_tray/20260728075709" target="_blank" rel="noopener">↓ browse / download this episode on HuggingFace</a></div>
+  <div class="dl-row"><button class="dl-cmd" onclick="navigator.clipboard.writeText('hf download faradayfuture/teleopSample --repo-type dataset --local-dir teleopSample');var b=this,o=b.textContent;b.textContent='✓ copied — run in terminal';setTimeout(function(){b.textContent=o},2500)">📋 copy: hf download (all files)</button></div>
   <div class="files" id="fileManifest"></div>
   <div style="color:#6b7686;font-size:12px;margin-top:9px;line-height:1.6">
-    original data (camera streams, state, teleop topic logs): <a style="color:#7fb2ff" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/faberU_pickplace_samples/t4_juice_bottle_into_black_tray/20260728075709" target="_blank" rel="noopener">faberU_pickplace_samples/t4_juice_bottle_into_black_tray/20260728075709 ↗</a><br>
     annotations in <code style="color:#8fa8c8">annotation.json</code> (steps + measurements) and
     <code style="color:#8fa8c8">frames.csv</code> (per-frame step label, state, teleop command).
   </div>

teleopSample/faberU/t4_juice_bottle_into_black_tray/20260728080339/viewer.html

@@ -57,10 +57,10 @@
   <div class="panel chart-panel" id="pSrc"><div class="label">teleop source active (action_src_status) — <i style="background:#e0a53e"></i>1 = commands coming from the operator</div><canvas id="cSrc" height="54"></canvas></div>
 </div>
 <div class="panel" style="margin:12px 22px 26px;padding:12px 18px">
-  <div class="readout-title">episode files · this curated sample</div>
+  <div class="readout-title">episode files<a style="float:right;font-size:12px;color:#7fb2ff;text-decoration:none;text-transform:none;letter-spacing:0" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/FaberU/pickplace_samples/t4_juice_bottle_into_black_tray/20260728080339" target="_blank" rel="noopener">↓ browse / download this episode on HuggingFace</a></div>
+  <div class="dl-row"><button class="dl-cmd" onclick="navigator.clipboard.writeText('hf download faradayfuture/teleopSample --repo-type dataset --local-dir teleopSample');var b=this,o=b.textContent;b.textContent='✓ copied — run in terminal';setTimeout(function(){b.textContent=o},2500)">📋 copy: hf download (all files)</button></div>
   <div class="files" id="fileManifest"></div>
   <div style="color:#6b7686;font-size:12px;margin-top:9px;line-height:1.6">
-    original data (camera streams, state, teleop topic logs): <a style="color:#7fb2ff" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/faberU_pickplace_samples/t4_juice_bottle_into_black_tray/20260728080339" target="_blank" rel="noopener">faberU_pickplace_samples/t4_juice_bottle_into_black_tray/20260728080339 ↗</a><br>
     annotations in <code style="color:#8fa8c8">annotation.json</code> (steps + measurements) and
     <code style="color:#8fa8c8">frames.csv</code> (per-frame step label, state, teleop command).
   </div>

teleopSample/faberU/t6_pick_up_green_tea_bottle/20260730045050/viewer.html

@@ -57,10 +57,10 @@
   <div class="panel chart-panel" id="pSrc"><div class="label">teleop source active (action_src_status) — <i style="background:#e0a53e"></i>1 = commands coming from the operator</div><canvas id="cSrc" height="54"></canvas></div>
 </div>
 <div class="panel" style="margin:12px 22px 26px;padding:12px 18px">
-  <div class="readout-title">episode files · this curated sample</div>
+  <div class="readout-title">episode files<a style="float:right;font-size:12px;color:#7fb2ff;text-decoration:none;text-transform:none;letter-spacing:0" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/FaberU/pickplace_samples/t6_pick_up_green_tea_bottle/20260730045050" target="_blank" rel="noopener">↓ browse / download this episode on HuggingFace</a></div>
+  <div class="dl-row"><button class="dl-cmd" onclick="navigator.clipboard.writeText('hf download faradayfuture/teleopSample --repo-type dataset --local-dir teleopSample');var b=this,o=b.textContent;b.textContent='✓ copied — run in terminal';setTimeout(function(){b.textContent=o},2500)">📋 copy: hf download (all files)</button></div>
   <div class="files" id="fileManifest"></div>
   <div style="color:#6b7686;font-size:12px;margin-top:9px;line-height:1.6">
-    original data (camera streams, state, teleop topic logs): <a style="color:#7fb2ff" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/faberU_pickplace_samples/t6_pick_up_green_tea_bottle/20260730045050" target="_blank" rel="noopener">faberU_pickplace_samples/t6_pick_up_green_tea_bottle/20260730045050 ↗</a><br>
     annotations in <code style="color:#8fa8c8">annotation.json</code> (steps + measurements) and
     <code style="color:#8fa8c8">frames.csv</code> (per-frame step label, state, teleop command).
   </div>

teleopSample/faberU/t6_pick_up_green_tea_bottle/20260730045152/viewer.html

@@ -57,10 +57,10 @@
   <div class="panel chart-panel" id="pSrc"><div class="label">teleop source active (action_src_status) — <i style="background:#e0a53e"></i>1 = commands coming from the operator</div><canvas id="cSrc" height="54"></canvas></div>
 </div>
 <div class="panel" style="margin:12px 22px 26px;padding:12px 18px">
-  <div class="readout-title">episode files · this curated sample</div>
+  <div class="readout-title">episode files<a style="float:right;font-size:12px;color:#7fb2ff;text-decoration:none;text-transform:none;letter-spacing:0" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/FaberU/pickplace_samples/t6_pick_up_green_tea_bottle/20260730045152" target="_blank" rel="noopener">↓ browse / download this episode on HuggingFace</a></div>
+  <div class="dl-row"><button class="dl-cmd" onclick="navigator.clipboard.writeText('hf download faradayfuture/teleopSample --repo-type dataset --local-dir teleopSample');var b=this,o=b.textContent;b.textContent='✓ copied — run in terminal';setTimeout(function(){b.textContent=o},2500)">📋 copy: hf download (all files)</button></div>
   <div class="files" id="fileManifest"></div>
   <div style="color:#6b7686;font-size:12px;margin-top:9px;line-height:1.6">
-    original data (camera streams, state, teleop topic logs): <a style="color:#7fb2ff" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main/faberU_pickplace_samples/t6_pick_up_green_tea_bottle/20260730045152" target="_blank" rel="noopener">faberU_pickplace_samples/t6_pick_up_green_tea_bottle/20260730045152 ↗</a><br>
     annotations in <code style="color:#8fa8c8">annotation.json</code> (steps + measurements) and
     <code style="color:#8fa8c8">frames.csv</code> (per-frame step label, state, teleop command).
   </div>

teleopSample/index.html

@@ -39,7 +39,7 @@ iframe{flex:1;width:100%;border:0;background:#07090d}
     <iframe id="stage" allow="autoplay" src="about:blank"></iframe>
   </div>
 </div>
-<script id="D" type="application/json">[["Memory module insertion  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "mem_ep0", "src": "mem_ep0.html", "dur": 25.63, "spans": 4}, {"label": "episode 1", "hash": "mem_ep1", "src": "mem_ep1.html", "dur": 36.8, "spans": 4}]], ["Place drink on coaster  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "drink_ep0", "src": "drink_ep0.html", "dur": 22.53, "spans": 3}, {"label": "episode 1", "hash": "drink_ep1", "src": "drink_ep1.html", "dur": 18.23, "spans": 3}]], ["Sort garment bags  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "sort_ep0", "src": "sort_ep0.html", "dur": 36.77, "spans": 16}, {"label": "episode 1", "hash": "sort_ep1", "src": "sort_ep1.html", "dur": 31.2, "spans": 16}]], ["Wipe table with sponge  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "wipe_ep0", "src": "wipe_ep0.html", "dur": 24.33, "spans": 3}, {"label": "episode 1", "hash": "wipe_ep1", "src": "wipe_ep1.html", "dur": 26.47, "spans": 3}]], ["Pick up the water bottle and put it in the basket  ·  Futurist", "Futurist", [{"label": "episode 0", "hash": "legacy-ep0", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep0/viewer.html", "dur": 18.2, "spans": 3}, {"label": "episode 1", "hash": "legacy-ep1", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep1/viewer.html", "dur": 18.8, "spans": 3}, {"label": "episode 2", "hash": "legacy-ep2", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep2/viewer.html", "dur": 18.7, "spans": 3}, {"label": "episode 3", "hash": "legacy-ep3", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep3/viewer.html", "dur": 20.5, "spans": 3}, {"label": "episode 4", "hash": "legacy-ep4", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep4/viewer.html", "dur": 22.4, "spans": 3}, {"label": "episode 5", "hash": "legacy-ep5", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep5/viewer.html", "dur": 18.4, "spans": 3}]], ["Place the water bottle into the steel tray on the checkout counter  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "20260707052527", "src": "faberU/t2_water_bottle_into_steel_tray/20260707052527/viewer.html", "dur": 11.0, "spans": 7}, {"label": "episode 1", "hash": "20260707052609", "src": "faberU/t2_water_bottle_into_steel_tray/20260707052609/viewer.html", "dur": 11.6, "spans": 7}]], ["Place the juice bottle onto the patterned plate  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "20260724050827", "src": "faberU/t3_juice_bottle_onto_plate/20260724050827/viewer.html", "dur": 10.1, "spans": 8}, {"label": "episode 1", "hash": "20260724050737", "src": "faberU/t3_juice_bottle_onto_plate/20260724050737/viewer.html", "dur": 9.6, "spans": 8}]], ["Place the juice bottle into the black tray  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "20260728075709", "src": "faberU/t4_juice_bottle_into_black_tray/20260728075709/viewer.html", "dur": 5.9, "spans": 7}, {"label": "episode 1", "hash": "20260728080339", "src": "faberU/t4_juice_bottle_into_black_tray/20260728080339/viewer.html", "dur": 8.0, "spans": 7}]], ["Pick up the green-tea bottle and lift it  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "20260730045152", "src": "faberU/t6_pick_up_green_tea_bottle/20260730045152/viewer.html", "dur": 9.9, "spans": 4}, {"label": "episode 1", "hash": "20260730045050", "src": "faberU/t6_pick_up_green_tea_bottle/20260730045050/viewer.html", "dur": 8.0, "spans": 5}]]]</script>
+<script id="D" type="application/json">[["Memory module insertion  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "mem_ep0", "src": "mem_ep0.html", "dur": 25.63, "spans": 4}, {"label": "episode 1", "hash": "mem_ep1", "src": "mem_ep1.html", "dur": 36.8, "spans": 4}]], ["Place drink on coaster  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "drink_ep0", "src": "drink_ep0.html", "dur": 22.53, "spans": 3}, {"label": "episode 1", "hash": "drink_ep1", "src": "drink_ep1.html", "dur": 18.23, "spans": 3}]], ["Sort garment bags  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "sort_ep0", "src": "sort_ep0.html", "dur": 36.77, "spans": 16}, {"label": "episode 1", "hash": "sort_ep1", "src": "sort_ep1.html", "dur": 31.2, "spans": 16}]], ["Wipe table with sponge  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "wipe_ep0", "src": "wipe_ep0.html", "dur": 24.33, "spans": 3}, {"label": "episode 1", "hash": "wipe_ep1", "src": "wipe_ep1.html", "dur": 26.47, "spans": 3}]], ["Pick up the water bottle and put it in the basket  ·  Futurist", "Futurist", [{"label": "episode 0", "hash": "legacy-ep0", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep0/viewer.html", "dur": 18.2, "spans": 3}, {"label": "episode 1", "hash": "legacy-ep1", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep1/viewer.html", "dur": 18.8, "spans": 3}, {"label": "episode 2", "hash": "legacy-ep2", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep2/viewer.html", "dur": 18.7, "spans": 3}, {"label": "episode 3", "hash": "legacy-ep3", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep3/viewer.html", "dur": 20.5, "spans": 3}, {"label": "episode 4", "hash": "legacy-ep4", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep4/viewer.html", "dur": 22.4, "spans": 3}, {"label": "episode 5", "hash": "legacy-ep5", "src": "https://faradayfuture-sampleviewer.static.hf.space/teleopSample/ep5/viewer.html", "dur": 18.4, "spans": 3}]], ["Place the water bottle into the white plastic tray on the checkout counter  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "20260707052527", "src": "faberU/t2_water_bottle_into_steel_tray/20260707052527/viewer.html", "dur": 11.0, "spans": 7}, {"label": "episode 1", "hash": "20260707052609", "src": "faberU/t2_water_bottle_into_steel_tray/20260707052609/viewer.html", "dur": 11.6, "spans": 7}]], ["Place the juice bottle onto the patterned plate  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "20260724050827", "src": "faberU/t3_juice_bottle_onto_plate/20260724050827/viewer.html", "dur": 10.1, "spans": 8}, {"label": "episode 1", "hash": "20260724050737", "src": "faberU/t3_juice_bottle_onto_plate/20260724050737/viewer.html", "dur": 9.6, "spans": 8}]], ["Place the juice bottle into the black tray  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "20260728075709", "src": "faberU/t4_juice_bottle_into_black_tray/20260728075709/viewer.html", "dur": 5.9, "spans": 7}, {"label": "episode 1", "hash": "20260728080339", "src": "faberU/t4_juice_bottle_into_black_tray/20260728080339/viewer.html", "dur": 8.0, "spans": 7}]], ["Pick up the green-tea bottle and lift it  ·  Faber U", "Faber U", [{"label": "episode 0", "hash": "20260730045152", "src": "faberU/t6_pick_up_green_tea_bottle/20260730045152/viewer.html", "dur": 9.9, "spans": 4}, {"label": "episode 1", "hash": "20260730045050", "src": "faberU/t6_pick_up_green_tea_bottle/20260730045050/viewer.html", "dur": 8.0, "spans": 5}]]]</script>
 <script>
 const TREE = JSON.parse(document.getElementById('D').textContent);
 const esc = s => (s||'').replace(/[&<>"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]));