Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>contimp-app</title> | |
| <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔁</text></svg>" /> | |
| <link rel="stylesheet" href="/static/style.css?v=2" /> | |
| </head> | |
| <body> | |
| <div id="gate" class="gate hidden"> | |
| <div class="gate-card"> | |
| <div class="gate-logo">🔁</div> | |
| <h1>contimp-app</h1> | |
| <p>Generate live LLM traffic for the continuous model improvement loop.</p> | |
| <input id="gate-name" type="text" placeholder="Your name or handle" autocomplete="off" /> | |
| <input id="gate-passcode" type="password" placeholder="Team passcode" autocomplete="off" /> | |
| <button id="gate-enter" class="primary">Let's go</button> | |
| <div id="gate-error" class="gate-error"></div> | |
| </div> | |
| </div> | |
| <div id="app" class="hidden"> | |
| <header> | |
| <div class="brand">🔁 <strong>contimp-app</strong></div> | |
| <nav id="task-nav"></nav> | |
| <div class="user-chip" id="user-chip" title="Click to change name"></div> | |
| </header> | |
| <main> | |
| <p id="tagline" class="tagline"></p> | |
| <section class="card"> | |
| <div class="card-head"> | |
| <label id="input-label" for="input-text"></label> | |
| <button id="deal" class="secondary"></button> | |
| </div> | |
| <textarea id="input-text" rows="9" spellcheck="false"></textarea> | |
| <div class="run-row"> | |
| <span id="truth-hint" class="hint"></span> | |
| <button id="run" class="primary">Run ▸</button> | |
| </div> | |
| </section> | |
| <section id="output-card" class="card hidden"> | |
| <div class="card-head"> | |
| <label>Result</label> | |
| <span id="run-meta" class="hint"></span> | |
| </div> | |
| <div id="output"></div> | |
| <details id="trajectory" class="transcript hidden"> | |
| <summary>Reveal complete trajectory</summary> | |
| <div class="run-row" style="justify-content:flex-start; gap:12px"> | |
| <button id="download-trajectory" class="secondary">Download</button> | |
| <button id="copy-trajectory" class="secondary">Copy</button> | |
| <span id="trajectory-meta" class="hint"></span> | |
| </div> | |
| <pre id="trajectory-json" class="yaml" style="max-height:420px; overflow:auto"></pre> | |
| </details> | |
| <div id="feedback" class="feedback hidden"> | |
| <span>Was this a good response?</span> | |
| <button class="thumb" data-value="1">👍</button> | |
| <button class="thumb" data-value="0">👎</button> | |
| <input id="note-text" type="text" placeholder="What went right/wrong? (optional)" /> | |
| <button id="note-send" class="secondary">Send note</button> | |
| <span id="feedback-done" class="hint"></span> | |
| </div> | |
| </section> | |
| <div id="error" class="error hidden"></div> | |
| </main> | |
| <footer> | |
| traffic flows to LangFuse · model: <span id="model-name">…</span> | |
| </footer> | |
| </div> | |
| <script src="/static/app.js?v=5"></script> | |
| </body> | |
| </html> | |