wip
Browse files
src/lib/components/InferencePlayground/InferencePlayground.svelte
CHANGED
|
@@ -317,36 +317,33 @@
|
|
| 317 |
</button>
|
| 318 |
</div>
|
| 319 |
</div>
|
| 320 |
-
|
| 321 |
-
<div
|
| 322 |
-
|
| 323 |
-
|
| 324 |
-
|
| 325 |
-
|
| 326 |
-
|
| 327 |
-
|
| 328 |
-
|
| 329 |
-
/>
|
| 330 |
|
| 331 |
-
|
| 332 |
-
|
| 333 |
-
|
| 334 |
-
|
| 335 |
-
|
| 336 |
-
|
| 337 |
-
|
| 338 |
-
|
| 339 |
-
|
| 340 |
-
|
| 341 |
-
>
|
| 342 |
|
| 343 |
-
|
| 344 |
-
|
| 345 |
-
|
| 346 |
-
|
| 347 |
-
</div>
|
| 348 |
</div>
|
| 349 |
</div>
|
| 350 |
</div>
|
| 351 |
-
|
| 352 |
</div>
|
|
|
|
| 317 |
</button>
|
| 318 |
</div>
|
| 319 |
</div>
|
| 320 |
+
<div class="flex flex-col p-3">
|
| 321 |
+
<div
|
| 322 |
+
class="flex flex-1 flex-col gap-6 overflow-y-hidden rounded-xl border border-gray-200/80 bg-gradient-to-b from-white via-white p-3 shadow-sm dark:border-white/5 dark:from-gray-800/40 dark:via-gray-800/40"
|
| 323 |
+
>
|
| 324 |
+
<PlaygroundModelSelector
|
| 325 |
+
{models}
|
| 326 |
+
{conversation}
|
| 327 |
+
on:click={() => (showModelPickerModal = open)}
|
| 328 |
+
/>
|
|
|
|
| 329 |
|
| 330 |
+
<PlaygroundOptions bind:conversation />
|
| 331 |
+
<div class="mt-auto">
|
| 332 |
+
<div class="mb-3 flex items-center justify-between gap-2">
|
| 333 |
+
<label for="default-range" class="block text-sm font-medium text-gray-900 dark:text-white"
|
| 334 |
+
>API Quota</label
|
| 335 |
+
>
|
| 336 |
+
<span
|
| 337 |
+
class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-medium text-gray-800 dark:bg-gray-700 dark:text-gray-300"
|
| 338 |
+
>Free</span
|
| 339 |
+
>
|
|
|
|
| 340 |
|
| 341 |
+
<div class="ml-auto w-12 text-right text-sm">76%</div>
|
| 342 |
+
</div>
|
| 343 |
+
<div class="h-2 w-full rounded-full bg-gray-200 dark:bg-gray-700">
|
| 344 |
+
<div class="h-2 rounded-full bg-black dark:bg-gray-400" style="width: 75%"></div>
|
|
|
|
| 345 |
</div>
|
| 346 |
</div>
|
| 347 |
</div>
|
| 348 |
+
</div>
|
| 349 |
</div>
|