refac

src/lib/components/chat/MessageInput/TerminalMenu.svelte

@@ -1,8 +1,6 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
 	import { goto } from '$app/navigation';
-	import { DropdownMenu } from 'bits-ui';
-	import { flyAndScale } from '$lib/utils/transitions';
 
 	import { settings, showSettings, terminalServers, selectedTerminalId, user } from '$lib/stores';
 	import { getToolServersData } from '$lib/apis';
@@ -92,7 +90,7 @@
 </script>
 
 <div class="flex items-center translate-x-0.5">
-	<Dropdown bind:show>
+	<Dropdown bind:show align="end">
 		<Tooltip content={$i18n.t('Terminal')} placement="top">
 			<button
 				type="button"
@@ -112,12 +110,8 @@
 		</Tooltip>
 
 		<div slot="content">
-			<DropdownMenu.Content
-				class="w-full max-w-56 rounded-2xl px-1 py-1 border border-gray-100 dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg max-h-72 overflow-y-auto overflow-x-hidden scrollbar-thin"
-				sideOffset={4}
-				side="bottom"
-				align="end"
-				transition={flyAndScale}
+			<div
+				class="min-w-56 max-w-56 rounded-2xl px-1 py-1 border border-gray-100 dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg max-h-72 overflow-y-auto overflow-x-hidden scrollbar-thin"
 			>
 				<!-- Direct terminals (gated by permission) -->
 				{#if directTerminals.length > 0 && ($user?.role === 'admin' || ($user?.permissions?.features?.direct_tool_servers ?? true))}
@@ -254,7 +248,7 @@
 						</button>
 					{/each}
 				{/if}
-			</DropdownMenu.Content>
+			</div>
 		</div>
 	</Dropdown>
 </div>