windmill-components 1.623.1 → 1.642.0

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

@@ -4,6 +4,7 @@ interface Props {
     name: string;
     config: undefined | {
         dedicated_worker?: string;
+        dedicated_workers?: string[];
         worker_tags?: string[];
         priority_tags?: Record<string, number>;
         cache_clear?: number;
@@ -14,6 +15,7 @@ interface Props {
         autoscaling?: AutoscalingConfig;
         periodic_script_bash?: string;
         periodic_script_interval_seconds?: number;
+        native_mode?: boolean;
     };
     activeWorkers: number;
     customTags: string[] | undefined;
@@ -24,6 +26,7 @@ interface Props {
     shouldAutoOpenDrawer?: boolean;
     onDrawerOpened?: () => void;
     onDeleted?: (deletedGroupName: string) => void;
+    onOpenYamlEditor?: () => void;
     selectGroup?: import('svelte').Snippet;
 }
 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> {

package/package/components/WorkerTagPicker.svelte

@@ -8,7 +8,7 @@ let { tag = $bindable(), popupPlacement = 'bottom-end', disabled = false, placeh
 loadWorkerTags();
 async function loadWorkerTags(force = false) {
     if (!$workerTags || force) {
-        $workerTags = await WorkerService.getCustomTags({ workspace: $workspaceStore });
+        $workerTags = await WorkerService.getCustomTagsForWorkspace({ workspace: $workspaceStore });
     }
 }
 </script>

package/package/components/WorkerTagSelect.svelte

@@ -27,7 +27,7 @@ async function loadWorkerGroups(force = false) {
     loading = true;
     try {
         if (!$workerTags || force) {
-            $workerTags = await WorkerService.getCustomTags({ workspace: $workspaceStore });
+            $workerTags = await WorkerService.getCustomTagsForWorkspace({ workspace: $workspaceStore });
         }
     }
     catch (e) {
@@ -50,7 +50,10 @@ async function loadTagsToWorkerExists(tags) {
         clearTimeout(timeout);
     }
     if (open) {
-        tagsToWorkerExists = await WorkerService.existsWorkersWithTags({ tags: tags.join(',') });
+        tagsToWorkerExists = await WorkerService.existsWorkersWithTags({
+            tags: tags.join(','),
+            workspace: $workspaceStore
+        });
         lastCheck = Date.now();
         if (visible) {
             timeout = setTimeout(() => {

package/package/components/WorkspaceDependenciesEditor.svelte

@@ -119,7 +119,7 @@ numpy>=1.24.0
     // 		go: `module mymod
     // go 1.25
     // require (
-    // 	rsc.io/quote v1.5.2 
+    // 	rsc.io/quote v1.5.2
     // 	github.com/gorilla/mux v1.8.1
     // 	github.com/lib/pq v1.10.9
     // 	github.com/joho/godotenv v1.5.1
@@ -159,7 +159,9 @@ $effect(() => {
 // Track when editor is ready
 let editorReady = $state(false);
 // Calculate when deploy button should be disabled
-let isDisabled = $derived(!can_write || !valid || (workspaceDependenciesType === 'named' && workspaceDependenciesName.trim() === ''));
+let isDisabled = $derived(!can_write ||
+    !valid ||
+    (workspaceDependenciesType === 'named' && workspaceDependenciesName.trim() === ''));
 $effect(() => {
     if (editor && !editorReady) {
         editor.setCode(workspaceDependencies.content);
@@ -192,7 +194,7 @@ export async function initNew() {
     workspaceDependencies = {
         content: LANGUAGE_TEMPLATES.python3,
         language: 'python3',
-        description: "",
+        description: ''
     };
     edit = false;
     initialName = undefined;
@@ -252,10 +254,12 @@ async function updateWorkspaceDependencies() {
                 content: workspaceDependencies.content,
                 language: workspaceDependencies.language,
                 workspace_id: $workspaceStore,
-                description: workspaceDependencies.description,
+                description: workspaceDependencies.description
             }
         });
-        const displayName = workspaceDependenciesType === 'workspace' ? `workspace default for ${workspaceDependencies.language}` : workspaceDependenciesName;
+        const displayName = workspaceDependenciesType === 'workspace'
+            ? `workspace default for ${workspaceDependencies.language}`
+            : workspaceDependenciesName;
         sendUserToast(`Deployed enforced dependencies: ${displayName}`);
         dispatch('create');
         drawer?.closeDrawer();
@@ -290,7 +294,9 @@ function cancelDeploy() {
 
 <Drawer bind:this={drawer} size="1200px">
 	<DrawerContent
-		title={edit ? `Deploy ${getFullFilename(workspaceDependencies.language, workspaceDependenciesType === 'workspace' ? null : workspaceDependenciesName)}` : 'Add enforced dependencies'}
+		title={edit
+			? `Deploy ${getFullFilename(workspaceDependencies.language, workspaceDependenciesType === 'workspace' ? null : workspaceDependenciesName)}`
+			: 'Add enforced dependencies'}
 		on:close={drawer?.closeDrawer}
 	>
 		<div class="flex flex-col gap-8">
@@ -303,15 +309,20 @@ function cancelDeploy() {
 			{#if showWarning && currentImportedPath}
 				<DependenciesDeploymentWarning
 					importedPath={currentImportedPath}
-					title={workspaceDependenciesType === 'workspace' ? "Redeploy impacted runnables?" : "Deployment Warning"}
-					confirmText={workspaceDependenciesType === 'workspace' ? "I'm Sure - Deploy Default" : "Deploy Anyway"}
+					title={workspaceDependenciesType === 'workspace'
+						? 'Redeploy impacted runnables?'
+						: 'Deployment Warning'}
+					confirmText={workspaceDependenciesType === 'workspace'
+						? "I'm Sure - Deploy Default"
+						: 'Deploy Anyway'}
 					onConfirm={confirmDeploy}
 					onCancel={cancelDeploy}
 					isUnnamedDefault={workspaceDependenciesType === 'workspace'}
-					language={LANGUAGE_OPTIONS.find(opt => opt.value === workspaceDependencies.language)?.label || workspaceDependencies.language}
+					language={LANGUAGE_OPTIONS.find((opt) => opt.value === workspaceDependencies.language)
+						?.label || workspaceDependencies.language}
 				/>
 			{/if}
-			
+
 			<Section label="Enforced Dependencies Type">
 				<div class="flex flex-col gap-4">
 					{#if hasWorkspaceDefault(workspaceDependencies.language) && !edit}
@@ -335,7 +346,10 @@ function cancelDeploy() {
 							</Button>
 						</div>
 					{:else}
-						<ToggleButtonGroup bind:selected={workspaceDependenciesType} disabled={!can_write || edit}>
+						<ToggleButtonGroup
+							bind:selected={workspaceDependenciesType}
+							disabled={!can_write || edit}
+						>
 							{#snippet children({ item })}
 								<ToggleButton
 									disabled={!can_write || edit}
@@ -363,8 +377,8 @@ function cancelDeploy() {
 					{/if}
 					<div class="text-sm text-tertiary">
 						<FolderOpen size={16} class="inline mr-2" />
-						Default Enforced Dependencies are used when no specific Dependencies are referenced from runnables.
-						Named dependencies can be referenced by scripts using
+						Default Enforced Dependencies are used when no specific Dependencies are referenced from
+						runnables. Named dependencies can be referenced by scripts using
 						<a
 							href="https://www.windmill.dev/docs/core_concepts/workspace_dependencies"
 							target="_blank"
@@ -386,7 +400,9 @@ function cancelDeploy() {
 					/>
 					<div class="text-sm text-tertiary">
 						<Code2 size={16} class="inline mr-2" />
-						{edit ? 'Language cannot be changed after creation.' : 'Select the programming language these dependencies are for. This will load a default template.'}
+						{edit
+							? 'Language cannot be changed after creation.'
+							: 'Select the programming language these dependencies are for. This will load a default template.'}
 					</div>
 				</div>
 			</Section>
@@ -400,7 +416,8 @@ function cancelDeploy() {
 					class="input"
 				/>
 				<div class="text-sm text-tertiary mt-2">
-					Provide a brief description to help others understand the purpose of these enforced dependencies.
+					Provide a brief description to help others understand the purpose of these enforced
+					dependencies.
 				</div>
 			</Section>
 
@@ -426,9 +443,8 @@ function cancelDeploy() {
 					{/await}
 				</div>
 			</Section>
-
 		</div>
-		
+
 		{#snippet actions()}
 			<Button
 				on:click={handleDeployClick}

package/package/components/WorkspaceTutorials.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">import TutorialRouter from './tutorials/TutorialRouter.svelte';
 import WorkspaceOnboardingTutorial from './tutorials/workspace/WorkspaceOnboardingTutorial.svelte';
+import WorkspaceOnboardingOperatorTutorial from './tutorials/workspace/WorkspaceOnboardingOperatorTutorial.svelte';
 let tutorialRouter = $state(undefined);
 export function runTutorialById(id) {
     tutorialRouter?.runTutorialById(id);
@@ -12,6 +13,10 @@ export function runTutorialById(id) {
 		{
 			id: 'workspace-onboarding',
 			component: WorkspaceOnboardingTutorial
+		},
+		{
+			id: 'workspace-onboarding-operator',
+			component: WorkspaceOnboardingOperatorTutorial
 		}
 	]}
 />

package/package/components/ZitadelSetting.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">import IconedResourceType from './IconedResourceType.svelte';
 import TextInput from './text_input/TextInput.svelte';
 import Toggle from './Toggle.svelte';
+import SettingCard from './instanceSettings/SettingCard.svelte';
 export let value;
 $: enabled = value != undefined;
 let org = '';
@@ -40,7 +41,7 @@ function changeOrg(org) {
 		/></label
 	>
 	{#if enabled}
-		<div class="border rounded p-4 flex flex-col gap-6">
+		<SettingCard class="flex flex-col gap-6">
 			<label class="flex flex-col gap-1">
 				<span class="text-emphasis font-semibold text-xs">Zitadel Url</span>
 				<span class="text-secondary font-normal text-xs">{'ZITADEL_URL/oauth/v2/authorize'}</span>
@@ -67,6 +68,6 @@ function changeOrg(org) {
 					bind:value={value['secret']}
 				/>
 			</label>
-		</div>
+		</SettingCard>
 	{/if}
 </div>

package/package/components/aiProviderStorage.d.ts

@@ -0,0 +1,5 @@
+import type { ProviderConfig } from '../gen';
+export declare function loadStoredConfig(): ProviderConfig | undefined;
+export declare function saveConfig(config: ProviderConfig | undefined): void;
+export declare function removeConfig(): void;
+export declare function isSameAsStoredConfig(config: ProviderConfig | undefined): boolean;

package/package/components/aiProviderStorage.js

@@ -0,0 +1,50 @@
+import { AI_PROVIDERS } from './copilot/lib';
+const STORAGE_KEY = 'windmill_ai_provider_config';
+export function loadStoredConfig() {
+    if (typeof localStorage === 'undefined') {
+        return undefined;
+    }
+    try {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        if (stored) {
+            const parsed = JSON.parse(stored);
+            // Validate that the stored provider is still available
+            if (parsed.kind && AI_PROVIDERS[parsed.kind]) {
+                return parsed;
+            }
+        }
+    }
+    catch (e) {
+        console.error('Failed to load AI provider config from localStorage:', e);
+    }
+    return undefined;
+}
+export function saveConfig(config) {
+    if (typeof localStorage === 'undefined') {
+        return;
+    }
+    try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(config));
+    }
+    catch (e) {
+        console.error('Failed to save AI provider config to localStorage:', e);
+    }
+}
+export function removeConfig() {
+    if (typeof localStorage === 'undefined') {
+        return;
+    }
+    try {
+        localStorage.removeItem(STORAGE_KEY);
+    }
+    catch (e) {
+        console.error('Failed to remove AI provider config from localStorage:', e);
+    }
+}
+export function isSameAsStoredConfig(config) {
+    const storedConfig = loadStoredConfig();
+    return (storedConfig !== undefined &&
+        storedConfig.kind === config?.kind &&
+        storedConfig.resource === config?.resource &&
+        storedConfig.model === config?.model);
+}

package/package/components/apps/components/buttons/AppButton.svelte

@@ -85,14 +85,29 @@ async function handleClick(event) {
         if (iterContext && listInputs) {
             listInputs.set(id, inputOutput);
         }
-        if (preclickAction) {
-            await preclickAction();
+        // Set loading state immediately for immediate visual feedback
+        // This ensures the spinner appears right away, even before the API request completes
+        if (runnableComponent) {
+            loading = true;
         }
-        if (!runnableComponent) {
-            runnableWrapper?.handleSideEffect(true);
+        try {
+            if (preclickAction) {
+                await preclickAction();
+            }
+            if (!runnableComponent) {
+                runnableWrapper?.handleSideEffect(true);
+            }
+            else {
+                await runnableComponent?.runComponent();
+            }
         }
-        else {
-            await runnableComponent?.runComponent();
+        catch (error) {
+            // If an error occurs before the job starts, reset loading state
+            // (If the job started, RunnableComponent will handle resetting loading)
+            if (runnableComponent) {
+                loading = false;
+            }
+            throw error;
         }
     };
     if (resolvedConfig?.confirmationModal?.selected === 'confirmationModal') {

package/package/components/apps/components/buttons/AppForm.svelte

@@ -43,10 +43,11 @@ let noInputs = $derived($stateId != undefined &&
     (componentInput?.type != 'runnable' || Object.keys(componentInput?.fields ?? {}).length == 0));
 </script>
 
-{#each Object.keys(components['formcomponent'].initialData.configuration) as key (key)}
+{#each Object.entries(components['formcomponent'].initialData.configuration) as [key, initialConfig] (key)}
 	<ResolveConfig
 		{id}
 		{key}
+		{initialConfig}
 		bind:resolvedConfig={resolvedConfig[key]}
 		configuration={configuration[key]}
 	/>

package/package/components/apps/components/buttons/AppFormButton.svelte

@@ -56,10 +56,11 @@ let noInputs = $derived(componentInput?.type != 'runnable' || Object.keys(compon
 	/>
 {/each}
 
-{#each Object.keys(components['formbuttoncomponent'].initialData.configuration) as key (key)}
+{#each Object.entries(components['formbuttoncomponent'].initialData.configuration) as [key, initialConfig] (key)}
 	<ResolveConfig
 		{id}
 		{key}
+		{initialConfig}
 		bind:resolvedConfig={resolvedConfig[key]}
 		configuration={configuration[key]}
 	/>

package/package/components/apps/components/display/InsertRowDrawerButton.svelte

@@ -33,7 +33,7 @@ const onConfirm = async () => {
 </Button>
 
 <Drawer bind:this={insertDrawer} size="800px">
-	<DrawerContent title="Insert row" on:close={insertDrawer.closeDrawer}>
+	<DrawerContent title="Insert row" on:close={insertDrawer.closeDrawer} id="insert-row-drawer">
 		{#snippet actions()}
 			<Button
 				variant="accent"

package/package/components/apps/components/display/dbtable/AppDbExplorer.svelte

@@ -70,20 +70,28 @@ let renderCount = $state(0);
 let insertDrawer = undefined;
 let componentContainerHeight = $state(undefined);
 let buttonContainerHeight = $state(undefined);
-let dbPath = $derived(resolvedConfig.type.selected !== 'ducklake'
-    ? resolvedConfig.type.configuration?.[resolvedConfig.type.selected]?.resource
-    : resolvedConfig.type.configuration?.[resolvedConfig.type.selected]?.ducklake);
+let dbPath = $derived(resolvedConfig.type.selected === 'ducklake'
+    ? resolvedConfig.type.configuration?.[resolvedConfig.type.selected]?.ducklake
+    : resolvedConfig.type.selected === 'datatable'
+        ? resolvedConfig.type.configuration?.[resolvedConfig.type.selected]?.datatable
+        : resolvedConfig.type.configuration?.[resolvedConfig.type.selected]?.resource);
 let dbInput = $derived(resolvedConfig.type.selected === 'ducklake'
     ? {
         type: 'ducklake',
-        ducklake: dbPath.split('ducklake://')[1]
+        ducklake: dbPath?.split('ducklake://')[1]
     }
     : {
         type: 'database',
-        resourcePath: dbPath.split('$res:')[1],
-        resourceType: resolvedConfig.type.selected
+        resourcePath: dbPath?.split('$res:')[1] ?? dbPath,
+        resourceType: resolvedConfig.type.selected === 'datatable'
+            ? 'postgresql'
+            : resolvedConfig.type.selected
     });
-let dbtype = $derived(resolvedConfig.type.selected === 'ducklake' ? 'duckdb' : resolvedConfig.type.selected);
+let dbtype = $derived(resolvedConfig.type.selected === 'ducklake'
+    ? 'duckdb'
+    : resolvedConfig.type.selected === 'datatable'
+        ? 'postgresql'
+        : resolvedConfig.type.selected);
 function onUpdate(e) {
     const { columnDef, value, data, oldValue } = e.detail;
     updateCell?.triggerUpdate(dbInput, resolvedConfig.type.configuration[resolvedConfig.type.selected].table ?? 'unknown', columnDef, resolvedConfig.columnDefs, value, data, oldValue);
@@ -97,7 +105,8 @@ let outputs = initOutput($worldStore, id, {
     loading: false,
     page: 0,
     newChange: { row: 0, column: '', value: undefined },
-    ready: undefined
+    ready: undefined,
+    openedModalRow: {}
 });
 let lastResource = undefined;
 function updateOneOfConfiguration(oneOfConfiguration, resolvedConfig, patch) {
@@ -132,11 +141,14 @@ async function listTables() {
         if (resolvedConfig?.type?.selected === 'ducklake') {
             dbSchemas[dbPath] = await getDucklakeSchema({
                 workspace: $workspaceStore,
-                ducklake: dbPath.split('ducklake://')[1]
+                ducklake: dbPath?.split('ducklake://')[1]
             });
         }
         else {
-            await getDbSchemas(resolvedConfig?.type?.selected, dbPath.split('$res:')[1], $workspaceStore, dbSchemas, () => { }, { useLegacyScripts: true });
+            const resourcePath = dbPath?.split('$res:')[1] ?? dbPath;
+            dbSchemas[resourcePath] = await getDbSchemas(resolvedConfig?.type?.selected === 'datatable'
+                ? 'postgresql'
+                : resolvedConfig?.type?.selected, resourcePath, $workspaceStore, () => { }, { useLegacyScripts: true });
         }
         updateOneOfConfiguration(gridItem.data.configuration.type, resolvedConfig.type, {
             table: {
@@ -174,10 +186,6 @@ let datasource = $state({
                     lastRow = datasource.rowCount;
                 }
                 if (items && Array.isArray(items)) {
-                    // MsSql response have an outer array, we need to flatten it
-                    if (resolvedConfig.type.selected === 'ms_sql_server') {
-                        items = items?.[0];
-                    }
                     let processedData = items.map((item) => {
                         let primaryKeys = getPrimaryKeys(resolvedConfig.columnDefs);
                         let o = {};
@@ -245,11 +253,11 @@ async function listColumnsIfAvailable() {
     let tableMetadata = await loadTableMetaData(resolvedConfig.type.selected === 'ducklake'
         ? {
             type: 'ducklake',
-            ducklake: dbPath.split('ducklake://')[1]
+            ducklake: dbPath?.split('ducklake://')[1]
         }
         : {
             type: 'database',
-            resourcePath: dbPath.split('$res:')[1],
+            resourcePath: dbPath?.split('$res:')[1] ?? dbPath,
             resourceType: dbtype
         }, $workspaceStore, resolvedConfig.type.configuration[selected].table);
     if (!tableMetadata)

package/package/components/apps/components/display/dbtable/dbFeatures.d.ts

@@ -0,0 +1,9 @@
+import type { DbInput } from '../../../../dbTypes';
+export type DbFeatures = {
+    foreignKeys?: boolean;
+    enforcedForeignKeys?: boolean;
+    primaryKeys?: boolean;
+    defaultValues?: boolean;
+    schemas?: boolean;
+};
+export declare function getDbFeatures(dbInput: DbInput): Required<DbFeatures>;

package/package/components/apps/components/display/dbtable/dbFeatures.js

@@ -0,0 +1,32 @@
+// Separate file to import in both frontend and e2e
+import { dbSupportsSchemas } from './utils';
+export function getDbFeatures(dbInput) {
+    const def = {
+        foreignKeys: true,
+        primaryKeys: true,
+        defaultValues: true,
+        enforcedForeignKeys: true,
+        schemas: dbInput.type !== 'ducklake' && dbSupportsSchemas(dbInput.resourceType)
+    };
+    if (dbInput.type == 'ducklake')
+        return {
+            ...def,
+            foreignKeys: false,
+            enforcedForeignKeys: false,
+            primaryKeys: false
+        };
+    if (dbInput.resourceType == 'bigquery')
+        return {
+            ...def,
+            foreignKeys: false,
+            primaryKeys: true,
+            defaultValues: false,
+            enforcedForeignKeys: false
+        };
+    if (dbInput.resourceType == 'snowflake')
+        return {
+            ...def,
+            enforcedForeignKeys: false
+        };
+    return { ...def };
+}

package/package/components/apps/components/display/dbtable/metadata.d.ts

@@ -1,10 +1,11 @@
 import type { DbInput } from '../../../../dbTypes';
 import { type TableMetadata } from './utils';
-import type { DBSchema, DBSchemas } from '../../../../../stores';
+import type { DBSchema } from '../../../../../stores';
 import type { DbType } from '../../../../dbTypes';
 export declare function loadTableMetaData(input: DbInput, workspace: string | undefined, table: string | undefined): Promise<TableMetadata | undefined>;
 export declare function loadAllTablesMetaData(workspace: string | undefined, input: DbInput): Promise<Record<string, TableMetadata> | undefined>;
-export declare function getDbSchemas(resourceType: string, resourcePath: string, workspace: string | undefined, dbSchemas: DBSchemas, errorCallback: (message: string) => void, options?: {
+export declare function getDbSchemas(resourceType: string, resourcePath: string, workspace: string | undefined, errorCallback: (message: string) => void, options?: {
     useLegacyScripts?: boolean;
-}): Promise<void>;
+    customTag?: string;
+}): Promise<DBSchema | undefined>;
 export declare function getTablesByResource(schema: Partial<Record<string, DBSchema>>, dbType: DbType | undefined, dbPath: string, workspace: string): Promise<string[]>;