From a2b701a4bfa95aca1aa3f57f705c6abbee4e5790 Mon Sep 17 00:00:00 2001
From: SeongHyun Kim <kksh7842@gmail.com>
Date: Tue, 6 Jan 2026 17:29:41 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=A1=B0=EA=B1=B4=EB=B6=80=20=EC=BB=A8?=
 =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=84=88=20initialData=20=EC=A0=84=EB=8B=AC?=
 =?UTF-8?q?=20=EC=B2=B4=EA=B3=84=20=EA=B5=AC=ED=98=84=20InteractiveScreenV?=
 =?UTF-8?q?iewerDynamic:=20originalData=EB=A5=BC=20initialData=EB=A1=9C=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EC=A0=84=EB=8B=AC=20DynamicComponentRende?=
 =?UTF-8?q?rer:=20initialData=20=EC=9A=B0=EC=84=A0=EC=88=9C=EC=9C=84=20?=
 =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EC=B6=94=EA=B0=80=20ConditionalContainerC?=
 =?UTF-8?q?omponent:=20initialData=20props=20=EC=B6=94=EA=B0=80=20?=
 =?UTF-8?q?=EB=B0=8F=20=ED=95=98=EC=9C=84=20=EC=A0=84=EB=8B=AC=20Condition?=
 =?UTF-8?q?alSectionViewer:=20initialData=20props=20=EC=B6=94=EA=B0=80=20?=
 =?UTF-8?q?=EB=B0=8F=20=ED=95=98=EC=9C=84=20=EC=A0=84=EB=8B=AC=20types.ts:?=
 =?UTF-8?q?=20initialData=20=ED=83=80=EC=9E=85=20=EC=A0=95=EC=9D=98=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EC=88=98=EC=A0=95=20=EB=AA=A8=EB=93=9C?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=A1=B0=EA=B1=B4=EB=B6=80=20=EC=BB=A8?=
 =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=84=88=20=EB=82=B4=EB=B6=80=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=B4=88=EA=B8=B0=EA=B0=92=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EC=A7=80=EC=9B=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../screen/InteractiveScreenViewerDynamic.tsx         |  1 +
 frontend/lib/registry/DynamicComponentRenderer.tsx    |  8 +++++---
 .../ConditionalContainerComponent.tsx                 | 11 +++++++++++
 .../ConditionalSectionViewer.tsx                      | 11 +++++++++++
 .../components/conditional-container/types.ts         |  3 +++
 5 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/frontend/components/screen/InteractiveScreenViewerDynamic.tsx b/frontend/components/screen/InteractiveScreenViewerDynamic.tsx
index 4763507e..1dfdba14 100644
--- a/frontend/components/screen/InteractiveScreenViewerDynamic.tsx
+++ b/frontend/components/screen/InteractiveScreenViewerDynamic.tsx
@@ -365,6 +365,7 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
           isInteractive={true}
           formData={formData}
           originalData={originalData || undefined}
+          initialData={originalData || undefined} // 🆕 조건부 컨테이너 등에서 initialData로 전달
           onFormDataChange={handleFormDataChange}
           screenId={screenInfo?.id}
           tableName={screenInfo?.tableName}
diff --git a/frontend/lib/registry/DynamicComponentRenderer.tsx b/frontend/lib/registry/DynamicComponentRenderer.tsx
index f9d7a7d5..6166317f 100644
--- a/frontend/lib/registry/DynamicComponentRenderer.tsx
+++ b/frontend/lib/registry/DynamicComponentRenderer.tsx
@@ -413,10 +413,12 @@ export const DynamicComponentRenderer: React.FC<DynamicComponentRendererProps> =
           groupedData: props.groupedData, // ✅ 언더스코어 제거하여 직접 전달
           _groupedData: props.groupedData, // 하위 호환성 유지
           // 🆕 UniversalFormModal용 initialData 전달
-          // originalData가 비어있지 않으면 originalData 사용, 아니면 formData 사용
-          // 생성 모드에서는 originalData가 빈 객체이므로 formData를 사용해야 함
-          _initialData: (originalData && Object.keys(originalData).length > 0) ? originalData : formData,
+          // 우선순위: props.initialData > originalData > formData
+          // 조건부 컨테이너에서 전달된 initialData가 있으면 그것을 사용
+          _initialData: props.initialData || ((originalData && Object.keys(originalData).length > 0) ? originalData : formData),
           _originalData: originalData,
+          // 🆕 initialData도 직접 전달 (조건부 컨테이너 → 내부 컴포넌트)
+          initialData: props.initialData,
           // 🆕 탭 관련 정보 전달 (탭 내부의 테이블 컴포넌트에서 사용)
           parentTabId: props.parentTabId,
           parentTabsComponentId: props.parentTabsComponentId,
