| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Structure Generation Prompt Viewer</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <div> | |
| <h1>Structure Generation Prompt Viewer</h1> | |
| <p>Source documents and generated scaffolds across three 50-document sets</p> | |
| </div> | |
| <div id="datasetTabs" class="dataset-tabs" role="tablist"></div> | |
| </header> | |
| <div class="layout"> | |
| <aside> | |
| <label class="control-label" for="compareSelect">Compare runs</label> | |
| <select id="compareSelect"></select> | |
| <input id="search" type="search" placeholder="Search document ID or source text"> | |
| <div class="nav"> | |
| <button id="prevBtn">Previous</button> | |
| <span id="counter">0 / 0</span> | |
| <button id="nextBtn">Next</button> | |
| </div> | |
| <div id="runMeta" class="run-meta"></div> | |
| <ol id="docList"></ol> | |
| </aside> | |
| <main id="main"> | |
| <div class="loading">Loading viewer data...</div> | |
| </main> | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/marked@12.0.2/marked.min.js"></script> | |
| <script src="viewer.js"></script> | |
| </body> | |
| </html> | |