Apply Figma design styling to tooltips using PrimeVue passthrough API

- Use Tailwind classes via pt.text and pt.arrow for clean styling
- Match Figma specs: dark background (#171718), purple border (#5B5E7D)
- Fix tooltip positioning: inputs show left, outputs show right
- Proper arrow styling with before:border-[#171718] for chevron shape

Author: christian-byrne

src/renderer/extensions/vueNodes/components/InputSlot.vue

@@ -2,7 +2,7 @@
   <div v-if="renderError" class="node-error p-1 text-red-500 text-xs">⚠️</div>
   <div
     v-else
-    v-tooltip.right="tooltipConfig"
+    v-tooltip.left="tooltipConfig"
     class="lg-slot lg-slot--input flex items-center cursor-crosshair group rounded-r-lg h-6"
     :class="{
       'opacity-70': readonly,

src/renderer/extensions/vueNodes/components/NodeWidgets.vue

@@ -27,7 +27,7 @@
       <!-- Widget Component -->
       <component
         :is="widget.vueComponent"
-        v-tooltip.right="widget.tooltipConfig"
+        v-tooltip.left="widget.tooltipConfig"
         :widget="widget.simplified"
         :model-value="widget.value"
         :readonly="readonly"

src/renderer/extensions/vueNodes/components/OutputSlot.vue

@@ -2,7 +2,7 @@
   <div v-if="renderError" class="node-error p-1 text-red-500 text-xs">⚠️</div>
   <div
     v-else
-    v-tooltip.left="tooltipConfig"
+    v-tooltip.right="tooltipConfig"
     class="lg-slot lg-slot--output flex items-center cursor-crosshair justify-end group rounded-l-lg h-6"
     :class="{
       'opacity-70': readonly,

src/renderer/extensions/vueNodes/composables/useNodeTooltips.ts

@@ -85,10 +85,20 @@ export function useNodeTooltips(
       showDelay: number
       disabled: boolean
       appendTo?: HTMLElement
+      pt?: any
     } = {
       value: tooltipText,
       showDelay: tooltipDelay as number,
-      disabled: !tooltipsEnabled.value || !tooltipText
+      disabled: !tooltipsEnabled.value || !tooltipText,
+      pt: {
+        text: {
+          class:
+            'bg-[#171718] border border-[#5B5E7D] rounded-md px-4 py-2 text-white text-sm font-normal leading-tight max-w-[300px] shadow-none'
+        },
+        arrow: {
+          class: 'before:border-[#171718]'
+        }
+      }
     }
 
     // If we have a container reference, append tooltips to it