windmill-components 1.677.1 → 1.695.0

package/package/components/QueueAlerts.svelte

@@ -7,13 +7,12 @@ import MultiSelect from './select/MultiSelect.svelte';
 import { Plus, Edit3, Save, X, Trash, ExternalLink } from 'lucide-svelte';
 import { sendUserToast } from '../toast';
 import { twMerge } from 'tailwind-merge';
-import { ConfigService } from '../gen';
+import { ConfigService, SettingService } from '../gen';
 import Tooltip from './Tooltip.svelte';
 import Badge from './common/badge/Badge.svelte';
 import { enterpriseLicense } from '../stores';
 let queueAlertConfig = $state([]);
 let availableTags = $state([]);
-let configName = 'alert__job_queue_waiting';
 let editingRowIndex = $state(-1);
 let editForm = $state({
     tags_to_monitor: [],
@@ -37,7 +36,7 @@ onMount(async () => {
 });
 async function fetchConfig() {
     try {
-        const response = await ConfigService.getConfig({ name: configName });
+        const response = await SettingService.getGlobal({ key: 'alert_job_queue_waiting' });
         queueAlertConfig = response?.alerts || [];
         expandedTagRows = [];
     }
@@ -47,11 +46,12 @@ async function fetchConfig() {
 }
 async function fetchWorkerTags() {
     try {
-        const response = await ConfigService.listConfigs();
+        const response = await ConfigService.listWorkerGroups();
         const workerTagsSet = new Set();
-        response.forEach((config) => {
-            if (config.name.startsWith('worker__') && Array.isArray(config.config?.worker_tags)) {
-                config?.config?.worker_tags.forEach((tag) => workerTagsSet.add(tag));
+        response.forEach((wg) => {
+            const config = wg.config;
+            if (Array.isArray(config?.worker_tags)) {
+                config.worker_tags.forEach((tag) => workerTagsSet.add(tag));
             }
         });
         return Array.from(workerTagsSet);
@@ -163,9 +163,9 @@ async function addNewAlert() {
     }
 }
 async function saveQueueAlertConfig() {
-    await ConfigService.updateConfig({
-        name: configName,
-        requestBody: { alerts: queueAlertConfig }
+    await SettingService.setGlobal({
+        key: 'alert_job_queue_waiting',
+        requestBody: { value: { alerts: queueAlertConfig } }
     });
 }
 function safeSelectItems(items) {

package/package/components/ResourcePicker.svelte

@@ -70,9 +70,9 @@ async function loadResources(resourceType) {
         }));
         if (datatableAsPgResource && resourceType === 'postgresql') {
             try {
-                const datatables = await WorkspaceService.listDataTables({
+                const datatables = (await WorkspaceService.listDataTables({
                     workspace: effectiveWorkspace
-                });
+                })).map((d) => d.name);
                 for (const dt of datatables) {
                     nc.push({
                         value: `datatable://${dt}`,

package/package/components/RunsPage.svelte

@@ -218,7 +218,8 @@ async function cancelJobs(uuidsToCancel, forceCancel = false) {
     const uuids = await JobService.cancelSelection({
         workspace: $workspaceStore ?? '',
         requestBody: uuidsToCancel,
-        forceCancel: forceCancel
+        forceCancel: forceCancel,
+        allWorkspaces: filters.val.all_workspaces || undefined
     });
     selectedIds = [];
     jobsLoader?.loadJobs(true, true);

package/package/components/S3FilePickerInner.svelte

@@ -567,53 +567,51 @@ $effect.pre(() => {
 					{/if}
 				</div>
 			{:else}
-				<div class="p-4 gap-2">
-					<Section
-						label={((p) => (p.startsWith(rootPath) ? p.slice(rootPath.length) : p))(
-							fileMetadata.fileKey
-						)}
-						breakAll
-					>
-						{#snippet action()}
-							<div class="flex gap-2">
-								{#if filePreview !== undefined}
-									{#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}
-										/>
-									{/if}
-									{#if !readOnlyMode}
-										<Button
-											title="Move file"
-											variant="default"
-											on:click={() => {
-												moveDestKey = fileMetadata?.fileKey ?? ''
-												moveModalOpen = true
-											}}
-											startIcon={{ icon: MoveRight }}
-											iconOnly={true}
-										/>
-									{/if}
-									{#if !readOnlyMode || allowDelete}
-										<Button
-											title="Delete file"
-											variant="default"
-											on:click={() => {
-												deletionModalOpen = true
-											}}
-											startIcon={{ icon: Trash }}
-											iconOnly={true}
-										/>
-									{/if}
+				<div class="px-3 py-2 flex flex-col gap-2">
+					<div class="flex flex-row items-center justify-between gap-2">
+						<h2 class="text-emphasis text-sm font-semibold break-all min-w-0">
+							{((p) => (p.startsWith(rootPath) ? p.slice(rootPath.length) : p))(
+								fileMetadata.fileKey
+							)}
+						</h2>
+						{#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}
+									/>
+								{/if}
+								{#if !readOnlyMode}
+									<Button
+										title="Move file"
+										variant="default"
+										on:click={() => {
+											moveDestKey = fileMetadata?.fileKey ?? ''
+											moveModalOpen = true
+										}}
+										startIcon={{ icon: MoveRight }}
+										iconOnly={true}
+									/>
+								{/if}
+								{#if !readOnlyMode || allowDelete}
+									<Button
+										title="Delete file"
+										variant="default"
+										on:click={() => {
+											deletionModalOpen = true
+										}}
+										startIcon={{ icon: Trash }}
+										iconOnly={true}
+									/>
 								{/if}
 							</div>
-						{/snippet}
-					</Section>
+						{/if}
+					</div>
 					{#if !hideS3SpecificDetails}
 						<TableSimple
 							headers={['Last modified', 'Size', 'Type']}
@@ -652,51 +650,53 @@ $effect.pre(() => {
 							<Loader2 size={12} class="animate-spin mr-1" /> File preview loading
 						</div>
 					{:else if fileMetadata !== undefined && filePreview !== undefined}
-						<div class="flex items-center text-primary mb-4">
-							{#if filePreview.contentType === 'Unknown'}
-								Type of file not supported for preview.
-							{:else if filePreview.contentType === 'Csv'}
-								Previewing a {filePreview.contentType?.toLowerCase()} file. Separator character:
-								<div class="inline-flex w-12 ml-2 mr-2">
-									<select
-										class="h-8"
-										bind:value={csvSeparatorChar}
-										onchange={(e) =>
-											loadFilePreview(
-												fileMetadata?.fileKey ?? '',
-												fileMetadata?.size,
-												fileMetadata?.mimeType
+						{#if filePreview.contentType === 'Unknown' || filePreview.contentType === 'Csv' || !hideS3SpecificDetails}
+							<div class="flex items-center text-primary mb-4">
+								{#if filePreview.contentType === 'Unknown'}
+									Type of file not supported for preview.
+								{:else if filePreview.contentType === 'Csv'}
+									Previewing a {filePreview.contentType?.toLowerCase()} file. Separator character:
+									<div class="inline-flex w-12 ml-2 mr-2">
+										<select
+											class="h-8"
+											bind:value={csvSeparatorChar}
+											onchange={(e) =>
+												loadFilePreview(
+													fileMetadata?.fileKey ?? '',
+													fileMetadata?.size,
+													fileMetadata?.mimeType
+												)}
+										>
+											<option value=",">,</option>
+											<option value=";">;</option>
+											<option value="\t">\t</option>
+											<option value="|">|</option>
+										</select>
+									</div>
+									Header row:
+									<div class="inline-flex item-center w-4 ml-2 mr-2">
+										<input
+											onfocus={bubble('focus')}
+											onclick={bubble('click')}
+											disabled={false}
+											type="checkbox"
+											id="csv-header"
+											class="h-5"
+											bind:checked={csvHasHeader}
+											onchange={stopPropagation((e) =>
+												loadFilePreview(
+													fileMetadata?.fileKey ?? '',
+													fileMetadata?.size,
+													fileMetadata?.mimeType
+												)
 											)}
-									>
-										<option value=",">,</option>
-										<option value=";">;</option>
-										<option value="\t">\t</option>
-										<option value="|">|</option>
-									</select>
-								</div>
-								Header row:
-								<div class="inline-flex item-center w-4 ml-2 mr-2">
-									<input
-										onfocus={bubble('focus')}
-										onclick={bubble('click')}
-										disabled={false}
-										type="checkbox"
-										id="csv-header"
-										class="h-5"
-										bind:checked={csvHasHeader}
-										onchange={stopPropagation((e) =>
-											loadFilePreview(
-												fileMetadata?.fileKey ?? '',
-												fileMetadata?.size,
-												fileMetadata?.mimeType
-											)
-										)}
-									/>
-								</div>
-							{:else if !hideS3SpecificDetails}
-								Previewing a {filePreview.contentType?.toLowerCase()} file.
-							{/if}
-						</div>
+										/>
+									</div>
+								{:else}
+									Previewing a {filePreview.contentType?.toLowerCase()} file.
+								{/if}
+							</div>
+						{/if}
 						<pre class="grow whitespace-no-wrap break-words"
 							>{#if !emptyString(filePreview.contentPreview)}{filePreview.contentPreview}{:else if filePreview.contentType !== undefined}Preview impossible.{/if}
 					</pre>

package/package/components/ScriptBuilder.svelte

@@ -415,7 +415,6 @@ async function editScript(stay, parentHash, deploymentMsg, triggersToDeploy) {
                 ws_error_handler_muted: script.ws_error_handler_muted,
                 priority: script.priority,
                 restart_unless_cancelled: script.restart_unless_cancelled,
-                delete_after_use: script.delete_after_use,
                 timeout: script.timeout,
                 concurrency_key: emptyString(script.concurrency_key) ? undefined : script.concurrency_key,
                 visible_to_runner_only: script.visible_to_runner_only,
@@ -557,7 +556,6 @@ async function saveDraft(forceSave = false) {
                     ws_error_handler_muted: script.ws_error_handler_muted,
                     priority: script.priority,
                     restart_unless_cancelled: script.restart_unless_cancelled,
-                    delete_after_use: script.delete_after_use,
                     timeout: script.timeout,
                     concurrency_key: emptyString(script.concurrency_key)
                         ? undefined
@@ -1112,6 +1110,38 @@ async function loadWorkerTags() {
 												WAC Python
 											</Button>
 										</span>
+										<Button
+											size="xs2"
+											variant="border"
+											color="light"
+											startIcon={{
+												icon: LanguageIcon,
+												props: { lang: 'bun', width: 16, height: 16 }
+											} as ButtonType.Icon}
+											on:click={() => {
+												template = 'ci_test_bun'
+												script.language = 'bun'
+												initContent('bun', script.kind, template)
+											}}
+										>
+											CI Test TypeScript
+										</Button>
+										<Button
+											size="xs2"
+											variant="border"
+											color="light"
+											startIcon={{
+												icon: LanguageIcon,
+												props: { lang: 'python3', width: 16, height: 16 }
+											} as ButtonType.Icon}
+											on:click={() => {
+												template = 'ci_test_python'
+												script.language = 'python3'
+												initContent('python3', script.kind, template)
+											}}
+										>
+											CI Test Python
+										</Button>
 									</div>
 									{#if customUi?.settingsPanel?.metadata?.disableScriptKind !== true}
 										<Section label="Script kind">
@@ -1403,7 +1433,7 @@ async function loadWorkerTags() {
 											>
 										{/snippet}
 									</Section>
-									<Section label="Delete after use">
+									<Section label="Delete after completion">
 										{#snippet header()}
 											<Tooltip
 												documentationLink="https://www.windmill.dev/docs/script_editor/settings#delete-after-use"
@@ -1414,7 +1444,8 @@ async function loadWorkerTags() {
 												<br />
 												<br />
 												The logs, arguments and results of the job will be completely deleted from Windmill
-												once it is complete and the result has been returned.
+												after the specified delay once it is complete and the result has been returned.
+												Set to 0 for immediate deletion.
 												<br />
 												<br />
 												The deletion is irreversible.
@@ -1429,18 +1460,24 @@ async function loadWorkerTags() {
 											<Toggle
 												disabled={!$enterpriseLicense}
 												size="sm"
-												checked={Boolean(script.delete_after_use)}
+												checked={script.delete_after_secs != null}
 												on:change={() => {
-													if (script.delete_after_use) {
-														script.delete_after_use = undefined
+													if (script.delete_after_secs != null) {
+														script.delete_after_secs = undefined
 													} else {
-														script.delete_after_use = true
+														script.delete_after_secs = 0
 													}
 												}}
 												options={{
-													right: 'Delete logs, arguments and results after use'
+													right: 'Delete logs, arguments and results after completion'
 												}}
 											/>
+											{#if script.delete_after_secs != null}
+												<SecondsInput
+													bind:seconds={script.delete_after_secs}
+													disabled={!$enterpriseLicense}
+												/>
+											{/if}
 										</div>
 									</Section>
 									{#if !isCloudHosted()}
@@ -1518,11 +1555,15 @@ async function loadWorkerTags() {
 											/>
 										</div>
 									</Section>
-									<Section label="On behalf of last editor">
+									<Section
+										label={canPreserve
+											? 'Run on behalf of a specified user'
+											: 'On behalf of last editor'}
+									>
 										{#snippet header()}
 											<Tooltip>
 												When this option is enabled, the script will be run with the permissions of
-												the last editor.
+												{canPreserve ? 'the specified user' : 'the last editor'}.
 											</Tooltip>
 										{/snippet}
 										<div class="flex gap-2 shrink flex-col">

package/package/components/ScriptEditor.svelte

@@ -71,12 +71,18 @@ let testPanelArgs = $state({});
 let testPanelSchema = $state(emptySchema());
 // editorCode is what the editor shows; code always holds the main script content
 let editorCode = $state(code);
-// Sync editorCode when code changes externally (template reset, copilot, etc.)
+// Sync editorCode when code changes externally (template reset, copilot,
+// new-script template init, etc.). We also re-run schema inference in that
+// case — otherwise if the code prop is set after ScriptEditor's onMount (as
+// happens on /scripts/add when initContent sets script.content after the
+// editor has already mounted with an empty string), the schema would stay
+// empty until the user typed into the editor.
 let lastSyncedCode = code;
 $effect.pre(() => {
     if (activeModuleTab === null && code !== lastSyncedCode) {
         editorCode = code;
         lastSyncedCode = code;
+        untrack(() => inferSchema(code));
     }
 });
 function switchToModule(modulePath) {
@@ -372,8 +378,9 @@ watch(() => inferAssetsRes.current, () => {
         if (old?.alt_access_type)
             asset.alt_access_type = old.alt_access_type;
     }
-    if (!deepEqual(assets, newAssets))
-        assets = newAssets;
+    const normalizedAssets = newAssets.length > 0 ? newAssets : undefined;
+    if (!deepEqual(assets, normalizedAssets))
+        assets = normalizedAssets;
 });
 watch([() => code, () => lang], () => {
     if (lang !== 'ansible')
@@ -882,8 +889,14 @@ $effect(() => {
         monacoEditor.updateOptions({ glyphMargin: false });
     }
 });
-onMount(() => {
-    inferSchema(code, { applyInitialArgs: true });
+onMount(async () => {
+    await inferSchema(code, { applyInitialArgs: true });
+    // Retry once if the initial inference failed silently (e.g. transient WASM
+    // init race). Without this, users had to modify the code to trigger a
+    // second on:change-driven inference.
+    if (!validCode && code && lang) {
+        await inferSchema(code, { applyInitialArgs: true });
+    }
     loadPastTests();
     aiChatManager.saveAndClear();
     aiChatManager.changeMode(AIMode.SCRIPT);
@@ -1373,9 +1386,7 @@ $effect(() => {
 										{/key}
 										{#if showPsCommonParams}
 											<div class="mt-2">
-												<PowerShellCommonParams
-														bind:args={psCommonParams}
-												/>
+												<PowerShellCommonParams bind:args={psCommonParams} />
 											</div>
 										{/if}
 									</div>

package/package/components/ScriptEditor.svelte.d.ts

@@ -11,7 +11,7 @@ interface Props {
     path: string | undefined;
     lang: Preview['language'];
     kind?: string | undefined;
-    template?: 'pgsql' | 'mysql' | 'script' | 'docker' | 'powershell' | 'bunnative' | 'claudesandbox' | 'wac_python' | 'wac_typescript';
+    template?: 'pgsql' | 'mysql' | 'script' | 'docker' | 'powershell' | 'bunnative' | 'claudesandbox' | 'wac_python' | 'wac_typescript' | 'ci_test_bun' | 'ci_test_python';
     tag: string | undefined;
     initialArgs?: Record<string, any>;
     fixedOverflowWidgets?: boolean;