windmill-components 1.379.4 → 1.382.3

package/package/base.d.ts

@@ -1 +1 @@
-export declare const base: string;
+export declare let base: string;

package/package/base.js

@@ -1 +1 @@
-export const base = import.meta.env.VITE_BASE_URL ?? '';
+export let base = import.meta.env.VITE_BASE_URL ?? '';

package/package/components/ArgInput.svelte

@@ -364,8 +364,24 @@ $: shouldDispatchChanges && debounced(value);
 															enum_={itemsType?.enum ?? []}
 															enumLabels={extra['enumLabels']}
 														/>
-													{:else if itemsType?.type == 'resource' && itemsType?.resourceType}
-														<ResourcePicker bind:value={v} resourceType={itemsType?.resourceType} />
+													{:else if itemsType?.type == 'resource' && itemsType?.resourceType && resourceTypes?.includes(itemsType.resourceType)}
+														<ObjectResourceInput
+															bind:value={v}
+															format={'resource-' + itemsType?.resourceType}
+															defaultValue={undefined}
+														/>
+													{:else if itemsType?.type == 'resource'}
+														<JsonEditor
+															bind:editor
+															on:focus={(e) => {
+																dispatch('focus')
+															}}
+															on:blur={(e) => {
+																dispatch('blur')
+															}}
+															code={JSON.stringify(v, null, 2)}
+															bind:value={v}
+														/>
 													{:else if itemsType?.type === 'object' && itemsType?.properties}
 														<div class="p-8 border rounded-md w-full">
 															<SchemaForm
@@ -412,7 +428,20 @@ $: shouldDispatchChanges && debounced(value);
 										if (value == undefined || !Array.isArray(value)) {
 											value = []
 										}
-										value = value.concat('')
+										if (itemsType?.type == 'number') {
+											value = value.concat(0)
+										} else if (
+											itemsType?.type == 'object' ||
+											(itemsType?.type == 'resource' &&
+												!(
+													itemsType?.resourceType &&
+													resourceTypes?.includes(itemsType?.resourceType)
+												))
+										) {
+											value = value.concat({})
+										} else {
+											value = value.concat('')
+										}
 									}}
 									id="arg-input-add-item"
 									startIcon={{ icon: Plus }}
@@ -452,6 +481,7 @@ $: shouldDispatchChanges && debounced(value);
 					{disablePortal}
 					{format}
 					bind:value
