windmill-components 1.389.3 → 1.394.3

package/package/assets/app.css

@@ -12,9 +12,10 @@
 
 	/* Chrome, Edge, and Safari */
 	*::-webkit-scrollbar {
-		width: 3px;
-		height: 3px;
+		width: 5px;
+		height: 5px;
 	}
+
 	/* 
 	*::-webkit-scrollbar-track {
 		@apply bg-tertiary; 
@@ -23,7 +24,7 @@
 
 	*::-webkit-scrollbar-thumb {
 		@apply bg-tertiary-inverse dark:bg-tertiary;
-		border-radius: 10px;
+		border-radius: 3px;
 	}
 
 	@font-face {

package/package/components/AppConnectInner.svelte

@@ -39,14 +39,18 @@ let connects = undefined;
 let connectsManual = undefined;
 let args = {};
 let renderDescription = true;
-$: linkedSecretCandidates = apiTokenApps[resourceType]?.linkedSecret
-    ? [apiTokenApps[resourceType]?.linkedSecret]
-    : args != undefined
-        ? Object.keys(args).filter((x) => ['token', 'secret', 'key', 'pass', 'private'].some((y) => x.toLowerCase().includes(y)))
-        : undefined;
-$: linkedSecret =
-    forceSecretValue(resourceType) ??
-        linkedSecretCandidates?.sort((ua, ub) => linkedSecretValue(ub) - linkedSecretValue(ua))?.[0];
+function computeCandidates(resourceType, argsKeys) {
+    return apiTokenApps[resourceType]?.linkedSecret
+        ? [apiTokenApps[resourceType]?.linkedSecret]
+        : argsKeys.filter((x) => ['token', 'secret', 'key', 'pass', 'private'].some((y) => x.toLowerCase().includes(y)));
+}
+let linkedSecret = undefined;
+let linkedSecretCandidates = undefined;
+function computeLinkedSecret(resourceType, argsKeys) {
+    linkedSecretCandidates = computeCandidates(resourceType, argsKeys);
+    return (forceSecretValue(resourceType) ??
+        linkedSecretCandidates?.sort((ua, ub) => linkedSecretValue(ub) - linkedSecretValue(ua))?.[0]);
+}
 let scopes = [];
 let extra_params = [];
 let path;
@@ -162,9 +166,14 @@ async function getResourceTypeInfo() {
         workspace: $workspaceStore,
         path: resourceType
     });
+    const newArgsKeys = Object.keys(resourceTypeInfo?.schema?.['properties'] ?? {}) ?? [];
+    if (!linkedSecret) {
+        linkedSecret = computeLinkedSecret(resourceType, newArgsKeys);
+    }
 }
 export async function next() {
     if (step == 1) {
+        linkedSecret = undefined;
         if (manual) {
             getResourceTypeInfo();
             args = {};
@@ -290,7 +299,6 @@ let editScopes = false;
 	bind:filteredItems={filteredConnectsManual}
 	f={(x) => x[0]}
 />
-
 {#if step == 1}
 	<div class="w-12/12 pb-2 flex flex-row my-1 gap-1">
 		<input
@@ -456,7 +464,7 @@ let editScopes = false;
 	<div class="mt-12">
 		{#key resourceTypeInfo}
 			<ApiConnectForm
-				{linkedSecret}
+				bind:linkedSecret
 				{linkedSecretCandidates}
 				{resourceType}
 				{resourceTypeInfo}

package/package/components/ArgInfo.svelte

@@ -48,7 +48,7 @@ async function getVariable(path) {
 
 {#if value == undefined || value == null}
 	<span class="text-tertiary">null</span>
-{:else if value == '<function call>'}
+{:else if value === '<function call>'}
 	{'<function call>'}<Tooltip
 		>The arg was none and the default argument of the script is a function call, hence the actual
 		value used for this arg was the output of the script's function call for this arg</Tooltip

package/package/components/ArgInput.svelte

@@ -174,7 +174,23 @@ function validateInput(pattern, v, required) {
         valid && (valid = false);
     }
     else {
-        if (pattern && !testRegex(pattern, v)) {
+        if (inputCat == 'number' && typeof v === 'number') {
+            let min = extra['min'];
+            let max = extra['max'];
+            if (min != undefined && typeof min == 'number' && v < min) {
+                error = `Should be greater than or equal to ${min}`;
+                valid && (valid = false);
+            }
+            else if (max != undefined && typeof max == 'number' && v > max) {
+                error = `Should be less than or equal to ${max}`;
+                valid && (valid = false);
+            }
+            else {
+                error = '';
+                !valid && (valid = true);
+            }
+        }
+        else if (pattern && !testRegex(pattern, v)) {
             if (!emptyString(customErrorMessage)) {
                 error = customErrorMessage ?? '';
             }
@@ -773,7 +789,9 @@ $: shouldDispatchChanges && debounced(value);
 				<div class="flex flex-col w-full">
 					<div class="flex flex-row w-full items-center justify-between relative">
 						{#if password || extra?.['password'] == true}
-							{#if onlyMaskPassword}
+							{#if value && typeof value == 'string' && value?.startsWith('$var:')}
+								<input type="text" bind:value />
+							{:else if onlyMaskPassword}
 								<Password
 									{disabled}
 									bind:password={value}
@@ -862,4 +880,6 @@ $: shouldDispatchChanges && debounced(value);
 	/* Firefox */
 	input[type='number'] {
 		-moz-appearance: textfield !important;
+		-webkit-appearance: textfield !important;
+		        appearance: textfield !important;
 	}</style>

