From d973db829f7ec98b8f8fe7d3b2822d588e79f94e Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Fri, 12 Sep 2025 15:57:04 +0400
Subject: [PATCH] refac

---
 .../chat/MessageInput/IntegrationsMenu.svelte | 52 ++++++++++---------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte b/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte
index 3345e96687..bfd4084b2b 100644
--- a/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte
+++ b/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte
@@ -92,36 +92,38 @@
 			transition={flyAndScale}
 		>
 			{#if tools}
-				<button
-					class="flex w-full justify-between gap-2 items-center px-3 py-1.5 text-sm cursor-pointer rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800"
-					on:click={() => {
-						showAllTools = !showAllTools;
-					}}
-				>
-					{#if !showAllTools}
-						<Wrench />
+				{#if Object.keys(tools).length > 0}
+					<button
+						class="flex w-full justify-between gap-2 items-center px-3 py-1.5 text-sm cursor-pointer rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800"
+						on:click={() => {
+							showAllTools = !showAllTools;
+						}}
+					>
+						{#if !showAllTools}
+							<Wrench />
 
-						<div class="flex items-center w-full justify-between">
-							<div>
-								{$i18n.t('Tools')}
-								<span class="ml-0.5 text-gray-500">{Object.keys(tools).length}</span>
-							</div>
+							<div class="flex items-center w-full justify-between">
+								<div>
+									{$i18n.t('Tools')}
+									<span class="ml-0.5 text-gray-500">{Object.keys(tools).length}</span>
+								</div>
 
-							<div class="text-gray-500">
-								<ChevronRight />
+								<div class="text-gray-500">
+									<ChevronRight />
+								</div>
 							</div>
-						</div>
-					{:else}
-						<ChevronLeft />
+						{:else}
+							<ChevronLeft />
 
-						<div class="flex items-center w-full justify-between">
-							<div>
-								{$i18n.t('Tools')}
-								<span class="ml-0.5 text-gray-500">{Object.keys(tools).length}</span>
+							<div class="flex items-center w-full justify-between">
+								<div>
+									{$i18n.t('Tools')}
+									<span class="ml-0.5 text-gray-500">{Object.keys(tools).length}</span>
+								</div>
 							</div>
-						</div>
-					{/if}
-				</button>
+						{/if}
+					</button>
+				{/if}
 			{:else}
 				<div class="py-4">
 					<Spinner />