refac

src/lib/components/AddToolServerModal.svelte

@@ -58,6 +58,7 @@
 
 	let enable = true;
 	let loading = false;
+	let showAdvanced = false;
 
 	const registerOAuthClientHandler = async () => {
 		if (url === '') {
@@ -520,6 +521,27 @@
 							</div>
 						</div>
 
+						<button
+							type="button"
+							class="flex items-center gap-1 text-xs text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition mt-2"
+							on:click={() => (showAdvanced = !showAdvanced)}
+						>
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								viewBox="0 0 20 20"
+								fill="currentColor"
+								class="w-3 h-3 transition-transform {showAdvanced ? 'rotate-90' : ''}"
+							>
+								<path
+									fill-rule="evenodd"
+									d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
+									clip-rule="evenodd"
+								/>
+							</svg>
+							{$i18n.t('Advanced')}
+						</button>
+
+						{#if showAdvanced}
 						{#if ['', 'openapi'].includes(type)}
 							<div class="flex gap-2 mt-2">
 								<div class="flex flex-col w-full">
@@ -594,6 +616,7 @@
 								</div>
 							</div>
 						{/if}
+						{/if}
 
 						<div class="flex gap-2 mt-2">
 							<div class="flex flex-col w-full">