windmill-components 1.695.1 → 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/Editor.svelte

@@ -58,7 +58,7 @@ import { resource, useDebounce, watch } from 'runed';
 // import EditorTheme from './EditorTheme.svelte'
 let divEl = $state(null);
 let editor = $state(null);
-let { code = $bindable(), cmdEnterAction = undefined, formatAction = undefined, automaticLayout = true, websocketAlive = $bindable(), shouldBindKey = true, fixedOverflowWidgets = true, path = undefined, yContent = undefined, awareness = undefined, folding = false, args = undefined, useWebsockets = true, small = false, scriptLang, disabled = false, lineNumbersMinChars = 3, files = {}, extraLib = undefined, changeTimeout = 500, loadAsync = false, key = undefined, class: clazz = undefined, moduleId = undefined, enablePreprocessorSnippet = false, rawAppRunnableKey = undefined, preparedAssetsSqlQueries, customTag } = $props();
+let { code = $bindable(), cmdEnterAction = undefined, formatAction = undefined, automaticLayout = true, websocketAlive = $bindable(), shouldBindKey = true, fixedOverflowWidgets = true, path = undefined, yContent = undefined, awareness = undefined, folding = false, args = undefined, useWebsockets = true, small = false, scriptLang, workflowAsCode = false, disabled = false, lineNumbersMinChars = 3, files = {}, extraLib = undefined, changeTimeout = 500, loadAsync = false, key = undefined, class: clazz = undefined, moduleId = undefined, enablePreprocessorSnippet = false, rawAppRunnableKey = undefined, preparedAssetsSqlQueries, customTag } = $props();
 $effect.pre(() => {
     if (websocketAlive == undefined) {
         websocketAlive = {
@@ -627,11 +627,11 @@ function addChatHandler(editor) {
     }
 }
 let autocompletor = $state(undefined);
-function addAutoCompletor(editor, scriptLang) {
+function addAutoCompletor(editor, scriptLang, workflowAsCode) {
     if (autocompletor) {
         autocompletor.dispose();
     }
-    autocompletor = new Autocompletor(editor, scriptLang);
+    autocompletor = new Autocompletor(editor, scriptLang, { workflowAsCode });
 }
 const outputChannel = {
     name: 'Language Server Client',
@@ -1543,13 +1543,14 @@ $effect(() => {
     (!dbSchema || lang !== 'graphql') && untrack(() => disposeGaphqlService());
 });
 $effect(() => {
+    const currentWorkflowAsCode = workflowAsCode;
     $copilotInfo.enabled &&
         $codeCompletionSessionEnabled &&
         Autocompletor.isProviderModelSupported($copilotInfo.codeCompletionModel) &&
         initialized &&
         editor &&
         scriptLang &&
-        untrack(() => editor && addAutoCompletor(editor, scriptLang));
+        untrack(() => editor && addAutoCompletor(editor, scriptLang, currentWorkflowAsCode));
 });
 $effect(() => {
     $copilotInfo.enabled && initialized && editor && untrack(() => editor && addChatHandler(editor));

package/package/components/Editor.svelte.d.ts

@@ -23,6 +23,7 @@ interface Props {
     useWebsockets?: boolean;
     small?: boolean;
     scriptLang: Preview['language'] | 'bunnative' | 'tsx' | 'jsx' | 'json' | undefined;
+    workflowAsCode?: boolean;
     disabled?: boolean;
     lineNumbersMinChars?: number;
     files?: Record<string, {

package/package/components/FilterSearchbar.svelte

@@ -185,7 +185,7 @@ import Button from './common/button/Button.svelte';
 import Badge from './common/badge/Badge.svelte';
 import InlineCalendarInput, { fromCalendarDate, toCalendarDate } from './common/InlineCalendarInput.svelte';
 import { ButtonType } from './common';
-let { schema, value: valueInput = $bindable(), presets: _presets = [], class: className, placeholder = 'Filter...' } = $props();
+let { schema, value: valueInput = $bindable(), presets: _presets = [], class: className, placeholder = 'Filter...', autofocus } = $props();
 let _value = new DebouncedTempValue(() => clone(valueInput), (v) => !errors.length && (valueInput = clone(v)), (t) => Object.entries(t));
 let value = $derived(_value.current);
 let errors = $derived(validateFilterInstance(schema, value));
@@ -493,6 +493,8 @@ function appendFilterAsText(presetValue) {
 			inputSizeClasses.md
 		)}
 		{placeholder}
+		onKeyDown={() => (open = true)}
+		{autofocus}
 	/>
 	{#if asText.val}
 		<CloseButton small class="mr-1.5" onClick={() => (_value.current = {})} />

package/package/components/FilterSearchbar.svelte.d.ts

@@ -81,6 +81,7 @@ type Props<SchemaT extends FilterSchemaRec> = {
     }[];
     class?: string;
     placeholder?: string;
+    autofocus?: boolean;
 };
 declare const FilterSearchbar: import("svelte").Component<Props<FilterSchemaRec>, {}, "value">;
 type FilterSearchbar = ReturnType<typeof FilterSearchbar>;

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/ForkWorkspaceBanner.svelte

@@ -213,6 +213,22 @@ function forkAheadBehindMessage(changesAhead, changesBehind) {
 												: ''}
 										</span>
 									{/if}
+									{#if comparison.summary.schedules_changed > 0}
+										<span class="text-blue-700 dark:text-blue-100">
+											{comparison.summary.schedules_changed} schedule{comparison.summary
+												.schedules_changed !== 1
+												? 's'
+												: ''}
+										</span>
+									{/if}
+									{#if comparison.summary.triggers_changed > 0}
+										<span class="text-blue-700 dark:text-blue-100">
+											{comparison.summary.triggers_changed} trigger{comparison.summary
+												.triggers_changed !== 1
+												? 's'
+												: ''}
+										</span>
+									{/if}
 								</div>
 
 								{#if ciTestTotal > 0}

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,10 +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';
@@ -24,7 +26,7 @@ let { content, isLoading, duration = undefined, mem = undefined, wrapperClass =
 const ansi_up = $state(new AnsiUp());
 ansi_up.use_classes = true;
 let scroll = $state(true);
-let div = $state(null);
+let preEl = $state(null);
 // let downloadStartUrl: string | undefined = undefined
 let LOG_INC = 10000;
 let LOG_LIMIT = $state(LOG_INC);
@@ -95,8 +97,7 @@ function truncateContent(jobContent, loadedFromObjectStore, limit) {
     return content;
 }
 export function scrollToBottom() {
-    // console.log('scrollToBottom', scroll, div)
-    scroll && setTimeout(() => div?.scroll({ top: div?.scrollHeight, behavior: 'smooth' }), 100);
+    scroll && setTimeout(() => preEl?.scroll({ top: preEl?.scrollHeight, behavior: 'smooth' }), 100);
 }
 let logViewer = $state();
 async function getStoreLogs() {
@@ -132,6 +133,15 @@ $effect.pre(() => {
         scroll = true;
     }
 });
+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));
@@ -169,17 +179,30 @@ let html = $derived.by(() => {
 	<DrawerContent title="Expanded Logs" on:close={logViewer.closeDrawer}>
 		{#snippet actions()}
 			{#if jobId && download}
-				<Button
-					href="{base}/api/w/{$workspaceStore}/jobs_u/get_logs/{jobId}"
-					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
@@ -199,12 +222,12 @@ let html = $derived.by(() => {
 				>{#if content}{@const len =
 						(content?.length ?? 0) +
 						(loadedFromObjectStore?.length ?? 0)}{#if splitHtml}{@html splitHtml.before}<button
-								onclick={getStoreLogs}
-								>Show more... <Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
-							>{@html splitHtml.after}{:else if downloadStartUrl}<button
 							onclick={getStoreLogs}
 							>Show more... <Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
-						><br />{@html html}{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)...<br
+						>{@html splitHtml.after}{:else if downloadStartUrl}<button onclick={getStoreLogs}
+							>Show more... <Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
+						><br
+						/>{@html html}{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)...<br
 						/><button onclick={() => showMoreTruncate(len)}>Show more..</button><br
 						/>{@html html}{:else}{@html html}{/if}{:else if isLoading}Waiting for job to start...{:else}No logs are available yet{/if}</pre
 			>
@@ -215,19 +238,58 @@ let html = $derived.by(() => {
 <div class="w-full h-full {wrapperClass}">
 	<div class="w-full h-full relative">
 		<div
-			bind:this={div}
-			class="w-full h-full overflow-auto bg-surface-secondary pt-4 {noMaxH ? '' : 'max-h-screen'}"
+			class="w-full h-full bg-surface-secondary flex flex-col {noMaxH ? '' : 'max-h-screen'}"
 			data-nav-id={navigationId}
 		>
-			<div class="absolute z-10 top-0 right-0 flex flex-row-reverse justify-between text-xs">
-				<div class="flex gap-2">
+			<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" />
+						{#if tag}
+							<div class="flex flex-row items-center gap-1">
+								<div class="text-secondary text-2xs">{tagLabel ?? 'tag'}: {tag}</div>
+								<NoWorkerWithTagWarning {tagLabel} {tag} />
+							</div>
+						{/if}
+						{#if jobId}
+							<QueuePosition {jobId} />
+						{/if}
+					</div>
+				{:else if duration}
+					<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={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}
 						<div class="flex items-center">
 							<a
 								class="text-primary pb-0.5"
 								target="_blank"
-								href="{base}/api/w/{$workspaceStore}/jobs_u/get_logs/{jobId}"
-								download="windmill_logs_{jobId}.txt"
+								href={downloadHref}
+								download={downloadName}
+								onclick={onDownloadClick}
 								><Download size="14" />
 							</a>
 						</div>
@@ -235,66 +297,34 @@ let html = $derived.by(() => {
 					<button onclick={logViewer.openDrawer}><Expand size="12" /></button>
 					{#if !noAutoScroll}
 						<label
-							class="{small
-								? ''
-								: 'py-2'} pr-2 text-2xs flex gap-2 font-normal text-primary items-center"
+							class="pr-2 text-2xs flex gap-2 font-normal text-primary items-center whitespace-nowrap"
 						>
-							Auto scroll
+							auto-scroll
 							<input class="windmillapp" type="checkbox" bind:checked={scroll} />
 						</label>
 					{/if}
 				</div>
 			</div>
-			{#if isLoading}
-				<div class="flex gap-2 absolute top-2 left-2 items-center z-10">
-					<Loader2 class="animate-spin" />
-					{#if tag}
-						<div class="flex flex-row items-center gap-1">
-							<div class="text-primary text-2xs">{tagLabel ?? 'tag'}: {tag}</div>
-							<NoWorkerWithTagWarning {tagLabel} {tag} />
-						</div>
-					{/if}
-					{#if jobId}
-						<QueuePosition {jobId} />
-					{/if}
-				</div>
-			{:else if duration}
-				<span
-					class={twMerge(
-						'absolute  text-primary dark:text-gray-400',
-						small ? '!text-2xs' : '!text-xs',
-						small ? 'top-0' : 'top-2',
-						noPadding ? '' : 'left-2'
-					)}>took {duration}ms</span
-				>
-			{/if}
-			{#if mem}
-				<span
-					class="absolute {small ? '!text-2xs' : '!text-xs'} text-primary dark:text-gray-400 {small
-						? 'top-0'
-						: 'top-2'}  left-36">mem peak: {(mem / 1024).toPrecision(4)}MB</span
-				>
-			{/if}
 			<pre
+				bind:this={preEl}
 				class={twMerge(
-					'whitespace-pre break-words w-full ',
+					'whitespace-pre break-words w-full flex-1 overflow-auto',
 					small ? '!text-2xs' : '!text-xs',
 					noPadding ? '' : 'p-2'
 				)}
 				>{#if content}{@const len =
-						(content?.length ?? 0) +
-						(loadedFromObjectStore?.length ?? 0)}{#if splitHtml}<span>{@html splitHtml.before}</span><button
-								onclick={getStoreLogs}
-								>Show more... &nbsp;<Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
-							><span>{@html splitHtml.after}</span
-						>{:else if downloadStartUrl}<button
+						(content?.length ?? 0) + (loadedFromObjectStore?.length ?? 0)}{#if splitHtml}<span
+							>{@html splitHtml.before}</span
+						><button onclick={getStoreLogs}
+							>Show more... &nbsp;<Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
+						><span>{@html splitHtml.after}</span>{:else if downloadStartUrl}<button
 							onclick={getStoreLogs}
 							>Show more... &nbsp;<Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
-						><br /><span>{@html html}</span
-						>{:else if len > LOG_LIMIT}<button onclick={() => showMoreTruncate(len)}
-							>Show more..</button
-						>&nbsp;({LOG_LIMIT}/{len} chars)<br /><span>{@html html}</span
-						>{:else}<span>{@html html}</span>{/if}{:else if !isLoading}<span>{customEmptyMessage}</span>{/if}</pre
+						><br /><span>{@html html}</span>{:else if len > LOG_LIMIT}<button
+							onclick={() => showMoreTruncate(len)}>Show more..</button
+						>&nbsp;({LOG_LIMIT}/{len} chars)<br /><span>{@html html}</span>{:else}<span
+							>{@html html}</span
+						>{/if}{:else if !isLoading}<span>{customEmptyMessage}</span>{/if}</pre
 			>
 		</div>
 	</div>

package/package/components/OnBehalfOfSelector.svelte

@@ -1,13 +1,16 @@
-<script lang="ts" module>/**
+<script lang="ts" module>import { isTriggerOrScheduleKind } from 'windmill-utils-internal';
+/**
  * Check if an item needs on_behalf_of selection.
  * Shows the selector when the source item has an on_behalf_of value set.
  */
 export function needsOnBehalfOfSelection(kind, sourceValue) {
-    if (kind !== 'flow' &&
-        kind !== 'script' &&
-        kind !== 'app' &&
-        kind !== 'raw_app' &&
-        kind !== 'trigger')
+    const supported = kind === 'flow' ||
+        kind === 'script' ||
+        kind === 'app' ||
+        kind === 'raw_app' ||
+        kind === 'trigger' ||
+        isTriggerOrScheduleKind(kind);
+    if (!supported)
         return false;
     return !!sourceValue;
 }
@@ -20,7 +23,7 @@ import { userStore } from '../stores';
 import { UserService } from '../gen';
 import TextInput from './text_input/TextInput.svelte';
 let { targetWorkspace, targetValue, selected, onSelect, kind, canPreserve, customValue, isDeployment = true, folderDefault = undefined } = $props();
-const isTrigger = $derived(kind === 'trigger');
+const isTrigger = $derived(kind === 'trigger' || isTriggerOrScheduleKind(kind));
 let label = $derived(isTrigger
     ? 'Set the user this will be permissioned as:'
     : 'Set the user this will be run on behalf of:');

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}