windmill-components 1.511.1 → 1.522.0

package/package/components/IdEditorInput.svelte.d.ts

@@ -1,30 +1,18 @@
-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> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const IdEditorInput: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     initialId: string;
     reservedIds?: string[];
+    reservedPrefixes?: string[];
     label?: string;
-    value?: string;
+    value?: any;
     buttonText?: string;
     btnClasses?: string;
     acceptUnderScores?: boolean;
-}, {
-    keypress: KeyboardEvent;
-    save: CustomEvent<any>;
-    close: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type IdEditorInput = InstanceType<typeof IdEditorInput>;
+    onSave: ({ oldId, newId }: {
+        oldId: string;
+        newId: string;
+    }) => void;
+    onClose?: () => void;
+}
+declare const IdEditorInput: import("svelte").Component<Props, {}, "value">;
+type IdEditorInput = ReturnType<typeof IdEditorInput>;
 export default IdEditorInput;

package/package/components/InstanceSetting.svelte

@@ -44,6 +44,11 @@ let to = $state('');
 async function reloadKeyrenewalAttemptInfo() {
     latestKeyRenewalAttempt = await SettingService.getLatestKeyRenewalAttempt();
 }
+async function reloadLicenseKey() {
+    $values['license_key'] = await SettingService.getGlobal({
+        key: 'license_key'
+    });
+}
 if (setting.key == 'license_key') {
     reloadKeyrenewalAttemptInfo();
 }
@@ -54,13 +59,13 @@ export async function renewLicenseKey() {
             licenseKey: $values['license_key'] || undefined
         });
         sendUserToast('Key renewal successful');
-        reloadKeyrenewalAttemptInfo();
+        reloadLicenseKey();
     }
     catch (err) {
-        latestKeyRenewalAttempt = await SettingService.getLatestKeyRenewalAttempt();
         throw err;
     }
     finally {
+        reloadKeyrenewalAttemptInfo();
         renewing = false;
     }
 }

package/package/components/InstanceSettings.svelte

