Function deserializeEdges

frontend/src/utils/workflowSerializer.ts:231–252

(workflow: { graph: { edges: BackendEdge[] } })

 * Preserves edge type to maintain curved arrow appearance
 */
export function deserializeEdges(workflow: { graph: { edges: BackendEdge[] } }): ReactFlowEdge[] {
  const edges = workflow.graph.edges;
  return edges.map((edge) => {
    const normalizedSourceHandle =
      edge.sourceHandle === 'tool-export' ? 'tools' : edge.sourceHandle;
    // Use saved type if available, otherwise default to 'default' for bezier curves (curved arrows)
    return {
      id: edge.id,
      source: edge.source,
      target: edge.target,
      sourceHandle: normalizedSourceHandle,
      targetHandle: edge.targetHandle,
      type: (edge.type || 'default') as 'default' | 'smoothstep' | 'step' | 'straight' | 'bezier',
      animated: false, // Default for ReactFlow, backend doesn't store this
      markerEnd: {
        type: MarkerType.Arrow,
        width: 22,
        height: 22,
      },
    };
  });
}