카드 디스플레이 삭제기능 구현

frontend/components/screen/InteractiveDataTable.tsx

@@ -55,6 +55,7 @@ import { useScreenPreview } from "@/contexts/ScreenPreviewContext";
 import { useTableOptions } from "@/contexts/TableOptionsContext";
 import { TableFilter, ColumnVisibility } from "@/types/table-options";
 import { useSplitPanelContext } from "@/contexts/SplitPanelContext";
+import { useScreenContextOptional } from "@/contexts/ScreenContext";
 import { useCascadingDropdown } from "@/hooks/useCascadingDropdown";
 import { CascadingDropdownConfig } from "@/types/screen-management";
 
@@ -184,6 +185,8 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
   const { user } = useAuth(); // 사용자 정보 가져오기
   const { registerTable, unregisterTable } = useTableOptions(); // Context 훅
   const splitPanelContext = useSplitPanelContext(); // 분할 패널 컨텍스트
+  const screenContext = useScreenContextOptional(); // 화면 컨텍스트 (좌측/우측 위치 확인용)
+  const splitPanelPosition = screenContext?.splitPanelPosition; // 분할 패널 내 위치
   
   const [data, setData] = useState<Record<string, any>[]>([]);
   const [loading, setLoading] = useState(false);
@@ -947,7 +950,18 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
       }
       return newSet;
     });
-  }, []);
+    
+    // 분할 패널 좌측에서 선택 시 컨텍스트에 데이터 저장 (연결 필터용)
+    if (splitPanelContext && splitPanelPosition === "left" && !splitPanelContext.disableAutoDataTransfer) {
+      if (isSelected && data[rowIndex]) {
+        splitPanelContext.setSelectedLeftData(data[rowIndex]);
+        console.log("🔗 [InteractiveDataTable] 좌측 선택 데이터 저장:", data[rowIndex]);
+      } else if (!isSelected) {
+        splitPanelContext.setSelectedLeftData(null);
+        console.log("🔗 [InteractiveDataTable] 좌측 선택 데이터 초기화");
+      }
+    }
+  }, [data, splitPanelContext, splitPanelPosition]);
 
   // 전체 선택/해제 핸들러
   const handleSelectAll = useCallback(