From 2f14db5004844339506b2ee53679f312db9bb059 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Mon, 16 Dec 2024 02:45:33 +0800
Subject: [PATCH] Update tabs.tsx

---
 apps/studio/components/layouts/tabs/tabs.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/studio/components/layouts/tabs/tabs.tsx b/apps/studio/components/layouts/tabs/tabs.tsx
index 6eb19a11ec7..3fa6050fd4a 100644
--- a/apps/studio/components/layouts/tabs/tabs.tsx
+++ b/apps/studio/components/layouts/tabs/tabs.tsx
@@ -75,13 +75,16 @@ const SortableTab = ({
     return false
   }, [openTabs, currentSchema, tab.type])
 
+  // Create a motion version of TabsTrigger while preserving all functionality
+  // const MotionTabsTrigger = motion(TabsTrigger_Shadcn_)
+
   return (
     <motion.div
       ref={setNodeRef}
       style={style}
       {...attributes}
       layoutId={tab.id}
-      transition={{ duration: 0.065 }}
+      transition={{ duration: 0.045 }}
       animate={{ opacity: isDragging ? 0 : 1 }}
       className={cn('flex items-center h-10 first-of-type:border-l')}
     >
@@ -151,7 +154,7 @@ const TabPreview = ({ tab }: { tab: string }) => {
   return (
     <motion.div
       layoutId={tab}
-      transition={{ duration: 0.065 }}
+      transition={{ duration: 0.045 }}
       className="flex items-center gap-2 px-3 text-xs bg-dash-sidebar dark:bg-surface-100 shadow-lg rounded-sm h-10"
     >
       <EntityTypeIcon type={tabData.type} />
@@ -166,7 +169,13 @@ export function Tabs() {
   const router = useRouter()
   const store = getTabsStore(ref)
   const tabs = useSnapshot(store)
-  const sensors = useSensors(useSensor(PointerSensor))
+  const sensors = useSensors(
+    useSensor(PointerSensor, {
+      activationConstraint: {
+        distance: 1, // Start with a very small distance
+      },
+    })
+  )
 
   const openTabs = tabs.openTabs
     .map((id) => tabs.tabsMap[id])