[agent-pipeline] pipe-20260309055714-23ry round-2

frontend/components/dataflow/connection/redesigned/RightPanel/DataflowVisualization.tsx

@@ -5,16 +5,45 @@ import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Database, Filter, Zap, CheckCircle, XCircle, Edit } from "lucide-react";
-import { DataConnectionState } from "../types/redesigned";
+interface TableRef {
+  tableName?: string;
+  tableLabel?: string;
+  displayName?: string;
+  [key: string]: any;
+}
+
+interface ColumnRef {
+  columnName?: string;
+  displayName?: string;
+  labelKo?: string;
+  [key: string]: any;
+}
+
+interface ControlCondition {
+  field: string;
+  operator: string;
+  value: string;
+  logicalOperator?: string;
+  [key: string]: any;
+}
+
+interface DataflowAction {
+  actionType: string;
+  targetTable?: string;
+  name?: string;
+  fieldMappings?: any[];
+  [key: string]: any;
+}
 
 interface DataflowVisualizationProps {
-  state: Partial<DataConnectionState> & {
-    dataflowActions?: Array<{
-      actionType: string;
-      targetTable?: string;
-      name?: string;
-      fieldMappings?: any[];
-    }>;
+  state: {
+    fromTable?: TableRef;
+    toTable?: TableRef;
+    controlConditions?: ControlCondition[];
+    dataflowActions?: DataflowAction[];
+    fromColumns?: ColumnRef[];
+    toColumns?: ColumnRef[];
+    [key: string]: any;
   };
   onEdit: (step: "source" | "conditions" | "actions") => void;
 }