feat: ditch triplit, move to postgresql + drizzle orm

app/components/TooltipProvider.vue

@@ -1,18 +1,14 @@
 <script setup lang="ts">
-import { useFloating, offset, flip, shift, autoUpdate } from '@floating-ui/vue';
+import { useFloating, offset, flip, shift, autoUpdate, hide } from '@floating-ui/vue';
 
 const { activeElement, activeHotkey, isVisible } = useTooltip();
 
-watch(activeElement, () => {
-    console.log('activeElement', activeElement.value);
-});
-
 const tooltipRef = ref<HTMLElement | null>(null);
 
-const { floatingStyles, placement } = useFloating(activeElement, tooltipRef, {
+const { floatingStyles, placement, middlewareData } = useFloating(activeElement, tooltipRef, {
     placement: 'top',
     whileElementsMounted: autoUpdate,
-    middleware: [offset(6), flip(), shift({ padding: 8 })],
+    middleware: [offset(6), flip(), shift({ padding: 8 }), hide()],
     transform: false,
 });
 
@@ -29,8 +25,8 @@ watch(activeElement, (newEl, oldEl) => {
 });
 
 // Also reset isMoving when the tooltip fully closes
-watch(isVisible, (visible) => {
-    if (!visible) isMoving.value = false;
+watch([isVisible, middlewareData], ([visible, middlewareData]) => {
+    if (!visible || middlewareData.hide?.referenceHidden) isMoving.value = false;
 });
 
 const isMac = import.meta.client ? navigator.userAgent.toUpperCase().indexOf('MAC') >= 0 : false;
@@ -58,7 +54,10 @@ const transformOrigin = computed(() => placement.value.includes('top') ? 'transf
                         ? 'top, left, right, bottom, opacity, transform'
                         : 'opacity, transform',
                     transitionDuration: '150ms',
-                    transitionTimingFunction: 'cubic-bezier(0.5, 1, 0.89, 1)'
+                    transitionTimingFunction: 'cubic-bezier(0.5, 1, 0.89, 1)',
+                    visibility: middlewareData.hide?.referenceHidden
+                        ? 'hidden'
+                        : 'visible',
                 }
             ]" :class="transformOrigin"
                 class="pointer-events-none fixed z-35 flex flex-col bg-[var(--bg-surface)] rounded-lg shadow-xl px-1.5 py-1 text-xs">