improvements

src/components/graph/VariableNode.tsx

@@ -11,6 +11,7 @@ import { NodeMenubar } from './NodeMenubar'
 import { Input } from '../ui/input'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select'
 import { Switch } from '../ui/switch'
+import { NodeHeaderTitle } from './NodeHeaderTitle'
 import { OutputHandle } from './NodeHandles'
 import { Variable } from 'lucide-react'
 
@@ -91,7 +92,7 @@ export const VariableNode = memo(function VariableNode({ id, data }: Props) {
 
     return (
         <BaseNode className="min-w-56 min-h-[180px]" handles={<OutputHandle id="out" />}>
-            <BaseNodeHeaderRow icon={<Variable className="size-4" />} title={id} />
+            <BaseNodeHeaderRow icon={<Variable className="size-4" />} title={<NodeHeaderTitle nodeId={id} displayTitle={id} />} />
 
             <BaseNodeContent className="gap-2 p-3">
                 <div className="shrink-0 w-full">