|
@@ -1151,8 +1151,18 @@ const FlowChartComponent: ForwardRefRenderFunction<FlowChartRef, FlowChartProps>
|
|
|
nodeStroke = selectedNodeId === node.id ? "#06b6d4" : "#67e8f9";
|
|
nodeStroke = selectedNodeId === node.id ? "#06b6d4" : "#67e8f9";
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ // Detect remote children (targeted by arcs)
|
|
|
|
|
+ const hasRemoteParent = visibleData.edges.some((e) => e.type === "arc" && e.target.id === node.id);
|
|
|
|
|
+
|
|
|
return (
|
|
return (
|
|
|
<g key={node.id} transform={`translate(${node.x},${node.y})`} onClick={(e) => handleNodeClick(node, e)}>
|
|
<g key={node.id} transform={`translate(${node.x},${node.y})`} onClick={(e) => handleNodeClick(node, e)}>
|
|
|
|
|
+ {hasRemoteParent && node.type === "message" && (
|
|
|
|
|
+ <rect
|
|
|
|
|
+ x={-73} y={-28} width={146} height={56} rx={10}
|
|
|
|
|
+ fill="none" stroke="#a855f7" strokeWidth={2} strokeDasharray="4,2"
|
|
|
|
|
+ style={{ pointerEvents: "none" }}
|
|
|
|
|
+ />
|
|
|
|
|
+ )}
|
|
|
<rect
|
|
<rect
|
|
|
x={-70} y={-25} width={140} height={50} rx={8}
|
|
x={-70} y={-25} width={140} height={50} rx={8}
|
|
|
fill={nodeFill} stroke={selectedNodeId === node.id ? "#8b5cf6" : nodeStroke} strokeWidth={selectedNodeId === node.id ? 2 : 1}
|
|
fill={nodeFill} stroke={selectedNodeId === node.id ? "#8b5cf6" : nodeStroke} strokeWidth={selectedNodeId === node.id ? 2 : 1}
|