styles

src/components/graph/NodeHandles.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Handle, Position } from '@xyflow/react'
-import { Circle, CircleDashed } from 'lucide-react'
+import { ArrowDownLeft, ArrowUpRight } from 'lucide-react'
 
 type NodeHandleProps = {
     id: string
@@ -26,7 +26,7 @@ export function InputHandle({ id }: NodeHandleProps) {
                 justifyContent: 'center',
             }}
         >
-            <CircleDashed className="w-4 h-4 text-muted-foreground pointer-events-none" />
+            <ArrowDownLeft className="w-4 h-4 text-muted-foreground pointer-events-none" />
         </Handle>
     )
 }
@@ -51,7 +51,7 @@ export function OutputHandle({ id }: NodeHandleProps) {
                 justifyContent: 'center',
             }}
         >
-            <Circle className="w-4 h-4 text-foreground pointer-events-none" />
+            <ArrowUpRight className="w-4 h-4 text-foreground pointer-events-none" />
         </Handle>
     )
 }