File size: 2,448 Bytes
b02f001
0f3c25b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b02f001
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>This is Fetch</title>
<meta name="description" content="A friendly chatbot with a soft spot for dogs." />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

<style>
  html, body { margin: 0; padding: 0; background: #0a0f0a; color: #c8f7c5; height: 100%; }
  body { font-family: "JetBrains Mono", ui-monospace, monospace; overflow: hidden; }
  #root { position: fixed; inset: 0; }

  @keyframes fetch-fadein {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  @keyframes fetch-blink {
    0%, 49% { opacity: 0.8; }
    50%, 100% { opacity: 0; }
  }
  .fetch-blink  { animation: fetch-blink 1s steps(2) infinite; }
</style>

<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script>
</head>
<body>

<div id="root"></div>

<script type="text/babel" src="chat-engine.jsx"></script>
<script type="text/babel" src="debug-panel.jsx"></script>
<script type="text/babel" src="variant-terminal.jsx"></script>

<script type="text/babel" data-presets="react">
// HF Static Space build: terminal variant only, local backend (keyword
// lookup + fallbacks — no network calls). The "claude" backend is
// unavailable outside the preview host, so this build pins backend="local".
const FONT_PAIR = {
  mono: '"JetBrains Mono", ui-monospace, monospace',
};

function FetchApp() {
  return (
    <TerminalVariant
      backend="local"
      personality="subtle"
      density="comfortable"
      accent="green"
      fontPair={FONT_PAIR}
    />
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<FetchApp />);
</script>

</body>
</html>