bezier

web/src/app/home/workflows/components/workflow-editor/WorkflowEditorComponent.tsx

@@ -9,6 +9,7 @@ import {
   useReactFlow,
   BackgroundVariant,
   SelectionMode,
+  MarkerType,
 } from '@xyflow/react';
 import type { Node, NodeTypes, OnSelectionChangeParams } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
@@ -446,8 +447,14 @@ function WorkflowEditorInner() {
             panOnDrag={[1, 2]} // Middle click and right click to pan
             selectNodesOnDrag={false}
             defaultEdgeOptions={{
-              type: 'smoothstep',
+              type: 'bezier',
               animated: true,
+              markerEnd: {
+                type: MarkerType.ArrowClosed,
+                width: 20,
+                height: 20,
+                color: 'hsl(var(--muted-foreground))',
+              },
             }}
             deleteKeyCode={null} // We handle delete manually
           >

web/src/app/home/workflows/store/useWorkflowStore.ts

@@ -257,7 +257,7 @@ export const useWorkflowStore = create<WorkflowState>((set, get) => ({
     const newEdge: WorkflowEdge = {
       ...connection,
       id: generateEdgeId(),
-      type: 'smoothstep',
+      type: 'bezier',
     } as WorkflowEdge;
 
     set((state) => ({
@@ -464,7 +464,7 @@ export const useWorkflowStore = create<WorkflowState>((set, get) => ({
       target: edge.target,
       sourceHandle: edge.source_port,
       targetHandle: edge.target_port,
-      type: 'smoothstep',
+      type: 'bezier',
       data: {
         label: edge.label,
         condition: edge.condition,