제어관리 데이터 저장기능

frontend/components/dataflow/connection/redesigned/LeftPanel/LeftPanel.tsx

@@ -11,8 +11,6 @@ import { LeftPanelProps } from "../types/redesigned";
 import ConnectionTypeSelector from "./ConnectionTypeSelector";
 import MappingDetailList from "./MappingDetailList";
 import ActionSummaryPanel from "./ActionSummaryPanel";
-import AdvancedSettings from "./AdvancedSettings";
-import ActionButtons from "./ActionButtons";
 
 /**
  * 📋 좌측 패널 (30% 너비)
@@ -35,45 +33,53 @@ const LeftPanel: React.FC<LeftPanelProps> = ({ state, actions }) => {
           <Separator />
 
           {/* 매핑 상세 목록 */}
-          {state.fieldMappings.length > 0 && (
-            <>
-              <div>
-                <h3 className="text-muted-foreground mb-2 text-sm font-medium">매핑 상세 목록</h3>
-                <MappingDetailList
-                  mappings={state.fieldMappings}
-                  selectedMapping={state.selectedMapping}
-                  onSelectMapping={(mappingId) => {
-                    // TODO: 선택된 매핑 상태 업데이트
-                  }}
-                  onUpdateMapping={actions.updateMapping}
-                  onDeleteMapping={actions.deleteMapping}
-                />
-              </div>
+          {(() => {
+            // 액션 그룹에서 모든 매핑 수집
+            const allMappings = state.actionGroups.flatMap((group) =>
+              group.actions.flatMap((action) => action.fieldMappings || []),
+            );
 
-              <Separator />
-            </>
-          )}
+            // 기존 fieldMappings와 병합 (중복 제거)
+            const combinedMappings = [...state.fieldMappings, ...allMappings];
+            const uniqueMappings = combinedMappings.filter(
+              (mapping, index, arr) => arr.findIndex((m) => m.id === mapping.id) === index,
+            );
+
+            console.log("🔍 LeftPanel - 매핑 데이터 수집:", {
+              stateFieldMappings: state.fieldMappings,
+              actionGroupMappings: allMappings,
+              combinedMappings: uniqueMappings,
+            });
+
+            return (
+              uniqueMappings.length > 0 && (
+                <>
+                  <div>
+                    <h3 className="text-muted-foreground mb-2 text-sm font-medium">매핑 상세 목록</h3>
+                    <MappingDetailList
+                      mappings={uniqueMappings}
+                      selectedMapping={state.selectedMapping}
+                      onSelectMapping={(mappingId) => {
+                        // TODO: 선택된 매핑 상태 업데이트
+                      }}
+                      onUpdateMapping={actions.updateMapping}
+                      onDeleteMapping={actions.deleteMapping}
+                    />
+                  </div>
+
+                  <Separator />
+                </>
+              )
+            );
+          })()}
 
           {/* 액션 설정 요약 */}
           <div>
             <h3 className="text-muted-foreground mb-2 text-sm font-medium">액션 설정</h3>
             <ActionSummaryPanel state={state} />
           </div>
-
-          <Separator />
-
-          {/* 고급 설정 */}
-          <div>
-            <h3 className="text-muted-foreground mb-2 text-sm font-medium">고급 설정</h3>
-            <AdvancedSettings connectionType={state.connectionType} />
-          </div>
         </div>
       </ScrollArea>
-
-      {/* 하단 액션 버튼들 - 고정 위치 */}
-      <div className="flex-shrink-0 border-t bg-white p-3 shadow-sm">
-        <ActionButtons state={state} actions={actions} />
-      </div>
     </div>
   );
 };