patch flow docs

Author: LineIndent

docs/enterprise/react_flow/basic_flow.md

@@ -85,19 +85,15 @@ def flow_example():
     return rx.box(
         rxe.flow(
             # Core flow components
-            rxe.flow.controls(),  # Zoom and pan controls
-            rxe.flow.background(),  # Grid background
-            rxe.flow.mini_map(),  # Mini map for navigation
+            rxe.flow.controls(),
+            rxe.flow.background(),
+            rxe.flow.mini_map(),
 
             # Flow configuration
+            default_nodes=FlowState.nodes,
+            default_edges=FlowState.edges,
             nodes=FlowState.nodes,
             edges=FlowState.edges,
-            on_nodes_change=lambda node_changes: FlowState.set_nodes(
-                rxe.flow.util.apply_node_changes(FlowState.nodes, node_changes)
-            ),
-            on_edges_change=lambda edge_changes: FlowState.set_edges(
-                rxe.flow.util.apply_edge_changes(FlowState.edges, edge_changes)
-            ),
 
             # Visual settings
             fit_view=True,

docs/enterprise/react_flow/edges.md

@@ -2,7 +2,7 @@
 
 Edges connect nodes together in a flow. This page explains how to define, customize, and interact with edges in Reflex Flow.
 
-## The `Edge` Type
+## The **Edge** Type
 
 An edge is represented as a Python dictionary with the following fields:
 

docs/enterprise/react_flow/examples.md

@@ -103,6 +103,8 @@ def add_node_on_edge_drop():
                 ),
                 nodes=AddNodesOnEdgeDropState.nodes,
                 edges=AddNodesOnEdgeDropState.edges,
+                default_nodes=AddNodesOnEdgeDropState.nodes,
+                default_edges=AddNodesOnEdgeDropState.edges,
                 on_nodes_change=lambda changes: AddNodesOnEdgeDropState.set_nodes(
                     rxe.flow.util.apply_node_changes(
                         AddNodesOnEdgeDropState.nodes, changes
@@ -208,6 +210,8 @@ def connection_limit():
             rxe.flow.background(),
             nodes=ConnectionLimitState.nodes,
             edges=ConnectionLimitState.edges,
+            default_nodes=ConnectionLimitState.nodes,
+            default_edges=ConnectionLimitState.edges,
             on_nodes_change=lambda changes: ConnectionLimitState.set_nodes(
                 rxe.flow.util.apply_node_changes(ConnectionLimitState.nodes, changes)
             ),

docs/enterprise/react_flow/interactivity.md

@@ -62,7 +62,6 @@ def interactive_flow():
             on_edges_change=lambda edge_changes: FlowState.set_edges(
                 rxe.flow.util.apply_edge_changes(FlowState.edges, edge_changes)
             ),
-            on_connect=FlowState.on_connect,
             fit_view=True,
 
             attribution_position="bottom-right",

docs/enterprise/react_flow/nodes.md

@@ -2,7 +2,7 @@
 
 Nodes are the fundamental building blocks of a flow. This page explains how to define and customize nodes in Reflex Flow.
 
-## The `Node` Type
+## The **Node** Type
 
 A node is represented as a Python dictionary with the following fields: