From aeef5d4dcd55844609c404bb5877e35386ef63cf Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sat, 5 Jul 2025 02:26:52 +0400
Subject: [PATCH] refac: mobile navbar

---
 src/lib/components/chat/Navbar.svelte | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/lib/components/chat/Navbar.svelte b/src/lib/components/chat/Navbar.svelte
index 551f08e331..fb21eeac42 100644
--- a/src/lib/components/chat/Navbar.svelte
+++ b/src/lib/components/chat/Navbar.svelte
@@ -165,6 +165,24 @@
 						</button>
 					</Tooltip>
 
+					{#if $mobile}
+						<Tooltip content={$i18n.t('New Chat')}>
+							<button
+								class=" flex {$showSidebar
+									? 'md:hidden'
+									: ''} cursor-pointer px-2 py-2 rounded-xl text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-850 transition"
+								on:click={() => {
+									initNewChat();
+								}}
+								aria-label="New Chat"
+							>
+								<div class=" m-auto self-center">
+									<PencilSquare className=" size-5" strokeWidth="2" />
+								</div>
+							</button>
+						</Tooltip>
+					{/if}
+
 					{#if $user !== undefined && $user !== null}
 						<UserMenu
 							className="max-w-[240px]"