fix: improve vscode dev mode for flows

frontend/src/lib/components/Dev.svelte

@@ -573,6 +573,10 @@
 	let workspace = $derived($page.url.searchParams.get('workspace') ?? undefined)
 	let themeDarkRaw = $derived($page.url.searchParams.get('activeColorTheme'))
 	let themeDark = $derived(themeDarkRaw == '2' || themeDarkRaw == '4')
+
+	$effect(() => {
+		setContext<{ token?: string }>('AuthToken', { token })
+	})
 	$effect.pre(() => {
 		if (token) {
 			OpenAPI.WITH_CREDENTIALS = true
@@ -653,13 +657,7 @@
 
 <svelte:window onkeydown={onKeyDown} />
 
-<JobLoader
-	{token}
-	noCode={true}
-	bind:this={jobLoader}
-	bind:isLoading={testIsLoading}
-	bind:job={testJob}
-/>
+<JobLoader noCode={true} bind:this={jobLoader} bind:isLoading={testIsLoading} bind:job={testJob} />
 
 <main class="h-screen w-full">
 	{#if mode == 'script'}

frontend/src/lib/components/JobLoader.svelte

@@ -15,7 +15,7 @@
 		type OpenFlow
 	} from '$lib/gen'
 	import { workspaceStore } from '$lib/stores'
-	import { onDestroy, tick, untrack } from 'svelte'
+	import { getContext, onDestroy, tick, untrack } from 'svelte'
 	import type { SupportedLanguage } from '$lib/common'
 	import { sendUserToast } from '$lib/toast'
 	import { DynamicInput, isScriptPreview } from '$lib/utils'
@@ -46,7 +46,6 @@
 		toastError?: boolean
 		onlyResult?: boolean
 		loadPlaceholderJobOnStart?: Job
-		token?: string
 		// If you want to find out progress of subjobs of a flow, check job.flow_status.progress
 		scriptProgress?: number | undefined
 
@@ -66,7 +65,6 @@
 		loadPlaceholderJobOnStart = undefined,
 		scriptProgress = $bindable(undefined),
 		noLogs = false,
-		token = undefined,
 		children
 	}: Props = $props()
 
@@ -678,8 +676,9 @@
 						)
 					}
 
-					if (token) {
-						params.set('token', token)
+					let token = getContext<{ token?: string }>('AuthToken')
+					if (token.token) {
+						params.set('token', token.token)
 					}
 
 					const sseUrl = `/api/w/${workspace}/jobs_u/getupdate_sse/${id}?${params.toString()}`