플로우 위젯 컴포넌트와 버튼의 연동

frontend/components/screen/InteractiveScreenViewerDynamic.tsx

@@ -51,6 +51,10 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
   // 테이블에서 선택된 행 데이터 (버튼 액션에 전달)
   const [selectedRowsData, setSelectedRowsData] = useState<any[]>([]);
 
+  // 플로우에서 선택된 데이터 (버튼 액션에 전달)
+  const [flowSelectedData, setFlowSelectedData] = useState<any[]>([]);
+  const [flowSelectedStepId, setFlowSelectedStepId] = useState<number | null>(null);
+
   // 팝업 화면 상태
   const [popupScreen, setPopupScreen] = useState<{
     screenId: number;
@@ -194,6 +198,13 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
             console.log("🔍 테이블에서 선택된 행 데이터:", selectedData);
             setSelectedRowsData(selectedData);
           }}
+          flowSelectedData={flowSelectedData}
+          flowSelectedStepId={flowSelectedStepId}
+          onFlowSelectedDataChange={(selectedData, stepId) => {
+            console.log("🔍 플로우에서 선택된 데이터:", { selectedData, stepId });
+            setFlowSelectedData(selectedData);
+            setFlowSelectedStepId(stepId);
+          }}
           onRefresh={() => {
             console.log("🔄 버튼에서 테이블 새로고침 요청됨");
             // 테이블 컴포넌트는 자체적으로 loadData 호출