diff --git a/frontend/lib/registry/components/conditional-container/ConditionalContainerComponent.tsx b/frontend/lib/registry/components/conditional-container/ConditionalContainerComponent.tsx
index db3fde4c..e3d84d43 100644
--- a/frontend/lib/registry/components/conditional-container/ConditionalContainerComponent.tsx
+++ b/frontend/lib/registry/components/conditional-container/ConditionalContainerComponent.tsx
@@ -42,7 +42,16 @@ export function ConditionalContainerComponent({
   className,
   groupedData, // 🆕 그룹 데이터
   onSave, // 🆕 EditModal의 handleSave 콜백
+  initialData, // 🆕 수정 모드: 초기 데이터 (발주일, 담당자, 메모 등)
 }: ConditionalContainerProps) {
+  // 🔍 디버그: initialData 수신 확인
+  React.useEffect(() => {
+    console.log("[ConditionalContainer] initialData 수신:", {
+      hasInitialData: !!initialData,
+      initialDataKeys: initialData ? Object.keys(initialData) : [],
+      initialData,
+    });
+  }, [initialData]);
   
   // 화면 컨텍스트 (데이터 제공자로 등록)
   const screenContext = useScreenContextOptional();
@@ -221,6 +230,7 @@ export function ConditionalContainerComponent({
                 onSave={onSave}
                 controlField={controlField}
                 selectedCondition={selectedValue}
+                initialData={initialData}
               />
             ))}
           </div>
@@ -244,6 +254,7 @@ export function ConditionalContainerComponent({
                 onSave={onSave}
                 controlField={controlField}
                 selectedCondition={selectedValue}
+                initialData={initialData}
               />
             ) : null
           )
diff --git a/frontend/lib/registry/components/conditional-container/ConditionalSectionViewer.tsx b/frontend/lib/registry/components/conditional-container/ConditionalSectionViewer.tsx
index 59c82421..1338f40b 100644
--- a/frontend/lib/registry/components/conditional-container/ConditionalSectionViewer.tsx
+++ b/frontend/lib/registry/components/conditional-container/ConditionalSectionViewer.tsx
@@ -29,7 +29,17 @@ export function ConditionalSectionViewer({
   onSave, // 🆕 EditModal의 handleSave 콜백
   controlField, // 🆕 조건부 컨테이너의 제어 필드명
   selectedCondition, // 🆕 현재 선택된 조건 값
+  initialData, // 🆕 수정 모드: 초기 데이터 (발주일, 담당자, 메모 등)
 }: ConditionalSectionViewerProps) {
+  // 🔍 디버그: initialData 수신 확인
+  React.useEffect(() => {
+    console.log("[ConditionalSectionViewer] initialData 수신:", {
+      sectionId,
+      hasInitialData: !!initialData,
+      initialDataKeys: initialData ? Object.keys(initialData) : [],
+      initialData,
+    });
+  }, [initialData, sectionId]);
   const { userId, userName, user } = useAuth();
   const [isLoading, setIsLoading] = useState(false);
   const [components, setComponents] = useState<ComponentData[]>([]);
@@ -191,6 +201,7 @@ export function ConditionalSectionViewer({
                             onFormDataChange={onFormDataChange}
                             groupedData={groupedData}
                             onSave={hasUniversalFormModal ? undefined : onSave}
+                            initialData={initialData}
                           />
                         </div>
                       );
diff --git a/frontend/lib/registry/components/conditional-container/types.ts b/frontend/lib/registry/components/conditional-container/types.ts
index 284e0855..24ba2033 100644
--- a/frontend/lib/registry/components/conditional-container/types.ts
+++ b/frontend/lib/registry/components/conditional-container/types.ts
@@ -47,6 +47,7 @@ export interface ConditionalContainerProps {
   onFormDataChange?: (fieldName: string, value: any) => void;
   groupedData?: Record<string, any>[]; // 🆕 그룹 데이터 (EditModal → ModalRepeaterTable)
   onSave?: () => Promise<void>; // 🆕 EditModal의 handleSave 콜백
+  initialData?: Record<string, any>; // 🆕 수정 모드: 초기 데이터 (발주일, 담당자, 메모 등)
   
   // 화면 편집기 관련
   isDesignMode?: boolean; // 디자인 모드 여부
@@ -82,5 +83,7 @@ export interface ConditionalSectionViewerProps {
   // 🆕 조건부 컨테이너 정보 (자식 화면에 전달)
   controlField?: string; // 제어 필드명 (예: "inbound_type")
   selectedCondition?: string; // 현재 선택된 조건 값 (예: "PURCHASE_IN")
+  // 🆕 수정 모드: 초기 데이터 전달 (발주일, 담당자, 메모 등)
+  initialData?: Record<string, any>;
 }