frontend/src/components/workflow/WorkflowEdge.jsx

import { BaseEdge, getBezierPath } from '@xyflow/react';

export default function WorkflowEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, markerEnd, selected }) {
  const [path] = getBezierPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition });
  return (
    <BaseEdge
      id={id}
      path={path}
      markerEnd={markerEnd}
      style={{ stroke: selected ? '#FBBF24' : '#38BDF8', strokeWidth: selected ? 3 : 2 }}
    />
  );
}