From 34e48993e4bc5e984dfdf7f4b3605a18d96c656c Mon Sep 17 00:00:00 2001
From: SeongHyun Kim <kksh7842@gmail.com>
Date: Thu, 8 Jan 2026 15:37:22 +0900
Subject: [PATCH] =?UTF-8?q?feat(SplitPanelLayout2):=20=EA=B0=9C=EB=B3=84?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95=20=EB=B2=84=ED=8A=BC=EC=97=90=20=EB=AA=A8?=
 =?UTF-8?q?=EB=8B=AC=20=ED=99=94=EB=A9=B4=20=EC=84=A0=ED=83=9D=20UI=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 좌측/우측 패널의 개별 수정 버튼 설정에 수정 모달 화면 선택 Combobox 추가
- 수정 버튼 ON 시 모달 화면 선택 UI 표시
- editModalScreenId 설정값 저장 및 사용
- 기존 폴백 로직 유지 (editModalScreenId 없으면 addModalScreenId 사용)
---
 .../SplitPanelLayout2ConfigPanel.tsx          | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/frontend/lib/registry/components/split-panel-layout2/SplitPanelLayout2ConfigPanel.tsx b/frontend/lib/registry/components/split-panel-layout2/SplitPanelLayout2ConfigPanel.tsx
index 8ff83b6f..cd93a3b5 100644
--- a/frontend/lib/registry/components/split-panel-layout2/SplitPanelLayout2ConfigPanel.tsx
+++ b/frontend/lib/registry/components/split-panel-layout2/SplitPanelLayout2ConfigPanel.tsx
@@ -87,6 +87,10 @@ export const SplitPanelLayout2ConfigPanel: React.FC<SplitPanelLayout2ConfigPanel
   const [rightTableOpen, setRightTableOpen] = useState(false);
   const [leftModalOpen, setLeftModalOpen] = useState(false);
   const [rightModalOpen, setRightModalOpen] = useState(false);
+  
+  // 개별 수정 모달 화면 선택 Popover 상태
+  const [leftEditModalOpen, setLeftEditModalOpen] = useState(false);
+  const [rightEditModalOpen, setRightEditModalOpen] = useState(false);
 
   // 컬럼 세부설정 모달 상태 (기존 - 하위 호환성)
   const [columnConfigModalOpen, setColumnConfigModalOpen] = useState(false);
@@ -1004,6 +1008,19 @@ export const SplitPanelLayout2ConfigPanel: React.FC<SplitPanelLayout2ConfigPanel
                   onCheckedChange={(checked) => updateConfig("leftPanel.showEditButton", checked)}
                 />
               </div>
+              {/* 수정 버튼이 켜져 있을 때 모달 화면 선택 */}
+              {config.leftPanel?.showEditButton && (
+                <div className="ml-4 mt-1">
+                  <Label className="text-xs">수정 모달 화면</Label>
+                  <ScreenSelect
+                    value={config.leftPanel?.editModalScreenId}
+                    onValueChange={(value) => updateConfig("leftPanel.editModalScreenId", value)}
+                    placeholder="수정 모달 화면 선택"
+                    open={leftEditModalOpen}
+                    onOpenChange={setLeftEditModalOpen}
+                  />
+                </div>
+              )}
               <div className="flex items-center justify-between">
                 <Label className="text-xs">삭제 버튼</Label>
                 <Switch
@@ -1322,6 +1339,19 @@ export const SplitPanelLayout2ConfigPanel: React.FC<SplitPanelLayout2ConfigPanel
                   onCheckedChange={(checked) => updateConfig("rightPanel.showEditButton", checked)}
                 />
               </div>
+              {/* 수정 버튼이 켜져 있을 때 모달 화면 선택 */}
+              {config.rightPanel?.showEditButton && (
+                <div className="ml-4 mt-1">
+                  <Label className="text-xs">수정 모달 화면</Label>
+                  <ScreenSelect
+                    value={config.rightPanel?.editModalScreenId}
+                    onValueChange={(value) => updateConfig("rightPanel.editModalScreenId", value)}
+                    placeholder="수정 모달 화면 선택"
+                    open={rightEditModalOpen}
+                    onOpenChange={setRightEditModalOpen}
+                  />
+                </div>
+              )}
               <div className="flex items-center justify-between">
                 <Label className="text-xs">삭제 버튼</Label>
                 <Switch