Feat: Initialize the data pipeline canvas. #9869 (#9870)

### What problem does this PR solve?
Feat: Initialize the data pipeline canvas. #9869

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/data-flow/context.ts

@@ -0,0 +1,50 @@
+import { RAGFlowNodeType } from '@/interfaces/database/flow';
+import { HandleType, Position } from '@xyflow/react';
+import { createContext } from 'react';
+import { useAddNode } from './hooks/use-add-node';
+import { useCacheChatLog } from './hooks/use-cache-chat-log';
+import { useShowFormDrawer, useShowLogSheet } from './hooks/use-show-drawer';
+
+export const AgentFormContext = createContext<RAGFlowNodeType | undefined>(
+  undefined,
+);
+
+type AgentInstanceContextType = Pick<
+  ReturnType<typeof useAddNode>,
+  'addCanvasNode'
+> &
+  Pick<ReturnType<typeof useShowFormDrawer>, 'showFormDrawer'>;
+
+export const AgentInstanceContext = createContext<AgentInstanceContextType>(
+  {} as AgentInstanceContextType,
+);
+
+type AgentChatContextType = Pick<
+  ReturnType<typeof useShowLogSheet>,
+  'showLogSheet'
+> & { setLastSendLoadingFunc: (loading: boolean, messageId: string) => void };
+
+export const AgentChatContext = createContext<AgentChatContextType>(
+  {} as AgentChatContextType,
+);
+
+type AgentChatLogContextType = Pick<
+  ReturnType<typeof useCacheChatLog>,
+  'addEventList' | 'setCurrentMessageId'
+>;
+
+export const AgentChatLogContext = createContext<AgentChatLogContextType>(
+  {} as AgentChatLogContextType,
+);
+
+export type HandleContextType = {
+  nodeId?: string;
+  id?: string;
+  type: HandleType;
+  position: Position;
+  isFromConnectionDrag: boolean;
+};
+
+export const HandleContext = createContext<HandleContextType>(
+  {} as HandleContextType,
+);