Merge branch 'mhkim-node' of http://39.117.244.52:3000/kjs/ERP-node into jskim-node

frontend/lib/registry/DynamicComponentRenderer.tsx

@@ -531,7 +531,7 @@ export const DynamicComponentRenderer: React.FC<DynamicComponentRendererProps> =
           }
         : (component as any).style;
       const catSize = catNeedsExternalHorizLabel
-        ? { ...(component as any).size, width: undefined, height: undefined }
+        ? { ...(component as any).size, width: undefined }
         : (component as any).size;
 
       const rendererProps = {
@@ -797,35 +797,33 @@ export const DynamicComponentRenderer: React.FC<DynamicComponentRendererProps> =
           componentType === "modal-repeater-table" ||
           componentType === "v2-input";
 
-        // 🆕 v2-input 등의 라벨 표시 로직 (labelDisplay가 true/"true"일 때만 라벨 표시)
+        // 🆕 v2-input 등의 라벨 표시 로직 (InteractiveScreenViewerDynamic과 동일한 부정형 체크)
         const labelDisplay = component.style?.labelDisplay ?? (component as any).labelDisplay;
         const effectiveLabel =
-          labelDisplay === true || labelDisplay === "true"
+          labelDisplay !== false && labelDisplay !== "false"
             ? component.style?.labelText || (component as any).label || component.componentConfig?.label
             : undefined;
 
-        // 🔧 수평 라벨(left/right) 감지 → 외부 flex 컨테이너에서 라벨 처리
+        // 🔧 수평 라벨(left/right) 감지 → 런타임에서만 외부 flex 컨테이너로 라벨 처리
+        // 디자인 모드에서는 V2 컴포넌트가 자체적으로 라벨을 렌더링 (height 체인 문제 방지)
         const labelPosition = component.style?.labelPosition;
         const isV2Component = componentType?.startsWith("v2-");
         const needsExternalHorizLabel = !!(
+          !props.isDesignMode &&
           isV2Component &&
           effectiveLabel &&
           (labelPosition === "left" || labelPosition === "right")
         );
 
-        // 🔧 순서 중요! component.style 먼저, CSS 크기 속성은 size 기반으로 덮어씀
         const mergedStyle = {
-          ...component.style, // 원본 style (labelDisplay, labelText 등) - 먼저!
-          // CSS 크기 속성은 size에서 계산한 값으로 명시적 덮어쓰기 (우선순위 최고)
+          ...component.style,
           width: finalStyle.width,
           height: finalStyle.height,
-          // 수평 라벨 → V2 컴포넌트에는 라벨 비활성화 (외부에서 처리)
           ...(needsExternalHorizLabel
             ? {
                 labelDisplay: false,
                 labelPosition: "top" as const,
                 width: "100%",
-                height: "100%",
                 borderWidth: undefined,
                 borderColor: undefined,
                 borderStyle: undefined,