windmill-components 1.698.0 → 1.699.0

package/package/components/DisplayResult.svelte

@@ -3,6 +3,7 @@ import { Highlight } from 'svelte-highlight';
 import { json } from 'svelte-highlight/languages';
 import { copyToClipboard, parseS3Object, roughSizeOfObject } from '../utils';
 import { base } from '../base';
+import { downloadViaClient, shouldDownloadViaClient } from '../utils/downloadFile';
 import { Button, Drawer, DrawerContent } from './common';
 import { ClipboardCopy, Download, PanelRightOpen, Table2, Braces, Highlighter, ArrowDownFromLine, Loader2 } from 'lucide-svelte';
 import Portal from './Portal.svelte';
@@ -72,6 +73,21 @@ function isTableRowObjectInner(json, hasHeaders) {
         }));
 }
 let largeObject = $state(undefined);
+let resultApiPath = $derived(workspaceId && jobId
+    ? nodeId
+        ? `/w/${workspaceId}/jobs/result_by_id/${jobId}/${nodeId}`
+        : `/w/${workspaceId}/jobs_u/completed/get_result/${jobId}`
+    : undefined);
+let resultDownloadHref = $derived(resultApiPath
+    ? `${base}/api${resultApiPath}`
+    : `data:text/json;charset=utf-8,${encodeURIComponent(toJsonStr(result))}`);
+let resultDownloadName = $derived(`${filename ?? 'result'}.json`);
+async function onResultDownload(e) {
+    if (!resultApiPath || !shouldDownloadViaClient())
+        return;
+    e.preventDefault();
+    await downloadViaClient(resultApiPath, resultDownloadName);
+}
 function checkIfS3(result, keys) {
     return keys.includes('s3') && typeof result.s3 === 'string';
 }
