Hugging Face's logo

Spaces:
lefft
/
contimp-app
Sleeping

App Files Community
contimp-app
File size: 3,163 Bytes
910dadd
 
 
 
 
 
 
8691ce5
910dadd
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
d6217aa
 
 
 
 
 
 
 
 
910dadd
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
d6217aa
910dadd
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!doctype html>
<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>