From 2eef60ced441ff215275878383127179dc3d422d Mon Sep 17 00:00:00 2001 From: Timothy Jaeryang Baek Date: Thu, 7 Aug 2025 02:50:05 +0400 Subject: [PATCH] refac: sidebar styling --- src/lib/components/layout/Sidebar.svelte | 302 ++++++++++++----------- 1 file changed, 160 insertions(+), 142 deletions(-) diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte index 1d1536ab03..decdd375fc 100644 --- a/src/lib/components/layout/Sidebar.svelte +++ b/src/lib/components/layout/Sidebar.svelte @@ -23,7 +23,8 @@ config, isApp, models, - selectedFolder + selectedFolder, + WEBUI_NAME } from '$lib/stores'; import { onMount, getContext, tick, onDestroy } from 'svelte'; @@ -430,6 +431,23 @@ dropZone?.removeEventListener('drop', onDrop); dropZone?.removeEventListener('dragleave', onDragLeave); }); + + const newChatHandler = async () => { + selectedChatId = null; + selectedFolder.set(null); + + if ($user?.role !== 'admin' && $user?.permissions?.chat?.temporary_enforced) { + await temporaryChatEnabled.set(true); + } else { + await temporaryChatEnabled.set(false); + } + + setTimeout(() => { + if ($mobile) { + showSidebar.set(false); + } + }, 0); + };
-
+
+ + + + +
+
+ {$WEBUI_NAME} +
+
- - { - selectedChatId = null; - selectedFolder.set(null); - - if ($user?.role !== 'admin' && $user?.permissions?.chat?.temporary_enforced) { - await temporaryChatEnabled.set(true); - } else { - await temporaryChatEnabled.set(false); - } - - setTimeout(() => { - if ($mobile) { - showSidebar.set(false); - } - }, 0); - }} - > -
-
- -
-
- {$i18n.t('New Chat')} -
-
- -
- -
-
-
- +
+ + {#if ($config?.features?.enable_notes ?? false) && ($user?.role === 'admin' || ($user?.permissions?.features?.notes ?? true))} +
+ { + selectedChatId = null; + chatId.set(''); + + if ($mobile) { + showSidebar.set(false); + } + }} + draggable="false" + > +
+ +
+ +
+
{$i18n.t('Notes')}
+
+
- + {/if} + + {#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 ($config?.features?.enable_notes ?? false) && ($user?.role === 'admin' || ($user?.permissions?.features?.notes ?? true))} -
- { - selectedChatId = null; - chatId.set(''); - - if ($mobile) { - showSidebar.set(false); - } - }} - draggable="false" - > -
- -
- -
-
{$i18n.t('Notes')}
-
- -
- {/if} - - {#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 ($models ?? []).length > 0 && ($settings?.pinnedModels ?? []).length > 0} {#each $settings.pinnedModels as modelId (modelId)} {@const model = $models.find((model) => model.id === modelId)} @@ -1023,7 +1041,7 @@
-
+
{#if $user !== undefined && $user !== null}