@@ -860,12 +876,9 @@ $effect(() => {
 						{#if largeObject}
 							<div class="text-xs text-emphasis"
 								><a
-									download="{filename ?? 'result'}.json"
-									href={workspaceId && jobId
-										? nodeId
-											? `${base}/api/w/${workspaceId}/jobs/result_by_id/${jobId}/${nodeId}`
-											: `${base}/api/w/${workspaceId}/jobs_u/completed/get_result/${jobId}`
-										: `data:text/json;charset=utf-8,${encodeURIComponent(toJsonStr(result))}`}
+									download={resultDownloadName}
+									href={resultDownloadHref}
+									onclick={onResultDownload}
 								>
 									Download {filename ? '' : 'as JSON'}
 								</a>
@@ -933,19 +946,26 @@ $effect(() => {
 			<DrawerContent title="Expanded Result" on:close={jsonViewer.closeDrawer}>
 				{#snippet actions()}
 					{#if customUi?.disableDownload !== true}
-						<Button
-							download="{filename ?? 'result'}.json"
-							href={workspaceId && jobId
-								? nodeId
-									? `${base}/api/w/${workspaceId}/jobs/result_by_id/${jobId}/${nodeId}`
-									: `${base}/api/w/${workspaceId}/jobs_u/completed/get_result/${jobId}`
-								: `data:text/json;charset=utf-8,${encodeURIComponent(toJsonStr(result))}`}
-							startIcon={{ icon: Download }}
-							variant="subtle"
-							unifiedSize="md"
-						>
-							Download
-						</Button>
+						{#if resultApiPath && shouldDownloadViaClient()}
+							<Button
+								on:click={() => downloadViaClient(resultApiPath!, resultDownloadName)}
+								startIcon={{ icon: Download }}
+								variant="subtle"
+								unifiedSize="md"
+							>
+								Download
+							</Button>
+						{:else}
+							<Button
+								download={resultDownloadName}
+								href={resultDownloadHref}
+								startIcon={{ icon: Download }}
+								variant="subtle"
+								unifiedSize="md"
+							>
+								Download
+							</Button>
+						{/if}
 					{/if}
 					<Button
 						on:click={() => copyToClipboard(toJsonStr(result))}

package/package/components/FlowStatusViewerInner.svelte

@@ -12,6 +12,7 @@ import Tabs from './common/tabs/Tabs.svelte';
 import {} from './graph';
 import ModuleStatus from './ModuleStatus.svelte';
 import { clone, isScriptPreview, msToSec, readFieldsRecursively, truncateRev } from '../utils';
+import { downloadViaClient, shouldDownloadViaClient } from '../utils/downloadFile';
 import JobArgs from './JobArgs.svelte';
 import { ChevronDown, Download, ExternalLink, Hourglass } from 'lucide-svelte';
 import { deepEqual } from 'fast-equals';
@@ -1481,16 +1482,29 @@ let totalEventsWaiting = $derived(Object.values(suspendStatus?.val ?? {}).reduce
 				style="min-height: {minTabHeight}px"
 			>
 				{#if !hideDownloadLogs && !isReplay && job?.id}
+					{@const logsApiPath = `/w/${workspace}/jobs_u/get_flow_all_logs/${job.id}`}
+					{@const logsName = `windmill_flow_logs_${job.id}.txt`}
 					<div class="flex justify-end p-1">
-						<Button
-							href="{base}/api/w/{workspace}/jobs_u/get_flow_all_logs/{job.id}"
-							download="windmill_flow_logs_{job.id}.txt"
-							color="light"
-							size="xs"
-							startIcon={{ icon: Download }}
-						>
-							Download all logs
-						</Button>
+						{#if shouldDownloadViaClient()}
+							<Button
+								on:click={() => downloadViaClient(logsApiPath, logsName)}
+								color="light"
+								size="xs"
+								startIcon={{ icon: Download }}
+							>
+								Download all logs
+							</Button>
+						{:else}
+							<Button
+								href="{base}/api{logsApiPath}"
+								download={logsName}
+								color="light"
+								size="xs"
+								startIcon={{ icon: Download }}
+							>
+								Download all logs
+							</Button>
+						{/if}
 					</div>
 				{/if}
 				<FlowLogViewerWrapper

package/package/components/HistoricInputs.svelte

@@ -81,7 +81,8 @@ let jobsLoader = useJobsLoader(() => ({
     syncQueuedRunsCount: false,
     refreshRate: 10000,
     currentWorkspace: $workspaceStore ?? '',
-    skip: !runnableId
+    skip: !runnableId,
+    excludesEntrypointOverride: true
 }));
 let jobs = $derived(jobsLoader?.jobs ?? []);
 </script>

package/package/components/InstanceSetting.svelte

@@ -29,6 +29,7 @@ import SettingCard from './instanceSettings/SettingCard.svelte';
 let { setting, version, values, loading = true, openSmtpSettings, oauths, warning } = $props();
 const dispatch = createEventDispatcher();
 let latestKeyRenewalAttempt = $state(null);
+let offlineCapStatus = $state(null);
 function showSetting(setting, values) {
     if (setting == 'dev_instance') {
         if (values['license_key'] == undefined) {
@@ -42,6 +43,14 @@ let opening = $state(false);
 async function reloadKeyrenewalAttemptInfo() {
     latestKeyRenewalAttempt = await SettingService.getLatestKeyRenewalAttempt();
 }
+async function reloadLicenseStatus() {
+    try {
+        offlineCapStatus = (await SettingService.getOfflineLicenseStatus());
+    }
+    catch {
+        offlineCapStatus = null;
+    }
+}
 async function reloadLicenseKey() {
     $values['license_key'] = await SettingService.getGlobal({
         key: 'license_key'
@@ -49,7 +58,10 @@ async function reloadLicenseKey() {
 }
 $effect(() => {
     if (setting.key == 'license_key') {
-        untrack(() => reloadKeyrenewalAttemptInfo());
+        untrack(() => {
+            reloadKeyrenewalAttemptInfo();
+            reloadLicenseStatus();
+        });
     }
 });
 export async function renewLicenseKey() {
@@ -393,7 +405,7 @@ $effect(() => {
 								</div>
 							{/if}
 						{/if}
-						{#if latestKeyRenewalAttempt}
+						{#if latestKeyRenewalAttempt && !offlineCapStatus}
 							{@const attemptedAt = new Date(latestKeyRenewalAttempt.attempted_at).toLocaleString()}
 							{@const isTrial = latestKeyRenewalAttempt.result.startsWith('error: trial:')}
 							<div class="relative">
@@ -463,11 +475,41 @@ $effect(() => {
 							</div>
 						{/if}
 
+						{#if offlineCapStatus}
+							{@const cap = offlineCapStatus}
+							{@const seatsOver = cap.seats_used > cap.seats_cap}
+							{@const cuOver = cap.cu_over_cap}
+							<div class="mt-1 flex flex-row items-center gap-2 text-xs">
+								<div class="flex flex-row items-center gap-1">
+									{#if seatsOver}
+										<BadgeX class="text-red-600" size={12} />
+									{:else}
+										<BadgeCheck class="text-green-600" size={12} />
+									{/if}
+									<span class={seatsOver ? 'text-red-600' : 'text-green-600'}>
+										Seats: {cap.seats_used.toFixed(1)} / {cap.seats_cap}
+									</span>
+								</div>
+								<div class="flex flex-row items-center gap-1">
+									{#if cuOver}
+										<BadgeX class="text-red-600" size={12} />
+									{:else}
+										<BadgeCheck class="text-green-600" size={12} />
+									{/if}
+									<span class={cuOver ? 'text-red-600' : 'text-green-600'}>
+										CUs: {cap.current_cu.toFixed(2)} / {cap.cu_cap.toFixed(2)}
+									</span>
+								</div>
+							</div>
+						{/if}
+
 						{#if valid || expiration}
 							<div class="flex flex-row gap-2 mt-1">
-								<Button on:click={renewLicenseKey} loading={renewing} size="xs" variant="accent"
-									>Renew key
-								</Button>
+								{#if !offlineCapStatus}
+									<Button on:click={renewLicenseKey} loading={renewing} size="xs" variant="accent"
+										>Renew key
+									</Button>
+								{/if}
 								<Button variant="accent" size="xs" loading={opening} on:click={openCustomerPortal}>
 									Open customer portal
 								</Button>

package/package/components/LogViewer.svelte

@@ -8,11 +8,12 @@ const s3LogPrefixes = [
 const S3_LOG_SEARCH_LIMIT = 2000;
 </script>
 
-<script lang="ts">import { ClipboardCopy, Download, Expand, Loader2 } from 'lucide-svelte';
+<script lang="ts">import { ClipboardCopy, Download, Expand, Loader2, Timer, Cpu } from 'lucide-svelte';
 import { Button, Drawer, DrawerContent } from './common';
 import { copyToClipboard } from '../utils';
 import { base } from '../base';
 import { withExternalDomain } from '../externalDomain';
+import { downloadViaClient, shouldDownloadViaClient } from '../utils/downloadFile';
 import { workspaceStore } from '../stores';
 import { AnsiUp } from 'ansi_up';
 import NoWorkerWithTagWarning from './runs/NoWorkerWithTagWarning.svelte';
@@ -96,8 +97,7 @@ function truncateContent(jobContent, loadedFromObjectStore, limit) {
     return content;
 }
 export function scrollToBottom() {
-    scroll &&
-        setTimeout(() => preEl?.scroll({ top: preEl?.scrollHeight, behavior: 'smooth' }), 100);
+    scroll && setTimeout(() => preEl?.scroll({ top: preEl?.scrollHeight, behavior: 'smooth' }), 100);
 }
 let logViewer = $state();
 async function getStoreLogs() {
@@ -133,7 +133,15 @@ $effect.pre(() => {
         scroll = true;
     }
 });
-let downloadHref = $derived(withExternalDomain(`${base}/api/w/${$workspaceStore}/jobs_u/get_logs/${jobId}`));
+let logsApiPath = $derived(`/w/${$workspaceStore}/jobs_u/get_logs/${jobId}`);
+let downloadHref = $derived(withExternalDomain(`${base}/api${logsApiPath}`));
+let downloadName = $derived(`windmill_logs_${jobId}.txt`);
+async function onDownloadClick(e) {
+    if (!shouldDownloadViaClient())
+        return;
+    e.preventDefault();
+    await downloadViaClient(logsApiPath, downloadName);
+}
 let truncatedContent = $derived(truncateContent(content, loadedFromObjectStore, LOG_LIMIT));
 let prefixInfo = $derived(findPrefixInfo(truncatedContent));
 let downloadStartUrl = $derived(findStartUrl(truncatedContent, prefixInfo));
@@ -171,17 +179,30 @@ let html = $derived.by(() => {
 	<DrawerContent title="Expanded Logs" on:close={logViewer.closeDrawer}>
 		{#snippet actions()}
 			{#if jobId && download}
-				<Button
-					href={downloadHref}
-					download="windmill_logs_{jobId}.txt"
-					color="light"
-					size="xs"
-					startIcon={{
-						icon: Download
-					}}
-				>
-					Download
-				</Button>
+				{#if shouldDownloadViaClient()}
+					<Button
+						on:click={() => downloadViaClient(logsApiPath, downloadName)}
+						color="light"
+						size="xs"
+						startIcon={{
+							icon: Download
+						}}
+					>
+						Download
+					</Button>
+				{:else}
+					<Button
+						href={downloadHref}
+						download={downloadName}
+						color="light"
+						size="xs"
+						startIcon={{
+							icon: Download
+						}}
+					>
+						Download
+					</Button>
+				{/if}
 			{/if}
 
 			<Button
@@ -220,7 +241,9 @@ let html = $derived.by(() => {
 			class="w-full h-full bg-surface-secondary flex flex-col {noMaxH ? '' : 'max-h-screen'}"
 			data-nav-id={navigationId}
 		>
-			<div class="flex gap-2 ml-2 {small ? 'py-1' : 'py-2'} border-b">
+			<div
+				class="flex gap-2 ml-2 {small ? 'py-1' : 'py-2'} border-b overflow-x-auto overflow-y-hidden"
+			>
 				{#if isLoading}
 					<div class="flex gap-2 items-center">
 						<Loader2 class="animate-spin" />
@@ -236,14 +259,27 @@ let html = $derived.by(() => {
 					</div>
 				{:else if duration}
 					<span
-						class={twMerge('text-secondary dark:text-gray-400', small ? '!text-2xs' : '!text-xs')}
-						>took {duration}ms</span
+						class={twMerge(
+							'flex items-center gap-1 text-secondary dark:text-gray-400',
+							small ? '!text-2xs' : '!text-xs'
+						)}
+						title="Duration"
 					>
+						<Timer size={small ? 10 : 12} />
+						{duration}ms
+					</span>
 				{/if}
 				{#if mem}
-					<span class="{small ? '!text-2xs' : '!text-xs'} text-secondary dark:text-gray-400"
-						>mem peak: {(mem / 1024).toPrecision(4)}MB</span
+					<span
+						class={twMerge(
+							'flex items-center gap-1 text-secondary dark:text-gray-400',
+							small ? '!text-2xs' : '!text-xs'
+						)}
+						title="Memory peak"
 					>
+						<Cpu size={small ? 10 : 12} />
+						{(mem / 1024).toPrecision(4)}MB
+					</span>
 				{/if}
 				<div class="flex gap-2 justify-end flex-1">
 					{#if jobId && download}
@@ -252,15 +288,18 @@ let html = $derived.by(() => {
 								class="text-primary pb-0.5"
 								target="_blank"
 								href={downloadHref}
-								download="windmill_logs_{jobId}.txt"
+								download={downloadName}
+								onclick={onDownloadClick}
 								><Download size="14" />
 							</a>
 						</div>
 					{/if}
 					<button onclick={logViewer.openDrawer}><Expand size="12" /></button>
 					{#if !noAutoScroll}
-						<label class="pr-2 text-2xs flex gap-2 font-normal text-primary items-center">
-							Auto scroll
+						<label
+							class="pr-2 text-2xs flex gap-2 font-normal text-primary items-center whitespace-nowrap"
+						>
+							auto-scroll
 							<input class="windmillapp" type="checkbox" bind:checked={scroll} />
 						</label>
 					{/if}

package/package/components/ParqetCsvTableRenderer.svelte

@@ -6,6 +6,7 @@ import { twMerge } from 'tailwind-merge';
 import DarkModeObserver from './DarkModeObserver.svelte';
 import { HelpersService } from '../gen';
 import { base } from '../base';
+import { downloadViaClient, shouldDownloadViaClient } from '../utils/downloadFile';
 import { enterpriseLicense, workspaceStore } from '../stores';
 import { Download } from 'lucide-svelte';
 import { Loader2 } from 'lucide-svelte';
@@ -171,13 +172,17 @@ run(() => {
 		</div>
 	{/if}
 	{#if !disable_download && !s3resource.endsWith('.csv')}
+		{@const csvApiPath = `/w/${workspaceId}/job_helpers/download_s3_parquet_file_as_csv?file_key=${encodeURIComponent(s3resource)}${storage ? `&storage=${storage}` : ''}`}
+		{@const csvName = (s3resource.split('/').pop() ?? 'download') + '.csv'}
 		<a
 			target="_blank"
-			href="{base}/api/w/{workspaceId}/job_helpers/download_s3_parquet_file_as_csv?file_key={encodeURIComponent(
-				s3resource
-			)}{storage ? `&storage=${storage}` : ''}"
+			href="{base}/api{csvApiPath}"
 			class="text-secondary w-full text-right underline text-2xs whitespace-nowrap"
-			><div class="flex flex-row-reverse gap-2 items-center"><Download size={12} /> CSV</div></a
+			onclick={async (e) => {
+				if (!shouldDownloadViaClient()) return
+				e.preventDefault()
+				await downloadViaClient(csvApiPath, csvName)
+			}}><div class="flex flex-row-reverse gap-2 items-center"><Download size={12} /> CSV</div></a
 		>
 	{/if}
 

package/package/components/Path.svelte

@@ -282,6 +282,16 @@ async function initPath() {
 function setDirty() {
     !dirty && (dirty = true);
 }
+$effect(() => {
+    if (path !== undefined &&
+        path !== '' &&
+        initialPath &&
+        !initialPath.startsWith('tmp/') &&
+        path !== initialPath &&
+        !dirty) {
+        dirty = true;
+    }
+});
 const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 $effect.pre(() => {
     ;

package/package/components/S3FilePickerInner.svelte

@@ -5,6 +5,7 @@ import { workspaceStore } from '../stores';
 import { CancelablePromise, HelpersService } from '../gen';
 import { base } from '../base';
 import { displayDate, displaySize, emptyString, parseS3Object, sendUserToast } from '../utils';
+import { downloadViaClient, shouldDownloadViaClient } from '../utils/downloadFile';
 import { Alert, Button } from './common';
 import Section from './Section.svelte';
 import { createEventDispatcher, untrack } from 'svelte';
@@ -577,14 +578,27 @@ $effect.pre(() => {
 						{#if filePreview !== undefined && (!hideS3SpecificDetails || !readOnlyMode || allowDelete)}
 							<div class="flex gap-2 shrink-0">
 								{#if !hideS3SpecificDetails}
-									<Button
-										title="Download file from S3"
-										variant="default"
-										href={`${base}/api/w/${$workspaceStore}/job_helpers/download_s3_file?file_key=${encodeURIComponent(fileMetadata?.fileKey ?? '')}${storage ? `&storage=${storage}` : ''}`}
-										download={fileMetadata?.fileKey.split('/').pop() ?? 'unnamed_download.file'}
-										startIcon={{ icon: Download }}
-										iconOnly={true}
-									/>
+									{@const downloadApiPath = `/w/${$workspaceStore}/job_helpers/download_s3_file?file_key=${encodeURIComponent(fileMetadata?.fileKey ?? '')}${storage ? `&storage=${storage}` : ''}`}
+									{@const downloadName =
+										fileMetadata?.fileKey.split('/').pop() ?? 'unnamed_download.file'}
+									{#if shouldDownloadViaClient()}
+										<Button
+											title="Download file from S3"
+											variant="default"
+											on:click={() => downloadViaClient(downloadApiPath, downloadName)}
+											startIcon={{ icon: Download }}
+											iconOnly={true}
+										/>
+									{:else}
+										<Button
+											title="Download file from S3"
+											variant="default"
+											href={`${base}/api${downloadApiPath}`}
+											download={downloadName}
+											startIcon={{ icon: Download }}
+											iconOnly={true}
+										/>
+									{/if}
 								{/if}
 								{#if !readOnlyMode}
 									<Button

package/package/components/ScriptEditor.svelte

@@ -408,6 +408,8 @@ let logPanel = $state(undefined);
 let testIsLoading = $state(false);
 let testJob = $state();
 let pastPreviews = $state([]);
+let historyTabActive = false;
+let pastPreviewsRequest;
 let validCode = $state(true);
 // Recording
 let scriptRecording = createScriptRecording();
@@ -511,7 +513,9 @@ export async function runTest() {
                 lastRecording = scriptRecording.stop();
                 setActiveRecording(undefined);
             }
-            loadPastTests();
+            if (historyTabActive) {
+                loadPastTests();
+            }
         },
         doneError({ error }) {
             if (scriptRecording.active) {
@@ -536,12 +540,31 @@ function downloadRecording() {
     }
 }
 async function loadPastTests() {
-    pastPreviews = await JobService.listCompletedJobs({
+    pastPreviewsRequest?.cancel();
+    const req = JobService.listCompletedJobs({
         workspace: $workspaceStore,
         jobKinds: 'preview',
         createdBy: $userStore?.username,
-        scriptPathExact: path
+        scriptPathExact: path,
+        hasNullParent: true
     });
+    pastPreviewsRequest = req;
+    try {
+        const result = await req;
+        if (pastPreviewsRequest === req) {
+            pastPreviews = result;
+        }
+    }
+    catch (err) {
+        if (!(err instanceof Error) || err.name !== 'CancelError') {
+            throw err;
+        }
+    }
+    finally {
+        if (pastPreviewsRequest === req) {
+            pastPreviewsRequest = undefined;
+        }
+    }
 }
 export async function inferSchema(code, { nlang, resetArgs = false, applyInitialArgs = false } = {}) {
     let nschema = schema ?? emptySchema();
@@ -897,7 +920,6 @@ onMount(async () => {
     if (!validCode && code && lang) {
         await inferSchema(code, { applyInitialArgs: true });
     }
-    loadPastTests();
     aiChatManager.saveAndClear();
     aiChatManager.changeMode(AIMode.SCRIPT);
 });
@@ -964,6 +986,8 @@ export function disableCollaboration() {
     wsProvider = undefined;
 }
 onDestroy(() => {
+    pastPreviewsRequest?.cancel();
+    pastPreviewsRequest = undefined;
     disableCollaboration();
     aiChatManager.scriptEditorApplyCode = undefined;
     aiChatManager.scriptEditorShowDiffMode = undefined;
@@ -1413,6 +1437,12 @@ $effect(() => {
 										} as any)
 									: testJob}
 								{pastPreviews}
+								onTabChange={(tab) => {
+									historyTabActive = tab === 'history'
+									if (historyTabActive) {
+										loadPastTests()
+									}
+								}}
 								previewIsLoading={debugMode
 									? $debugState.running && !$debugState.stopped
 									: testIsLoading}

package/package/components/ShareModal.svelte.d.ts

@@ -16,7 +16,7 @@ declare const ShareModal: $$__sveltets_2_IsomorphicComponent<Record<string, neve
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
-    openDrawer: (newPath: string, kind_l: "resource" | "volume" | "script" | "flow" | "app" | "variable" | "schedule" | "raw_app" | "group_" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "mqtt_trigger" | "gcp_trigger" | "azure_trigger" | "sqs_trigger" | "email_trigger", isOwnerOverride?: boolean) => Promise<void>;
+    openDrawer: (newPath: string, kind_l: "resource" | "volume" | "script" | "flow" | "app" | "variable" | "schedule" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "mqtt_trigger" | "sqs_trigger" | "gcp_trigger" | "azure_trigger" | "email_trigger" | "group_", isOwnerOverride?: boolean) => Promise<void>;
 }, "">;
 type ShareModal = InstanceType<typeof ShareModal>;
 export default ShareModal;

package/package/components/VariableForm.svelte

@@ -51,7 +51,7 @@ export function setCode(value) {
 {#if deployTo}
 	<Label
 		label="Workspace specific"
-		tooltip="Prevents this variable from being deployed to prod/staging"
+		tooltip="Prevents this variable from being deployed to prod/staging. May have been enabled automatically because a workspace-specific resource references this variable via $var:. Disabling this toggle does not retroactively un-mark the resource that referenced it."
 	>
 		<Toggle bind:checked={wsSpecific} />
 	</Label>

package/package/components/apps/components/helpers/RunnableComponent.svelte.d.ts

@@ -84,6 +84,7 @@ declare const RunnableComponent: $$__sveltets_2_IsomorphicComponent<Props, {
             path?: string;
             lock?: string;
             cache_ttl?: number;
+            tag?: string;
         };
         id?: number;
         force_viewer_static_fields?: {

package/package/components/common/fileDownload/FileDownload.svelte

@@ -1,7 +1,20 @@
 <script lang="ts">import { workspaceStore } from '../../../stores';
 import { Download } from 'lucide-svelte';
 import { base } from '../../../base';
+import { downloadViaClient, shouldDownloadViaClient } from '../../../utils/downloadFile';
 let { s3object, workspaceId = undefined, appPath = undefined } = $props();
+let workspace = $derived(workspaceId ?? $workspaceStore);
+let filename = $derived(s3object?.s3?.split?.('/')?.pop() ?? 'unnamed_download.file');
+let apiPath = $derived(`${appPath
+    ? `/w/${workspace}/apps_u/download_s3_file/${appPath}`
+    : `/w/${workspace}/job_helpers/download_s3_file`}?${appPath ? 's3' : 'file_key'}=${encodeURIComponent(s3object?.s3 ?? '')}${s3object?.storage ? `&storage=${s3object.storage}` : ''}${appPath && s3object?.presigned ? `&${s3object?.presigned}` : ''}`);
+let href = $derived(`${base}/api${apiPath}`);
+async function onclick(e) {
+    if (!shouldDownloadViaClient())
+        return;
+    e.preventDefault();
+    await downloadViaClient(apiPath, filename);
+}
 </script>
 
 {#if s3object && s3object?.s3}
@@ -10,12 +23,9 @@ let { s3object, workspaceId = undefined, appPath = undefined } = $props();
 border border-dashed border-gray-400 hover:border-blue-500
 focus-within:border-blue-500 hover:bg-blue-50 dark:hover:bg-frost-900 focus-within:bg-blue-50
 duration-200 rounded-lg p-1 gap-2"
-		href={`${base}/api/w/${workspaceId ?? $workspaceStore}${
-			appPath ? `/apps_u/download_s3_file/${appPath}` : '/job_helpers/download_s3_file'
-		}?${appPath ? 's3' : 'file_key'}=${encodeURIComponent(s3object?.s3 ?? '')}${
-			s3object?.storage ? `&storage=${s3object.storage}` : ''
-		}${appPath && s3object?.presigned ? `&${s3object?.presigned}` : ''}`}
-		download={s3object?.s3?.split?.('/')?.pop() ?? 'unnamed_download.file'}
+		{href}
+		download={filename}
+		{onclick}
 	>
 		<Download />
 		<span>

package/package/components/flows/idUtils.js

@@ -13,7 +13,10 @@ export const forbiddenIds = [
     'in',
     'failure',
     'preprocessor',
-    'as'
+    'as',
+    'Input',
+    'Result',
+    'Trigger'
 ];
 export function numberToChars(n) {
     if (n < 0) {

package/package/components/flows/stepsInputArgs.svelte.js

@@ -1,4 +1,4 @@
-import { dfs, getPreviousModule, getStepPropPicker } from './previousResults';
+import { dfs, getPreviousModule, getStepPropPicker, getFailureStepPropPicker } from './previousResults';
 import { evalValue } from './utils.svelte';
 export class StepsInputArgs {
     #stepsEvaluated = $state({});
@@ -103,6 +103,11 @@ export class StepsInputArgs {
         this.#steps[mod.id] = argsSnapshot;
     }
     updateStepArgs(id, flowState, flow, previewArgs) {
+        if (id === 'failure' && flow && flow.value.failure_module && flowState) {
+            const picker = getFailureStepPropPicker(flowState, flow, previewArgs);
+            this.initializeFromSchema(flow.value.failure_module, flowState['failure']?.schema ?? {}, picker.pickableProperties);
+            return;
+        }
         if (!flowState || !flow) {
             return;
         }