windmill-components 1.511.0 → 1.522.0

package/package/components/EditorBar.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script lang="ts">import { run } from 'svelte/legacy';
-import { ResourceService, VariableService } from '../gen';
+import { ResourceService, VariableService, WorkspaceService } from '../gen';
 import { workspaceStore } from '../stores';
 import { base } from '../base';
 import ItemPicker from './ItemPicker.svelte';
@@ -20,7 +20,7 @@ import { createEventDispatcher, untrack } from 'svelte';
 import { sendUserToast } from '../toast';
 import { getScriptByPath, scriptLangToEditorLang } from '../scripts';
 import Toggle from './Toggle.svelte';
-import { DiffIcon, DollarSign, File, History, Library, Link, Package, Plus, RotateCw, Save, Users } from 'lucide-svelte';
+import { DatabaseIcon, DiffIcon, DollarSign, File, History, Library, Link, Package, Plus, RotateCw, Save, Users } from 'lucide-svelte';
 import { capitalize, formatS3Object, toCamel } from '../utils';
 import ScriptVersionHistory from './ScriptVersionHistory.svelte';
 import ScriptGen from './copilot/ScriptGen.svelte';
@@ -29,6 +29,7 @@ import Popover from './Popover.svelte';
 import ResourceEditorDrawer from './ResourceEditorDrawer.svelte';
 import EditorSettings from './EditorSettings.svelte';
 import S3FilePicker from './S3FilePicker.svelte';
+import DucklakeIcon from './icons/DucklakeIcon.svelte';
 let { lang, editor, websocketAlive, iconOnly = false, validCode = true, kind = 'script', template = 'script', collabMode = false, collabLive = false, collabUsers = [], scriptPath = undefined, diffEditor = undefined, args, noHistory = false, saveToWorkspace = false, customUi = {}, lastDeployedCode = undefined, diffMode = false, showHistoryDrawer = $bindable(false), right, openAiChat = false } = $props();
 let contextualVariablePicker = $state();
 let variablePicker = $state();
@@ -37,6 +38,8 @@ let resourceTypePicker = $state();
 let variableEditor = $state();
 let resourceEditor = $state();
 let s3FilePicker = $state();
