[agent-pipeline] pipe-20260306183434-ewn8 round-1

frontend/components/v2/V2Select.tsx

@@ -1205,18 +1205,40 @@ export const V2Select = forwardRef<HTMLDivElement, V2SelectProps>(
         <div
           ref={ref}
           id={id}
-          className={cn(isDesignMode && "pointer-events-none")}
+          className={cn(
+            "flex flex-col gap-1",
+            labelPos === "left" ? "sm:flex-row sm:items-center" : "sm:flex-row-reverse sm:items-center",
+            isDesignMode && "pointer-events-none"
+          )}
           style={{
             width: componentWidth,
             height: componentHeight,
-            display: "flex",
-            flexDirection: labelPos === "left" ? "row" : "row-reverse",
-            alignItems: "center",
             gap: labelGapValue,
           }}
         >
-          {labelElement}
-          {selectContent}
+          <Label
+            htmlFor={id}
+            style={{
+              fontSize: style?.labelFontSize || "14px",
+              color: style?.labelColor || "#64748b",
+              fontWeight: style?.labelFontWeight || "500",
+            }}
+            className="w-full text-sm font-medium whitespace-nowrap sm:w-[120px] sm:shrink-0"
+          >
+            {label}
+            {required && <span className="text-orange-500 ml-0.5">*</span>}
+          </Label>
+          <div
+            className={cn(
+              "w-full min-w-0 flex-1",
+              hasCustomBorder && "[&_button]:border-0! **:data-[slot=select-trigger]:border-0! [&_.border]:border-0!",
+              (hasCustomBorder || hasCustomRadius) && "[&_button]:rounded-none! **:data-[slot=select-trigger]:rounded-none! [&_.rounded-md]:rounded-none!",
+              hasCustomBackground && "[&_button]:bg-transparent! **:data-[slot=select-trigger]:bg-transparent!",
+            )}
+            style={{ ...(hasCustomText ? customTextStyle : {}) }}
+          >
+            {renderSelect()}
+          </div>
         </div>
       );
     }