fix trigger node navigation

Author: Guilhem-lm

frontend/src/lib/components/graph/renderers/nodes/TriggersNode.svelte

@@ -10,6 +10,7 @@
 	import { setScheduledPollSchedule, type TriggerContext } from '$lib/components/triggers'
 	import VirtualItemWrapper from '$lib/components/flows/map/VirtualItemWrapper.svelte'
 	import { addDraftTrigger } from '$lib/components/triggers/utils'
+	import { tick } from 'svelte'
 
 	export let data: {
 		path: string
@@ -60,8 +61,9 @@
 			on:openScheduledPoll={(e) => {
 				$selectedTrigger = 'scheduledPoll'
 			}}
-			on:select={(e) => {
+			on:select={async (e) => {
 				data?.eventHandlers?.select('triggers')
+				await tick()
 				if (e.detail) {
 					$selectedTriggerV2 = e.detail
 				}

frontend/src/lib/components/graph/renderers/triggers/TriggersBadgeV2.svelte

@@ -88,7 +88,7 @@
 	}
 
 	const itemClass = twMerge(
-		'text-secondary text-left font-normal max-w-full block px-4 py-2 text-2xs data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary flex flex-row items-center flex-nowrap'
+		'text-secondary text-left font-normal w-full block px-4 py-2 text-2xs data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary flex flex-row items-center flex-nowrap'
 	)
 
 	// Group triggers by their mapped type
@@ -112,7 +112,7 @@
 	let triggersToDisplay = $derived(allTriggerTypes.slice(0, 7))
 	let extraTriggers = $derived(
 		allTriggerTypes.length > 7
-			? allTriggerTypes.slice(8).flatMap((type) => triggersGrouped[type])
+			? allTriggerTypes.slice(7).flatMap((type) => triggersGrouped[type])
 			: []
 	)
 
@@ -205,7 +205,9 @@
 				isSelected ? 'outline-tertiary outline' : '',
 				small ? 'w-[23px] h-[23px] ' : 'p-2'
 			)}
-			on:click={() => {
+			on:click={(e) => {
+				e.stopPropagation()
+				e.preventDefault()
 				if (singleItem) {
 					dispatch('select', triggersGrouped[type][0])
 				}
@@ -239,7 +241,7 @@
 	<MenuItem
 		{item}
 		class={itemClass}
-		on:click={() => {
+		on:click={(e) => {
 			dispatch('select', trigger)
 		}}
 	>