refac

src/lib/components/chat/Settings/Tools/Connection.svelte

@@ -3,6 +3,7 @@
 	const i18n = getContext('i18n');
 
 	import Tooltip from '$lib/components/common/Tooltip.svelte';
+	import Switch from '$lib/components/common/Switch.svelte';
 	import SensitiveInput from '$lib/components/common/SensitiveInput.svelte';
 	import Cog6 from '$lib/components/icons/Cog6.svelte';
 	import ConfirmDialog from '$lib/components/common/ConfirmDialog.svelte';
@@ -67,7 +68,7 @@
 		</div>
 	</Tooltip>
 
-	<div class="flex gap-1">
+	<div class="flex gap-1 items-center">
 		<Tooltip content={$i18n.t('Configure')} className="self-start">
 			<button
 				class="self-center p-1 bg-transparent hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 rounded-lg transition"
@@ -79,5 +80,16 @@
 				<Cog6 />
 			</button>
 		</Tooltip>
+
+		<Tooltip content={(connection?.config?.enable ?? true) ? $i18n.t('Enabled') : $i18n.t('Disabled')}>
+			<Switch
+				state={connection?.config?.enable ?? true}
+				on:change={() => {
+					if (!connection.config) connection.config = {};
+					connection.config.enable = !(connection?.config?.enable ?? true);
+					onSubmit(connection);
+				}}
+			/>
+		</Tooltip>
 	</div>
 </div>