windmill-components 1.510.1 → 1.511.0

package/package/components/WorkerGroup.svelte

@@ -21,6 +21,7 @@ import TagsToListenTo from './TagsToListenTo.svelte';
 import Select from './select/Select.svelte';
 import MultiSelect from './select/MultiSelect.svelte';
 import { safeSelectItems } from './select/utils.svelte';
+import Subsection from './Subsection.svelte';
 function computeVCpuAndMemory(workers) {
     let vcpus = 0;
     let memory = 0;
@@ -96,13 +97,13 @@ async function deleteWorkerGroup() {
     dispatch('reload');
 }
 let dirty = $state(false);
-let dirtyCode = $state(false);
 let openDelete = $state(false);
 let openClean = $state(false);
 let drawer = $state();
 let vcpus_memory = $derived(computeVCpuAndMemory(workers));
 let selected = $derived(nconfig?.dedicated_worker != undefined ? 'dedicated' : 'normal');
 $effect(() => {
+    ;
     ($superadmin || $devopsRole) && listWorkspaces();
 });
 </script>
@@ -157,7 +158,7 @@ $effect(() => {
 <Drawer bind:this={drawer} size="800px">
 	<DrawerContent
 		on:close={() => drawer?.closeDrawer()}
-		title={($superadmin || $devopsRole) ? `Edit worker config '${name}'` : `Worker config '${name}'`}
+		title={$superadmin || $devopsRole ? `Edit worker config '${name}'` : `Worker config '${name}'`}
 	>
 		{#if !$enterpriseLicense}
 			<Alert type="warning" title="Worker management UI is EE only">
@@ -359,147 +360,35 @@ $effect(() => {
 				</Section>
 			{/if}
 		{:else if selected == 'dedicated'}
-			{#if nconfig?.dedicated_worker != undefined}
-				<input
-					disabled={!($superadmin || $devopsRole)}
-					placeholder="<workspace>:<script path>"
-					type="text"
-					onchange={() => {
-						dirtyCode = true
-						dirty = true
-					}}
-					bind:value={nconfig.dedicated_worker}
-				/>
+			<div class="flex flex-col gap-2">
 				{#if $superadmin || $devopsRole}
-					<div class="py-2"
-						><Alert
+					<div class="py-2">
+						<Alert
+							size="xs"
 							type="info"
 							title="Script's runtime setting 'dedicated worker' must be toggled on as well"
-						/></div
-					>
-					<p class="text-2xs text-tertiary mt-2"
-						>Workers will get killed upon detecting this setting change. It is assumed they are in
-						an environment where the supervisor will restart them. Upon restart, they will pick the
-						new dedicated worker config.</p
-					>
-				{/if}
-			{/if}
-		{/if}
-
-		<div class="mt-8"></div>
-		<Section
-			label="Python runtime settings"
-			collapsable={true}
-			tooltip="Add Python runtime specific settings like additional python paths and PIP local dependencies"
-		>
-			<div class="flex flex-col gap-3 gap-y-2 pb-2 max-w">
-				<span class="text-sm text-primary">Additional Python Paths</span>
-				{#if nconfig.additional_python_paths}
-					{#each nconfig.additional_python_paths as _, i}
-						<div class="flex gap-1 items-center">
-							<input
-								type="text"
-								disabled={!($superadmin || $devopsRole)}
-								placeholder="/path/to/python3.X/site-packages"
-								bind:value={nconfig.additional_python_paths![i]}
-							/>
-							{#if $superadmin || $devopsRole}
-								<button
-									class="rounded-full bg-surface/60 hover:bg-gray-200"
-									aria-label="Clear"
-									onclick={() => {
-										if (
-											nconfig.additional_python_paths === undefined ||
-											nconfig.additional_python_paths.length == 0
-										) {
-											return
-										}
-										nconfig.additional_python_paths.splice(i, 1)
-										nconfig.additional_python_paths = [...nconfig.additional_python_paths]
-										dirty = true
-									}}
-								>
-									<X size={14} />
-								</button>
-							{/if}
-						</div>
-					{/each}
-				{/if}
-				{#if $superadmin || $devopsRole}
-					<div class="flex">
-						<Button
-							variant="contained"
-							color="blue"
-							size="xs"
-							startIcon={{ icon: Plus }}
-							on:click={() => {
-								if (nconfig.additional_python_paths === undefined) {
-									nconfig.additional_python_paths = []
-								}
-								nconfig.additional_python_paths.push('')
-								nconfig.additional_python_paths = [...nconfig.additional_python_paths]
-								dirty = true
-							}}
-						>
-							Add additional Python path
-						</Button>
+						/>
 					</div>
 				{/if}
-
-				<span class="text-sm text-primary">PIP local dependencies</span>
-				{#if nconfig.pip_local_dependencies}
-					{#each nconfig.pip_local_dependencies as _, i}
-						<div class="flex gap-1 items-center">
-							<input
-								disabled={!($superadmin || $devopsRole)}
-								type="text"
-								placeholder="httpx"
-								bind:value={nconfig.pip_local_dependencies[i]}
-							/>
-							{#if $superadmin || $devopsRole}
-								<button
-									class="rounded-full bg-surface/60 hover:bg-gray-200"
-									aria-label="Clear"
-									onclick={() => {
-										if (
-											nconfig.pip_local_dependencies === undefined ||
-											nconfig.pip_local_dependencies.length == 0
-										) {
-											return
-										}
-										nconfig.pip_local_dependencies.splice(i, 1)
-										nconfig.pip_local_dependencies = [...nconfig.pip_local_dependencies]
-										dirty = true
-									}}
-								>
-									<X size={14} />
-								</button>
-							{/if}
-						</div>
-					{/each}
-				{/if}
-				{#if $superadmin || $devopsRole}
-					<div class="flex">
-						<Button
-							variant="contained"
-							color="blue"
-							size="xs"
-							startIcon={{ icon: Plus }}
-							on:click={() => {
-								if (nconfig.pip_local_dependencies === undefined) {
-									nconfig.pip_local_dependencies = []
-								}
-								nconfig.pip_local_dependencies.push('')
-								nconfig.pip_local_dependencies = [...nconfig.pip_local_dependencies]
+				{#if nconfig?.dedicated_worker != undefined}
+					<div
+						><p class="text-xs mb-2"
+							>Workers will get killed upon detecting changes. It is assumed they are in an
+							environment where the supervisor will restart them.</p
+						>
+						<input
+							disabled={!($superadmin || $devopsRole)}
+							placeholder="<workspace>:<script path>"
+							type="text"
+							onchange={() => {
 								dirty = true
 							}}
-						>
-							Add PIP local dependency
-						</Button>
-					</div>
+							bind:value={nconfig.dedicated_worker}
+						/></div
+					>
 				{/if}
 			</div>
-		</Section>
+		{/if}
 
 		<div class="mt-8"></div>
 
@@ -659,40 +548,239 @@ $effect(() => {
 				bind:config={nconfig.autoscaling}
 			/>
 		</Section>
+
+		<div class="mt-8"></div>
+		<Section label="Python dependencies overrides" collapsable={true}>
+			<div class="flex flex-col gap-3 gap-y-6 pb-2 max-w">
+				<Subsection
+					label="Additional Python Paths"
+					tooltip="Paths to add to the Python path for it to search dependencies, useful if you have packages pre-installed on the workers at a given path."
+				>
+					{#if nconfig.additional_python_paths}
+						{#each nconfig.additional_python_paths as _, i}
+							<div class="flex gap-1 items-center">
+								<input
+									type="text"
+									disabled={!($superadmin || $devopsRole)}
+									placeholder="/path/to/python3.X/site-packages"
+									bind:value={nconfig.additional_python_paths![i]}
+								/>
+								{#if $superadmin || $devopsRole}
+									<button
+										class="rounded-full bg-surface/60 hover:bg-gray-200"
+										aria-label="Clear"
+										onclick={() => {
+											if (
+												nconfig.additional_python_paths === undefined ||
+												nconfig.additional_python_paths.length == 0
+											) {
+												return
+											}
+											nconfig.additional_python_paths.splice(i, 1)
+											nconfig.additional_python_paths = [...nconfig.additional_python_paths]
+											dirty = true
+										}}
+									>
+										<X size={14} />
+									</button>
+								{/if}
+							</div>
+						{/each}
+					{/if}
+					{#if $superadmin || $devopsRole}
+						<div class="flex">
+							<Button
+								variant="contained"
+								color="blue"
+								size="xs"
+								startIcon={{ icon: Plus }}
+								on:click={() => {
+									if (nconfig.additional_python_paths === undefined) {
+										nconfig.additional_python_paths = []
+									}
+									nconfig.additional_python_paths.push('')
+									nconfig.additional_python_paths = [...nconfig.additional_python_paths]
+									dirty = true
+								}}
+							>
+								Add additional Python path
+							</Button>
+						</div>
+					{/if}
+				</Subsection>
+				<Subsection
+					label="Local dependencies import names to skip during resolution"
+					tooltip="uv will not try to resolve dependencies for these packages, useful if you have packages pre-installed on the workers at a given path."
+				>
+					{#if nconfig.pip_local_dependencies}
+						{#each nconfig.pip_local_dependencies as _, i}
+							<div class="flex gap-1 items-center">
+								<input
+									disabled={!($superadmin || $devopsRole)}
+									type="text"
+									placeholder="httpx"
+									bind:value={nconfig.pip_local_dependencies[i]}
+								/>
+								{#if $superadmin || $devopsRole}
+									<button
+										class="rounded-full bg-surface/60 hover:bg-gray-200"
+										aria-label="Clear"
+										onclick={() => {
+											if (
+												nconfig.pip_local_dependencies === undefined ||
+												nconfig.pip_local_dependencies.length == 0
+											) {
+												return
+											}
+											nconfig.pip_local_dependencies.splice(i, 1)
+											nconfig.pip_local_dependencies = [...nconfig.pip_local_dependencies]
+											dirty = true
+										}}
+									>
+										<X size={14} />
+									</button>
+								{/if}
+							</div>
+						{/each}
+					{/if}
+					{#if $superadmin || $devopsRole}
+						<div class="flex">
+							<Button
+								variant="contained"
+								color="blue"
+								size="xs"
+								startIcon={{ icon: Plus }}
+								on:click={() => {
+									if (nconfig.pip_local_dependencies === undefined) {
+										nconfig.pip_local_dependencies = []
+									}
+									nconfig.pip_local_dependencies.push('')
+									nconfig.pip_local_dependencies = [...nconfig.pip_local_dependencies]
+									dirty = true
+								}}
+							>
+								Add PIP local dependency
+							</Button>
+						</div>
+					{/if}
+				</Subsection>
+			</div></Section
+		>
+
 		<div class="mt-8"></div>
 
 		<Section
-			label="Init script"
-			tooltip="Bash scripts run at start of the workers. More lightweight than having to require the worker images at the cost of being run on every start."
+			label="Worker scripts"
+			tooltip="Bash scripts for worker initialization and maintenance. Init scripts run at worker start, periodic scripts run at configurable intervals."
 		>
-			<div class="flex gap-4 py-2 pb-6 items-baseline w-full">
-				<div class="border w-full h-40">
-					{#if dirtyCode}
-						<div class="text-red-600 text-sm"
-							>Init script has changed, once applied, the workers will restart to apply it.</div
-						>
-					{/if}
-					<Editor
-						disabled={!($superadmin || $devopsRole)}
-						class="flex flex-1 grow h-full w-full"
-						automaticLayout
-						scriptLang={'bash'}
-						useWebsockets={false}
-						fixedOverflowWidgets={false}
-						code={config?.init_bash ?? ''}
-						on:change={(e) => {
-							if (config) {
-								dirty = true
-								dirtyCode = true
-								const code = e.detail
-								if (code != '') {
-									nconfig.init_bash = code?.replace(/\r\n/g, '\n')
-								} else {
-									nconfig.init_bash = undefined
-								}
-							}
-						}}
-					/>
+			{#if $superadmin || $devopsRole}
+				<div class="mb-4">
+					<Alert size="xs" type="info" title="Worker Restart Required">
+						Workers will get killed upon detecting any changes in this section (scripts or
+						interval). It is assumed they are in an environment where the supervisor will restart
+						them.
+					</Alert>
+				</div>
+			{/if}
+
+			<div class="space-y-6">
+				<div>
+					<div class="text-sm text-secondary mb-1">
+						Run at start of the workers. More lightweight than requiring custom worker images.
+					</div>
+					<Subsection
+						label="Init script"
+						collapsable
+						openInitially={nconfig.init_bash !== undefined}
+					>
+						{#snippet header()}
+							<div class="ml-4 flex flex-row gap-2 items-center">
+								{#if nconfig.init_bash !== undefined}
+									<Badge color="green">Enabled</Badge>
+								{/if}
+							</div>
+						{/snippet}
+						<div class="border w-full h-40">
+							<Editor
+								fixedOverflowWidgets={true}
+								disabled={!($superadmin || $devopsRole)}
+								class="flex flex-1 grow h-full w-full"
+								automaticLayout
+								scriptLang={'bash'}
+								useWebsockets={false}
+								code={config?.init_bash ?? ''}
+								on:change={(e) => {
+									if (config) {
+										dirty = true
+										const code = e.detail
+										if (code != '') {
+											nconfig.init_bash = code?.replace(/\r\n/g, '\n')
+										} else {
+											nconfig.init_bash = undefined
+										}
+									}
+								}}
+							/>
+						</div>
+					</Subsection>
+				</div>
+				<div>
+					<div class="text-sm mb-1 text-secondary">
+						Run periodically at configurable intervals. Useful for maintenance tasks like cleaning
+						disk space.
+					</div>
+					<Subsection
+						label="Periodic script"
+						collapsable
+						openInitially={nconfig.periodic_script_bash !== undefined}
+					>
+						{#snippet header()}
+							<div class="ml-4 flex flex-row gap-2 items-center">
+								{#if nconfig.periodic_script_bash !== undefined}
+									<Badge color="green">Enabled</Badge>
+								{/if}
+							</div>
+						{/snippet}
+
+						<div class="flex gap-4 items-center mb-4">
+							<Label class="text-sm">Execution interval (seconds):</Label>
+							<input
+								disabled={!($superadmin || $devopsRole)}
+								type="number"
+								min="60"
+								placeholder="3600"
+								class="!w-24 text-center"
+								bind:value={nconfig.periodic_script_interval_seconds}
+								onchange={() => {
+									dirty = true
+								}}
+							/>
+							<span class="text-xs text-gray-500">Minimum: 60 seconds</span>
+						</div>
+
+						<div class="border w-full h-40">
+							<Editor
+								disabled={!($superadmin || $devopsRole)}
+								class="flex flex-1 grow h-full w-full"
+								automaticLayout
+								scriptLang={'bash'}
+								useWebsockets={false}
+								fixedOverflowWidgets={false}
+								code={config?.periodic_script_bash ?? ''}
+								on:change={(e) => {
+									if (config) {
+										dirty = true
+										const code = e.detail
+										if (code != '') {
+											nconfig.periodic_script_bash = code?.replace(/\r\n/g, '\n')
+										} else {
+											nconfig.periodic_script_bash = undefined
+										}
+									}
+								}}
+							/>
+						</div>
+					</Subsection>
 				</div>
 			</div>
 		</Section>
@@ -713,6 +801,14 @@ $effect(() => {
 								sendUserToast('Minimum alive workers alert threshold must be at least 1', true)
 								return
 							}
+							if (
+								nconfig?.periodic_script_bash &&
+								(!nconfig?.periodic_script_interval_seconds ||
+									nconfig?.periodic_script_interval_seconds < 60)
+							) {
+								sendUserToast('Periodic script interval must be at least 60 seconds', true)
+								return
+							}
 							// Remove duplicate env vars by keeping only the last occurrence of each key
 							const seenKeys = new Set()
 							customEnvVars = customEnvVars
@@ -748,7 +844,6 @@ $effect(() => {
 							sendUserToast('Configuration set')
 							dispatch('reload')
 							dirty = false
-							dirtyCode = false
 						}}
 						disabled={(!dirty && nconfig?.dedicated_worker == undefined) ||
 							!$enterpriseLicense ||

package/package/components/WorkerGroup.svelte.d.ts

@@ -12,6 +12,8 @@ interface Props {
         pip_local_dependencies?: string[];
         min_alive_workers_alert_threshold?: number;
         autoscaling?: AutoscalingConfig;
+        periodic_script_bash?: string;
+        periodic_script_interval_seconds?: number;
     };
     activeWorkers: number;
     customTags: string[] | undefined;

package/package/components/WorkerTagPicker.svelte

@@ -6,8 +6,8 @@ import { WorkerService } from '../gen';
 import WorkerTagSelect from './WorkerTagSelect.svelte';
 let { tag = $bindable(), popupPlacement = 'bottom-end', disabled = false, placeholder } = $props();
 loadWorkerTags();
-async function loadWorkerTags() {
-    if (!$workerTags) {
+async function loadWorkerTags(force = false) {
+    if (!$workerTags || force) {
         $workerTags = await WorkerService.getCustomTags({ workspace: $workspaceStore });
     }
 }
@@ -43,7 +43,7 @@ async function loadWorkerTags() {
 		color="light"
 		on:click={() => {
 			$workerTags = undefined
-			loadWorkerTags()
+			loadWorkerTags(true)
 		}}
 		startIcon={{ icon: RotateCw }}
 		{disabled}

package/package/components/WorkerTagSelect.svelte

@@ -10,10 +10,10 @@ let { tag = $bindable(), noLabel = false, nullTag = undefined, disabled = false,
 let loading = $state(false);
 loadWorkerGroups();
 const dispatch = createEventDispatcher();
-async function loadWorkerGroups() {
+async function loadWorkerGroups(force = false) {
     loading = true;
     try {
-        if (!$workerTags) {
+        if (!$workerTags || force) {
             $workerTags = await WorkerService.getCustomTags({ workspace: $workspaceStore });
         }
     }
@@ -54,7 +54,7 @@ let open = $state(false);
 				size="xs"
 				startIcon={{ icon: RotateCw, classes: loading ? 'animate-spin' : '' }}
 				on:click={async () => {
-					loadWorkerGroups()
+					loadWorkerGroups(true)
 					open = true
 				}}
 			></Button>

package/package/components/copilot/AIFormSettings.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">import Label from '../Label.svelte';
 import Toggle from '../Toggle.svelte';
 import Tooltip from '../Tooltip.svelte';
-export let prompt = undefined;
-export let type = 'script';
+let { prompt = $bindable(undefined), type = 'script' } = $props();
 </script>
 
 <div class="flex flex-col gap-2">
@@ -22,13 +21,13 @@ export let type = 'script';
 	/>
 	{#if prompt !== undefined}
 		<Label label="Additional prompt for AI">
-			<svelte:fragment slot="header">
+			{#snippet header()}
 				<Tooltip>
 					AI will use script description and each field description to fill the inputs form. In
 					addition, any prompt passed here will be used by AI to guide it. You can mention specific
 					fields and interaction between fields here.
 				</Tooltip>
-			</svelte:fragment>
+			{/snippet}
 			<textarea bind:value={prompt} placeholder="Instructions for the AI about how to fill the form"
 			></textarea>
 		</Label>

package/package/components/copilot/AIFormSettings.svelte.d.ts

@@ -1,21 +1,7 @@
-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 AiFormSettings: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     prompt?: string | undefined;
-    type?: "flow" | "script";
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type AiFormSettings = InstanceType<typeof AiFormSettings>;
+    type?: 'flow' | 'script';
+}
+declare const AiFormSettings: import("svelte").Component<Props, {}, "prompt">;
+type AiFormSettings = ReturnType<typeof AiFormSettings>;
 export default AiFormSettings;

package/package/components/copilot/autocomplete/Autocompletor.d.ts

@@ -1,8 +1,10 @@
 import type { AIProviderModel, ScriptLang } from '../../../gen';
-import { type editor as meditor } from 'monaco-editor';
+import { editor as meditor } from 'monaco-editor';
+import type { MonacoLanguageClient } from 'monaco-languageclient';
 export declare class Autocompletor {
     #private;
     constructor(editor: meditor.IStandaloneCodeEditor, scriptLang: ScriptLang | 'bunnative' | 'jsx' | 'tsx' | 'json');
     static isProviderModelSupported(providerModel: AIProviderModel | undefined): boolean | undefined;
     dispose(): void;
+    setLanguageClient(client: MonacoLanguageClient): void;
 }