From 46b02727065e96198919c56172c2bab89e3f4fd1 Mon Sep 17 00:00:00 2001
From: Nathan Sarrazin <sarrazin.nathan@gmail.com>
Date: Wed, 18 Dec 2024 12:32:55 +0000
Subject: [PATCH] fix: make sure file upload is always last

---
 src/lib/components/chat/ChatInput.svelte | 26 +++++++++++++-----------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/lib/components/chat/ChatInput.svelte b/src/lib/components/chat/ChatInput.svelte
index 572d3b7f95d..43b5e441fcc 100644
--- a/src/lib/components/chat/ChatInput.svelte
+++ b/src/lib/components/chat/ChatInput.svelte
@@ -194,6 +194,20 @@
 					{/if}
 				</button>
 			{/if}
+			{#if modelHasTools}
+				{#each extraTools as tool}
+					<button
+						class="active-tool base-tool"
+						disabled={loading}
+						on:click|preventDefault={async () => {
+							goto(`${base}/tools/${tool._id}`);
+						}}
+					>
+						<ToolLogo icon={tool.icon} color={tool.color} size="xs" />
+						{tool.displayName}
+					</button>
+				{/each}
+			{/if}
 			{#if modelIsMultimodal || modelHasTools}
 				<form>
 					<button
@@ -214,18 +228,6 @@
 						{/if}
 					</button>
 				</form>
-				{#each extraTools as tool}
-					<button
-						class="active-tool base-tool"
-						disabled={loading}
-						on:click|preventDefault={async () => {
-							goto(`${base}/tools/${tool._id}`);
-						}}
-					>
-						<ToolLogo icon={tool.icon} color={tool.color} size="xs" />
-						{tool.displayName}
-					</button>
-				{/each}
 			{/if}
 		</div>
 	{/if}