Emil_Shanaty/open-webui-ai4me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: note chat

Browse Source
This commit is contained in:
Timothy Jaeryang Baek
2025-07-07 19:26:12 +04:00
parent a31a1f3c0d
commit 9bd001a14b
10 changed files with 545 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/playground/Chat.svelte
+14 -51
View File
@@ -211,42 +211,6 @@
<div class=" flex flex-col justify-between w-full overflow-y-auto h-full">
<div class="mx-auto w-full md:px-0 h-full relative">
<Sidebar bind:show={showSettings} className=" bg-white dark:bg-gray-900" width="300px">
<div class="flex flex-col px-5 py-3 text-sm">
<div class="flex justify-between items-center mb-2">
<div class=" font-medium text-base">Settings</div>
<div class=" translate-x-1.5">
<button
class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg"
on:click={() => {
showSettings = !showSettings;
}}
>
<ArrowRight className="size-3" strokeWidth="2.5" />
</button>
</div>
</div>
<div class="mt-1">
<div>
<div class=" text-xs font-medium mb-1">Model</div>
<div class="w-full">
<select
class="w-full bg-transparent border border-gray-100 dark:border-gray-850 rounded-lg py-1 px-2 -mx-0.5 text-sm outline-hidden"
bind:value={selectedModelId}
>
{#each $models as model}
<option value={model.id} class="bg-gray-50 dark:bg-gray-700">{model.name}</option>
{/each}
</select>
</div>
</div>
</div>
</div>
</Sidebar>
<div class=" flex flex-col h-full px-3.5">
<div class="flex w-full items-start gap-1.5">
<Collapsible
@@ -292,17 +256,6 @@
</div>
</div>
</Collapsible>
<div class="translate-y-1">
<button
class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg"
on:click={() => {
showSettings = !showSettings;
}}
>
<Cog6 />
</button>
</div>
</div>
<div
@@ -318,9 +271,6 @@
</div>
<div class="pb-3">
<div class="text-xs font-medium text-gray-500 px-2 py-1">
{selectedModelId}
</div>
<div class="border border-gray-100 dark:border-gray-850 w-full px-3 py-2.5 rounded-xl">
<div class="py-0.5">
<!-- $i18n.t('a user') -->
@@ -359,7 +309,20 @@
</button>
</div>
<div>
<div class="flex items-center gap-2">
<div class="">
<select
class=" bg-transparent border border-gray-100 dark:border-gray-850 rounded-lg py-1 px-2 -mx-0.5 text-sm outline-hidden w-40"
bind:value={selectedModelId}
>
{#each $models as model}
<option value={model.id} class="bg-gray-50 dark:bg-gray-700"
>{model.name}</option
>
{/each}
</select>
</div>
{#if !loading}
<button
disabled={message === ''}