用途：React Flow（@xyflow/react）用于构建基于节点的图表、工作流编辑器与交互式图示，适合可视化编程界面、流程流和网络图。
主要能力：支持自定义节点与边。节点包含 id、type、position、data 等字段，内置 default、input、output、group 类型；边需 id、source、target，内置 default（贝塞尔）、straight、step、smoothstep 类型。Handle 作为节点连接点，配合 Position.Top/Right/Bottom/Left 使用。提供受控状态（useNodesState、useEdgesState、addEdge、OnConnect）与 useReactFlow 实例方法（getNodes、setNodes、addEdges、deleteElements、fitView、zoomIn/Out、getNode、updateNode、updateNodeData、screenToFlowPosition 等）。自定义节点用 NodeProps<T>、自定义边用 EdgeProps<T> 及 BaseEdge、getBezierPath 等路径工具，EdgeLabelRenderer 可渲染带指针事件的 HTML 标签。视口支持 fitView、setCenter、坐标转换。事件涵盖节点点击/拖拽、边点击、连接、选择变化、视口变化。
使用方式：pnpm add @xyflow/react 安装，引入 '@xyflow/react/dist/style.css'；用 nodeTypes/edgeTypes 注册自定义组件；在流外调用 useReactFlow 时需用 ReactFlowProvider 包裹。
限制与检查：nodeTypes/edgeTypes 不要每次渲染传新对象，需定义在组件外或用 useMemo；注意导入 CSS、Provider 边界，避免未挂载时调用程序化 API。资料未提供收费、价格与平台信息。