From 6358971e5121b6a078bf7fd038b48cb277aa67f2 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Wed, 26 Aug 2026 15:56:40 +0200
Subject: [PATCH] chore: Formatting & linting

---
 .../ChatFormActionAddMcpSubmenu.svelte                 |  7 ++-----
 .../lib/components/app/dialogs/DialogMcpServers.svelte | 10 ++++++----
 .../components/app/dialogs/DialogSettingsChat.svelte   |  4 ++--
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/tools/ui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActionAdd/ChatFormActionAddMcpSubmenu.svelte b/tools/ui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActionAdd/ChatFormActionAddMcpSubmenu.svelte
index a73da18903..07439afd61 100644
--- a/tools/ui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActionAdd/ChatFormActionAddMcpSubmenu.svelte
+++ b/tools/ui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActionAdd/ChatFormActionAddMcpSubmenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { FolderOpen, Server, Zap } from '@lucide/svelte';
-	import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
 	import { McpLogo } from '$lib/components/app';
+	import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
 	import { ICON_CLASS_DEFAULT } from '$lib/constants';
 	import { getChatFormActionsContext } from '$lib/contexts';
 
@@ -20,10 +20,7 @@
 	</DropdownMenu.SubTrigger>
 
 	<DropdownMenu.SubContent class="w-48">
-		<DropdownMenu.Item
-			class="flex cursor-pointer items-center gap-2"
-			onclick={handleServersClick}
-		>
+		<DropdownMenu.Item class="flex cursor-pointer items-center gap-2" onclick={handleServersClick}>
 			<Server class={ICON_CLASS_DEFAULT} />
 
 			<span>Servers</span>
diff --git a/tools/ui/src/lib/components/app/dialogs/DialogMcpServers.svelte b/tools/ui/src/lib/components/app/dialogs/DialogMcpServers.svelte
index 8729ed972b..2eaaa0a657 100644
--- a/tools/ui/src/lib/components/app/dialogs/DialogMcpServers.svelte
+++ b/tools/ui/src/lib/components/app/dialogs/DialogMcpServers.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { SettingsMcpServers } from '$lib/components/app/settings';
 	import { McpLogo } from '$lib/components/app';
+	import { SettingsMcpServers } from '$lib/components/app/settings';
 	import * as Dialog from '$lib/components/ui/dialog';
 
 	interface Props {
@@ -16,9 +16,11 @@
 	}
 </script>
 
-<Dialog.Root {open} onOpenChange={handleOpenChange}>
-	<Dialog.Content class="md:h-[calc(100vh-4rem)]! md:max-h-240! md:w-[calc(100vw-4rem)]! md:max-w-360! flex flex-col">
-		<Dialog.Header >
+<Dialog.Root onOpenChange={handleOpenChange} {open}>
+	<Dialog.Content
+		class="md:h-[calc(100vh-4rem)]! md:max-h-240! md:w-[calc(100vw-4rem)]! md:max-w-360! flex flex-col"
+	>
+		<Dialog.Header>
 			<Dialog.Title class="flex items-center gap-2">
 				<McpLogo class="h-5 w-5" />
 
diff --git a/tools/ui/src/lib/components/app/dialogs/DialogSettingsChat.svelte b/tools/ui/src/lib/components/app/dialogs/DialogSettingsChat.svelte
index 268a00442f..5e0046aae5 100644
--- a/tools/ui/src/lib/components/app/dialogs/DialogSettingsChat.svelte
+++ b/tools/ui/src/lib/components/app/dialogs/DialogSettingsChat.svelte
@@ -17,7 +17,7 @@
 	}
 </script>
 
-<Dialog.Root {open} onOpenChange={handleOpenChange}>
+<Dialog.Root onOpenChange={handleOpenChange} {open}>
 	<Dialog.Content
 		class="md:h-[calc(100vh-4rem)]! md:max-h-240! md:w-[calc(100vw-4rem)]! md:max-w-6xl! flex flex-col p-0 md:p-6 gap-0"
 	>
@@ -29,6 +29,6 @@
 			</Dialog.Title>
 		</Dialog.Header>
 
-		<SettingsChat {initialSection} onSectionChange={() => {}} onClose={() => (open = false)} />
+		<SettingsChat {initialSection} onClose={() => (open = false)} onSectionChange={() => {}} />
 	</Dialog.Content>
 </Dialog.Root>