ux nits

frontend/src/lib/components/flows/content/FlowSettings.svelte

@@ -104,7 +104,9 @@
 							{#if $flowStore.value.modules}
 								<FlowGraph
 									on:click={(e) => {
-										$selectedId = e.detail.id
+										if (e.detail.id) {
+											$selectedId = e.detail.id
+										}
 									}}
 									minHeight={topHeight}
 									modules={$flowStore.value.modules}

frontend/src/lib/components/flows/header/FlowPreviewButtons.svelte

@@ -17,6 +17,7 @@
 	let job: Job | undefined = undefined
 
 	$: upToDisabled =
+		$selectedId == undefined ||
 		[
 			'settings',
 			'settings-schedule',
@@ -26,7 +27,8 @@
 			'inputs',
 			'schedules',
 			'failure'
-		].includes($selectedId) || $selectedId?.includes('branch')
+		].includes($selectedId) ||
+		$selectedId?.includes('branch')
 </script>
 
 <div class="flex flex-row-reverse justify-between items-center gap-x-2">

frontend/src/lib/components/graph/FlowGraph.svelte

@@ -275,7 +275,7 @@
 		loop.items.push(
 			createVirtualNode(
 				getParentIds(loop.items),
-				`Collect iterations' results of For Loop ${module.id}`,
+				`Collect iterations' results of For Loop ${module.id ?? ''}`,
 				undefined,
 				1000
 			)