vynte-infra/plunk
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Connect branches smoothly to original node

Browse Source
This commit is contained in:
Dries Augustyns
2026-03-11 14:52:30 +01:00
parent 92949b7596
commit 2c3e8970cb
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/WorkflowBuilder.tsx
+11 -8
View File
@@ -365,7 +365,8 @@ function CustomNode({
</div> </div>
{data.config.mode === 'multi' ? ( {data.config.mode === 'multi' ? (
<div className="text-[10px] text-neutral-500 ml-4"> <div className="text-[10px] text-neutral-500 ml-4">
{data.config.branches?.length || 0} branch{(data.config.branches?.length || 0) !== 1 ? 'es' : ''} + default {data.config.branches?.length || 0} branch{(data.config.branches?.length || 0) !== 1 ? 'es' : ''} +
default
</div> </div>
) : ( ) : (
<div className="text-[10px] text-neutral-500 ml-4"> <div className="text-[10px] text-neutral-500 ml-4">
@@ -551,7 +552,9 @@ export function WorkflowBuilder({workflowId, steps, onUpdate}: WorkflowBuilderPr
const condition = transition.condition; const condition = transition.condition;
const isConditional = condition && typeof condition === 'object' && 'branch' in condition; const isConditional = condition && typeof condition === 'object' && 'branch' in condition;
const branch = const branch =
condition && typeof condition === 'object' && 'branch' in condition ? (condition.branch as string) : undefined; condition && typeof condition === 'object' && 'branch' in condition
? (condition.branch as string)
: undefined;
const branchColor = branch ? getBranchColor(step.config, branch) : '#94a3b8'; const branchColor = branch ? getBranchColor(step.config, branch) : '#94a3b8';
const branchLabel = branch ? getBranchLabel(step.config, branch) : undefined; const branchLabel = branch ? getBranchLabel(step.config, branch) : undefined;
@@ -597,7 +600,10 @@ export function WorkflowBuilder({workflowId, steps, onUpdate}: WorkflowBuilderPr
expectedBranches.forEach(branchId => { expectedBranches.forEach(branchId => {
const hasBranch = step.outgoingTransitions?.some( const hasBranch = step.outgoingTransitions?.some(
t => t =>
t.condition && typeof t.condition === 'object' && 'branch' in t.condition && t.condition.branch === branchId, t.condition &&
typeof t.condition === 'object' &&
'branch' in t.condition &&
t.condition.branch === branchId,
); );
if (!hasBranch) { if (!hasBranch) {
@@ -608,7 +614,7 @@ export function WorkflowBuilder({workflowId, steps, onUpdate}: WorkflowBuilderPr
id: `${step.id}-add-${branchId}-edge`, id: `${step.id}-add-${branchId}-edge`,
source: step.id, source: step.id,
target: `${step.id}-add-${branchId}`, target: `${step.id}-add-${branchId}`,
type: 'straight', type: 'smoothstep',
animated: false, animated: false,
label, label,
labelStyle: {fill: color, fontWeight: 600, fontSize: 12}, labelStyle: {fill: color, fontWeight: 600, fontSize: 12},
@@ -666,10 +672,7 @@ export function WorkflowBuilder({workflowId, steps, onUpdate}: WorkflowBuilderPr
const connectedAddNodes = updatedNodes.filter(node => { const connectedAddNodes = updatedNodes.filter(node => {
if (node.type !== 'addStep') return false; if (node.type !== 'addStep') return false;
// Check if this add node is connected to the moved node // Check if this add node is connected to the moved node
return ( return node.id === `${movedNode.id}-add` || node.id.startsWith(`${movedNode.id}-add-`);
node.id === `${movedNode.id}-add` ||
node.id.startsWith(`${movedNode.id}-add-`)
);
}); });
// Update positions of connected "+" nodes to stay below parent // Update positions of connected "+" nodes to stay below parent