windmill-components 1.511.1 → 1.522.0

package/package/components/git_sync/PushWorkspaceModal.svelte

@@ -0,0 +1,320 @@
+<script lang="ts">import Modal from '../common/modal/Modal.svelte';
+import { Button, Alert } from '../common';
+import { Loader2, CheckCircle2, XCircle, Terminal, ChevronDown, ChevronUp } from 'lucide-svelte';
+import GitDiffPreview from '../GitDiffPreview.svelte';
+import { JobService } from '../../gen';
+import { workspaceStore } from '../../stores';
+import hubPaths from '../../hubPaths.json';
+import { tryEvery } from '../../utils';
+let { open = $bindable(false), gitRepoResourcePath, uiState, onSuccess, isNewConnection = false, onSaveWithoutInit } = $props();
+// Job state
+let previewJobId = $state(null);
+let previewJobStatus = $state(undefined);
+let isPreviewLoading = $state(false);
+let previewError = $state('');
+let applyJobId = $state(null);
+let applyJobStatus = $state(undefined);
+let isApplying = $state(false);
+let applyError = $state('');
+// UI state
+let showCliInstructions = $state(false);
+let previewResult = $state(null);
+// Note: Escape key is handled by the Modal component itself
+// Reset state when modal opens/closes
+$effect(() => {
+    if (!open) {
+        previewJobId = null;
+        previewJobStatus = undefined;
+        isPreviewLoading = false;
+        previewError = '';
+        applyJobId = null;
+        applyJobStatus = undefined;
+        isApplying = false;
+        applyError = '';
+        showCliInstructions = false;
+        previewResult = null;
+    }
+});
+// Execute job with dry run or actual execution
+async function executeJob(isDryRun) {
+    const isPreview = isDryRun;
+    if (isPreview) {
+        isPreviewLoading = true;
+        previewError = '';
+        previewResult = null;
+        previewJobId = null;
+        previewJobStatus = undefined;
+    }
+    else {
+        isApplying = true;
+        applyError = '';
+        applyJobId = null;
+        applyJobStatus = undefined;
+    }
+    try {
+        const workspace = $workspaceStore;
+        if (!workspace)
+            return;
+        const payload = {
+            workspace_id: workspace,
+            repo_url_resource_path: gitRepoResourcePath,
+            dry_run: isDryRun,
+            pull: false,
+            settings_json: JSON.stringify(uiState)
+        };
+        const jobId = await JobService.runScriptByPath({
+            workspace,
+            path: hubPaths.gitInitRepo,
+            requestBody: payload,
+            skipPreprocessor: true
+        });
+        if (isPreview) {
+            previewJobId = jobId;
+            previewJobStatus = 'running';
+        }
+        else {
+            applyJobId = jobId;
+            applyJobStatus = 'running';
+        }
+        let jobSuccess = false;
+        let result = {};
+        await tryEvery({
+            tryCode: async () => {
+                const testResult = await JobService.getCompletedJob({ workspace, id: jobId });
+                jobSuccess = !!testResult.success;
+                if (jobSuccess) {
+                    const jobResult = await JobService.getCompletedJobResult({ workspace, id: jobId });
+                    result = jobResult;
+                }
+            },
+            timeoutCode: async () => {
+                try {
+                    await JobService.cancelQueuedJob({
+                        workspace,
+                        id: jobId,
+                        requestBody: { reason: `${isPreview ? 'Preview' : 'Apply'} job timed out after 60s` }
+                    });
+                }
+                catch (err) { }
+            },
+            interval: 500,
+            timeout: 60000
+        });
+        if (isPreview) {
+            previewJobStatus = jobSuccess ? 'success' : 'failure';
+            if (jobSuccess) {
+                previewResult = result;
+            }
+            else {
+                previewError = 'Preview failed';
+            }
+        }
+        else {
+            applyJobStatus = jobSuccess ? 'success' : 'failure';
+            if (jobSuccess) {
+                onSuccess?.();
+            }
+            else {
+                applyError = 'Push failed';
+            }
+        }
+    }
+    catch (e) {
+        const errorMsg = e?.message || 'Operation failed';
+        if (isPreview) {
+            previewJobStatus = 'failure';
+            previewError = errorMsg;
+        }
+        else {
+            applyJobStatus = 'failure';
+            applyError = errorMsg;
+        }
+    }
+    finally {
+        if (isPreview) {
+            isPreviewLoading = false;
+        }
+        else {
+            isApplying = false;
+        }
+    }
+}
+</script>
+
+
+<Modal bind:open title="Push Workspace to Git Repository" class="sm:max-w-4xl">
+	<div class="flex flex-col gap-4">
+		<!-- Description -->
+		<p class="text-sm text-secondary">Push your current workspace content to the connected Git repository based on the configured filters.</p>
+		<p class="text-sm text-tertiary">Note: This will not update git sync settings in wmill.yaml. Settings can only be pulled from the repository as it is the source of truth.</p>
+
+		<!-- Settings display for new connections -->
+		{#if isNewConnection}
+			<div class="bg-surface-secondary border border-border rounded-lg p-3">
+				<h4 class="text-sm font-medium text-primary mb-2">Settings that will be pushed to repository</h4>
+				<div class="text-xs text-secondary space-y-1">
+					<div><strong>Include paths:</strong> {uiState.include_path?.join(', ') || 'None'}</div>
+					<div><strong>Exclude paths:</strong> {uiState.exclude_path?.join(', ') || 'None'}</div>
+					{#if uiState.extra_include_path?.length > 0}
+						<div><strong>Extra include paths:</strong> {uiState.extra_include_path.join(', ')}</div>
+					{/if}
+					<div><strong>Include types:</strong> {uiState.include_type?.join(', ') || 'None'}</div>
+				</div>
+				<p class="text-xs text-tertiary mt-2">To modify these settings, cancel and configure them in the workspace settings.</p>
+			</div>
+		{/if}
+
+		<!-- Preview section -->
+		{#if !previewResult}
+			<div class="flex justify-start pt-4">
+				<Button
+					size="md"
+					color="dark"
+					onclick={() => executeJob(true)}
+					disabled={isPreviewLoading}
+					startIcon={{
+						icon: isPreviewLoading ? Loader2 : undefined,
+						classes: isPreviewLoading ? 'animate-spin' : ''
+					}}
+				>
+					{isPreviewLoading ? 'Previewing...' : 'Preview changes'}
+				</Button>
+			</div>
+		{/if}
+
+		<!-- Job status for preview -->
+		{#if previewJobId}
+			<div class="flex items-center gap-2 text-xs text-tertiary">
+				{#if previewJobStatus === 'running'}
+					<Loader2 class="animate-spin" size={14} />
+				{:else if previewJobStatus === 'success'}
+					<CheckCircle2 size={14} class="text-green-600" />
+				{:else if previewJobStatus === 'failure'}
+					<XCircle size={14} class="text-red-700" />
+				{/if}
+				Preview job:
+				<a
+					target="_blank"
+					class="underline"
+					href={`/run/${previewJobId}?workspace=${$workspaceStore}`}
+				>
+					{previewJobId}
+				</a>
+			</div>
+		{/if}
+
+		<!-- Preview error -->
+		{#if previewError}
+			<Alert type="error" title="Preview failed">
+				{previewError}
+			</Alert>
+		{/if}
+
+		<!-- Preview results -->
+		{#if previewResult && !previewError}
+			<div class="space-y-3">
+				<h4 class="text-sm font-semibold text-primary">Changes to Push</h4>
+
+				{#if previewResult.changes?.length > 0}
+					<GitDiffPreview previewResult={previewResult} />
+				{:else}
+					<div class="bg-surface-secondary rounded-lg p-3">
+						<div class="text-sm text-tertiary">No changes to push to the repository.</div>
+					</div>
+				{/if}
+			</div>
+		{/if}
+
+		<!-- Apply section (shown after successful preview) -->
+		{#if previewResult && !previewError}
+			{@const hasChanges = previewResult.changes?.length > 0}
+			{#if hasChanges}
+			<div class="border-t pt-4 mt-4">
+				<div class="flex justify-start gap-2">
+					<Button
+						size="xs"
+						onclick={() => executeJob(false)}
+						disabled={isApplying}
+						startIcon={{
+							icon: isApplying ? Loader2 : undefined,
+							classes: isApplying ? 'animate-spin' : ''
+						}}
+					>
+						{isApplying ?
+							(isNewConnection ? 'Initializing...' : 'Pushing...') :
+							(isNewConnection ? 'Initialize repo and save connection' : 'Push to repository')
+						}
+					</Button>
+					{#if isNewConnection && onSaveWithoutInit}
+						<Button
+							size="xs"
+							color="light"
+							onclick={onSaveWithoutInit}
+							disabled={isApplying}
+						>
+							Save without initializing repo
+						</Button>
+					{/if}
+				</div>
+			</div>
+			{/if}
+		{/if}
+
+		<!-- Job status for apply -->
+		{#if applyJobId}
+			<div class="flex items-center gap-2 text-xs text-tertiary">
+				{#if applyJobStatus === 'running'}
+					<Loader2 class="animate-spin" size={14} />
+				{:else if applyJobStatus === 'success'}
+					<CheckCircle2 size={14} class="text-green-600" />
+				{:else if applyJobStatus === 'failure'}
+					<XCircle size={14} class="text-red-700" />
+				{/if}
+				Push job:
+				<a
+					target="_blank"
+					class="underline"
+					href={`/run/${applyJobId}?workspace=${$workspaceStore}`}
+				>
+					{applyJobId}
+				</a>
+			</div>
+		{/if}
+
+		<!-- Apply error -->
+		{#if applyError}
+			<Alert type="error" title="Push failed">
+				{applyError}
+			</Alert>
+		{/if}
+
+		<!-- CLI Instructions (collapsible) -->
+		<div class="border-t pt-4 mt-4">
+			<button
+				class="flex items-center gap-2 text-sm text-secondary hover:text-primary transition-colors"
+				onclick={() => showCliInstructions = !showCliInstructions}
+			>
+				<Terminal size={16} />
+				<span>CLI Instructions</span>
+				{#if showCliInstructions}
+					<ChevronUp size={16} />
+				{:else}
+					<ChevronDown size={16} />
+				{/if}
+			</button>
+
+			{#if showCliInstructions}
+				<div class="mt-3 bg-surface-secondary rounded-lg p-3">
+					<pre class="text-xs bg-surface p-3 rounded overflow-x-auto whitespace-pre-wrap break-all">
+# Setup (only needed if local folder not initialized yet)
+npm install -g windmill-cli
+wmill workspace add {$workspaceStore} {$workspaceStore} {window.location.origin}
+wmill init --workspace {$workspaceStore} --repository {gitRepoResourcePath}
+
+# Pull workspace content to git repository
+wmill sync pull --workspace {$workspaceStore} --repository {gitRepoResourcePath}</pre>
+				</div>
+			{/if}
+		</div>
+	</div>
+</Modal>

package/package/components/git_sync/PushWorkspaceModal.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { SettingsObject } from '../../git-sync';
+interface Props {
+    open: boolean;
+    gitRepoResourcePath: string;
+    uiState: SettingsObject;
+    onSuccess?: () => void;
+    isNewConnection?: boolean;
+    onSaveWithoutInit?: () => void;
+}
+declare const PushWorkspaceModal: import("svelte").Component<Props, {}, "open">;
+type PushWorkspaceModal = ReturnType<typeof PushWorkspaceModal>;
+export default PushWorkspaceModal;

package/package/components/graph/FlowGraphV2.svelte

@@ -326,7 +326,11 @@ export function isNodeVisible(nodeId) {
 	<FlowYamlEditor bind:drawer={yamlEditorDrawer} />
 {/if}
 
-<div style={`height: ${height}px; max-height: ${maxHeight}px;`} bind:clientWidth={debouncedWidth}>
+<div
+	style={`height: ${height}px; max-height: ${maxHeight}px;`}
+	class="overflow-clip"
+	bind:clientWidth={debouncedWidth}
+>
 	{#if graph?.error}
 		<div class="center-center p-2">
 			<Alert title="Error parsing the flow" type="error" class="max-w-1/2">

package/package/components/graph/graphBuilder.svelte.js

@@ -436,7 +436,7 @@ export function graphBuilder(modules, extra, failureModule, preprocessorModule,
                         let expanded = expandedSubflows[module.id];
                         if (expanded) {
                             expanded = $state.snapshot(expanded);
-                            const startId = `${module.id}-subflow-start`;
+                            const startId = `${module.id}`;
                             const idWithoutPrefix = module.id.startsWith('subflow:')
                                 ? module.id.substring(8)
                                 : module.id;

package/package/components/graph/renderers/nodes/AssetNode.svelte

@@ -189,6 +189,7 @@ const flowGraphAssetsCtx = getContext('FlowGraphAssetContext');
 let { data } = $props();
 const isSelected = $derived(assetEq(flowGraphAssetsCtx?.val.selectedAsset, data.asset));
 const cachedResourceMetadata = $derived(flowGraphAssetsCtx?.val.resourceMetadataCache[data.asset.path]);
+const usageCount = $derived(flowGraphAssetsCtx?.val.computeAssetsCount?.(data.asset));
 </script>
 
 <NodeWrapper>
@@ -232,10 +233,9 @@ const cachedResourceMetadata = $derived(flowGraphAssetsCtx?.val.resourceMetadata
 				{/if}
 			</div>
 			<svelte:fragment slot="text">
-				Used in {pluralize(
-					flowGraphAssetsCtx?.val.computeAssetsCount?.(data.asset) ?? -1,
-					'step'
-				)}<br />
+				{#if usageCount !== undefined}
+					Used in {pluralize(usageCount, 'step')}<br />
+				{/if}
 				<a
 					href={undefined}
 					class={twMerge(

package/package/components/icons/AssetDucklakeIcon.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px', fill = 'black', class: className = '' } = $props();
+</script>
+
+<svg
+	{width}
+	{height}
+	class={className}
+	viewBox="0 0 22 22"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M11.0586 0.306641C11.3106 0.315989 11.5582 0.378277 11.7822 0.495117C12.0247 0.621655 12.2331 0.805033 12.3897 1.0293L12.3916 1.03223L17.9033 9H16.2022L11.6963 2.4873V9H10.2959V2.4873L1.75196 14.8457C1.72867 14.8796 1.71294 14.9186 1.70508 14.959C1.69725 14.9995 1.69803 15.0418 1.70704 15.082C1.71605 15.1222 1.73351 15.1601 1.75782 15.1934C1.78213 15.2266 1.81309 15.2546 1.84864 15.2754H1.84766L8.75001 19.2158V20.8281L1.14844 16.4883L1.14258 16.4844C0.940872 16.3666 0.765826 16.2081 0.627936 16.0195C0.489969 15.8308 0.391887 15.6158 0.340827 15.3877C0.289772 15.1595 0.286682 14.9229 0.331061 14.6934C0.375447 14.4641 0.466395 14.2462 0.59864 14.0537L0.599616 14.0518L9.59962 1.03223L9.60157 1.0293C9.75823 0.804889 9.9673 0.62167 10.21 0.495117C10.4336 0.378564 10.6802 0.316161 10.9316 0.306641C10.9528 0.304686 10.9744 0.299805 10.9961 0.299805C11.0172 0.299841 11.038 0.304797 11.0586 0.306641Z"
+		{fill}
+		stroke="none"
+	/>
+	<path
+		d="M14.036 10C16.4558 10 18.4768 11.6945 18.9614 13.9535H17.2654C16.8219 12.6035 15.5438 11.6279 14.036 11.6279C12.1603 11.6279 10.6396 13.1376 10.6396 15C10.6396 16.8624 12.1603 18.3721 14.036 18.3721C15.7121 18.3721 17.1044 17.1667 17.3819 15.5814H19.038C18.7478 18.0689 16.6193 20 14.036 20C11.2547 20 9 17.7614 9 15C9 12.2386 11.2547 10 14.036 10Z"
+		{fill}
+		stroke="none"
+	/>
+	<path
+		d="M22 14.7674C22 16.0338 20.9049 16.9767 19.6618 16.9767L18.018 16.9767V15.5814L19.6618 15.5814C20.2251 15.5814 20.5946 15.1708 20.5946 14.7674C20.5946 14.3641 20.2251 13.9535 19.6618 13.9535L18.018 13.9535V12.5581L19.6618 12.5581C20.9049 12.5581 22 13.5011 22 14.7674Z"
+		{fill}
+		stroke="none"
+	/>
+</svg>

package/package/components/icons/AssetDucklakeIcon.svelte.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    height?: string;
+    width?: string;
+    fill?: string;
+    class?: string;
+}
+declare const AssetDucklakeIcon: import("svelte").Component<Props, {}, "">;
+type AssetDucklakeIcon = ReturnType<typeof AssetDucklakeIcon>;
+export default AssetDucklakeIcon;

package/package/components/icons/AssetGenericIcon.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">import { Pyramid } from 'lucide-svelte';
 import AssetResIcon from './AssetResIcon.svelte';
 import AssetS3Icon from './AssetS3Icon.svelte';
+import AssetDucklakeIcon from './AssetDucklakeIcon.svelte';
 let { assetKind, fill, size, class: className = '' } = $props();
 </script>
 
@@ -8,6 +9,8 @@ let { assetKind, fill, size, class: className = '' } = $props();
 	<AssetS3Icon {fill} width={size} height={size} class={className} />
 {:else if assetKind == 'resource'}
 	<AssetResIcon {fill} width={size} height={size} class={className} />
+{:else if assetKind == 'ducklake'}
+	<AssetDucklakeIcon {fill} width={size} height={size} class={className} />
 {:else}
 	<Pyramid {size} color={fill} class={'!fill-none ' + className} />
 {/if}

package/package/components/icons/DucklakeIcon.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">"use strict";
+let { size = 24 } = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 13 13"
+	style="fill:currentcolor;"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M5.03604 1.5C7.45583 1.5 9.4768 3.19448 9.96136 5.45349H8.26545C7.82193 4.10348 6.54384 3.12791 5.03604 3.12791C3.16026 3.12791 1.63964 4.63764 1.63964 6.5C1.63964 8.36236 3.16026 9.87209 5.03604 9.87209C6.71211 9.87209 8.10437 8.66667 8.38188 7.0814H10.038C9.74784 9.56889 7.61927 11.5 5.03604 11.5C2.25471 11.5 0 9.26142 0 6.5C0 3.73858 2.25471 1.5 5.03604 1.5Z"
+	/>
+	<path
+		d="M13 6.26744C13 7.53379 11.9049 8.47674 10.6618 8.47674L9.01802 8.47674V7.0814L10.6618 7.0814C11.2251 7.0814 11.5946 6.67079 11.5946 6.26744C11.5946 5.86409 11.2251 5.45349 10.6618 5.45349L9.01802 5.45349V4.05814L10.6618 4.05814C11.9049 4.05814 13 5.00109 13 6.26744Z"
+	/>
+</svg>

package/package/components/icons/DucklakeIcon.svelte.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    size?: number;
+}
+declare const DucklakeIcon: import("svelte").Component<Props, {}, "">;
+type DucklakeIcon = ReturnType<typeof DucklakeIcon>;
+export default DucklakeIcon;

package/package/components/instanceSettings.js

@@ -28,11 +28,11 @@ export const settings = {
             placeholder: 'https://windmill.com',
             storage: 'setting',
             error: 'Base url must start with http:// or https:// and not end with / or a space',
-            isValid: (value) => value == undefined
-                || value?.startsWith('http') &&
+            isValid: (value) => value == undefined ||
+                (value?.startsWith('http') &&
                     value.includes('://') &&
                     !value?.endsWith('/') &&
-                    !value?.endsWith(' ')
+                    !value?.endsWith(' '))
         },
         {
             label: 'Email domain',
@@ -158,6 +158,14 @@ export const settings = {
             storage: 'setting',
             ee_only: '',
             requiresReloadOnChange: true
+        },
+        {
+            label: 'App workspace prefix',
+            description: 'When enabled apps will be accessible at /a/{workspace_id}/{custom_path} instead of /a/{custom_path} allowing you to define same custom path for apps in different workspace without conflict',
+            key: 'app_workspaced_route',
+            fieldType: 'boolean',
+            storage: 'setting',
+            ee_only: ''
         }
     ],
     'Auth/OAuth/SAML': [],

package/package/components/runs/JobPreview.svelte

@@ -60,7 +60,7 @@ $effect(() => {
 let jobLoader = $state(undefined);
 </script>
 
-<JobLoader lazyLogs workspaceOverride={workspace} bind:job={currentJob} bind:this={jobLoader} />
+<JobLoader noLogs workspaceOverride={workspace} bind:job={currentJob} bind:this={jobLoader} />
 
 <div class="p-4 flex flex-col gap-2 items-start h-full">
 	{#if job}
@@ -217,7 +217,7 @@ let jobLoader = $state(undefined);
 								{:else}
 									<Skeleton layout={[[5]]} />
 								{/if}
-							{:else if job !== undefined && 'result' in job && job.result !== undefined}
+							{:else if job !== undefined && (job.result_stream || (job.type == 'CompletedJob' && job.result !== undefined))}
 								<DisplayResult
 									workspaceId={job?.workspace_id}
 									jobId={job?.id}

package/package/components/runs/NoWorkerWithTagWarning.svelte

@@ -8,14 +8,14 @@ let timeout = undefined;
 let visible = true;
 async function lookForTag() {
     try {
-        const existsWorkerWithTag = await WorkerService.existsWorkerWithTag({ tag });
-        noWorkerWithTag = !existsWorkerWithTag;
+        const existsWorkerWithTag = await WorkerService.existsWorkersWithTags({ tags: tag });
+        noWorkerWithTag = !existsWorkerWithTag[tag];
         if (noWorkerWithTag) {
             timeout = setTimeout(() => {
                 if (visible) {
                     lookForTag();
                 }
-            }, 1000);
+            }, 2500);
         }
     }
     catch (err) {

package/package/components/runs/RunsFilter.svelte.d.ts

@@ -40,6 +40,6 @@ declare const RunsFilter: $$__sveltets_2_IsomorphicComponent<Props, {
     successChange: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "path" | "tag" | "success" | "worker" | "label" | "folder" | "user" | "isSkipped" | "argFilter" | "resultFilter" | "schedulePath" | "jobKindsCat" | "concurrencyKey" | "argError" | "resultError" | "allWorkspaces" | "allowWildcards" | "filterBy">;
+}, {}, {}, "path" | "folder" | "user" | "tag" | "success" | "worker" | "label" | "isSkipped" | "argFilter" | "resultFilter" | "schedulePath" | "jobKindsCat" | "concurrencyKey" | "argError" | "resultError" | "allWorkspaces" | "allowWildcards" | "filterBy">;
 type RunsFilter = InstanceType<typeof RunsFilter>;
 export default RunsFilter;

package/package/components/schema/FlowPropertyEditor.svelte

@@ -57,6 +57,7 @@ function renameVariant(name, selected) {
     }
 }
 let initialObjectSelected = $state(Object.keys(properties ?? {}).length == 0 ? 'resource' : 'custom-object');
+let isDynSelect = $derived(format?.startsWith('dynselect-') ?? false);
 </script>
 
 <div class="flex flex-col gap-2">
@@ -217,7 +218,7 @@ let initialObjectSelected = $state(Object.keys(properties ?? {}).length == 0 ? '
 				}}
 			/>
 		{/if}
-	{:else if type === 'object' && format !== 'resource-s3_object'}
+	{:else if type === 'object' && format !== 'resource-s3_object' && !isDynSelect}
 		<Tabs
 			bind:selected={initialObjectSelected}
 			on:selected={(e) => {
@@ -258,7 +259,7 @@ let initialObjectSelected = $state(Object.keys(properties ?? {}).length == 0 ? '
 		</Tabs>
 	{/if}
 
-	{#if !(type === 'object' && oneOf && oneOf.length >= 2) && !(type == 'object' && initialObjectSelected == 'custom-object')}
+	{#if !(type === 'object' && oneOf && oneOf.length >= 2) && !(type == 'object' && initialObjectSelected == 'custom-object') && !isDynSelect}
 		<Label label="Default">
 			<ArgInput
 				noDefaultOnSelectFirst

package/package/components/schema/FlowPropertyEditor.svelte.d.ts

@@ -47,6 +47,6 @@ declare const FlowPropertyEditor: $$__sveltets_2_IsomorphicComponent<Props, {
     requiredChange: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "disabled" | "properties" | "defaultValue" | "oneOf" | "format" | "showExpr" | "order" | "nullable" | "requiredProperty">;
+}, {}, {}, "disabled" | "properties" | "defaultValue" | "oneOf" | "format" | "order" | "nullable" | "showExpr" | "requiredProperty">;
 type FlowPropertyEditor = InstanceType<typeof FlowPropertyEditor>;
 export default FlowPropertyEditor;

package/package/components/schema/PropertyEditor.svelte

@@ -198,8 +198,6 @@ $effect(() => {
 									/>
 								</div>
 							{/if}
-						{:else if type == 'object' && format?.startsWith('dynselect-')}
-							<div class="text-tertiary text-xs">No settings available for Dynamic Select</div>
 						{:else if type == 'object' && !format?.startsWith('resource-') && !isFlowInput && !isAppInput}
 							<div class="border">
 								<EditableSchemaForm

package/package/components/schema/PropertyEditor.svelte.d.ts

@@ -46,6 +46,6 @@ declare const PropertyEditor: $$__sveltets_2_IsomorphicComponent<Props, {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
-}, "description" | "title" | "properties" | "placeholder" | "pattern" | "extra" | "oneOf" | "format" | "contentEncoding" | "customErrorMessage" | "order" | "enum_" | "itemsType">;
+}, "description" | "title" | "properties" | "placeholder" | "pattern" | "extra" | "oneOf" | "format" | "order" | "enum_" | "contentEncoding" | "itemsType" | "customErrorMessage">;
 type PropertyEditor = InstanceType<typeof PropertyEditor>;
 export default PropertyEditor;

package/package/components/schema/SchemaFormDND.svelte

@@ -3,7 +3,7 @@ import { dragHandle } from '@windmill-labs/svelte-dnd-action';
 import SchemaForm from '../SchemaForm.svelte';
 import { GripVertical } from 'lucide-svelte';
 import { deepEqual } from 'fast-equals';
-let { dndType = undefined, schema = $bindable(), args = $bindable(undefined), prettifyHeader = false, onlyMaskPassword = false, disablePortal = false, disabled = false, hiddenArgs = [], nestedParent = undefined, disableDnd = false, shouldDispatchChanges = false, diff = {}, nestedClasses = '', isValid = $bindable(true), noVariablePicker = false } = $props();
+let { dndType = undefined, schema = $bindable(), args = $bindable(undefined), prettifyHeader = false, onlyMaskPassword = false, disablePortal = false, disabled = false, hiddenArgs = [], nestedParent = undefined, disableDnd = false, shouldDispatchChanges = false, helperScript = undefined, diff = {}, nestedClasses = '', isValid = $bindable(true), noVariablePicker = false } = $props();
 $effect.pre(() => {
     if (args == undefined) {
         args = {};
@@ -66,6 +66,7 @@ $effect(() => {
 	{onlyMaskPassword}
 	{disablePortal}
 	{disabled}
+	{helperScript}
 	bind:schema
 	dndConfig={disableDnd
 		? undefined

package/package/components/schema/SchemaFormDND.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { Schema } from '../../common';
 import type { SchemaDiff } from './schemaUtils.svelte';
+import type { DynamicSelect } from '../../utils';
 interface Props {
     dndType?: string | undefined;
     schema: Schema;
@@ -19,6 +20,7 @@ interface Props {
     nestedClasses?: string;
     isValid?: boolean;
     noVariablePicker?: boolean;
+    helperScript?: DynamicSelect.HelperScript;
 }
 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> & {