UntilDot commited on
Commit
e875521
·
verified ·
1 Parent(s): ef23a8f

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +17 -4
templates/index.html CHANGED
@@ -12,15 +12,16 @@
12
 
13
  <header class="flex items-center justify-between mb-4">
14
  <h1 class="text-2xl font-bold">MoA Chat</h1>
15
- <div class="space-x-2">
16
- <button id="toggleConfig" class="bg-blue px-3 py-1 rounded text-fg0 hover:bg-purple transition">Config</button>
17
- <button id="themeToggle" class="bg-blue px-3 py-1 rounded text-fg0 hover:bg-purple transition">Theme</button>
 
18
  </div>
19
  </header>
20
 
21
  <div id="configPanel" class="bg1 rounded p-4 mb-4 hidden">
22
  <h2 class="text-lg font-semibold mb-2">Model Selection</h2>
23
- <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
24
 
25
  <div>
26
  <label class="block mb-1">LLM-A</label>
@@ -46,6 +47,14 @@
46
  </div>
47
  </div>
48
 
 
 
 
 
 
 
 
 
49
  </div>
50
  </div>
51
 
@@ -59,6 +68,10 @@
59
  <button type="submit" class="px-4 py-2 bg-green text-fg0 rounded-r hover:bg-visual_green transition">Send</button>
60
  </form>
61
 
 
 
 
 
62
  </div>
63
 
64
  <script src="/static/script.js"></script>
 
12
 
13
  <header class="flex items-center justify-between mb-4">
14
  <h1 class="text-2xl font-bold">MoA Chat</h1>
15
+ <div class="space-x-2 flex items-center">
16
+ <button id="toggleConfig" class="bg-blue px-3 py-1 rounded text-fg0 hover:bg-purple transition">⚙️</button>
17
+ <button id="docsButton" class="bg-blue px-3 py-1 rounded text-fg0 hover:bg-purple transition">Docs</button>
18
+ <button id="themeToggle" class="bg-blue px-3 py-1 rounded text-fg0 hover:bg-purple transition">🌙</button>
19
  </div>
20
  </header>
21
 
22
  <div id="configPanel" class="bg1 rounded p-4 mb-4 hidden">
23
  <h2 class="text-lg font-semibold mb-2">Model Selection</h2>
24
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
25
 
26
  <div>
27
  <label class="block mb-1">LLM-A</label>
 
47
  </div>
48
  </div>
49
 
50
+ <div>
51
+ <label class="block mb-1">Aggregator</label>
52
+ <div id="aggregator" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
53
+ <span class="selected block">Select a model</span>
54
+ <div class="options hidden absolute left-0 right-0 mt-2 bg-[#282828] rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
55
+ </div>
56
+ </div>
57
+
58
  </div>
59
  </div>
60
 
 
68
  <button type="submit" class="px-4 py-2 bg-green text-fg0 rounded-r hover:bg-visual_green transition">Send</button>
69
  </form>
70
 
71
+ <footer class="text-center mt-6 text-sm opacity-70">
72
+ Made with ❤️ in Panamá
73
+ </footer>
74
+
75
  </div>
76
 
77
  <script src="/static/script.js"></script>