Add scenario browser functionality with new HTML and TypeScript files. Update package.json to include a script for rebuilding scenario annotations. Enhance demo layout with a new scenarios page and associated styles for improved user experience.

Author: amirrezaalasti

demo/index.html

@@ -37,6 +37,7 @@
     </a>
     <nav class="header-nav">
       <a href="#demo">Live Demo</a>
+      <a href="./scenarios.html">Scenarios</a>
       <a href="#eval-results">Results</a>
       <a href="https://doi.org/10.5281/zenodo.20434088" target="_blank" rel="noreferrer">Dataset ↗</a>
       <a href="https://notebooklm.google.com/notebook/aa9fa965-4a1b-400d-a605-37f0632c2738" target="_blank" rel="noreferrer">NotebookLM ↗</a>
@@ -413,9 +414,10 @@ <h3 class="share-card__title">📦 Official evaluation dataset</h3>
           </p>
         </div>
         <div class="share-card__actions">
+          <a href="./scenarios.html" class="btn btn-primary">Browse scenarios</a>
           <a
             href="https://doi.org/10.5281/zenodo.20434088"
-            class="btn btn-primary"
+            class="btn btn-ghost"
             target="_blank"
             rel="noreferrer"
           >View on Zenodo ↗</a>