@@ -294,6 +294,7 @@ function isValidTeamsChannel(value) {
 							bind:oauths
 							bind:snowflakeAccountIdentifier
 							bind:requirePreexistingUserForOauth
+							baseUrl={$values?.base_url}
 						>
 							{#snippet scim()}
 								<div class="flex-col flex gap-2 pb-4">

package/package/components/JobLoader.svelte

@@ -3,7 +3,7 @@ import { workspaceStore } from '../stores';
 import { onDestroy, tick, untrack } from 'svelte';
 import { sendUserToast } from '../toast';
 import { isScriptPreview } from '../utils';
-let { isLoading = $bindable(false), job = $bindable(undefined), noCode = false, allowConcurentRequests = false, workspaceOverride = undefined, notfound = $bindable(false), jobUpdateLastFetch = $bindable(undefined), toastError = false, lazyLogs = false, onlyResult = false, scriptProgress = $bindable(undefined), noLogs = false, children } = $props();
+let { isLoading = $bindable(false), job = $bindable(undefined), noCode = false, allowConcurentRequests = false, workspaceOverride = undefined, notfound = $bindable(false), jobUpdateLastFetch = $bindable(undefined), toastError = false, onlyResult = false, scriptProgress = $bindable(undefined), noLogs = false, children } = $props();
 /// Last time asked for job progress
 let lastTimeCheckedProgress = undefined;
 /// Will try to poll progress every 5s and if once progress returned was not undefined, will be ignored
@@ -15,6 +15,7 @@ let workspace = $derived(workspaceOverride ?? $workspaceStore);
 let syncIteration = 0;
 let errorIteration = 0;
 let logOffset = 0;
+let resultStreamOffset = 0;
 let lastCallbacks = undefined;
 let finished = [];
 let ITERATIONS_BEFORE_SLOW_REFRESH = 10;
@@ -104,6 +105,9 @@ function refreshLogOffset() {
     if (logOffset == 0) {
         logOffset = job?.logs?.length ? job.logs?.length + 1 : 0;
     }
+    if (resultStreamOffset == 0) {
+        resultStreamOffset = job?.result_stream?.length ? job.result_stream?.length + 1 : 0;
+    }
 }
 export async function getLogs() {
     if (job) {
@@ -176,6 +180,7 @@ function supportsSSE() {
 let startedWatchingJob = undefined;
 export async function watchJob(testId, callbacks) {
     logOffset = 0;
+    resultStreamOffset = 0;
     syncIteration = 0;
     errorIteration = 0;
     currentId = testId;
@@ -237,9 +242,24 @@ function updateJobFromProgress(previewJobUpdates, job, callbacks) {
             job.logs = (job?.logs ?? '').concat(previewJobUpdates.new_logs);
         }
     }
+    if (previewJobUpdates.new_result_stream) {
+        if (!job.result_stream) {
+            job.result_stream = previewJobUpdates.new_result_stream;
+        }
+        else {
+            job.result_stream = job.result_stream.concat(previewJobUpdates.new_result_stream);
+        }
+        callbacks?.resultStreamUpdate?.({
+            id: job.id,
+            result_stream: job.result_stream
+        });
+    }
     if (previewJobUpdates.log_offset) {
         logOffset = previewJobUpdates.log_offset ?? 0;
     }
+    if (previewJobUpdates.stream_offset) {
+        resultStreamOffset = previewJobUpdates.stream_offset ?? 0;
+    }
     if (previewJobUpdates.flow_status) {
         job.flow_status = previewJobUpdates.flow_status;
     }
@@ -252,9 +272,10 @@ function updateJobFromProgress(previewJobUpdates, job, callbacks) {
     if (job &&
         (previewJobUpdates.running ||
             previewJobUpdates.progress ||
-            previewJobUpdates.new_logs ||
+            previewJobUpdates.log_offset ||
             previewJobUpdates.flow_status ||
-            previewJobUpdates.mem_peak)) {
+            previewJobUpdates.mem_peak ||
+            previewJobUpdates.stream_offset)) {
         callbacks?.change?.(job);
     }
 }
@@ -288,7 +309,7 @@ async function loadTestJob(id, callbacks) {
                 job = await JobService.getJob({
                     workspace: workspace,
                     id,
-                    noLogs: lazyLogs || onlyResult || noLogs,
+                    noLogs: onlyResult || noLogs,
                     noCode
                 });
             }
@@ -364,6 +385,7 @@ function isCurrentJob(id) {
 }
 async function loadTestJobWithSSE(id, attempt, callbacks) {
     let isCompleted = false;
+    let resultOnlyResultStream = '';
     if (isCurrentJob(id)) {
         try {
             // First load the job to get initial state
@@ -371,10 +393,16 @@ async function loadTestJobWithSSE(id, attempt, callbacks) {
                 job = await JobService.getJob({
                     workspace: workspace,
                     id,
-                    noLogs: lazyLogs || noLogs,
+                    noLogs: noLogs,
                     noCode
                 });
             }
+            if (!onlyResult) {
+                callbacks?.resultStreamUpdate?.({
+                    id,
+                    result_stream: undefined
+                });
+            }
             // If job is already completed, don't start SSE
             if (job?.type === 'CompletedJob') {
                 isCompleted = true;
@@ -411,6 +439,12 @@ async function loadTestJobWithSSE(id, attempt, callbacks) {
                 if (startedWatchingJob && startedWatchingJob > Date.now() - 5000) {
                     params.set('fast', 'true');
                 }
+                if (noLogs) {
+                    params.set('no_logs', 'true');
+                }
+                if (resultStreamOffset) {
+                    params.set('stream_offset', resultStreamOffset.toString());
+                }
                 const sseUrl = `/api/w/${workspace}/jobs_u/getupdate_sse/${id}?${params.toString()}`;
                 currentEventSource = new EventSource(sseUrl);
                 setNoPingTimeout(id, attempt, callbacks);
@@ -452,6 +486,14 @@ async function loadTestJobWithSSE(id, attempt, callbacks) {
                         else if (onlyResult && callbacks?.running && previewJobUpdates.running) {
                             callbacks?.running?.({ id });
                         }
+                        if (onlyResult && previewJobUpdates.new_result_stream) {
+                            resultOnlyResultStream = resultOnlyResultStream.concat(previewJobUpdates.new_result_stream);
+                            // console.log('resultOnlyResultStream', resultOnlyResultStream)
+                            callbacks?.resultStreamUpdate?.({
+                                id,
+                                result_stream: resultOnlyResultStream
+                            });
+                        }
                         // Check if job is completed
                         if (previewJobUpdates.completed) {
                             currentEventSource?.close();
@@ -468,6 +510,7 @@ async function loadTestJobWithSSE(id, attempt, callbacks) {
                             else {
                                 const njob = previewJobUpdates.job;
                                 njob.logs = job?.logs ?? '';
+                                njob.result_stream = job?.result_stream ?? '';
                                 job = njob;
                                 onJobCompleted(id, job, callbacks);
                             }

package/package/components/JobLoader.svelte.d.ts

@@ -22,10 +22,16 @@ export type Callbacks = {
     running?: ({ id }: {
         id: string;
     }) => void;
+    resultStreamUpdate?: ({ id, result_stream }: {
+        id: string;
+        result_stream?: string;
+    }) => void;
 };
 interface Props {
     isLoading?: boolean;
-    job?: Job | undefined;
+    job?: (Job & {
+        result_stream?: string;
+    }) | undefined;
     noCode?: boolean;
     noLogs?: boolean;
     workspaceOverride?: string | undefined;
@@ -33,7 +39,6 @@ interface Props {
     allowConcurentRequests?: boolean;
     jobUpdateLastFetch?: Date | undefined;
     toastError?: boolean;
-    lazyLogs?: boolean;
     onlyResult?: boolean;
     scriptProgress?: number | undefined;
     children?: import('svelte').Snippet<[any]>;

package/package/components/Login.svelte

@@ -5,9 +5,10 @@ import Google from './icons/brands/Google.svelte';
 import Microsoft from './icons/brands/Microsoft.svelte';
 import Okta from './icons/brands/Okta.svelte';
 import Auth0 from './icons/brands/Auth0.svelte';
+import NextcloudIcon from './icons/NextcloudIcon.svelte';
 import { OauthService, UserService, WorkspaceService } from '../gen';
 import { usersWorkspaceStore, workspaceStore, userStore } from '../stores';
-import { classNames, emptyString, parseQueryParams } from '../utils';
+import { classNames, emptyString, escapeHtml, parseQueryParams } from '../utils';
 import { base } from '../base';
 import { getUserExt } from '../user';
 import { sendUserToast } from '../toast';
@@ -47,6 +48,11 @@ const providers = [
         type: 'auth0',
         name: 'Auth0',
         icon: Auth0
+    },
+    {
+        type: 'nextcloud',
+        name: 'Nextcloud',
+        icon: NextcloudIcon
     }
 ];
 const providersType = providers.map((p) => p.type);
@@ -227,7 +233,7 @@ function storeRedirect(provider) {
     }
 }
 $effect(() => {
-    error && sendUserToast(error, true);
+    error && sendUserToast(escapeHtml(error), true);
 });
 </script>
 

package/package/components/MemoryFootprintViewer.svelte

@@ -49,7 +49,7 @@ $: jobUpdateLastFetch && loadMetricsData();
 
 <div class="relative max-h-100">
 	{#if !$enterpriseLicense}
-		<Alert type="error" title="Enterprise Edition only feature">
+		<Alert type="warning" title="Enterprise Edition only feature">
 			Job metrics are only available on Windmill Enterprise Edition.
 		</Alert>
 	{:else if (jobMemoryStats?.length ?? 0) === 0}

package/package/components/ModulePreviewResultViewer.svelte

@@ -15,7 +15,7 @@ const logJob = $derived(testJob ?? selectedJob);
 </script>
 
 <Splitpanes horizontal>
-	<Pane size={50} minSize={10} class="text-sm text-tertiary">
+	<Pane size={65} minSize={10} class="text-sm text-tertiary">
 		{#if scriptProgress}
 			<JobProgressBar
 				job={testJob}
@@ -50,7 +50,7 @@ const logJob = $derived(testJob ?? selectedJob);
 			{/snippet}
 		</OutputPickerInner>
 	</Pane>
-	<Pane size={50} minSize={10}>
+	<Pane size={35} minSize={10}>
 		{#if (mod.mock?.enabled && preview != 'job') || preview == 'mock'}
 			<LogViewer
 				small

package/package/components/MoveDrawer.svelte.d.ts

@@ -12,13 +12,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const MoveDrawer: $$__sveltets_2_IsomorphicComponent<{
-    openDrawer?: (initialPath_l: string, summary_l: string | undefined, kind_l: "resource" | "script" | "flow" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>;
+    openDrawer?: (initialPath_l: string, summary_l: string | undefined, kind_l: "resource" | "script" | "flow" | "app" | "variable" | "schedule" | "raw_app") => Promise<void>;
 }, {
     update: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
-    openDrawer: (initialPath_l: string, summary_l: string | undefined, kind_l: "resource" | "script" | "flow" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>;
+    openDrawer: (initialPath_l: string, summary_l: string | undefined, kind_l: "resource" | "script" | "flow" | "app" | "variable" | "schedule" | "raw_app") => Promise<void>;
 }, string>;
 type MoveDrawer = InstanceType<typeof MoveDrawer>;
 export default MoveDrawer;

package/package/components/NextcloudSetting.svelte

@@ -0,0 +1,84 @@
+<script lang="ts">import CollapseLink from './CollapseLink.svelte';
+import IconedResourceType from './IconedResourceType.svelte';
+import Toggle from './Toggle.svelte';
+import Tooltip from './Tooltip.svelte';
+let { value = $bindable(), baseUrl } = $props();
+function changeDomain(domain) {
+    if (value && domain) {
+        // Remove http:// or https:// if user included it
+        const cleanDomain = domain.replace(/^https?:\/\//, '');
+        let baseUrl = `https://${cleanDomain}`;
+        value = {
+            ...value,
+            login_config: {
+                auth_url: `${baseUrl}/apps/oauth2/authorize`,
+                token_url: `${baseUrl}/apps/oauth2/api/v1/token`,
+                userinfo_url: `${baseUrl}/ocs/v2.php/cloud/user?format=json`,
+                scopes: []
+            },
+            connect_config: {
+                auth_url: `${baseUrl}/apps/oauth2/authorize`,
+                token_url: `${baseUrl}/apps/oauth2/api/v1/token`,
+                scopes: []
+            }
+        };
+    }
+}
+let enabled = $derived(value != undefined);
+$effect(() => {
+    changeDomain(value?.['domain']);
+});
+</script>
+
+<div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y_label_has_associated_control -->
+	<label class="text-sm font-medium text-primary flex gap-4 items-center"
+		><div class="w-[120px]"><IconedResourceType name="nextcloud" after={true} /></div><Toggle
+			checked={enabled}
+			on:change={(e) => {
+				if (e.detail) {
+					value = { id: '', secret: '', domain: '' }
+				} else {
+					value = undefined
+				}
+			}}
+		/></label
+	>
+	{#if enabled}
+		<div class="p-2 rounded border">
+			<label class="block pb-2">
+				<span class="text-primary font-semibold text-sm">Nextcloud Instance Domain</span>
+				<input type="text" placeholder="example.nextcloud.com" bind:value={value['domain']} />
+			</label>
+			<label class="block pb-2">
+				<span class="text-primary font-semibold text-sm">Custom Name</span>
+				<input type="text" placeholder="Custom Name" bind:value={value['display_name']} />
+			</label>
+			<label class="block pb-2">
+				<span class="text-primary font-semibold text-sm"
+					>Client Id <Tooltip
+						>Client ID from your Nextcloud OAuth2 app configuration</Tooltip
+					></span
+				>
+				<input type="text" placeholder="Client Id" bind:value={value['id']} />
+			</label>
+			<label class="block pb-2">
+				<span class="text-primary font-semibold text-sm"
+					>Client Secret <Tooltip
+						>Client Secret from your Nextcloud OAuth2 app configuration</Tooltip
+					></span
+				>
+				<input type="text" placeholder="Client Secret" bind:value={value['secret']} />
+			</label>
+			<CollapseLink text="Instructions">
+				<div class="text-sm text-secondary border p-2">
+					1. Go to your Nextcloud instance as an administrator<br />
+					2. Navigate to <strong>Administration settings → Security → OAuth 2.0 clients</strong><br />
+					3. Click "Add client" to create a new OAuth2 application<br />
+					4. Set the redirect URI to your Windmill instance's <code>{baseUrl || 'BASE_URL'}/user/login_callback/nextcloud</code><br />
+					5. Copy the Client ID and Client Secret to the fields above<br />
+				</div>
+			</CollapseLink>
+		</div>
+	{/if}
+</div>

package/package/components/NextcloudSetting.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    value: any;
+    baseUrl?: string;
+}
+declare const NextcloudSetting: import("svelte").Component<Props, {}, "value">;
+type NextcloudSetting = ReturnType<typeof NextcloudSetting>;
+export default NextcloudSetting;

package/package/components/ObjectResourceInput.svelte

@@ -4,7 +4,7 @@ import S3ObjectPicker from './S3ObjectPicker.svelte';
 function isString(value) {
     return typeof value === 'string' || value instanceof String;
 }
-let { format, value = $bindable(), disablePortal = false, showSchemaExplorer = false, selectFirst = false, defaultValue, editor = $bindable(undefined), onClear = undefined } = $props();
+let { format, value = $bindable(), disablePortal = false, showSchemaExplorer = false, selectFirst = false, defaultValue, editor = $bindable(undefined), disabled = false, onClear = undefined } = $props();
 function isResource() {
     return isString(value) && value.length >= '$res:'.length;
 }
@@ -21,6 +21,7 @@ function valueToPath() {
 		<S3ObjectPicker bind:value />
 	{:else if value == undefined || typeof value === 'string'}
 		<ResourcePicker
+			{disabled}
 			{selectFirst}
 			{disablePortal}
 			{onClear}
@@ -44,7 +45,7 @@ function valueToPath() {
 		{#await import('./JsonEditor.svelte')}
 			<Loader2 class="animate-spin" />
 		{:then Module}
-			<Module.default bind:editor code={JSON.stringify(value, null, 2)} bind:value />
+			<Module.default {disabled} bind:editor code={JSON.stringify(value, null, 2)} bind:value />
 		{/await}
 	{/if}
 </div>

package/package/components/ObjectResourceInput.svelte.d.ts

@@ -8,6 +8,7 @@ interface Props {
     defaultValue: any;
     editor?: SimpleEditor | undefined;
     path?: string;
+    disabled?: boolean;
     onClear?: () => void;
 }
 declare const ObjectResourceInput: import("svelte").Component<Props, {}, "value" | "editor">;

package/package/components/ParqetCsvTableRenderer.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { GridApi, createGrid } from 'ag-grid-community';
+<script lang="ts">import { createGrid } from 'ag-grid-community';
 import 'ag-grid-community/styles/ag-grid.css';
 import 'ag-grid-community/styles/ag-theme-alpine.css';
 import { twMerge } from 'tailwind-merge';

package/package/components/ResourceEditor.svelte

@@ -225,7 +225,7 @@ run(() => {
 			{:else}
 				<TestConnection resourceType={resourceToEdit?.resource_type} {args} />
 			{/if}
-			{#if resource_type === 'git_repository' && $workspaceStore && $userStore?.is_admin}
+			{#if resource_type === 'git_repository' && $workspaceStore && ($userStore?.is_admin || $userStore?.is_super_admin)}
 				<GitHubAppIntegration
 					resourceType={resource_type}
 					{args}

package/package/components/ResourcePicker.svelte

@@ -9,7 +9,7 @@ import { sendUserToast } from '../toast';
 import Select from './select/Select.svelte';
 import DbManagerDrawer from './DBManagerDrawer.svelte';
 import ExploreAssetButton, { assetCanBeExplored } from './ExploreAssetButton.svelte';
-let { initialValue = $bindable(undefined), value = $bindable(undefined), valueType = $bindable(undefined), resourceType = undefined, disabled = false, disablePortal = false, showSchemaExplorer = false, selectFirst = false, expressOAuthSetup = false, defaultValues = undefined, placeholder = undefined, onClear = undefined } = $props();
+let { initialValue = $bindable(undefined), value = $bindable(undefined), valueType = $bindable(undefined), resourceType = undefined, disabled = false, disablePortal = false, showSchemaExplorer = false, selectFirst = false, expressOAuthSetup = false, defaultValues = undefined, placeholder = undefined, onClear = undefined, excludedValues = undefined } = $props();
 if (initialValue && value == undefined) {
     console.log('initialValue', initialValue);
     value = initialValue;
@@ -62,6 +62,7 @@ async function loadResources(resourceType) {
         const nc = resources
             .flat()
             .filter((x) => x.resource_type != 'state' && x.resource_type != 'cache')
+            .filter((x) => !excludedValues || !excludedValues.includes(x.path))
             .map((x) => ({
             value: x.path,
             label: x.path,
@@ -95,6 +96,12 @@ $effect(() => {
     });
     untrack(() => loadResources(resourceType));
 });
+$effect(() => {
+    excludedValues;
+    if ($workspaceStore && resourceType && !disabled) {
+        untrack(() => loadResources(resourceType));
+    }
+});
 let appConnect = $state();
 let resourceEditor = $state();
 let dbManagerDrawer = $state();

package/package/components/ResourcePicker.svelte.d.ts

@@ -11,6 +11,7 @@ interface Props {
     defaultValues?: Record<string, any> | undefined;
     placeholder?: string | undefined;
     onClear?: () => void;
+    excludedValues?: string[];
 }
 declare const ResourcePicker: import("svelte").Component<Props, {
     askNewResource: () => Promise<void>;

package/package/components/ResultStreamDisplay.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">"use strict";
+let { result_stream } = $props();
+</script>
+
+<pre class="text-xs">{result_stream}</pre>

package/package/components/ResultStreamDisplay.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const ResultStreamDisplay: import("svelte").Component<{
+    result_stream: any;
+}, {}, "">;
+type ResultStreamDisplay = ReturnType<typeof ResultStreamDisplay>;
+export default ResultStreamDisplay;

package/package/components/RunForm.svelte

@@ -12,6 +12,7 @@ import JsonInputs from './JsonInputs.svelte';
 import { triggerableByAI } from '../actions/triggerableByAI.svelte';
 import InputSelectedBadge from './schema/InputSelectedBadge.svelte';
 import { untrack } from 'svelte';
+import {} from '../gen';
 let reloadArgs = $state(0);
 let jsonEditor = $state(undefined);
 let schemaHeight = $state(0);
@@ -190,7 +191,14 @@ $effect(() => {
 									type: 'hash',
 									hash: runnable.hash
 								}
-							: undefined}
+							: runnable.schema?.['x-windmill-dyn-select-code'] &&
+								  runnable.schema?.['x-windmill-dyn-select-lang']
+								? {
+										type: 'inline',
+										code: runnable.schema['x-windmill-dyn-select-code'] as string,
+										lang: runnable.schema['x-windmill-dyn-select-lang'] as ScriptLang
+									}
+								: undefined}
 						prettifyHeader
 						{noVariablePicker}
 						{autofocus}

package/package/components/SchemaForm.svelte

@@ -203,7 +203,7 @@ const actions_render = $derived(actions);
 								title={formerProperty?.title}
 								placeholder={formerProperty?.placeholder}
 								orderEditable={dndConfig != undefined}
-								otherArgs={args}
+								otherArgs={{ ...args, [argName]: undefined }}
 								{helperScript}
 								{lightHeader}
 								hideNested={typeof diff[argName].diff === 'object'}
@@ -276,7 +276,7 @@ const actions_render = $derived(actions);
 									title={schema.properties[argName].title}
 									placeholder={schema.properties[argName].placeholder}
 									orderEditable={dndConfig != undefined}
-									otherArgs={args}
+									otherArgs={{ ...args, [argName]: undefined }}
 									{helperScript}
 									{lightHeader}
 									diffStatus={diff[argName] ?? undefined}

package/package/components/SchemaForm.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Schema } from '../common';
-import { type Script } from '../gen';
+import { type DynamicSelect } from '../utils';
 import { type Options as DndOptions } from '@windmill-labs/svelte-dnd-action';
 import type { SchemaDiff } from './schema/schemaUtils.svelte';
 import type { ComponentCustomCSS } from './apps/types';
@@ -30,15 +30,7 @@ interface Props {
         id: string;
         value: string;
     }[] | undefined;
-    helperScript?: {
-        type: 'inline';
-        path?: string;
-        lang: Script['language'];
-        code: string;
-    } | {
-        type: 'hash';
-        hash: string;
-    } | undefined;
+    helperScript?: DynamicSelect.HelperScript;
     lightHeader?: boolean;
     diff?: Record<string, SchemaDiff>;
     nestedParent?: {

package/package/components/ScriptBuilder.svelte

@@ -5,7 +5,7 @@ import { inferArgs } from '../infer';
 import { initialCode } from '../script_helpers';
 import AIFormSettings from './copilot/AIFormSettings.svelte';
 import { defaultScripts, enterpriseLicense, usedTriggerKinds, userStore, workerTags, workspaceStore } from '../stores';
-import { cleanValueProperties, emptySchema, emptyString, encodeState, generateRandomString, orderedJsonStringify, replaceFalseWithUndefined } from '../utils';
+import { cleanValueProperties, emptySchema, emptyString, encodeState, generateRandomString, orderedJsonStringify, readFieldsRecursively, replaceFalseWithUndefined } from '../utils';
 import Path from './Path.svelte';
 import ScriptEditor from './ScriptEditor.svelte';
 import { Alert, Badge, Button, Drawer, SecondsInput, Tab, TabContent, Tabs } from './common';
@@ -41,7 +41,7 @@ import { deployTriggers, filterDraftTriggers, handleSelectTriggerFromKind } from
 import DraftTriggersConfirmationModal from './common/confirmationModal/DraftTriggersConfirmationModal.svelte';
 import { Triggers } from './triggers/triggers.svelte';
 import WorkerTagSelect from './WorkerTagSelect.svelte';
-let { script, fullyLoaded = true, initialPath = $bindable(''), template = $bindable('script'), initialArgs = {}, lockedLanguage = false, showMeta = false, neverShowMeta = false, diffDrawer = undefined, savedScript = $bindable(undefined), searchParams = new URLSearchParams(), disableHistoryChange = false, replaceStateFn = (url) => window.history.replaceState(null, '', url), customUi = {}, savedPrimarySchedule = undefined, functionExports = undefined, children, onDeploy, onDeployError, onSaveInitial, onSeeDetails, onSaveDraftError, onSaveDraft, disableAi } = $props();
+let { script = $bindable(), fullyLoaded = true, initialPath = $bindable(''), template = $bindable('script'), initialArgs = {}, lockedLanguage = false, showMeta = false, neverShowMeta = false, diffDrawer = undefined, savedScript = $bindable(undefined), searchParams = new URLSearchParams(), disableHistoryChange = false, replaceStateFn = (url) => window.history.replaceState(null, '', url), customUi = {}, savedPrimarySchedule = undefined, functionExports = undefined, children, onDeploy, onDeployError, onSaveInitial, onSeeDetails, onSaveDraftError, onSaveDraft, disableAi } = $props();
 export function getInitialAndModifiedValues() {
     return {
         savedValue: savedScript,
@@ -186,12 +186,16 @@ const scriptKindOptions = [
 let pathError = $state('');
 let loadingSave = $state(false);
 let loadingDraft = $state(false);
+let timeout2 = undefined;
 function encodeScriptState(script) {
-    replaceStateFn('#' +
-        encodeState({
-            ...script,
-            draft_triggers: structuredClone(triggersState.getDraftTriggersSnapshot())
-        }));
+    untrack(() => timeout2 && clearTimeout(timeout2));
+    timeout2 = setTimeout(() => {
+        replaceStateFn('#' +
+            encodeState({
+                ...script,
+                draft_triggers: structuredClone(triggersState.getDraftTriggersSnapshot())
+            }));
+    }, 500);
 }
 let timeout = undefined;
 function saveSessionDraft() {
@@ -715,7 +719,8 @@ $effect(() => {
     });
 });
 $effect(() => {
-    !disableHistoryChange && untrack(() => encodeScriptState(script));
+    readFieldsRecursively(script);
+    !disableHistoryChange && encodeScriptState(script);
 });
 loadWorkerTags();
 async function loadWorkerTags() {

package/package/components/ScriptBuilder.svelte.d.ts

@@ -7,6 +7,6 @@ declare const ScriptBuilder: import("svelte").Component<ScriptBuilderProps, {
     setPrimarySchedule: (schedule: ScheduleTrigger | undefined | false) => void;
     setDraftTriggers: (triggers: Trigger[] | undefined) => void;
     setCode: (code: string) => void;
-}, "template" | "initialPath" | "savedScript">;
+}, "script" | "template" | "initialPath" | "savedScript">;
 type ScriptBuilder = ReturnType<typeof ScriptBuilder>;
 export default ScriptBuilder;