Update templates/index.html
Browse files- templates/index.html +7 -6
templates/index.html
CHANGED
|
@@ -19,11 +19,11 @@
|
|
| 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>
|
| 28 |
<div id="modelA" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
|
| 29 |
<span class="selected block">Select a model</span>
|
|
@@ -32,7 +32,7 @@
|
|
| 32 |
<div id="loaderA" class="loader hidden mt-2 flex justify-center"></div>
|
| 33 |
</div>
|
| 34 |
|
| 35 |
-
<div>
|
| 36 |
<label class="block mb-1">LLM-B</label>
|
| 37 |
<div id="modelB" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
|
| 38 |
<span class="selected block">Select a model</span>
|
|
@@ -41,7 +41,7 @@
|
|
| 41 |
<div id="loaderB" class="loader hidden mt-2 flex justify-center"></div>
|
| 42 |
</div>
|
| 43 |
|
| 44 |
-
<div>
|
| 45 |
<label class="block mb-1">LLM-C</label>
|
| 46 |
<div id="modelC" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
|
| 47 |
<span class="selected block">Select a model</span>
|
|
@@ -50,12 +50,13 @@
|
|
| 50 |
<div id="loaderC" class="loader hidden mt-2 flex justify-center"></div>
|
| 51 |
</div>
|
| 52 |
|
| 53 |
-
<div>
|
| 54 |
-
<label class="block mb-1">Aggregator</label>
|
| 55 |
<div id="aggregator" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
|
| 56 |
<span class="selected block">Select a model</span>
|
| 57 |
<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>
|
| 58 |
</div>
|
|
|
|
| 59 |
</div>
|
| 60 |
|
| 61 |
</div>
|
|
|
|
| 19 |
</div>
|
| 20 |
</header>
|
| 21 |
|
| 22 |
+
<div id="configPanel" class="bg1 rounded p-4 mb-4 hidden transition-all duration-500 overflow-hidden max-h-full">
|
| 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 class="model-zone">
|
| 27 |
<label class="block mb-1">LLM-A</label>
|
| 28 |
<div id="modelA" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
|
| 29 |
<span class="selected block">Select a model</span>
|
|
|
|
| 32 |
<div id="loaderA" class="loader hidden mt-2 flex justify-center"></div>
|
| 33 |
</div>
|
| 34 |
|
| 35 |
+
<div class="model-zone">
|
| 36 |
<label class="block mb-1">LLM-B</label>
|
| 37 |
<div id="modelB" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
|
| 38 |
<span class="selected block">Select a model</span>
|
|
|
|
| 41 |
<div id="loaderB" class="loader hidden mt-2 flex justify-center"></div>
|
| 42 |
</div>
|
| 43 |
|
| 44 |
+
<div class="model-zone">
|
| 45 |
<label class="block mb-1">LLM-C</label>
|
| 46 |
<div id="modelC" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
|
| 47 |
<span class="selected block">Select a model</span>
|
|
|
|
| 50 |
<div id="loaderC" class="loader hidden mt-2 flex justify-center"></div>
|
| 51 |
</div>
|
| 52 |
|
| 53 |
+
<div class="model-zone">
|
| 54 |
+
<label class="block mb-1">LLM-D (Aggregator)</label>
|
| 55 |
<div id="aggregator" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
|
| 56 |
<span class="selected block">Select a model</span>
|
| 57 |
<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>
|
| 58 |
</div>
|
| 59 |
+
<div id="loaderD" class="loader hidden mt-2 flex justify-center"></div>
|
| 60 |
</div>
|
| 61 |
|
| 62 |
</div>
|