fix(resource): keep the floating tooltip from jumping on click

Gate the focus-driven show behind :focus-visible so a mouse click (which
focuses the trigger) no longer re-shows the tooltip anchored to the element's
bottom edge. On click the tooltip now hides cleanly instead of jumping down;
keyboard focus still shows it.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: andresdjasso

apps/sim/app/workspace/[workspaceId]/components/resource/components/floating-tooltip.tsx

@@ -118,6 +118,7 @@ export function useFloatingTooltip(canShow: (target: HTMLElement) => boolean): {
       onFocus: (event) => {
         const target = event.currentTarget
         if (!canShowRef.current(target)) return
+        if (!isFocusVisible(target)) return
         const rect = target.getBoundingClientRect()
         lastPointerRef.current = null
         setState({
@@ -194,6 +195,19 @@ export function clamp(value: number, min: number, max: number): number {
   return Math.max(min, Math.min(max, value))
 }
 
+/**
+ * Whether an element currently matches `:focus-visible` (keyboard focus, not focus produced by a
+ * mouse click). Used to keep the tooltip from re-appearing/repositioning when the trigger is
+ * clicked. Falls back to `true` where the selector can't be queried.
+ */
+export function isFocusVisible(element: Element): boolean {
+  try {
+    return element.matches(':focus-visible')
+  } catch {
+    return true
+  }
+}
+
 /**
  * Portaled tooltip body positioned from a {@link FloatingTooltipState}. Renders
  * nothing while hidden or during SSR.