From 2ec6e3e9202cf11b20a075107663eac21e0b1a7e Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Fri, 14 Nov 2025 18:13:28 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20Select=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=20=EB=B9=88=20=EB=AC=B8=EC=9E=90=EC=97=B4=20=EA=B0=92?=
 =?UTF-8?q?=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Radix UI Select는 빈 문자열 value를 허용하지 않음
- "선택 안 함" 옵션의 값을 "" → "none"으로 변경
- onValueChange에서 "none" 체크하여 screenId를 null로 설정
---
 .../ConditionalContainerConfigPanel.tsx       | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/frontend/lib/registry/components/conditional-container/ConditionalContainerConfigPanel.tsx b/frontend/lib/registry/components/conditional-container/ConditionalContainerConfigPanel.tsx
index c55faf76..173bebc6 100644
--- a/frontend/lib/registry/components/conditional-container/ConditionalContainerConfigPanel.tsx
+++ b/frontend/lib/registry/components/conditional-container/ConditionalContainerConfigPanel.tsx
@@ -222,23 +222,30 @@ export function ConditionalContainerConfigPanel({
                       </div>
                     ) : (
                       <Select
-                        value={section.screenId?.toString() || ""}
+                        value={section.screenId?.toString() || "none"}
                         onValueChange={(value) => {
-                          const screenId = value ? parseInt(value) : null;
-                          const selectedScreen = screens.find(
-                            (s) => s.screenId === screenId
-                          );
-                          updateSection(section.id, {
-                            screenId,
-                            screenName: selectedScreen?.screenName,
-                          });
+                          if (value === "none") {
+                            updateSection(section.id, {
+                              screenId: null,
+                              screenName: undefined,
+                            });
+                          } else {
+                            const screenId = parseInt(value);
+                            const selectedScreen = screens.find(
+                              (s) => s.screenId === screenId
+                            );
+                            updateSection(section.id, {
+                              screenId,
+                              screenName: selectedScreen?.screenName,
+                            });
+                          }
                         }}
                       >
                         <SelectTrigger className="h-7 text-xs">
                           <SelectValue placeholder="화면 선택..." />
                         </SelectTrigger>
                         <SelectContent>
-                          <SelectItem value="">선택 안 함</SelectItem>
+                          <SelectItem value="none">선택 안 함</SelectItem>
                           {screens.map((screen) => (
                             <SelectItem
                               key={screen.screenId}