add 'Download full sample' button to ep5/viewer.html

ep5/viewer.html

@@ -40,7 +40,12 @@ canvas{width:100%;display:block;cursor:pointer}
 .manifest .files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
 .file-chip{background:#171b24;border:1px solid #232733;border-radius:5px;padding:5px 10px;font-size:12px;color:#c7ccd6;text-decoration:none}
 .file-chip:hover{border-color:#3a4a6a;color:#e6e8ee}.file-chip .sz{color:#6f92c8;margin-left:6px}
-.dl{color:#7fe0a0;text-decoration:none;font-size:12px;margin-left:10px;text-transform:none}.dl:hover{text-decoration:underline}
+.dl{color:#7fe0a0;text-decoration:none;font-size:12px;margin-left:10px;text-transform:none}
+.dl-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 2px}
+.dl-btn{background:#1b3a2a;color:#7fe0a0;border:1px solid #2e6b48;border-radius:6px;padding:7px 14px;font-size:13px;text-decoration:none}
+.dl-btn:hover{background:#245038}
+.dl-cmd{background:#171b24;color:#c7ccd6;border:1px solid #232733;border-radius:6px;padding:7px 12px;font-size:12.5px;cursor:pointer;font-family:ui-monospace,monospace}
+.dl-cmd:hover{border-color:#3a4a6a}.dl:hover{text-decoration:underline}
 </style></head><body>
 <header>
   <a class="back" href="../index.html">← all episodes</a>
@@ -89,6 +94,7 @@ canvas{width:100%;display:block;cursor:pointer}
 </div>
 <div class="panel manifest" style="margin:14px 22px 26px;padding:12px 18px">
   <div class="readout-title">episode files<a class="dl" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main" target="_blank" rel="noopener">⬇ browse / download this episode on HuggingFace</a></div>
+  <div class="dl-row"><a class="dl-btn" href="https://huggingface.co/datasets/faradayfuture/teleopSample/tree/main" target="_blank" rel="noopener">⬇ Download full sample on HuggingFace</a><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='\u2713 copied \u2014 run in terminal';setTimeout(function(){b.textContent=o},2500)">\u29c9 copy: hf download (all files)</button></div>
   <div class="files" id="fileManifest"></div>
 </div>