Include type name in node width calculation

Author: milanofthe

src/lib/components/FlowCanvas.svelte

@@ -392,7 +392,8 @@
 				graphNode.inputs.length,
 				graphNode.outputs.length,
 				pinnedParamCount,
-				rotation
+				rotation,
+				typeDef?.name
 			);
 
 			// If node exists, update data but don't preserve selection here

src/lib/components/nodes/BaseNode.svelte

@@ -142,7 +142,8 @@
 		data.inputs.length,
 		data.outputs.length,
 		pinnedCount,
-		rotation
+		rotation,
+		typeDef?.name
 	));
 	const nodeWidth = $derived(nodeDimensions.width);
 	const nodeHeight = $derived(nodeDimensions.height);

src/lib/constants/dimensions.ts

@@ -81,7 +81,8 @@ export function calculateNodeDimensions(
 	inputCount: number,
 	outputCount: number,
 	pinnedParamCount: number,
-	rotation: number
+	rotation: number,
+	typeName?: string
 ): { width: number; height: number } {
 	const isVertical = rotation === 1 || rotation === 3;
 	const maxPortsOnSide = Math.max(inputCount, outputCount);
@@ -90,12 +91,15 @@ export function calculateNodeDimensions(
 	// Pinned params height: border(1) + padding(10) + rows(20 each) + gaps(4 between)
 	const pinnedParamsHeight = pinnedParamCount > 0 ? 7 + 24 * pinnedParamCount : 0;
 
-	// Width: base, name estimate, pinned params minimum, port dimension (if vertical)
+	// Width: base, name estimate, type name estimate, pinned params minimum, port dimension (if vertical)
+	// Name uses 10px font (~6px per char), type uses 8px font (~5px per char)
 	const nameWidth = name.length * 6 + 24;
+	const typeWidth = typeName ? typeName.length * 5 + 24 : 0;
 	const pinnedParamsWidth = pinnedParamCount > 0 ? 160 : 0;
 	const width = snapTo2G(Math.max(
 		NODE.baseWidth,
 		nameWidth,
+		typeWidth,
 		pinnedParamsWidth,
 		isVertical ? minPortDimension : 0
 	));