diff --git a/backend/open_webui/static/favicon.png b/backend/open_webui/static/favicon.png index 63735ad..8bcd5b7 100644 Binary files a/backend/open_webui/static/favicon.png and b/backend/open_webui/static/favicon.png differ diff --git a/src/app.css b/src/app.css index 8bdc6f1..3d75ae6 100644 --- a/src/app.css +++ b/src/app.css @@ -56,6 +56,7 @@ math { .markdown-prose { @apply prose dark:prose-invert prose-blockquote:border-s-gray-100 prose-blockquote:dark:border-gray-800 prose-blockquote:border-s-2 prose-blockquote:not-italic prose-blockquote:font-normal prose-headings:font-semibold prose-hr:my-4 prose-hr:border-gray-100 prose-hr:dark:border-gray-800 prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line; + color: #292929; } .markdown-prose-xs { diff --git a/src/app.html b/src/app.html index c8fbfca..b4100c2 100644 --- a/src/app.html +++ b/src/app.html @@ -2,9 +2,9 @@ - - - + + + diff --git a/src/lib/components/channel/Channel.svelte b/src/lib/components/channel/Channel.svelte index 275f76d..0008cf4 100644 --- a/src/lib/components/channel/Channel.svelte +++ b/src/lib/components/channel/Channel.svelte @@ -199,9 +199,7 @@
diff --git a/src/lib/components/channel/Messages/Message.svelte b/src/lib/components/channel/Messages/Message.svelte index 0736a25..b7fa6cb 100644 --- a/src/lib/components/channel/Messages/Message.svelte +++ b/src/lib/components/channel/Messages/Message.svelte @@ -163,7 +163,7 @@ {/if}
-
+
{#if showUserProfile}
diff --git a/src/lib/components/channel/Navbar.svelte b/src/lib/components/channel/Navbar.svelte index 57fdefb..4d322ff 100644 --- a/src/lib/components/channel/Navbar.svelte +++ b/src/lib/components/channel/Navbar.svelte @@ -15,7 +15,7 @@ export let channel; - + +
{#if chatIdProp === '' || (!loading && chatIdProp)} {#if $settings?.backgroundImageUrl ?? null}
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte index 5cde963..7a780f3 100644 --- a/src/lib/components/chat/MessageInput.svelte +++ b/src/lib/components/chat/MessageInput.svelte @@ -1253,7 +1253,7 @@ class=" {webSearchEnabled || ($settings?.webSearch ?? false) === 'always' ? 'bg-blue-500 text-white hover:bg-blue-400 ' - : 'bg-black text-white hover:bg-gray-900 dark:bg-white dark:text-black dark:hover:bg-gray-100'} transition rounded-full p-1.5 self-center" + : 'bg-black text-white hover:bg-gray-50 dark:bg-white dark:text-black dark:hover:bg-blue-50'} transition rounded-full p-1.5 self-center" type="button" on:click={async () => { if (selectedModels.length > 1) { diff --git a/src/lib/components/chat/Messages/ProfileImage.svelte b/src/lib/components/chat/Messages/ProfileImage.svelte index dce2385..a79c06c 100644 --- a/src/lib/components/chat/Messages/ProfileImage.svelte +++ b/src/lib/components/chat/Messages/ProfileImage.svelte @@ -7,14 +7,7 @@ profile
-
- - - - {model?.name ?? message.model} - - - - {#if message.timestamp} - - {/if} - +
{#if message?.files && message.files?.filter((f) => f.type === 'image').length > 0} @@ -1341,4 +1323,9 @@ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } + .message{ + padding: 10px; + box-sizing: border-box; + color: #575a5f; + } diff --git a/src/lib/components/chat/Messages/UserMessage.svelte b/src/lib/components/chat/Messages/UserMessage.svelte index e20c2a4..020f65c 100644 --- a/src/lib/components/chat/Messages/UserMessage.svelte +++ b/src/lib/components/chat/Messages/UserMessage.svelte @@ -109,7 +109,7 @@ />
{/if} -
+
{#if !($settings?.chatBubble ?? true)}
@@ -224,7 +224,7 @@ {:else}
-
+ {#if shareEnabled && chat && (chat.id || $temporaryChatEnabled)}
- + --> diff --git a/src/lib/components/icons/Headphone.svelte b/src/lib/components/icons/Headphone.svelte index 10902a7..0892e4f 100644 --- a/src/lib/components/icons/Headphone.svelte +++ b/src/lib/components/icons/Headphone.svelte @@ -1,20 +1,18 @@ diff --git a/src/lib/components/layout/Navbar.svelte b/src/lib/components/layout/Navbar.svelte index e0b129d..76e09de 100644 --- a/src/lib/components/layout/Navbar.svelte +++ b/src/lib/components/layout/Navbar.svelte @@ -44,7 +44,7 @@ -
+ {#if shareEnabled && chat && (chat.id || $temporaryChatEnabled)}
-
+
--> diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte index f3809c3..da37a86 100644 --- a/src/lib/components/layout/Sidebar.svelte +++ b/src/lib/components/layout/Sidebar.svelte @@ -454,467 +454,12 @@ ? ' ml-[4.5rem] md:ml-0' : ''} fixed md:hidden z-40 top-0 right-0 left-0 bottom-0 bg-black/60 w-full min-h-screen h-screen flex justify-center overflow-hidden overscroll-contain" on:mousedown={() => { - showSidebar.set(!$showSidebar); + // showSidebar.set(!$showSidebar); }} /> {/if} -
-
-
- - - { - selectedChatId = null; - await goto('/'); - const newChatButton = document.getElementById('new-chat-button'); - setTimeout(() => { - newChatButton?.click(); - if ($mobile) { - showSidebar.set(false); - } - }, 0); - }} - > -
-
- logo -
-
- {$i18n.t('New Chat')} -
-
- -
- -
- -
- - - - {#if $user?.role === 'admin' || $user?.permissions?.workspace?.models || $user?.permissions?.workspace?.knowledge || $user?.permissions?.workspace?.prompts || $user?.permissions?.workspace?.tools} -
- { - selectedChatId = null; - chatId.set(''); - - if ($mobile) { - showSidebar.set(false); - } - }} - draggable="false" - > -
- - - -
- -
-
{$i18n.t('Workspace')}
-
- -
- {/if} - -
- {#if $temporaryChatEnabled} -
- {/if} - - -
- -
- {#if $config?.features?.enable_channels && ($user.role === 'admin' || $channels.length > 0) && !search} - { - if ($user.role === 'admin') { - await tick(); - - setTimeout(() => { - showCreateChannel = true; - }, 0); - } - }} - onAddLabel={$i18n.t('Create Channel')} - > - {#each $channels as channel} - { - await initChannels(); - }} - /> - {/each} - - {/if} - - { - createFolder(); - }} - onAddLabel={$i18n.t('New Folder')} - on:import={(e) => { - importChatHandler(e.detail); - }} - on:drop={async (e) => { - const { type, id, item } = e.detail; - - if (type === 'chat') { - let chat = await getChatById(localStorage.token, id).catch((error) => { - return null; - }); - if (!chat && item) { - chat = await importChat(localStorage.token, item.chat, item?.meta ?? {}); - } - - if (chat) { - console.log(chat); - if (chat.folder_id) { - const res = await updateChatFolderIdById(localStorage.token, chat.id, null).catch( - (error) => { - toast.error(`${error}`); - return null; - } - ); - } - - if (chat.pinned) { - const res = await toggleChatPinnedStatusById(localStorage.token, chat.id); - } - - initChatList(); - } - } else if (type === 'folder') { - if (folders[id].parent_id === null) { - return; - } - - const res = await updateFolderParentIdById(localStorage.token, id, null).catch( - (error) => { - toast.error(`${error}`); - return null; - } - ); - - if (res) { - await initFolders(); - } - } - }} - > - {#if $temporaryChatEnabled} -
- {/if} - - {#if !search && $pinnedChats.length > 0} -
- { - localStorage.setItem('showPinnedChat', e.detail); - console.log(e.detail); - }} - on:import={(e) => { - importChatHandler(e.detail, true); - }} - on:drop={async (e) => { - const { type, id, item } = e.detail; - - if (type === 'chat') { - let chat = await getChatById(localStorage.token, id).catch((error) => { - return null; - }); - if (!chat && item) { - chat = await importChat(localStorage.token, item.chat, item?.meta ?? {}); - } - - if (chat) { - console.log(chat); - if (chat.folder_id) { - const res = await updateChatFolderIdById( - localStorage.token, - chat.id, - null - ).catch((error) => { - toast.error(`${error}`); - return null; - }); - } - - if (!chat.pinned) { - const res = await toggleChatPinnedStatusById(localStorage.token, chat.id); - } - - initChatList(); - } - } - }} - name={$i18n.t('Pinned')} - > -
- {#each $pinnedChats as chat, idx} - { - selectedChatId = chat.id; - }} - on:unselect={() => { - selectedChatId = null; - }} - on:change={async () => { - initChatList(); - }} - on:tag={(e) => { - const { type, name } = e.detail; - tagEventHandler(type, name, chat.id); - }} - /> - {/each} -
- -
- {/if} - - {#if !search && folders} - { - const { folderId, items } = e.detail; - importChatHandler(items, false, folderId); - }} - on:update={async (e) => { - initChatList(); - }} - on:change={async () => { - initChatList(); - }} - /> - {/if} - -
-
- {#if $chats} - {#each $chats as chat, idx} - {#if idx === 0 || (idx > 0 && chat.time_range !== $chats[idx - 1].time_range)} -
- {$i18n.t(chat.time_range)} - -
- {/if} - - { - selectedChatId = chat.id; - }} - on:unselect={() => { - selectedChatId = null; - }} - on:change={async () => { - initChatList(); - }} - on:tag={(e) => { - const { type, name } = e.detail; - tagEventHandler(type, name, chat.id); - }} - /> - {/each} - - {#if $scrollPaginationEnabled && !allChatsLoaded} - { - if (!chatListLoading) { - loadMoreChats(); - } - }} - > -
- -
Loading...
-
- - {/if} - {:else} -
- -
Loading...
-
- {/if} -
-
- -
- -
-
- {#if $user !== undefined} - { - if (e.detail === 'archived-chat') { - showArchivedChats.set(true); - } - }} - > - - - {/if} -
-
-
-
+