From d5a6671b81d1afb31b231a9c76556c7e755e3084 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Sun, 23 Nov 2025 22:27:25 +0100
Subject: [PATCH] refactor: Cleanup

---
 .../ChatFormActions/ChatFormActions.svelte    | 31 ++++++++-----------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActions.svelte b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActions.svelte
index e4f14dba93..94cf781449 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActions.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActions.svelte
@@ -16,7 +16,7 @@
 
 	interface Props {
 		canSend?: boolean;
-		className?: string;
+		class?: string;
 		disabled?: boolean;
 		isLoading?: boolean;
 		isRecording?: boolean;
@@ -29,7 +29,7 @@
 
 	let {
 		canSend = false,
-		className = '',
+		class: className = '',
 		disabled = false,
 		isLoading = false,
 		isRecording = false,
@@ -48,7 +48,6 @@
 	let shouldShowRecordButton = $derived(
 		hasAudioModality && !hasText && !hasAudioAttachments && currentConfig.autoMicOnEmpty
 	);
-	let shouldShowSubmitButton = $derived(!shouldShowRecordButton || hasAudioAttachments);
 
 	let isSelectedModelInCache = $derived.by(() => {
 		const currentModelId = selectedModelId();
@@ -73,21 +72,17 @@
 			<span class="sr-only">Stop</span>
 			<Square class="h-8 w-8 fill-destructive stroke-destructive" />
 		</Button>
+	{:else if shouldShowRecordButton}
+		<ChatFormActionRecord {disabled} {isLoading} {isRecording} {onMicClick} />
 	{:else}
-		{#if shouldShowRecordButton}
-			<ChatFormActionRecord {disabled} {isLoading} {isRecording} {onMicClick} />
-		{/if}
-
-		{#if shouldShowSubmitButton}
-			<ChatFormActionSubmit
-				{canSend}
-				{disabled}
-				{isLoading}
-				tooltipLabel={isSelectedModelInCache
-					? ''
-					: 'Selected model is not available, please select another'}
-				isModelAvailable={isSelectedModelInCache}
-			/>
-		{/if}
+		<ChatFormActionSubmit
+			{canSend}
+			{disabled}
+			{isLoading}
+			tooltipLabel={isSelectedModelInCache
+				? ''
+				: 'Selected model is not available, please select another'}
+			isModelAvailable={isSelectedModelInCache}
+		/>
 	{/if}
 </div>