+let ducklakePicker = $state();
+let databasePicker = $state();
 let showContextVarPicker = $derived([
     'python3',
     'bash',
@@ -82,12 +85,13 @@ let showResourcePicker = $derived([
     'rust',
     'csharp',
     'nu',
-    'java',
-    'duckdb'
+    'java'
     // for related places search: ADD_NEW_LANG
 ].includes(lang ?? ''));
 let showS3Picker = $derived(['duckdb', 'python3'].includes(lang ?? '') ||
     ['typescript', 'javascript'].includes(scriptLangToEditorLang(lang)));
+let showDucklakePicker = $derived(['duckdb'].includes(lang ?? ''));
+let showDatabasePicker = $derived(['duckdb'].includes(lang ?? ''));
 let showResourceTypePicker = $derived(['typescript', 'javascript'].includes(scriptLangToEditorLang(lang)) ||
     lang === 'python3' ||
     lang === 'php');
@@ -551,6 +555,48 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 <ResourceEditorDrawer bind:this={resourceEditor} on:refresh={resourcePicker.openDrawer} />
 <VariableEditor bind:this={variableEditor} on:create={variablePicker.openDrawer} />
 
+{#if showDucklakePicker}
+	<ItemPicker
+		bind:this={ducklakePicker}
+		pickCallback={async (_, name) => {
+			const connStr = name == 'main' ? 'ducklake' : `ducklake://${name}`
+			editor?.insertAtCursor(`ATTACH '${connStr}' AS dl; USE dl;\n`)
+		}}
+		tooltip="Attach a Ducklake in your DuckDB script. Ducklake allows you to manipulate large data on S3 blob files through a traditional SQL interface."
+		documentationLink="https://www.windmill.dev/docs/core_concepts/ducklake"
+		itemName="ducklake"
+		loadItems={async () =>
+			(await WorkspaceService.listDucklakes({ workspace: $workspaceStore ?? 'NO_W' })).map(
+				(path) => ({ path })
+			)}
+	/>
+{/if}
+
+{#if showDatabasePicker}
+	<ItemPicker
+		bind:this={databasePicker}
+		pickCallback={(path, _, resType) => {
+			if (!editor) return
+			if (lang == 'duckdb') {
+				let t = { postgresql: 'postgres', mysql: 'mysql', bigquery: 'bigquery' }[resType]
+				editor.insertAtCursor(`ATTACH 'res://${path}' AS db (TYPE ${t});`)
+			}
+			sendUserToast(`${path} inserted at cursor`)
+		}}
+		tooltip="Attach a database resource in your script. This allows you to query data from the database using SQL."
+		documentationLink="https://www.windmill.dev/docs/core_concepts/resources_and_types"
+		itemName="Database"
+		buttons={{ 'Edit/View': (x) => resourceEditor?.initEdit(x) }}
+		extraField="description"
+		extraField2="resource_type"
+		loadItems={async () =>
+			await ResourceService.listResource({
+				workspace: $workspaceStore ?? 'NO_W',
+				resourceType: 'postgresql,mysql,bigquery'
+			})}
+	></ItemPicker>
+{/if}
+
 <S3FilePicker
 	bind:this={s3FilePicker}
 	readOnlyMode={false}
@@ -664,6 +710,38 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 				</Button>
 			{/if}
 
+			{#if showDatabasePicker && customUi?.database != false}
+				<Button
+					aiId="editor-bar-add-database"
+					aiDescription="Add database"
+					title="Add database"
+					color="light"
+					on:click={() => databasePicker?.openDrawer()}
+					size="xs"
+					btnClasses="!font-medium text-tertiary"
+					spacingSize="md"
+					startIcon={{ icon: DatabaseIcon }}
+					{iconOnly}
+					>+Database
+				</Button>
+			{/if}
+
+			{#if showDucklakePicker && customUi?.ducklake != false}
+				<Button
+					aiId="editor-bar-use-ducklake"
+					aiDescription="Use Ducklake"
+					title="Use Ducklake"
+					color="light"
+					on:click={() => ducklakePicker?.openDrawer()}
+					size="xs"
+					btnClasses="!font-medium text-tertiary"
+					spacingSize="md"
+					startIcon={{ icon: DucklakeIcon }}
+					{iconOnly}
+					>+Ducklake
+				</Button>
+			{/if}
+
 			{#if customUi?.reset != false}
 				<Button
 					aiId="editor-bar-reset-content"

package/package/components/ErrorOrRecoveryHandler.svelte

@@ -7,18 +7,21 @@ import { base } from '../base';
 import { enterpriseLicense, workspaceStore } from '../stores';
 import MsTeamsIcon from './icons/MSTeamsIcon.svelte';
 import { emptySchema, emptyString, sendUserToast, tryEvery } from '../utils';
+import Description from './Description.svelte';
+import MultiSelect from './select/MultiSelect.svelte';
 import { FlowService, JobService, ScriptService, WorkspaceService } from '../gen';
 import { inferArgs } from '../infer';
 import { hubBaseUrlStore } from '../stores';
 import { CheckCircle2, Loader2, RotateCw, XCircle, RefreshCcw } from 'lucide-svelte';
 import { hubPaths } from '../hub';
+import { isCloudHosted } from '../cloud';
 const slackRecoveryHandler = hubPaths.slackRecoveryHandler;
 const slackHandlerScriptPath = hubPaths.slackErrorHandler;
 const slackSuccessHandler = hubPaths.slackSuccessHandler;
 const teamsRecoveryHandler = hubPaths.teamsRecoveryHandler;
 const teamsHandlerScriptPath = hubPaths.teamsErrorHandler;
 const teamsSuccessHandler = hubPaths.teamsSuccessHandler;
-let { errorOrRecovery, isEditable, toggleText = 'Enable', showScriptHelpText = false, handlerSelected = $bindable(), handlerPath = $bindable(), handlerExtraArgs = $bindable(), customScriptTemplate, customHandlerKind = $bindable('script'), customTabTooltip } = $props();
+let { errorOrRecovery, isEditable, toggleText = 'Enable', showScriptHelpText = false, handlerSelected = $bindable('custom'), handlerPath = $bindable(), handlerExtraArgs = $bindable(), customScriptTemplate, customHandlerKind = $bindable('script'), customTabTooltip, } = $props();
 let customHandlerSchema = $state();
 let slackHandlerSchema = $state();
 let isFetching = $state(false);
@@ -27,6 +30,8 @@ let teams_team_name = $state(undefined);
 let workspaceConnectedToSlack = $state(undefined);
 let workspaceConnectedToTeams = $state(undefined);
 let connectionTestJob = $state();
+const EMAIL_RECIPIENTS_KEY = 'email_recipients';
+const CHANNEL_KEY = 'channel';
 async function loadSlackResources() {
     const settings = await WorkspaceService.getSettings({ workspace: $workspaceStore });
     if (!emptyString(settings.slack_name) && !emptyString(settings.slack_team_id)) {
@@ -166,6 +171,12 @@ function isTeamsHandler(scriptPath) {
         return scriptPath.startsWith('hub/') && scriptPath.endsWith('/schedule-success-handler-teams');
     }
 }
+function isEmailHandler(scriptPath) {
+    if (!scriptPath) {
+        return false;
+    }
+    return scriptPath.startsWith('hub/') && scriptPath.endsWith('/workspace-or-error-handler-email');
+}
 $effect(() => {
     if ($workspaceStore) {
         loadSlackResources();
@@ -181,21 +192,27 @@ $effect(() => {
     }
 });
 let lastHandlerSelected = $state(undefined);
-let channelCache = $state({
+let handlerCache = $state({
     slack: undefined,
-    teams: undefined
+    teams: undefined,
+    email: undefined
 });
 $effect(() => {
     if (lastHandlerSelected !== handlerSelected && lastHandlerSelected !== undefined) {
-        if (lastHandlerSelected === 'teams' || lastHandlerSelected === 'slack') {
-            channelCache[lastHandlerSelected] = handlerExtraArgs['channel'];
+        if (lastHandlerSelected != 'custom') {
+            const key = lastHandlerSelected === 'email' ? EMAIL_RECIPIENTS_KEY : CHANNEL_KEY;
+            handlerCache[lastHandlerSelected] = handlerExtraArgs[key];
         }
         if (handlerSelected === 'custom') {
-            handlerExtraArgs['channel'] = '';
+            handlerExtraArgs[CHANNEL_KEY] = '';
+            handlerExtraArgs[EMAIL_RECIPIENTS_KEY] = [];
             handlerPath = undefined;
         }
+        else if (handlerSelected === 'email') {
+            handlerExtraArgs[EMAIL_RECIPIENTS_KEY] = handlerCache[handlerSelected] ?? [];
+        }
         else {
-            handlerExtraArgs['channel'] = channelCache[handlerSelected] ?? '';
+            handlerExtraArgs[CHANNEL_KEY] = handlerCache[handlerSelected] ?? '';
         }
     }
     lastHandlerSelected = handlerSelected;
@@ -204,6 +221,7 @@ $effect(() => {
     handlerPath &&
         !isSlackHandler(handlerPath) &&
         !isTeamsHandler(handlerPath) &&
+        !isEmailHandler(handlerPath) &&
         loadHandlerScriptArgs(handlerPath, [
             'path',
             'workspace_id',
@@ -242,12 +260,18 @@ $effect(() => {
             'slack'
         ]).then((schema) => (slackHandlerSchema = schema));
 });
+$effect(() => {
+    if (handlerSelected === 'email') {
+        handlerPath = hubPaths.emailErrorHandler;
+    }
+});
 </script>
 
 <div>
 	<Tabs bind:selected={handlerSelected} class="mt-2 mb-4">
 		<Tab value="slack" disabled={!isEditable}>Slack</Tab>
 		<Tab value="teams" disabled={!isEditable}>Teams</Tab>
+		<Tab value="email" disabled={!isEditable}>Email</Tab>
 		<Tab value="custom" disabled={!isEditable}>
 			Custom
 			{@render customTabTooltip?.()}
@@ -274,8 +298,10 @@ $effect(() => {
 				size="xs"
 				href={customScriptTemplate}
 				disabled={!isEditable}
-				target="_blank">Create from template</Button
+				target="_blank"
 			>
+				Create from template
+			</Button>
 		{/if}
 	</div>
 	{#if showScriptHelpText}
@@ -503,4 +529,46 @@ $effect(() => {
 			{/if}
 		{/if}
 	{/if}
+{:else if handlerSelected === 'email'}
+	{#if isCloudHosted()}
+		<Alert type="info" title="Email notifications are not available in Cloud">
+			Email notifications for trigger failures are only available in self-hosted Windmill instances.
+		</Alert>
+	{:else}
+		<div class="flex flex-col gap-4 my-4">
+			<Description>
+				Configure email addresses to receive notifications when jobs fail. This feature requires
+				SMTP to be configured.
+			</Description>
+		</div>
+		<div class="flex flex-col gap-2 my-4">
+			<MultiSelect
+				items={[] as { label: string; value: string }[]}
+				bind:value={
+					() => handlerExtraArgs[EMAIL_RECIPIENTS_KEY] ?? [],
+					(recipients) => (handlerExtraArgs[EMAIL_RECIPIENTS_KEY] = recipients)
+				}
+				placeholder="Enter email addresses..."
+				onCreateItem={(email) => {
+					const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
+					if (!emailRegex.test(email)) {
+						sendUserToast('Invalid email format', true)
+						return
+					}
+					const currentArray = handlerExtraArgs[EMAIL_RECIPIENTS_KEY] ?? []
+					handlerExtraArgs[EMAIL_RECIPIENTS_KEY] = [...currentArray, email]
+				}}
+				class="w-full"
+			/>
+			{#if handlerExtraArgs[EMAIL_RECIPIENTS_KEY]?.length > 0}
+				<span class="text-sm text-tertiary">
+					{handlerExtraArgs[EMAIL_RECIPIENTS_KEY]?.length} email{handlerExtraArgs[
+						EMAIL_RECIPIENTS_KEY
+					]?.length === 1
+						? ''
+						: 's'} configured
+				</span>
+			{/if}
+		</div>
+	{/if}
 {/if}

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

@@ -1,9 +1,10 @@
+import type { ErrorHandler } from '../gen/types.gen';
 interface Props {
     errorOrRecovery: 'error' | 'recovery' | 'success';
     isEditable: boolean;
     toggleText?: string;
     showScriptHelpText?: boolean;
-    handlerSelected: 'custom' | 'slack' | 'teams';
+    handlerSelected: ErrorHandler;
     handlerPath: string | undefined;
     handlerExtraArgs: Record<string, any>;
     customScriptTemplate: string;

package/package/components/ExploreAssetButton.svelte

@@ -1,5 +1,6 @@
 <script module lang="ts">export function assetCanBeExplored(asset, _resourceMetadata) {
-    return (asset.kind === 's3object' ||
+    return (asset.kind === 'ducklake' ||
+        asset.kind === 's3object' ||
         (asset.kind === 'resource' && isDbType(_resourceMetadata?.resource_type)));
 }
 </script>
@@ -12,12 +13,13 @@ import S3FilePicker from './S3FilePicker.svelte';
 import { userStore } from '../stores';
 import { isS3Uri } from '../utils';
 import { Database, File } from 'lucide-svelte';
-const { asset, _resourceMetadata, s3FilePicker, dbManagerDrawer, onClick, class: className = '', noText = false, buttonVariant = 'border', btnClasses = '' } = $props();
+import DucklakeIcon from './icons/DucklakeIcon.svelte';
+const { asset, _resourceMetadata, s3FilePicker, dbManagerDrawer, onClick, class: className = '', noText = false, buttonVariant = 'border', btnClasses = '', disabled = false } = $props();
 const assetUri = $derived(formatAsset(asset));
 </script>
 
 <Button
-	disabled={$userStore?.operator}
+	disabled={$userStore?.operator || disabled}
 	size="xs"
 	variant={buttonVariant}
 	spacingSize="xs2"
@@ -25,9 +27,15 @@ const assetUri = $derived(formatAsset(asset));
 	{btnClasses}
 	on:click={async () => {
 		if (asset.kind === 'resource' && isDbType(_resourceMetadata?.resource_type)) {
-			dbManagerDrawer?.openDrawer(_resourceMetadata.resource_type, asset.path)
+			dbManagerDrawer?.openDrawer({
+				type: 'database',
+				resourceType: _resourceMetadata.resource_type,
+				resourcePath: asset.path
+			})
 		} else if (asset.kind === 's3object' && isS3Uri(assetUri)) {
 			s3FilePicker?.open(assetUri)
+		} else if (asset.kind === 'ducklake') {
+			dbManagerDrawer?.openDrawer({ type: 'ducklake', ducklake: asset.path })
 		}
 		onClick?.()
 	}}
@@ -36,5 +44,7 @@ const assetUri = $derived(formatAsset(asset));
 		<span class:hidden={noText}>Explore</span> <File size={18} />
 	{:else if asset.kind === 'resource'}
 		<span class:hidden={noText}>Manage</span> <Database size={18} />
+	{:else if asset.kind === 'ducklake'}
+		<span class:hidden={noText}>Manage</span> <DucklakeIcon size={18} />
 	{/if}
 </Button>

package/package/components/ExploreAssetButton.svelte.d.ts

@@ -17,6 +17,7 @@ type $$ComponentProps = {
     noText?: boolean;
     buttonVariant?: ButtonType.Variant;
     btnClasses?: string;
+    disabled?: boolean;
 };
 declare const ExploreAssetButton: import("svelte").Component<$$ComponentProps, {}, "">;
 type ExploreAssetButton = ReturnType<typeof ExploreAssetButton>;

package/package/components/FlowJobResult.svelte

@@ -7,7 +7,7 @@ import DrawerContent from './common/drawer/DrawerContent.svelte';
 import { Drawer } from './common';
 import AllFlowLogs from './AllFlowLogs.svelte';
 import { untrack } from 'svelte';
-let { waitingForExecutor = false, result, logs = $bindable(), col = false, noBorder = false, loading, filename = undefined, jobId = undefined, tag = undefined, workspaceId = undefined, refreshLog = false, durationStates, downloadLogs = true, tagLabel = undefined } = $props();
+let { waitingForExecutor = false, result, result_stream, logs = $bindable(), col = false, noBorder = false, loading, filename = undefined, jobId = undefined, tag = undefined, workspaceId = undefined, refreshLog = false, durationStates, downloadLogs = true, tagLabel = undefined } = $props();
 let lastJobId = $state(undefined);
 let drawer = $state(undefined);
 let iteration = 0;
@@ -62,8 +62,8 @@ $effect(() => {
 >
 	<div class="bg-surface {col ? '' : 'max-h-80'} p-1 overflow-auto relative">
 		<span class="text-tertiary">Result</span>
-		{#if result !== undefined}
-			<DisplayResult {workspaceId} {jobId} {filename} {result} />
+		{#if result !== undefined || result_stream !== undefined}
+			<DisplayResult {workspaceId} {jobId} {filename} {result} {result_stream} />
 		{:else if loading}
 			<Loader2 class="animate-spin" />
 		{:else}

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

@@ -3,6 +3,7 @@ import type { Writable } from 'svelte/store';
 interface Props {
     waitingForExecutor?: boolean;
     result: any;
+    result_stream?: string;
     logs: string | undefined;
     col?: boolean;
     noBorder?: boolean;

package/package/components/FlowPreviewContent.svelte

@@ -427,6 +427,14 @@ export function flowHasChanged() {
 										savedArgs = previewArgs.val
 									}}
 									bind:isValid
+									helperScript={flowStore.val.schema?.['x-windmill-dyn-select-code'] &&
+									flowStore.val.schema?.['x-windmill-dyn-select-lang']
+										? {
+												type: 'inline',
+												code: flowStore.val.schema['x-windmill-dyn-select-code'] as string,
+												lang: flowStore.val.schema['x-windmill-dyn-select-lang'] as ScriptLang
+											}
+										: undefined}
 								/>
 							</div>
 						{/key}
@@ -494,6 +502,7 @@ export function flowHasChanged() {
 					bind:rightColumnSelect
 					bind:isOwner
 					{render}
+					{customUi}
 				/>
 			{:else}
 				<div class="italic text-tertiary h-full grow"> Flow status will be displayed here </div>

package/package/components/FlowPreviewContent.svelte.d.ts

@@ -20,6 +20,9 @@ interface Props {
     render?: boolean;
     onJobDone?: () => void;
     upToId?: string | undefined;
+    customUi?: {
+        tagLabel?: string | undefined;
+    };
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/package/components/FlowPreviewResult.svelte

@@ -4,7 +4,7 @@ import FlowPreviewStatus from './preview/FlowPreviewStatus.svelte';
 import FlowStatusWaitingForEvents from './FlowStatusWaitingForEvents.svelte';
 import { emptyString } from '../utils';
 import Badge from './common/badge/Badge.svelte';
-let { job, workspaceId, isOwner, hideFlowResult, hideDownloadLogs, localDurationStatuses, innerModules, suspendStatus, hideJobId, extra } = $props();
+let { job, workspaceId, isOwner, hideFlowResult, hideDownloadLogs, localDurationStatuses, innerModules, suspendStatus, hideJobId, extra, result_streams } = $props();
 </script>
 
 <FlowPreviewStatus {job} {hideJobId} {extra} />
@@ -76,6 +76,9 @@ let { job, workspaceId, isOwner, hideFlowResult, hideDownloadLogs, localDuration
 						<Loader2 class="animate-spin mt-0.5" /></span
 					></div
 				>
+				{#if mod.job && result_streams?.[mod.job]}
+					<pre class="text-xs text-primary">{result_streams?.[mod.job]}</pre>
+				{/if}
 			{/if}
 		{/each}
 	</div>

package/package/components/FlowPreviewResult.svelte.d.ts

@@ -15,6 +15,7 @@ interface Props {
     }>>;
     hideJobId?: boolean;
     extra?: import('svelte').Snippet;
+    result_streams?: Record<string, string | undefined>;
 }
 declare const FlowPreviewResult: import("svelte").Component<Props, {}, "">;
 type FlowPreviewResult = ReturnType<typeof FlowPreviewResult>;

package/package/components/FlowStatusViewer.svelte

@@ -3,7 +3,7 @@ import FlowStatusViewerInner from './FlowStatusViewerInner.svelte';
 import { createEventDispatcher, setContext, untrack } from 'svelte';
 import { isOwner as loadIsOwner } from '../utils';
 import { userStore, workspaceStore } from '../stores';
-let { jobId, initialJob = undefined, workspaceId = undefined, flowStateStore = writable({}), selectedJobStep = $bindable(undefined), hideFlowResult = false, hideTimeline = false, hideDownloadInGraph = false, hideNodeDefinition = false, hideJobId = false, hideDownloadLogs = false, rightColumnSelect = $bindable('timeline'), isOwner = $bindable(false), wideResults = false, localModuleStates = $bindable(writable({})), localDurationStatuses = $bindable(writable({})), job = $bindable(undefined), render = true, suspendStatus = $bindable(writable({})) } = $props();
+let { jobId, initialJob = undefined, workspaceId = undefined, flowStateStore = writable({}), selectedJobStep = $bindable(undefined), hideFlowResult = false, hideTimeline = false, hideDownloadInGraph = false, hideNodeDefinition = false, hideJobId = false, hideDownloadLogs = false, rightColumnSelect = $bindable('timeline'), isOwner = $bindable(false), wideResults = false, localModuleStates = $bindable(writable({})), localDurationStatuses = $bindable(writable({})), job = $bindable(undefined), render = true, suspendStatus = $bindable(writable({})), customUi } = $props();
 let lastJobId = jobId;
 let retryStatus = writable({});
 setContext('FlowStatusViewer', {
@@ -61,4 +61,5 @@ $effect.pre(() => {
 	{wideResults}
 	bind:rightColumnSelect
 	{render}
+	{customUi}
 />

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

@@ -22,6 +22,9 @@ interface Props {
     job?: Job | undefined;
     render?: boolean;
     suspendStatus?: any;
+    customUi?: {
+        tagLabel?: string | undefined;
+    };
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/package/components/FlowStatusViewerInner.svelte

@@ -27,7 +27,13 @@ import { createState } from '../svelte5Utils.svelte';
 import JobLoader from './JobLoader.svelte';
 const dispatch = createEventDispatcher();
 let { flowStateStore, retryStatus, suspendStatus, hideDownloadInGraph, hideTimeline, hideNodeDefinition, hideDownloadLogs, hideJobId } = getContext('FlowStatusViewer');
-let { jobId, initialJob = undefined, workspaceId = undefined, flowJobIds = undefined, innerModule = undefined, globalRefreshes = $bindable({}), render = true, isOwner = false, selectedNode = $bindable(undefined), globalModuleStates, globalDurationStatuses, childFlow = false, isSubflow = false, reducedPolling = false, wideResults = false, hideFlowResult = false, workspace = $workspaceStore, prefix = undefined, subflowParentsGlobalModuleStates = [], subflowParentsDurationStatuses = [], isForloopSelected = false, parentRecursiveRefresh = $bindable({}), job = $bindable(undefined), rightColumnSelect = $bindable('timeline'), localModuleStates = writable({}), localDurationStatuses = writable({}) } = $props();
+let { jobId, initialJob = undefined, workspaceId = undefined, flowJobIds = undefined, innerModule = undefined, globalRefreshes = $bindable({}), render = true, isOwner = false, selectedNode = $bindable(undefined), globalModuleStates, globalDurationStatuses, childFlow = false, isSubflow = false, reducedPolling = false, wideResults = false, hideFlowResult = false, workspace = $workspaceStore, prefix = undefined, subflowParentsGlobalModuleStates = [], subflowParentsDurationStatuses = [], isForloopSelected = false, parentRecursiveRefresh = $bindable({}), job = $bindable(undefined), rightColumnSelect = $bindable('timeline'), localModuleStates = writable({}), localDurationStatuses = writable({}), customUi, onResultStreamUpdate = undefined } = $props();
+let resultStreams = $state({});
+if (onResultStreamUpdate == undefined) {
+    onResultStreamUpdate = ({ jobId, result_stream }) => {
+        resultStreams[jobId] = result_stream;
+    };
+}
 let recursiveRefresh = $state({});
 // Add support for the input args assets shown as an asset node
 const _flowGraphAssetsCtx = getContext('FlowGraphAssetContext');
@@ -76,7 +82,9 @@ function updateModuleStates(moduleState, key, newValue, keepType) {
     if (newValue.selectedForloop != undefined &&
         state[key]?.selectedForloop != undefined &&
         newValue.selectedForloop != state[key].selectedForloop) {
-        if (newValue.type == 'InProgress' && state[key]?.type != 'InProgress') {
+        if (newValue.type == 'InProgress' &&
+            state[key]?.type != 'InProgress' &&
+            !(keepType && (state[key]?.type === 'Success' || state[key]?.type === 'Failure'))) {
             moduleState.update((state) => {
                 state[key].type = 'InProgress';
                 return state;
@@ -357,6 +365,9 @@ async function loadJobInProgress() {
                 jobLoader?.watchJob(jobId, {
                     change(newJob) {
                         setJob(newJob, true);
+                    },
+                    resultStreamUpdate({ id, result_stream }) {
+                        onResultStreamUpdate?.({ jobId: id, result_stream });
                     }
                 });
             }
@@ -685,7 +696,7 @@ $effect(() => {
 let selected = $derived(isListJob ? 'sequence' : 'graph');
 </script>
 
-<JobLoader noCode noLogs bind:this={jobLoader} />
+<JobLoader workspaceOverride={workspaceId} noCode noLogs bind:this={jobLoader} />
 {#if notAnonynmous}
 	<Alert type="error" title="Required Auth">
 		As a non logged in user, you can only see jobs ran by anonymous users like you
@@ -728,6 +739,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 					<DisplayResult
 						workspaceId={job?.workspace_id}
 						{jobId}
+						result_stream={job?.result_stream}
 						result={jobResults}
 						language={job?.language}
 					/>
@@ -745,6 +757,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 					{innerModules}
 					{suspendStatus}
 					{hideJobId}
+					result_streams={resultStreams}
 				/>
 			</div>
 		{/if}
@@ -836,6 +849,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 										storedListJobs[j] = job
 										innerJobLoaded(job, j, false, force)
 									}}
+									{onResultStreamUpdate}
 								/>
 							</div>
 						{/if}
@@ -911,6 +925,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 											{reducedPolling}
 											{workspaceId}
 											jobId={failedRetry}
+											{onResultStreamUpdate}
 										/>
 									</div>
 								{/each}
@@ -943,6 +958,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 											let { force, job } = e.detail
 											onJobsLoaded(mod, job, force)
 										}}
+										{onResultStreamUpdate}
 									/>
 								{:else if mod.flow_jobs?.length == 0 && mod.job == '00000000-0000-0000-0000-000000000000'}
 									<div class="text-secondary">no subflow (empty loop?)</div>
@@ -974,6 +990,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 											let { job, force } = e.detail
 											onJobsLoaded(mod, job, force)
 										}}
+										{onResultStreamUpdate}
 									/>
 								{/if}
 							{:else}
@@ -1113,6 +1130,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 
 									{#if selectedNode == 'end'}
 										<FlowJobResult
+											tagLabel={customUi?.tagLabel}
 											workspaceId={job?.workspace_id}
 											jobId={job?.id}
 											filename={job.id}
@@ -1188,6 +1206,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 											</div>
 										{/if}
 										<FlowJobResult
+											tagLabel={customUi?.tagLabel}
 											workspaceId={job?.workspace_id}
 											jobId={node.job_id}
 											noBorder
@@ -1195,6 +1214,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 											waitingForExecutor={node.type == 'WaitingForExecutor'}
 											refreshLog={node.type == 'InProgress'}
 											col
+											result_stream={resultStreams[node.job_id ?? '']}
 											result={node.result}
 											tag={node.tag}
 											logs={node.logs}

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

@@ -31,10 +31,19 @@ interface Props {
     subflowParentsDurationStatuses?: Writable<Record<string, DurationStatus>>[];
     isForloopSelected?: boolean;
     parentRecursiveRefresh?: Record<string, (clear: any, root: any) => Promise<void>>;
-    job?: Job | undefined;
+    job?: (Job & {
+        result_stream?: string;
+    }) | undefined;
     rightColumnSelect?: 'timeline' | 'node_status' | 'node_definition' | 'user_states';
     localModuleStates?: Writable<Record<string, GraphModuleState>>;
     localDurationStatuses?: Writable<Record<string, DurationStatus>>;
+    onResultStreamUpdate?: ({ jobId, result_stream }: {
+        jobId: string;
+        result_stream?: string;
+    }) => void;
+    customUi?: {
+        tagLabel?: string | undefined;
+    };
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/package/components/FolderEditor.svelte

@@ -250,7 +250,7 @@ run(() => {
 										<div>
 											<ToggleButtonGroup
 												disabled={owner_name == 'u/' + $userStore?.username &&
-													!$userStore?.is_admin}
+													!($userStore?.is_admin || $userStore?.is_super_admin)}
 												selected={role}
 												on:selected={async (e) => {
 													const role = e.detail