플로우 페이지네이션 안보임

frontend/components/dataflow/node-editor/panels/properties/InsertActionProperties.tsx

@@ -9,7 +9,6 @@ import { Plus, Trash2, Check, ChevronsUpDown, ArrowRight, Database, Globe, Link2
 import { Label } from "@/components/ui/label";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
-import { ScrollArea } from "@/components/ui/scroll-area";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@/components/ui/command";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
@@ -49,9 +48,6 @@ export function InsertActionProperties({ nodeId, data }: InsertActionPropertiesP
   const [displayName, setDisplayName] = useState(data.displayName || data.targetTable);
   const [targetTable, setTargetTable] = useState(data.targetTable);
   const [fieldMappings, setFieldMappings] = useState(data.fieldMappings || []);
-  const [batchSize, setBatchSize] = useState(data.options?.batchSize?.toString() || "");
-  const [ignoreErrors, setIgnoreErrors] = useState(data.options?.ignoreErrors || false);
-  const [ignoreDuplicates, setIgnoreDuplicates] = useState(data.options?.ignoreDuplicates || false);
 
   // 내부 DB 테이블 관련 상태
   const [tables, setTables] = useState<TableOption[]>([]);
@@ -92,9 +88,6 @@ export function InsertActionProperties({ nodeId, data }: InsertActionPropertiesP
     setDisplayName(data.displayName || data.targetTable);
     setTargetTable(data.targetTable);
     setFieldMappings(data.fieldMappings || []);
-    setBatchSize(data.options?.batchSize?.toString() || "");
-    setIgnoreErrors(data.options?.ignoreErrors || false);
-    setIgnoreDuplicates(data.options?.ignoreDuplicates || false);
   }, [data]);
 
   // 내부 DB 테이블 목록 로딩
@@ -439,11 +432,6 @@ export function InsertActionProperties({ nodeId, data }: InsertActionPropertiesP
         displayName: selectedTable.label,
         targetTable: selectedTable.tableName,
         fieldMappings,
-        options: {
-          batchSize: batchSize ? parseInt(batchSize) : undefined,
-          ignoreErrors,
-          ignoreDuplicates,
-        },
       });
 
       setTablesOpen(false);
@@ -517,39 +505,6 @@ export function InsertActionProperties({ nodeId, data }: InsertActionPropertiesP
     updateNode(nodeId, { fieldMappings: newMappings });
   };
 
-  const handleBatchSizeChange = (newBatchSize: string) => {
-    setBatchSize(newBatchSize);
-    updateNode(nodeId, {
-      options: {
-        batchSize: newBatchSize ? parseInt(newBatchSize) : undefined,
-        ignoreErrors,
-        ignoreDuplicates,
-      },
-    });
-  };
-
-  const handleIgnoreErrorsChange = (checked: boolean) => {
-    setIgnoreErrors(checked);
-    updateNode(nodeId, {
-      options: {
-        batchSize: batchSize ? parseInt(batchSize) : undefined,
-        ignoreErrors: checked,
-        ignoreDuplicates,
-      },
-    });
-  };
-
-  const handleIgnoreDuplicatesChange = (checked: boolean) => {
-    setIgnoreDuplicates(checked);
-    updateNode(nodeId, {
-      options: {
-        batchSize: batchSize ? parseInt(batchSize) : undefined,
-        ignoreErrors,
-        ignoreDuplicates: checked,
-      },
-    });
-  };
-
   const selectedTableLabel = tables.find((t) => t.tableName === targetTable)?.label || targetTable;
 
   // 🔥 타겟 타입 변경 핸들러
@@ -575,17 +530,12 @@ export function InsertActionProperties({ nodeId, data }: InsertActionPropertiesP
     }
 
     updates.fieldMappings = fieldMappings;
-    updates.options = {
-      batchSize: batchSize ? parseInt(batchSize) : undefined,
-      ignoreErrors,
-      ignoreDuplicates,
-    };
 
     updateNode(nodeId, updates);
   };
 
   return (
-    <ScrollArea className="h-full">
+    <div>
       <div className="space-y-4 p-4 pb-8">
         {/* 🔥 타겟 타입 선택 */}
         <div>
@@ -753,11 +703,6 @@ export function InsertActionProperties({ nodeId, data }: InsertActionPropertiesP
                         externalDbType: selectedConnection?.db_type,
                         externalTargetTable: undefined,
                         fieldMappings,
-                        options: {
-                          batchSize: batchSize ? parseInt(batchSize) : undefined,
-                          ignoreErrors,
-                          ignoreDuplicates,
-                        },
                       });
                     }}
                     disabled={externalConnectionsLoading}
@@ -797,11 +742,6 @@ export function InsertActionProperties({ nodeId, data }: InsertActionPropertiesP
                           externalConnectionId: selectedExternalConnectionId,
                           externalTargetTable: value,
                           fieldMappings,
-                          options: {
-                            batchSize: batchSize ? parseInt(batchSize) : undefined,
-                            ignoreErrors,
-                            ignoreDuplicates,
-                          },
                         });
                       }}
                       disabled={externalTablesLoading}
@@ -1240,51 +1180,6 @@ export function InsertActionProperties({ nodeId, data }: InsertActionPropertiesP
           </div>
         )}
 
-        {/* 옵션 */}
-        <div>
-          <h3 className="mb-3 text-sm font-semibold">옵션</h3>
-
-          <div className="space-y-3">
-            <div>
-              <Label htmlFor="batchSize" className="text-xs">
-                배치 크기
-              </Label>
-              <Input
-                id="batchSize"
-                type="number"
-                value={batchSize}
-                onChange={(e) => handleBatchSizeChange(e.target.value)}
-                className="mt-1"
-                placeholder="한 번에 처리할 레코드 수"
-              />
-            </div>
-
-            <div className="flex items-center space-x-2">
-              <Checkbox
-                id="ignoreDuplicates"
-                checked={ignoreDuplicates}
-                onCheckedChange={(checked) => handleIgnoreDuplicatesChange(checked as boolean)}
-              />
-              <Label htmlFor="ignoreDuplicates" className="text-xs font-normal">
-                중복 데이터 무시
-              </Label>
-            </div>
-
-            <div className="flex items-center space-x-2">
-              <Checkbox
-                id="ignoreErrors"
-                checked={ignoreErrors}
-                onCheckedChange={(checked) => handleIgnoreErrorsChange(checked as boolean)}
-              />
-              <Label htmlFor="ignoreErrors" className="text-xs font-normal">
-                오류 발생 시 계속 진행
-              </Label>
-            </div>
-          </div>
-        </div>
-
-        {/* 저장 버튼 */}
-
         {/* 안내 */}
         <div className="rounded bg-green-50 p-3 text-xs text-green-700">
           ✅ 테이블과 필드는 실제 데이터베이스에서 조회됩니다.
@@ -1292,6 +1187,6 @@ export function InsertActionProperties({ nodeId, data }: InsertActionPropertiesP
           💡 소스 필드가 없으면 정적 값이 사용됩니다.
         </div>
       </div>
-    </ScrollArea>
+    </div>
   );
 }