package/package/components/AutheliaSetting.svelte

@@ -25,6 +25,7 @@ function changeOrg(org) {
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name={'authelia'} after={true} /></div><Toggle
 			checked={enabled}

package/package/components/AuthentikSetting.svelte

@@ -25,6 +25,7 @@ function changeOrg(org) {
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name={'authentik'} after={true} /></div><Toggle
 			checked={enabled}

package/package/components/CliHelpBox.svelte

@@ -9,8 +9,8 @@ $: url = `${$page.url.protocol}//${$page.url.hostname}/`;
 	<div class="text-sm" role="alert" id="dynamic-input-help-box">
 		<ul class="pl-0 pt-2 list-decimal list-inside flex flex-col gap-2">
 			<li>
-				Install the latest wmill CLI from deno.land:
-				<ClipboardPanel content={'deno install -q -A https://deno.land/x/wmill/main.ts'} />
+				Install the latest wmill CLI from npm:
+				<ClipboardPanel content={'npm install -g windmill-cli'} />
 			</li>
 
 			<li>

package/package/components/DateInput.svelte

@@ -58,6 +58,7 @@ let randomId = 'datetarget-' + Math.random().toString(36).substring(7);
 </script>
 
 <div class="flex flex-row gap-1 items-center w-full" id={randomId} on:pointerdown on:focus>
+	<!-- svelte-ignore a11y-autofocus -->
 	<input
 		type="date"
 		bind:value={date}

package/package/components/DisplayResult.svelte

@@ -69,7 +69,7 @@ let is_render_all = false;
 let download_as_csv = false;
 function inferResultKind(result) {
     try {
-        if (result == 'WINDMILL_TOO_BIG') {
+        if (result === 'WINDMILL_TOO_BIG') {
             largeObject = true;
             return 'json';
         }
@@ -86,7 +86,7 @@ function inferResultKind(result) {
             return 'plain';
         }
         try {
-            let keys = result && typeof result == 'object' ? Object.keys(result) : [];
+            let keys = result && typeof result === 'object' ? Object.keys(result) : [];
             is_render_all =
                 keys.length == 1 && keys.includes('render_all') && Array.isArray(result['render_all']);
             // Check if the result is an image
@@ -136,20 +136,20 @@ function inferResultKind(result) {
                 return 'json';
             }
             if (keys.length != 0) {
-                if (keys.length == 1 && keys[0] == 'html') {
+                if (keys.length == 1 && keys[0] === 'html') {
                     return 'html';
                 }
-                else if (keys.length == 1 && keys[0] == 'map') {
+                else if (keys.length == 1 && keys[0] === 'map') {
                     return 'map';
                 }
-                else if (keys.length == 1 && keys[0] == 'file') {
+                else if (keys.length == 1 && keys[0] === 'file') {
                     return 'file';
                 }
                 else if (keys.includes('windmill_content_type') &&
                     result['windmill_content_type'].startsWith('text/')) {
                     return 'plain';
                 }
-                else if (keys.length == 1 && keys[0] == 'error') {
+                else if (keys.length == 1 && keys[0] === 'error') {
                     return 'error';
                 }
                 else if (keys.length === 2 && keys.includes('file') && keys.includes('filename')) {
@@ -203,11 +203,17 @@ function toJsonStr(result) {
     }
 }
 function contentOrRootString(obj) {
+    if (obj == undefined || obj == null) {
+        return '';
+    }
     if (typeof obj === 'string') {
         return obj;
     }
+    else if (typeof obj === 'object') {
+        return obj?.['content'];
+    }
     else {
-        return obj.content;
+        return '';
     }
 }
 function handleArrayOfObjectsHeaders(json) {
@@ -308,7 +314,7 @@ let seeS3PreviewFileFromList = '';
 			/>
 		{/each}</div
 	>
-{:else if resultKind == 'nondisplayable'}<div class="text-red-400">Non displayable object</div
+{:else if resultKind === 'nondisplayable'}<div class="text-red-400">Non displayable object</div
 	>{:else}<div
 		class="inline-highlight relative grow {['plain', 'markdown'].includes(resultKind ?? '')
 			? ''
@@ -366,16 +372,16 @@ let seeS3PreviewFileFromList = '';
 					{/if}
 				</div>
 			</div><div class="grow"
-				>{#if !forceJson && resultKind == 'table-col'}
+				>{#if !forceJson && resultKind === 'table-col'}
 					{@const data = 'table-col' in result ? result['table-col'] : result}
 					<AutoDataTable objects={objectOfArraysToObjects(data)} />
-				{:else if !forceJson && resultKind == 'table-row'}
+				{:else if !forceJson && resultKind === 'table-row'}
 					{@const data = 'table-row' in result ? result['table-row'] : result}
 					<AutoDataTable objects={arrayOfRowsToObjects(data)} />
-				{:else if !forceJson && resultKind == 'table-row-object'}
+				{:else if !forceJson && resultKind === 'table-row-object'}
 					{@const data = 'table-row-object' in result ? result['table-row-object'] : result}
 					<AutoDataTable objects={handleArrayOfObjectsHeaders(data)} />
-				{:else if !forceJson && resultKind == 'html'}
+				{:else if !forceJson && resultKind === 'html'}
 					<div class="h-full">
 						{#if !requireHtmlApproval || enableHtml}
 							{@html result.html}
@@ -403,7 +409,7 @@ let seeS3PreviewFileFromList = '';
 							</div>
 						{/if}
 					</div>
-				{:else if !forceJson && resultKind == 'map'}
+				{:else if !forceJson && resultKind === 'map'}
 					<div class="h-full">
 						<MapResult
 							lat={result.map.lat}
@@ -412,7 +418,7 @@ let seeS3PreviewFileFromList = '';
 							markers={result.map.markers}
 						/>
 					</div>
-				{:else if !forceJson && resultKind == 'png'}
+				{:else if !forceJson && resultKind === 'png'}
 					<div class="h-full">
 						<img
 							alt="png rendered"
@@ -420,7 +426,7 @@ let seeS3PreviewFileFromList = '';
 							src="data:image/png;base64,{contentOrRootString(result.png)}"
 						/>
 					</div>
-				{:else if !forceJson && resultKind == 'jpeg'}
+				{:else if !forceJson && resultKind === 'jpeg'}
 					<div class="h-full">
 						<img
 							alt="jpeg rendered"
@@ -428,13 +434,13 @@ let seeS3PreviewFileFromList = '';
 							src="data:image/jpeg;base64,{contentOrRootString(result.jpeg)}"
 						/>
 					</div>
-				{:else if !forceJson && resultKind == 'svg'}
+				{:else if !forceJson && resultKind === 'svg'}
 					<div
 						><a download="windmill.svg" href="data:text/plain;base64,{btoa(result.svg)}">Download</a
 						>
 					</div>
 					<div class="h-full overflow-auto">{@html result.svg} </div>
-				{:else if !forceJson && resultKind == 'gif'}
+				{:else if !forceJson && resultKind === 'gif'}
 					<div class="h-full">
 						<img
 							alt="gif rendered"
@@ -442,12 +448,12 @@ let seeS3PreviewFileFromList = '';
 							src="data:image/gif;base64,{contentOrRootString(result.gif)}"
 						/>
 					</div>
-				{:else if !forceJson && resultKind == 'plain'}<div class="h-full text-2xs"
-						><pre>{typeof result == 'string' ? result : result?.['result']}</pre>{#if !noControls}
+				{:else if !forceJson && resultKind === 'plain'}<div class="h-full text-2xs"
+						><pre>{typeof result === 'string' ? result : result?.['result']}</pre>{#if !noControls}
 							<div class="flex">
 								<Button
 									on:click={() =>
-										copyToClipboard(typeof result == 'string' ? result : result?.['result'])}
+										copyToClipboard(typeof result === 'string' ? result : result?.['result'])}
 									color="light"
 									size="xs"
 								>
@@ -456,7 +462,7 @@ let seeS3PreviewFileFromList = '';
 							</div>
 						{/if}
 					</div>
-				{:else if !forceJson && resultKind == 'file'}
+				{:else if !forceJson && resultKind === 'file'}
 					<div>
 						<a
 							download={result.filename ?? result.file?.filename ?? 'windmill.file'}
@@ -464,7 +470,7 @@ let seeS3PreviewFileFromList = '';
 							>Download</a
 						>
 					</div>
-				{:else if !forceJson && resultKind == 'error' && result?.error}
+				{:else if !forceJson && resultKind === 'error' && result?.error}
 					<div class="flex flex-col items-start">
 						<span class="text-red-500 pt-2 font-semibold !text-xs whitespace-pre-wrap"
 							>{#if result.error.name || result.error.message}{result.error.name}: {result.error
@@ -475,7 +481,7 @@ let seeS3PreviewFileFromList = '';
 						>
 						<slot />
 					</div>
-					{#if language == 'bun'}
+					{#if language === 'bun'}
 						<div class="pt-20" />
 						<Alert size="xs" type="info" title="Seeing an odd error?">
 							Bun script are bundled for performance reasons. If you see an odd error that doesn't
@@ -484,7 +490,9 @@ let seeS3PreviewFileFromList = '';
 							team.
 						</Alert>
 					{/if}
-				{:else if !forceJson && resultKind == 'approval'}<div class="flex flex-col gap-3 mt-2 mx-4">
+				{:else if !forceJson && resultKind === 'approval'}<div
+						class="flex flex-col gap-3 mt-2 mx-4"
+					>
 						<Button
 							color="green"
 							variant="border"
@@ -505,9 +513,9 @@ let seeS3PreviewFileFromList = '';
 							></div
 						>
 					</div>
-				{:else if !forceJson && resultKind == 's3object'}
+				{:else if !forceJson && resultKind === 's3object'}
 					<div
-						class="h-full w-full {typeof result?.s3 == 'string' && result?.s3?.endsWith('.parquet')
+						class="h-full w-full {typeof result?.s3 === 'string' && result?.s3?.endsWith('.parquet')
 							? 'h-min-[600px]'
 							: ''}"
 					>
@@ -577,7 +585,7 @@ let seeS3PreviewFileFromList = '';
 							{/if}
 						{/if}
 					</div>
-				{:else if !forceJson && resultKind == 's3object-list'}
+				{:else if !forceJson && resultKind === 's3object-list'}
 					<div class="h-full w-full">
 						<div class="flex flex-col gap-2">
 							<Toggle
@@ -646,12 +654,12 @@ let seeS3PreviewFileFromList = '';
 							{/each}
 						</div>
 					</div>
-				{:else if !forceJson && resultKind == 'markdown'}
+				{:else if !forceJson && resultKind === 'markdown'}
 					<div class="prose-xs dark:prose-invert !list-disc !list-outside">
 						<Markdown md={result?.md ?? result?.markdown} />
 					</div>
 				{:else if largeObject}
-					{#if result && typeof result == 'object' && 'file' in result}
+					{#if result && typeof result === 'object' && 'file' in result}
 						<div
 							><a
 								download={result.filename ?? result.file?.filename ?? 'windmill.file'}
@@ -692,7 +700,7 @@ let seeS3PreviewFileFromList = '';
 							<ObjectViewer json={result} />
 						{/if}
 					{/if}
-				{:else if typeof result == 'string' && result.length > 0}
+				{:else if typeof result === 'string' && result.length > 0}
 					<pre class="text-sm">{result}</pre>{#if !noControls}<div class="flex">
 							<Button on:click={() => copyToClipboard(result)} color="light" size="xs">
 								<div class="flex gap-2 items-center">Copy <ClipboardCopy size={12} /> </div>
@@ -707,7 +715,7 @@ let seeS3PreviewFileFromList = '';
 					/>
 				{/if}
 			</div>
-		{:else if typeof result == 'string' && resultKind == 'plain'}
+		{:else if typeof result === 'string' && resultKind === 'plain'}
 			<div class="h-full text-xs">
 				<pre>{result}</pre>
 				{#if !noControls}

package/package/components/Editor.svelte

@@ -4,7 +4,6 @@
 	import '@codingame/monaco-vscode-standalone-languages'
 	import '@codingame/monaco-vscode-standalone-typescript-language-features'
 	import processStdContent from '../process.d.ts.txt?raw'
-	import windmillFetchContent from '../windmill_fetch.d.ts.txt?raw'
 
 	languages.typescript.typescriptDefaults.addExtraLib(processStdContent, 'process.d.ts')
 
@@ -968,26 +967,6 @@ async function loadMonaco() {
 async function setTypescriptExtraLibs() {
     if (lang === 'typescript' && scriptLang != 'deno') {
         const hostname = getHostname();
-        // const stdLib = { content: libStdContent, filePath: 'es6.d.ts' }
-        if (scriptLang == 'bun' || scriptLang == 'bunnative') {
-            // const processLib = { content: processStdContent, filePath: 'process.d.ts' }
-            // const domLib = { content: domContent, filePath: 'dom.d.ts' }
-            // languages.typescript.typescriptDefaults.setExtraLibs([stdLib, domLib, processLib])
-        }
-        else {
-            // const denoFetch = { content: denoFetchContent, filePath: 'deno_fetch.d.ts' }
-            // languages.typescript.typescriptDefaults.setExtraLibs([stdLib, denoFetch])
-            let localContent = windmillFetchContent;
-            let p = '/tmp/monaco/windmill.d.ts';
-            let nuri = mUri.parse(p);
-            let localModel = meditor.getModel(nuri);
-            if (localModel) {
-                localModel.setValue(localContent);
-            }
-            else {
-                meditor.createModel(localContent, 'typescript', nuri);
-            }
-        }
         if (scriptLang == 'bun' && ata == undefined) {
             const addLibraryToRuntime = async (code, _path) => {
                 const path = 'file://' + _path;

package/package/components/ErrorOrRecoveryHandler.svelte

@@ -11,6 +11,7 @@ import { CheckCircle2, Loader2, RotateCw, XCircle } from 'lucide-svelte';
 import { hubPaths } from '../hub';
 const slackRecoveryHandler = hubPaths.slackRecoveryHandler;
 const slackHandlerScriptPath = hubPaths.slackErrorHandler;
+const slackSuccessHandler = hubPaths.slackSuccessHandler;
 export let errorOrRecovery;
 export let isEditable;
 export let slackToggleText = 'Enable';
@@ -116,9 +117,12 @@ function isSlackHandler(scriptPath) {
         return (scriptPath.startsWith('hub/') &&
             scriptPath.endsWith('/workspace-or-schedule-error-handler-slack'));
     }
-    else {
+    else if (errorOrRecovery == 'recovery') {
         return (scriptPath.startsWith('hub/') && scriptPath.endsWith('/schedule-recovery-handler-slack'));
     }
+    else {
+        return scriptPath.startsWith('hub/') && scriptPath.endsWith('/schedule-success-handler-slack');
+    }
 }
 $: {
     if ($workspaceStore) {
@@ -232,6 +236,8 @@ $: handlerPath &&
 					handlerPath = slackHandlerScriptPath
 				} else if (e.detail && errorOrRecovery === 'recovery') {
 					handlerPath = slackRecoveryHandler
+				} else if (e.detail && errorOrRecovery === 'success') {
+					handlerPath = slackSuccessHandler
 				} else {
 					handlerPath = undefined
 				}

package/package/components/ErrorOrRecoveryHandler.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        errorOrRecovery: 'error' | 'recovery';
+        errorOrRecovery: 'error' | 'recovery' | 'success';
         isEditable: boolean;
         slackToggleText?: string | undefined;
         showScriptHelpText?: boolean | undefined;

package/package/components/FlowBuilder.svelte

@@ -715,13 +715,13 @@ async function genFlow(idx, flowModules, stepOnly = false) {
                     Object.keys(flowModule.value.input_transforms).forEach((key) => {
                         if (key !== 'prev_output') {
                             const schema = $flowStateStore[module.id].schema;
-                            const schemaProperty = Object.entries(schema.properties).find((x) => x[0] === key)?.[1];
+                            const schemaProperty = Object.entries(schema?.properties ?? {}).find((x) => x[0] === key)?.[1];
                             const snakeKey = snakeCase(key);
                             if (schemaProperty &&
                                 (!$flowStore.schema || !(snakeKey in $flowStore.schema.properties ?? {})) // prevent overriding flow inputs
                             ) {
                                 copilotFlowInputs[snakeKey] = schemaProperty;
-                                if (schema.required.includes(snakeKey)) {
+                                if (schema?.required.includes(snakeKey)) {
                                     copilotFlowRequiredInputs.push(snakeKey);
                                 }
                             }

package/package/components/FlowGraphViewerStep.svelte

@@ -117,6 +117,8 @@ let codeViewer;
 						Run one branch
 					{:else if stepDetail.value.type == 'flow'}
 						Inner flow
+					{:else if stepDetail.value.type == 'whileloopflow'}
+						While loop
 					{:else}
 						Anonymous step
 					{/if}
@@ -206,6 +208,26 @@ let codeViewer;
 					</span>
 				{/if}
 			</div>
+		{:else if stepDetail.value.type == 'whileloopflow'}
+			<div>
+				{#if stepDetail.stop_after_if}
+					<p class="font-medium text-secondary pb-2 pt-4">Stop after if expr:: </p>
+					<span class="text-xs">
+						<Highlight language={typescript} code={cleanExpr(stepDetail.stop_after_if?.expr)} />
+					</span>
+				{/if}
+			</div>
+			<div>
+				{#if stepDetail.stop_after_all_iters_if}
+					<p class="font-medium text-secondary pb-2 pt-4">Stop after all iters if expr:: </p>
+					<span class="text-xs">
+						<Highlight
+							language={typescript}
+							code={cleanExpr(stepDetail.stop_after_all_iters_if?.expr)}
+						/>
+					</span>
+				{/if}
+			</div>
 		{:else if stepDetail.value.type == 'branchall'}
 			<p class="font-medium text-secondary text-center pt-4 pb-8">
 				All branches will run, regardless of the inputs

package/package/components/FlowJobResult.svelte

@@ -32,6 +32,7 @@ async function diffJobId() {
 let logOffset = 0;
 async function getLogs() {
     if (jobId) {
+        console.log('getLogs');
         const getUpdate = await JobService.getJobUpdates({
             workspace: workspaceId ?? $workspaceStore,
             id: jobId,

package/package/components/FlowMetadata.svelte

@@ -49,10 +49,10 @@ export let scheduleEditor;
 			{#if job.is_flow_step}
 				<div class="flex flex-row gap-2 items-center text-sm">
 					<BarsStaggered size={SMALL_ICON_SIZE} class="text-secondary min-w-3.5" />
-					<span class="whitespace-nowrap">
+					<span class="whitespace-nowrap text-sm">
 						Step of flow
 						<a href={`${base}/run/${job.parent_job}?workspace=${$workspaceStore}`}>
-							{job.parent_job}
+							{truncateRev(job.parent_job, 18)}
 						</a>
 					</span>
 				</div>
@@ -72,6 +72,7 @@ export let scheduleEditor;
 				<Calendar size={SMALL_ICON_SIZE} class="text-secondary min-w-3.5" />
 				<span class="whitespace-nowrap">
 					Schedule:
+					<!-- svelte-ignore a11y-invalid-attribute -->
 					<a
 						href="#"
 						class="break-words text-blue-600 font-normal"

package/package/components/FlowStatusViewer.svelte

@@ -4,6 +4,7 @@ import { createEventDispatcher, setContext } from 'svelte';
 import { isOwner as loadIsOwner } from '../utils';
 import { userStore, workspaceStore } from '../stores';
 export let jobId;
+export let initialJob = undefined;
 export let workspaceId = undefined;
 export let flowStateStore = writable({});
 export let selectedJobStep = undefined;
@@ -56,6 +57,7 @@ $: jobId && updateJobId();
 	bind:selectedNode={selectedJobStep}
 	on:start
 	on:done
+	{initialJob}
 	{jobId}
 	{workspaceId}
 	{isOwner}

package/package/components/FlowStatusViewer.svelte.d.ts

@@ -1,9 +1,11 @@
 import { SvelteComponent } from "svelte";
 import { type Writable } from 'svelte/store';
 import type { FlowState } from './flows/flowState';
+import type { Job } from '../gen';
 declare const __propDef: {
     props: {
         jobId: string;
+        initialJob?: Job | undefined;
         workspaceId?: string | undefined;
         flowStateStore?: Writable<FlowState> | undefined;
         selectedJobStep?: string | undefined;

package/package/components/FlowStatusViewerInner.svelte

@@ -24,6 +24,7 @@ import FlowGraphV2 from './graph/FlowGraphV2.svelte';
 const dispatch = createEventDispatcher();
 let { flowStateStore, retryStatus, suspendStatus, hideDownloadInGraph, hideTimeline, hideNodeDefinition } = getContext('FlowStatusViewer');
 export let jobId;
+export let initialJob = undefined;
 export let workspaceId = undefined;
 export let flowJobIds = undefined;
 //only useful when forloops are optimized and the job doesn't contain the mod id anymore
@@ -204,11 +205,15 @@ async function loadJobInProgress() {
     dispatch('start');
     if (jobId != '00000000-0000-0000-0000-000000000000') {
         try {
-            const newJob = await JobService.getJob({
-                workspace: workspaceId ?? $workspaceStore ?? '',
-                id: jobId ?? '',
-                noLogs: true
-            });
+            const newJob = jobId == initialJob?.id &&
+                initialJob?.id != undefined &&
+                initialJob?.type === 'CompletedJob'
+                ? initialJob
+                : await JobService.getJob({
+                    workspace: workspaceId ?? $workspaceStore ?? '',
+                    id: jobId ?? '',
+                    noLogs: true
+                });
             if (!deepEqual(job, newJob)) {
                 job = newJob;
                 job?.flow_status && updateStatus(job?.flow_status);

package/package/components/FlowStatusViewerInner.svelte.d.ts

@@ -5,6 +5,7 @@ import { type Writable } from 'svelte/store';
 declare const __propDef: {
     props: {
         jobId: string;
+        initialJob?: Job | undefined;
         workspaceId?: string | undefined;
         flowJobIds?: {
             moduleId: string;

package/package/components/FolderEditor.svelte

@@ -199,7 +199,7 @@ async function updateFolder() {
 					size="sm"
 					on:click={addToFolder}
 				>
-					Grant permission to folder
+					Grant
 				</Button>
 			</div>
 		{/if}