diff --git a/web/src/app/home/workflows/components/workflow-editor/WorkflowEditorComponent.tsx b/web/src/app/home/workflows/components/workflow-editor/WorkflowEditorComponent.tsx index e2214afb..1b7464e5 100644 --- a/web/src/app/home/workflows/components/workflow-editor/WorkflowEditorComponent.tsx +++ b/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 > diff --git a/web/src/app/home/workflows/store/useWorkflowStore.ts b/web/src/app/home/workflows/store/useWorkflowStore.ts index ddee429e..a80c460c 100644 --- a/web/src/app/home/workflows/store/useWorkflowStore.ts +++ b/web/src/app/home/workflows/store/useWorkflowStore.ts @@ -257,7 +257,7 @@ export const useWorkflowStore = create((set, get) => ({ const newEdge: WorkflowEdge = { ...connection, id: generateEdgeId(), - type: 'smoothstep', + type: 'bezier', } as WorkflowEdge; set((state) => ({ @@ -464,7 +464,7 @@ export const useWorkflowStore = create((set, get) => ({ target: edge.target, sourceHandle: edge.source_port, targetHandle: edge.target_port, - type: 'smoothstep', + type: 'bezier', data: { label: edge.label, condition: edge.condition,