+					bind:editor
 					{showSchemaExplorer}
 				/>
 			{:else if inputCat == 'resource-object' && format.split('-').length > 1 && format

package/package/components/DisplayResult.svelte

@@ -68,9 +68,14 @@ function checkIfS3(result, keys) {
 let is_render_all = false;
 let download_as_csv = false;
 function inferResultKind(result) {
-    if (result == 'WINDMILL_TOO_BIG') {
-        largeObject = true;
-        return 'json';
+    try {
+        if (result == 'WINDMILL_TOO_BIG') {
+            largeObject = true;
+            return 'json';
+        }
+    }
+    catch (err) {
+        return 'nondisplayable';
     }
     if (result !== undefined) {
         download_as_csv = false;
@@ -189,7 +194,13 @@ function inferResultKind(result) {
 let jsonViewer;
 let s3FileViewer;
 function toJsonStr(result) {
-    return JSON.stringify(result ?? null, null, 4) ?? 'null';
+    try {
+        // console.log(result)
+        return JSON.stringify(result ?? null, null, 4) ?? 'null';
+    }
+    catch (e) {
+        return 'error stringifying object: ' + e.toString();
+    }
 }
 function contentOrRootString(obj) {
     if (typeof obj === 'string') {
@@ -297,7 +308,8 @@ let seeS3PreviewFileFromList = '';
 			/>
 		{/each}</div
 	>
-{:else}<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 ?? '')
 			? ''
 			: 'min-h-[200px]'}"

package/package/components/EditorBar.svelte

@@ -43,6 +43,7 @@ export let diffEditor = undefined;
 export let args;
 export let noHistory = false;
 export let saveToWorkspace = false;
+export let customUi = {};
 let contextualVariablePicker;
 let variablePicker;
 let resourcePicker;
@@ -284,6 +285,7 @@ let historyBrowserDrawerOpen = false;
 		{/if}
 	</DrawerContent>
 </Drawer>
+
 <ItemPicker
 	bind:this={contextualVariablePicker}
 	pickCallback={(path, name) => {
@@ -484,7 +486,7 @@ $res = json_decode(curl_exec($ch));`)
 			class="rounded-full w-2 h-2 mx-2 {validCode ? 'bg-green-300' : 'bg-red-300'}"
 		/>
 		<div class="flex items-center gap-0.5">
-			{#if showContextVarPicker}
+			{#if showContextVarPicker && customUi?.contextVar != false}
 				<Button
 					title="Add context variable"
 					color="light"
@@ -497,7 +499,7 @@ $res = json_decode(curl_exec($ch));`)
 					>+Context Var
 				</Button>
 			{/if}
-			{#if showVarPicker}
+			{#if showVarPicker && customUi?.variable != false}
 				<Button
 					title="Add variable"
 					color="light"
@@ -527,7 +529,7 @@ $res = json_decode(curl_exec($ch));`)
 				</Button>
 			{/if}
 
-			{#if showResourceTypePicker}
+			{#if showResourceTypePicker && customUi?.type != false}
 				<Button
 					title="Add resource type"
 					btnClasses="!font-medium text-tertiary"
@@ -555,37 +557,41 @@ $res = json_decode(curl_exec($ch));`)
 				Reset
 			</Button>
 
-			{#if lang == 'deno' || lang == 'python3' || lang == 'go' || lang == 'bash'}
-				<Button
-					btnClasses="!font-medium text-tertiary"
-					size="xs"
-					spacingSize="md"
-					color="light"
-					on:click={() => editor?.reloadWebsocket()}
-					startIcon={{
-						icon: RotateCw,
-						classes: websocketAlive[lang] == false ? 'animate-spin' : ''
-					}}
-					title="Reload assistants"
-				>
-					{#if !iconOnly}
-						Assistants
-					{/if}
-					<span class="-my-1">
-						{#if lang == 'deno'}
-							(<span class={websocketAlive.deno ? 'green' : 'text-red-700'}>Deno</span>)
-						{:else if lang == 'go'}
-							(<span class={websocketAlive.go ? 'green' : 'text-red-700'}>Go</span>)
-						{:else if lang == 'python3'}
-							(<span class={websocketAlive.pyright ? 'green' : 'text-red-700'}>Pyright</span>
-							<span class={websocketAlive.ruff ? 'green' : 'text-red-700'}>Ruff</span>)
-						{:else if lang == 'bash'}
-							(<span class={websocketAlive.shellcheck ? 'green' : 'text-red-700'}>Shellcheck</span>)
+			{#if customUi?.assistants != false}
+				{#if lang == 'deno' || lang == 'python3' || lang == 'go' || lang == 'bash'}
+					<Button
+						btnClasses="!font-medium text-tertiary"
+						size="xs"
+						spacingSize="md"
+						color="light"
+						on:click={() => editor?.reloadWebsocket()}
+						startIcon={{
+							icon: RotateCw,
+							classes: websocketAlive[lang] == false ? 'animate-spin' : ''
+						}}
+						title="Reload assistants"
+					>
+						{#if !iconOnly}
+							Assistants
 						{/if}
-					</span>
-				</Button>
+						<span class="-my-1">
+							{#if lang == 'deno'}
+								(<span class={websocketAlive.deno ? 'green' : 'text-red-700'}>Deno</span>)
+							{:else if lang == 'go'}
+								(<span class={websocketAlive.go ? 'green' : 'text-red-700'}>Go</span>)
+							{:else if lang == 'python3'}
+								(<span class={websocketAlive.pyright ? 'green' : 'text-red-700'}>Pyright</span>
+								<span class={websocketAlive.ruff ? 'green' : 'text-red-700'}>Ruff</span>)
+							{:else if lang == 'bash'}
+								(<span class={websocketAlive.shellcheck ? 'green' : 'text-red-700'}>Shellcheck</span
+								>)
+							{/if}
+						</span>
+					</Button>
+				{/if}
 			{/if}
-			{#if collabMode}
+
+			{#if collabMode && customUi?.multiplayer != false}
 				<div class="flex items-center px-3">
 					<Toggle
 						options={{ right: '' }}
@@ -619,11 +625,15 @@ $res = json_decode(curl_exec($ch));`)
 				</div>
 			{/if}
 
-			<FormatOnSave />
-
-			<ScriptGen {editor} {diffEditor} {lang} {iconOnly} {args} />
-
-			<CodeCompletionStatus />
+			{#if customUi?.autoformatting != false}
+				<FormatOnSave />
+			{/if}
+			{#if customUi?.aiGen != false}
+				<ScriptGen {editor} {diffEditor} {lang} {iconOnly} {args} />
+			{/if}
+			{#if customUi?.aiFix != false}
+				<CodeCompletionStatus />
+			{/if}
 		</div>
 	</div>
 
@@ -642,7 +652,7 @@ $res = json_decode(curl_exec($ch));`)
 				History
 			</Button>
 		{/if}
-		{#if SCRIPT_EDITOR_SHOW_EXPLORE_OTHER_SCRIPTS}
+		{#if SCRIPT_EDITOR_SHOW_EXPLORE_OTHER_SCRIPTS && customUi?.library != false}
 			<Button
 				btnClasses="!font-medium text-tertiary"
 				size="xs"

package/package/components/EditorBar.svelte.d.ts

@@ -3,6 +3,7 @@ export declare const EDITOR_BAR_WIDTH_THRESHOLD = 1044;
 import type Editor from './Editor.svelte';
 import type { SupportedLanguage } from '../common';
 import type DiffEditor from './DiffEditor.svelte';
+import type { EditorBarUi } from './custom_ui';
 declare const __propDef: {
     props: {
         lang: SupportedLanguage | 'bunnative' | undefined;
@@ -28,6 +29,7 @@ declare const __propDef: {
         args: Record<string, any>;
         noHistory?: boolean | undefined;
         saveToWorkspace?: boolean | undefined;
+        customUi?: EditorBarUi | undefined;
     };
     events: {
         toggleCollabMode: CustomEvent<any>;

package/package/components/ErrorOrRecoveryHandler.svelte

@@ -9,8 +9,9 @@ import { FlowService, JobService, ScriptService, WorkspaceService } from '../gen
 import { inferArgs } from '../infer';
 import { hubBaseUrlStore } from '../stores';
 import { CheckCircle2, Loader2, RotateCw, XCircle } from 'lucide-svelte';
-const slackRecoveryHandler = 'hub/2430/slack/schedule-recovery-handler-slack';
-const slackHandlerScriptPath = 'hub/6512/workspace-or-schedule-error-handler-slack';
+import { hubPaths } from '../hub';
+const slackRecoveryHandler = hubPaths.slackRecoveryHandler;
+const slackHandlerScriptPath = hubPaths.slackErrorHandler;
 export let errorOrRecovery;
 export let isEditable;
 export let slackToggleText = 'Enable';

package/package/components/FlowBuilder.svelte

@@ -146,14 +146,17 @@ async function saveDraft(forceSave = false) {
                 path: $pathStore
             }
         };
+        let savedAtNewPath = false;
         if (newFlow) {
             dispatch('saveInitial', $pathStore);
         }
         else if (savedFlow?.draft_only && $pathStore !== initialPath) {
+            savedAtNewPath = true;
             initialPath = $pathStore;
             // this is so we can use the flow builder outside of sveltekit
             dispatch('saveDraftOnlyAtNewPath', { path: $pathStore, selectedId: getSelectedId() });
         }
+        dispatch('saveDraft', { path: $pathStore, savedAtNewPath, newFlow });
         sendUserToast('Saved as draft');
     }
     catch (error) {
@@ -327,7 +330,8 @@ setContext('FlowEditorContext', {
     testStepStore,
     saveDraft,
     initialPath,
-    flowInputsStore: writable({})
+    flowInputsStore: writable({}),
+    customUi
 });
 async function loadSchedule() {
     loadFlowSchedule(initialPath, $workspaceStore)
@@ -400,17 +404,19 @@ function generateIds() {
     ];
 }
 const dropdownItems = [];
-if (savedFlow?.draft_only === false || savedFlow?.draft_only === undefined) {
-    dropdownItems.push({
-        label: 'Exit & see details',
-        onClick: () => dispatch('details', $pathStore)
-    });
-}
-if (!newFlow) {
-    dropdownItems.push({
-        label: 'Fork',
-        onClick: () => window.open(`/flows/add?template=${initialPath}`)
-    });
+if (customUi.topBar?.extraDeployOptions != false) {
+    if (savedFlow?.draft_only === false || savedFlow?.draft_only === undefined) {
+        dropdownItems.push({
+            label: 'Exit & see details',
+            onClick: () => dispatch('details', $pathStore)
+        });
+    }
+    if (!newFlow) {
+        dropdownItems.push({
+            label: 'Fork',
+            onClick: () => window.open(`/flows/add?template=${initialPath}`)
+        });
+    }
 }
 let flowCopilotContext = {
     drawerStore: writable(undefined),

package/package/components/FlowBuilder.svelte.d.ts

@@ -3,7 +3,7 @@ import { type Flow, type OpenFlow } from '../gen';
 import { type Writable } from 'svelte/store';
 import type { FlowState } from './flows/flowState';
 import type DiffDrawer from './DiffDrawer.svelte';
-import type { WhitelabelCustomUi } from './custom_ui';
+import type { FlowBuilderWhitelabelCustomUi } from './custom_ui';
 declare const __propDef: {
     props: {
         initialPath?: string | undefined;
@@ -18,7 +18,7 @@ declare const __propDef: {
             draft?: Flow | undefined;
         }) | undefined;
         diffDrawer?: DiffDrawer | undefined;
-        customUi?: WhitelabelCustomUi | undefined;
+        customUi?: FlowBuilderWhitelabelCustomUi | undefined;
         computeUnlockedSteps?: ((flow: Flow) => {
             [k: string]: string;
         }) | undefined;
@@ -29,6 +29,7 @@ declare const __propDef: {
         historyRestore: CustomEvent<any>;
         saveInitial: CustomEvent<any>;
         saveDraftOnlyAtNewPath: CustomEvent<any>;
+        saveDraft: CustomEvent<any>;
         deploy: CustomEvent<any>;
         details: CustomEvent<any>;
     } & {

package/package/components/FlowGraphViewer.svelte

@@ -1,7 +1,8 @@
-<script>import { FlowGraph } from './graph';
-import { createEventDispatcher } from 'svelte';
+<script>import { createEventDispatcher } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 import FlowGraphViewerStep from './FlowGraphViewerStep.svelte';
+import FlowGraphV2 from './graph/FlowGraphV2.svelte';
+import { dfs } from './flows/dfs';
 export let flow;
 export let overflowAuto = false;
 export let noSide = false;
@@ -17,16 +18,16 @@ const dispatch = createEventDispatcher();
 			class="{noSide ? 'col-span-3' : 'sm:col-span-2 col-span-3'} w-full border max-h-full"
 			class:overflow-auto={overflowAuto}
 		>
-			<FlowGraph
+			<FlowGraphV2
 				{download}
 				minHeight={400}
 				modules={flow?.value?.modules}
 				failureModule={flow?.value?.failure_module}
 				on:select={(e) => {
-					stepDetail = e.detail
+					const mod = dfs(flow?.value?.modules ?? [], (m) => m).find((m) => m?.id === e?.detail)
+					stepDetail = mod ?? e.detail
 					dispatch('select', stepDetail)
 				}}
-				rebuildOnChange={flow}
 			/>
 		</div>
 	{/if}

package/package/components/FlowJobResult.svelte

@@ -6,6 +6,7 @@ import { workspaceStore } from '../stores';
 import DrawerContent from './common/drawer/DrawerContent.svelte';
 import { Drawer } from './common';
 import AllFlowLogs from './AllFlowLogs.svelte';
+export let waitingForExecutor = false;
 export let result;
 export let logs;
 export let col = false;
@@ -13,6 +14,7 @@ export let noBorder = false;
 export let loading;
 export let filename = undefined;
 export let jobId = undefined;
+export let tag = undefined;
 export let workspaceId = undefined;
 export let refreshLog = false;
 export let durationStates;
@@ -71,9 +73,9 @@ async function getLogs() {
 		{/if}
 	</div>
 	<div class="overflow-auto {col ? '' : 'max-h-80'} relative">
-		<div class="absolute z-40 text-sm top-1.5 left-2"
+		<div class="absolute z-40 text-xs top-0 left-1"
 			><button class="" on:click={drawer.openDrawer}>explore all steps' logs</button></div
 		>
-		<LogViewer content={logs ?? ''} {jobId} isLoading={false} tag={undefined} />
+		<LogViewer content={logs ?? ''} {jobId} isLoading={waitingForExecutor} {tag} />
 	</div>
 </div>

package/package/components/FlowJobResult.svelte.d.ts

@@ -3,6 +3,7 @@ import type { DurationStatus } from './graph';
 import type { Writable } from 'svelte/store';
 declare const __propDef: {
     props: {
+        waitingForExecutor?: boolean | undefined;
         result: any;
         logs: string | undefined;
         col?: boolean | undefined;
@@ -10,6 +11,7 @@ declare const __propDef: {
         loading: boolean;
         filename?: string | undefined;
         jobId?: string | undefined;
+        tag?: string | undefined;
         workspaceId?: string | undefined;
         refreshLog?: boolean | undefined;
         durationStates: Writable<Record<string, DurationStatus>> | undefined;

package/package/components/FlowStatusViewer.svelte

@@ -8,6 +8,9 @@ export let workspaceId = undefined;
 export let flowStateStore = writable({});
 export let selectedJobStep = undefined;
 export let hideFlowResult = false;
+export let hideTimeline = false;
+export let hideDownloadInGraph = false;
+export let hideNodeDefinition = false;
 export let isOwner = false;
 export let wideResults = false;
 let lastJobId = jobId;
@@ -16,7 +19,10 @@ let suspendStatus = writable({});
 setContext('FlowStatusViewer', {
     flowStateStore,
     suspendStatus,
-    retryStatus
+    retryStatus,
+    hideDownloadInGraph,
+    hideNodeDefinition,
+    hideTimeline
 });
 function loadOwner(path) {
     isOwner = loadIsOwner(path, $userStore, workspaceId ?? $workspaceStore);

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

@@ -8,6 +8,9 @@ declare const __propDef: {
         flowStateStore?: Writable<FlowState> | undefined;
         selectedJobStep?: string | undefined;
         hideFlowResult?: boolean | undefined;
+        hideTimeline?: boolean | undefined;
+        hideDownloadInGraph?: boolean | undefined;
+        hideNodeDefinition?: boolean | undefined;
         isOwner?: boolean | undefined;
         wideResults?: boolean | undefined;
     };

package/package/components/FlowStatusViewerInner.svelte

@@ -8,7 +8,7 @@ import { onDestroy } from 'svelte';
 import { Badge, Button, Tab } from './common';
 import DisplayResult from './DisplayResult.svelte';
 import Tabs from './common/tabs/Tabs.svelte';
-import { FlowGraph } from './graph';
+import {} from './graph';
 import ModuleStatus from './ModuleStatus.svelte';
 import { emptyString, msToSec, truncateRev } from '../utils';
 import JobArgs from './JobArgs.svelte';
@@ -20,8 +20,9 @@ import { dfs } from './flows/dfs';
 import { writable } from 'svelte/store';
 import Alert from './common/alert/Alert.svelte';
 import FlowGraphViewerStep from './FlowGraphViewerStep.svelte';
+import FlowGraphV2 from './graph/FlowGraphV2.svelte';
 const dispatch = createEventDispatcher();
-let { flowStateStore, retryStatus, suspendStatus } = getContext('FlowStatusViewer');
+let { flowStateStore, retryStatus, suspendStatus, hideDownloadInGraph, hideTimeline, hideNodeDefinition } = getContext('FlowStatusViewer');
 export let jobId;
 export let workspaceId = undefined;
 export let flowJobIds = undefined;
@@ -115,7 +116,7 @@ function updateInnerModules() {
         innerModules.forEach((mod, i) => {
             if (mod.type === 'WaitingForEvents' &&
                 $localModuleStates?.[innerModules?.[i - 1]?.id ?? '']?.type == 'Success') {
-                setModuleState(mod.id ?? '', { type: mod.type, args: job?.args });
+                setModuleState(mod.id ?? '', { type: mod.type, args: job?.args, tag: job?.tag });
             }
             else if (mod.type === 'WaitingForExecutor' &&
                 $localModuleStates[mod.id ?? '']?.scheduled_for == undefined) {
@@ -130,7 +131,8 @@ function updateInnerModules() {
                         scheduled_for: job?.['scheduled_for'],
                         job_id: job?.id,
                         parent_module: mod['parent_module'],
-                        args: job?.args
+                        args: job?.args,
+                        tag: job?.tag
                     };
                     setModuleState(mod.id ?? '', newState);
                 })
@@ -309,6 +311,7 @@ function onJobsLoaded(mod, job, force) {
                 job_id: job.id,
                 logs: job.logs,
                 args: job.args,
+                tag: job.tag,
                 started_at,
                 parent_module: mod['parent_module']
             }, force);
@@ -324,6 +327,7 @@ function onJobsLoaded(mod, job, force) {
                 logs: job.logs,
                 result: job['result'],
                 job_id: job.id,
+                tag: job.tag,
                 parent_module: mod['parent_module'],
                 duration_ms: job['duration_ms'],
                 started_at: started_at,
@@ -464,6 +468,7 @@ function loadPreviousIters(lenToAdd) {
 }
 let stepDetail = undefined;
 let storedListJobs = {};
+let wrapperHeight = 0;
 </script>
 
 {#if notAnonynmous}
@@ -521,6 +526,7 @@ let storedListJobs = {};
 							<FlowJobResult
 								workspaceId={job?.workspace_id}
 								jobId={job?.id}
+								tag={job?.tag}
 								loading={job['running'] == true}
 								result={job.result}
 								logs={job.logs}
@@ -648,7 +654,7 @@ let storedListJobs = {};
 						{/if}
 					{/each}
 				</div>
-			{:else if innerModules.length > 0}
+			{:else if innerModules.length > 0 && (job.raw_flow?.modules.length ?? 0) > 0}
 				<ul class="w-full">
 					<h3 class="text-md leading-6 font-bold text-primary border-b mb-4 py-2">
 						Step-by-step
@@ -768,13 +774,15 @@ let storedListJobs = {};
 						</li>
 					{/each}
 				</ul>
+			{:else}
+				<div class="p-2 text-tertiary text-sm italic">Empty flow</div>
 			{/if}
 		</div>
 	</div>
 	{#if render}
 		{#if job.raw_flow && !isListJob}
 			<div class="{selected != 'graph' ? 'hidden' : ''} grow mt-4">
-				<div class="grid grid-cols-3 border h-full">
+				<div class="grid grid-cols-3 border h-full" bind:clientHeight={wrapperHeight}>
 					<div class="col-span-2 bg-surface-secondary">
 						<div class="flex flex-col">
 							{#each Object.values($retryStatus) as count}
@@ -793,8 +801,9 @@ let storedListJobs = {};
 							{/each}
 						</div>
 
-						<FlowGraph
-							download
+						<FlowGraphV2
+							download={!hideDownloadInGraph}
+							minHeight={wrapperHeight}
 							success={jobId != undefined && isSuccess(job?.['success'])}
 							flowModuleStates={$localModuleStates}
 							on:select={(e) => {
@@ -819,6 +828,7 @@ let storedListJobs = {};
 							}}
 							on:selectedIteration={(e) => {
 								let detail = e.detail
+
 								setModuleState(detail.moduleId, {
 									selectedForloop: detail.id,
 									selectedForloopIndex: detail.index
@@ -826,16 +836,20 @@ let storedListJobs = {};
 								globalRefreshes[detail.moduleId]?.({ job: detail.id, index: detail.index })
 							}}
 							modules={job.raw_flow?.modules ?? []}
-							failureModule={job.raw_flow?.failure_module}
 						/>
 					</div>
 					<div
 						class="border-l border-tertiary-inverse pt-1 overflow-auto min-h-[700px] flex flex-col z-0 h-full"
 					>
 						<Tabs bind:selected={rightColumnSelect}>
-							<Tab value="timeline"><span class="font-semibold text-md">Timeline</span></Tab>
+							{#if !hideTimeline}
+								<Tab value="timeline"><span class="font-semibold text-md">Timeline</span></Tab>
+							{/if}
 							<Tab value="node_status"><span class="font-semibold">Node status</span></Tab>
-							<Tab value="node_definition"><span class="font-semibold">Node definition</span></Tab>
+							{#if !hideNodeDefinition}
+								<Tab value="node_definition"><span class="font-semibold">Node definition</span></Tab
+								>
+							{/if}
 							{#if Object.keys(job?.flow_status?.user_states ?? {}).length > 0}
 								<Tab value="user_states"><span class="font-semibold">User States</span></Tab>
 							{/if}
@@ -860,6 +874,7 @@ let storedListJobs = {};
 											jobId={job?.id}
 											filename={job.id}
 											loading={job['running']}
+											tag={job?.tag}
 											noBorder
 											col
 											result={job['result']}
@@ -923,14 +938,17 @@ let storedListJobs = {};
 												/>
 											</div>
 										{/if}
+
 										<FlowJobResult
 											workspaceId={job?.workspace_id}
 											jobId={node.job_id}
 											noBorder
 											loading={node.type != 'Success' && node.type != 'Failure'}
+											waitingForExecutor={node.type == 'WaitingForExecutor'}
 											refreshLog={node.type == 'InProgress'}
 											col
 											result={node.result}
+											tag={node.tag}
 											logs={node.logs}
 											durationStates={localDurationStatuses}
 										/>

package/package/components/FlowViewer.svelte

@@ -21,6 +21,7 @@ $: flowFiltered = {
 export let noGraph = false;
 export let tab = noGraph ? 'schema' : 'ui';
 export let noSummary = false;
+export let noGraphDownload = false;
 let rawType = 'yaml';
 let open = {};
 if (initialOpen) {
@@ -72,7 +73,8 @@ function toAny(x) {
 				{:else}
 					<div class="text-secondary text-xs italic mb-4">No inputs</div>
 				{/if}
-				<FlowGraphViewer download {noSide} {flow} overflowAuto />
+
+				<FlowGraphViewer download={!noGraphDownload} {noSide} {flow} overflowAuto />
 			</div>
 		</TabContent>
 		<TabContent value="raw"

package/package/components/FlowViewer.svelte.d.ts

@@ -13,6 +13,7 @@ declare const __propDef: {
         noGraph?: boolean | undefined;
         tab?: "schema" | "ui" | "raw" | undefined;
         noSummary?: boolean | undefined;
+        noGraphDownload?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;