fix(ui): make loras widget fixed-size with user-controlled node resize

Remove dynamic height calculation that auto-resized the node when
LoRAs are added or removed. The widget now stays at the size the user
sets via the node resize handle, scrolling when content overflows.

- Drop updateWidgetHeight() and hardcoded entry-count height math
- Set --comfy-widget-min-height once (200px) instead of recalculating
- In Vue mode: add contain:layout+size to break the ResizeObserver
  feedback loop that forced node growth with content (CSS via
  .lm-loras-container.lm-vue-node scoped to vueNodesMode only)
- Remove unused "Node 2.0: Maximum visible LoRA entries" setting

web/comfyui/loras_widget.js

@@ -2,19 +2,14 @@ import { createToggle, createArrowButton, createDragHandle, updateEntrySelection
 import { 
   parseLoraValue, 
   formatLoraValue, 
-  updateWidgetHeight, 
   shouldShowClipEntry, 
-  syncClipStrengthIfCollapsed,
-  LORA_ENTRY_HEIGHT, 
-  HEADER_HEIGHT, 
-  CONTAINER_PADDING, 
-  EMPTY_CONTAINER_HEIGHT 
+  syncClipStrengthIfCollapsed
 } from "./loras_widget_utils.js";
 import { initDrag, createContextMenu, initHeaderDrag, initReorderDrag, handleKeyboardNavigation } from "./loras_widget_events.js";
 import { forwardMiddleMouseToCanvas, forwardWheelToCanvas, enableListWheelScroll } from "./utils.js";
 import { PreviewTooltip } from "./preview_tooltip.js";
 import { ensureLmStyles } from "./lm_styles_loader.js";
-import { getStrengthStepPreference, getLoraWidgetMaxVisibleLoras } from "./settings.js";
+import { getStrengthStepPreference } from "./settings.js";
 
 export function addLorasWidget(node, name, opts, callback) {
   ensureLmStyles();
@@ -29,15 +24,13 @@ export function addLorasWidget(node, name, opts, callback) {
   // Set initial height using CSS variables approach
   const defaultHeight = 200;
 
-  // In Vue/node-2.0 mode, cap the widget height so it shows at most N entries.
-  // This prevents content from driving the node size beyond the cap.
-  // canvas/legacy mode is unaffected.
+  // Set a fixed minimum height so the node has a reasonable starting size.
+  // Adding or removing LoRAs does NOT change the node size — the container
+  // scrolls when content exceeds the allocated space.
+  container.style.setProperty('--comfy-widget-min-height', `${defaultHeight}px`);
+
   if (typeof LiteGraph !== 'undefined' && LiteGraph.vueNodesMode) {
-    const maxLoras = getLoraWidgetMaxVisibleLoras();
-    const gap = 5; // flex gap from .lm-loras-container CSS
-    const maxH = CONTAINER_PADDING + HEADER_HEIGHT + maxLoras * LORA_ENTRY_HEIGHT + maxLoras * gap;
-    container.style.maxHeight = `${maxH}px`;
-    container.style.setProperty('--comfy-widget-max-height', `${maxH}px`);
+    container.classList.add('lm-vue-node');
     // Window capture-phase hook: scroll the widget instead of zooming the canvas
     // when the wheel is over a scrollable loras list.
     enableListWheelScroll(container);
@@ -210,9 +203,6 @@ export function addLorasWidget(node, name, opts, callback) {
       emptyMessage.textContent = "No LoRAs added";
       emptyMessage.className = "lm-lora-empty-state";
       container.appendChild(emptyMessage);
-      
-      // Set fixed height for empty state
-      updateWidgetHeight(container, EMPTY_CONTAINER_HEIGHT, defaultHeight, node);
       return;
     }
 
@@ -259,9 +249,6 @@ export function addLorasWidget(node, name, opts, callback) {
     // Initialize the header drag functionality
     initHeaderDrag(header, widget, renderLoras);
 
-    // Track the total visible entries for height calculation
-    let totalVisibleEntries = lorasData.length;
-
     // Render each lora entry
     lorasData.forEach((loraData) => {
       const { name, strength, clipStrength, active } = loraData;
@@ -533,7 +520,6 @@ export function addLorasWidget(node, name, opts, callback) {
 
       // If expanded, show the clip entry
       if (isExpanded) {
-        totalVisibleEntries++;
         const clipEl = document.createElement("div");
         clipEl.className = "lm-lora-clip-entry";
 
@@ -657,10 +643,6 @@ export function addLorasWidget(node, name, opts, callback) {
       }
     });
     
-    // Calculate height based on number of loras and fixed sizes
-    const calculatedHeight = CONTAINER_PADDING + HEADER_HEIGHT + (Math.min(totalVisibleEntries, 12) * LORA_ENTRY_HEIGHT);
-    updateWidgetHeight(container, calculatedHeight, defaultHeight, node);
-
     // After all LoRA elements are created, apply selection state as the last step
     // This ensures the selection state is not overwritten
     container.querySelectorAll('.lm-lora-entry').forEach(entry => {