windmill-components 1.339.2 → 1.352.0

package/package/components/apps/editor/settingsPanel/GridCondition.svelte

@@ -1,6 +1,6 @@
 <script>import Button from '../../../common/button/Button.svelte';
 import PanelSection from './common/PanelSection.svelte';
-import { dndzone } from 'svelte-dnd-action';
+import { dragHandle, dragHandleZone } from '@windmill-labs/svelte-dnd-action';
 import { GripVertical, Plus, X } from 'lucide-svelte';
 import InputsSpecEditor from './InputsSpecEditor.svelte';
 import { generateRandomString } from '../../../../utils';
@@ -10,7 +10,6 @@ import { getContext, tick } from 'svelte';
 import { deleteGridItem } from '../appUtils';
 export let conditions = [];
 export let component;
-let dragDisabled = true;
 let items = conditions.slice(0, -1).map((condition, index) => {
     return { value: condition, id: generateRandomString(), originalIndex: index };
 });
@@ -53,16 +52,6 @@ function handleFinalize(e) {
             $componentControl[component.id]?.setTab?.(targetIndex);
         });
     }
-    dragDisabled = true;
-}
-function startDrag(event) {
-    event.preventDefault();
-    dragDisabled = false;
-}
-function handleKeyDown(event) {
-    if ((event.key === 'Enter' || event.key === ' ') && dragDisabled) {
-        dragDisabled = false;
-    }
 }
 function deleteSubgrid(index) {
     let subgrid = `${component.id}-${index}`;
@@ -120,11 +109,10 @@ function addCondition() {
 	{/if}
 	<div class="w-full flex flex-col mt-2">
 		<section
-			use:dndzone={{
+			use:dragHandleZone={{
 				items: items,
 				flipDurationMs: 200,
-				dropTargetStyle: {},
-				dragDisabled
+				dropTargetStyle: {}
 			}}
 			on:consider={handleConsider}
 			on:finalize={handleFinalize}
@@ -133,27 +121,23 @@ function addCondition() {
 				{@const condition = item.value}
 				<div class="w-full flex flex-row gap-2 items-center relative">
 					<div class={twMerge('grow border p-3 my-2 rounded-md bg-surface relative')}>
-						{#if dragDisabled}
-							<InputsSpecEditor
-								key={`condition${index + 1}`}
-								bind:componentInput={item.value}
-								id={component.id}
-								userInputEnabled={false}
-								shouldCapitalize={true}
-								resourceOnly={false}
-								fieldType={condition?.['fieldType']}
-								subFieldType={condition?.['subFieldType']}
-								format={condition?.['format']}
-								selectOptions={condition?.['selectOptions']}
-								tooltip={condition?.['tooltip']}
-								fileUpload={condition?.['fileUpload']}
-								placeholder={condition?.['placeholder']}
-								customTitle={condition?.['customTitle']}
-								displayType={false}
-							/>
-						{:else}
-							<pre><code>{condition?.['expr']}</code></pre>
-						{/if}
+						<InputsSpecEditor
+							key={`condition${index + 1}`}
+							bind:componentInput={item.value}
+							id={component.id}
+							userInputEnabled={false}
+							shouldCapitalize={true}
+							resourceOnly={false}
+							fieldType={condition?.['fieldType']}
+							subFieldType={condition?.['subFieldType']}
+							format={condition?.['format']}
+							selectOptions={condition?.['selectOptions']}
+							tooltip={condition?.['tooltip']}
+							fileUpload={condition?.['fileUpload']}
+							placeholder={condition?.['placeholder']}
+							customTitle={condition?.['customTitle']}
+							displayType={false}
+						/>
 					</div>
 
 					<div class="flex flex-col justify-center gap-2">
@@ -165,15 +149,7 @@ function addCondition() {
 
 						<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 						<!-- svelte-ignore a11y-no-static-element-interactions -->
-						<div
-							tabindex={dragDisabled ? 0 : -1}
-							class="w-4 h-4"
-							on:mousedown={startDrag}
-							on:touchstart={startDrag}
-							on:keydown={handleKeyDown}
-							aria-label="drag-handle"
-							style={dragDisabled ? 'cursor: grab' : 'cursor: grabbing'}
-						>
+						<div use:dragHandle class="w-4 h-4 handle" aria-label="drag-handle">
 							<GripVertical size={16} />
 						</div>
 					</div>

package/package/components/apps/editor/settingsPanel/GridTab.svelte

@@ -3,7 +3,7 @@ import CloseButton from '../../../common/CloseButton.svelte';
 import { getContext, tick } from 'svelte';
 import { deleteGridItem } from '../appUtils';
 import PanelSection from './common/PanelSection.svelte';
-import { dndzone } from 'svelte-dnd-action';
+import { dragHandle, dragHandleZone } from '@windmill-labs/svelte-dnd-action';
 import { generateRandomString } from '../../../../utils';
 import { GripVertical, Plus } from 'lucide-svelte';
 import GridTabDisabled from './GridTabDisabled.svelte';
@@ -103,17 +103,6 @@ function handleFinalize(e) {
             $componentControl[component.id]?.setTab?.(targetIndex);
         });
     }
-    dragDisabled = true;
-}
-let dragDisabled = true;
-function startDrag(event) {
-    event.preventDefault();
-    dragDisabled = false;
-}
-function handleKeyDown(event) {
-    if ((event.key === 'Enter' || event.key === ' ') && dragDisabled) {
-        dragDisabled = false;
-    }
 }
 </script>
 
@@ -123,10 +112,9 @@ function handleKeyDown(event) {
 	{/if}
 	<div class="w-full flex gap-2 flex-col mt-2">
 		<section
-			use:dndzone={{
+			use:dragHandleZone={{
 				items,
 				flipDurationMs: 200,
-				dragDisabled,
 				dropTargetStyle: {}
 			}}
 			on:consider={handleConsider}
@@ -149,15 +137,7 @@ function handleKeyDown(event) {
 							<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 
 							<!-- svelte-ignore a11y-no-static-element-interactions -->
-							<div
-								tabindex={dragDisabled ? 0 : -1}
-								class="w-4 h-4"
-								on:mousedown={startDrag}
-								on:touchstart={startDrag}
-								on:keydown={handleKeyDown}
-								aria-label="drag-handle"
-								style={dragDisabled ? 'cursor: grab' : 'cursor: grabbing'}
-							>
+							<div use:dragHandle class="handle w-4 h-4" aria-label="drag-handle">
 								<GripVertical size={16} />
 							</div>
 						</div>

package/package/components/apps/editor/settingsPanel/InputsSpecsEditor.svelte

@@ -17,6 +17,10 @@ export let showOnDemandOnlyToggle = false;
 export let overridenByComponent = [];
 $: finalInputSpecsConfiguration = inputSpecsConfiguration ?? inputSpecs;
 const dispatch = createEventDispatcher();
+const mapping = {
+    onSuccess: 'On success wizard',
+    onError: 'On error wizard'
+};
 </script>
 
 {#if inputSpecs}
@@ -32,7 +36,7 @@ const dispatch = createEventDispatcher();
 			{:else if finalInputSpecsConfiguration[k]?.type == 'oneOf'}
 				<OneOfInputSpecsEditor
 					{acceptSelf}
-					key={k}
+					key={mapping[k] ?? k}
 					bind:oneOf={inputSpecs[k]}
 					{id}
 					{shouldCapitalize}

package/package/components/apps/editor/settingsPanel/SubTypeEditor.svelte

@@ -3,7 +3,6 @@ export let value;
 export let componentInput;
 export let subFieldType;
 export let id;
-export let dragging = false;
 let fakeComponentInput = {
     ...componentInput,
     value
@@ -17,5 +16,4 @@ $: fakeComponentInput && (value = fakeComponentInput.value);
 	fieldType={subFieldType}
 	bind:componentInput={fakeComponentInput}
 	on:remove
-	{dragging}
 />

package/package/components/apps/editor/settingsPanel/SubTypeEditor.svelte.d.ts

@@ -6,7 +6,6 @@ declare const __propDef: {
         componentInput: StaticInput<any>;
         subFieldType: InputType | undefined;
         id: string | undefined;
-        dragging?: boolean | undefined;
     };
     events: {
         remove: CustomEvent<any>;

package/package/components/apps/editor/settingsPanel/inputEditor/EvalV2InputEditor.svelte

@@ -6,6 +6,7 @@ import { Maximize2, X } from 'lucide-svelte';
 import { Drawer } from '../../../../common';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import Toggle from '../../../../Toggle.svelte';
+import { zIndexes } from '../../../../../zIndexes';
 export let componentInput;
 export let id;
 export let field;
@@ -43,7 +44,12 @@ let focus = false;
 
 {#if componentInput?.type === 'evalv2'}
 	{#if fullscreen}
-		<Drawer placement="bottom" on:close={() => (fullscreen = false)} open>
+		<Drawer
+			placement="bottom"
+			on:close={() => (fullscreen = false)}
+			open
+			offset={zIndexes.monacoEditor}
+		>
 			<Splitpanes horizontal class="h-full">
 				<Pane size={50}>
 					<SimpleEditor

package/package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte

@@ -6,7 +6,6 @@ import IconSelectInput from './IconSelectInput.svelte';
 import ColorInput from './ColorInput.svelte';
 import TabSelectInput from './TabSelectInput.svelte';
 import Toggle from '../../../../Toggle.svelte';
-import SchemaEditor from '../../../../SchemaEditor.svelte';
 import autosize from '../../../../../autosize';
 import Button from '../../../../common/button/Button.svelte';
 import { Settings } from 'lucide-svelte';
@@ -19,6 +18,7 @@ import DBExplorerWizard from '../../../../wizards/DBExplorerWizard.svelte';
 import Label from '../../../../Label.svelte';
 import DateTimeInput from '../../../../DateTimeInput.svelte';
 import DBTableSelect from './DBTableSelect.svelte';
+import EditableSchemaDrawer from '../../../../schema/EditableSchemaDrawer.svelte';
 export let componentInput;
 export let fieldType = undefined;
 export let subFieldType = undefined;
@@ -26,7 +26,6 @@ export let selectOptions = undefined;
 export let placeholder = undefined;
 export let format = undefined;
 export let id;
-export let dragging = false;
 const { onchange } = getContext('AppViewerContext');
 $: componentInput && onchange?.();
 </script>
@@ -148,24 +147,18 @@ $: componentInput && onchange?.();
 				/>
 			{:else}
 				<div class="flex w-full flex-col">
-					{#if dragging}
-						<div class="text-xs text-secondary whitespace-pre border p-1"
-							>{JSON.stringify(componentInput.value, null, 2)}</div
-						>
-					{:else}
-						<JsonEditor
-							small
-							bind:value={componentInput.value}
-							code={JSON.stringify(componentInput.value, null, 2)}
-						/>
-					{/if}
+					<JsonEditor
+						small
+						bind:value={componentInput.value}
+						code={JSON.stringify(componentInput.value, null, 2)}
+					/>
 				</div>
 			{/if}
 		{:else if fieldType === 'array'}
 			<ArrayStaticInputEditor {id} {subFieldType} bind:componentInput on:deleteArrayItem />
 		{:else if fieldType === 'schema'}
 			<div class="w-full">
-				<SchemaEditor bind:schema={componentInput.value} lightMode />
+				<EditableSchemaDrawer bind:schema={componentInput.value} />
 			</div>
 		{:else if fieldType === 'ag-grid'}
 			<div class="flex flex-row rounded-md bg-surface items-center h-full">

package/package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte.d.ts

@@ -9,7 +9,6 @@ declare const __propDef: {
         placeholder?: string | undefined;
         format?: string | undefined;
         id: string | undefined;
-        dragging?: boolean | undefined;
     };
     events: {
         keydown: KeyboardEvent;

package/package/components/common/button/ButtonDropdown.svelte

@@ -25,6 +25,7 @@ const popperOptions = {
 	<span use:popperRef>
 		<MenuButton
 			class={twMerge('h-full w-full flex flex-row gap-2 items-center', hasPadding ? 'px-2' : '')}
+			
 		>
 			{#if $$slots.buttonReplacement}
 				<slot name="buttonReplacement" />

package/package/components/common/drawer/Disposable.svelte

@@ -8,7 +8,8 @@ export let id = (Math.random() + 1).toString(36).substring(10);
 if (open) {
     openedDrawers.push(id);
 }
-let offset = 0;
+export let initialOffset = 0;
+let offset = initialOffset;
 export function toggleDrawer() {
     if (!open) {
         openDrawer();
@@ -27,7 +28,7 @@ export function openDrawer() {
 }
 export function closeDrawer() {
     open = false;
-    offset = 0;
+    offset = initialOffset;
     // remove the last opened drawer
     openedDrawers = openedDrawers.filter((drawer) => drawer !== id);
 }

package/package/components/common/drawer/Disposable.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
     props: {
         open?: boolean | undefined;
         id?: string | undefined;
+        initialOffset?: number | undefined;
         toggleDrawer?: (() => void) | undefined;
         openDrawer?: (() => void) | undefined;
         closeDrawer?: (() => void) | undefined;

package/package/components/common/drawer/Drawer.svelte

@@ -8,6 +8,7 @@ export let placement = 'right';
 export let size = '600px';
 export let alwaysOpen = false;
 export let shouldUsePortal = true;
+export let offset = 0;
 let disposable = undefined;
 $: durationMs = duration * 1000;
 export function toggleDrawer() {
@@ -46,7 +47,15 @@ onMount(() => {
 </script>
 
 <ConditionalPortal condition={shouldUsePortal}>
-	<Disposable let:handleClickAway let:zIndex bind:open bind:this={disposable} on:open on:close>
+	<Disposable
+		initialOffset={offset}
+		let:handleClickAway
+		let:zIndex
+		bind:open
+		bind:this={disposable}
+		on:open
+		on:close
+	>
 		<aside
 			class="drawer {$$props.class ?? ''} {$$props.positionClass ?? ''}"
 			class:open
@@ -113,7 +122,8 @@ onMount(() => {
 		--tw-bg-opacity: 1;
 		background-color: rgb(var(--color-surface) / var(--tw-bg-opacity));
 		z-index: 3;
-		transition: transform var(--duration) ease;
+		transition: transform var(--duration) ease, max-width var(--duration) ease,
+			max-height var(--duration) ease;
 		height: 100%;
 	}
 

package/package/components/common/drawer/Drawer.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         size?: string | undefined;
         alwaysOpen?: boolean | undefined;
         shouldUsePortal?: boolean | undefined;
+        offset?: number | undefined;
         toggleDrawer?: (() => void) | undefined;
         openDrawer?: (() => void) | undefined;
         closeDrawer?: (() => void) | undefined;

package/package/components/common/fileDownload/FileDownload.svelte

@@ -8,9 +8,11 @@ export let s3object;
 border border-dashed border-gray-400 hover:border-blue-500
 focus-within:border-blue-500 hover:bg-blue-50 dark:hover:bg-frost-900 focus-within:bg-blue-50
 duration-200 rounded-lg p-1 gap-2"
-	href={`/api/w/${$workspaceStore}/job_helpers/download_s3_file?file_key=${s3object?.s3}`}
+	href={`/api/w/${$workspaceStore}/job_helpers/download_s3_file?file_key=${s3object?.s3}${
+		s3object?.storage ? `&storage=${s3object.storage}` : ''
+	}`}
 	download={s3object?.s3.split('/').pop() ?? 'unnamed_download.file'}
 >
 	<Download />
-	<span>s3://{s3object.s3}</span>
+	<span>s3://{s3object.s3} {s3object.storage ? ` (${s3object.storage})` : ''}</span>
 </a>

package/package/components/common/fileUpload/FileUpload.svelte

@@ -114,20 +114,21 @@ async function uploadFileToS3(fileToUpload, fileToUploadKey) {
                 }
             });
             xhr?.addEventListener('loadend', () => {
+                activeUploads = activeUploads.filter((x) => x.fileName !== fileToUpload.name);
                 let response = xhr?.responseText;
                 if (xhr?.readyState === 4 && xhr?.status === 200 && response) {
                     uploadData.progress = 100;
                     resolve(JSON.parse(response));
                 }
                 else {
+                    xhr?.abort();
                     if (response) {
-                        reject('An error occurred while uploading the file, see server logs');
+                        reject(response);
                     }
                     else {
-                        reject(response);
+                        reject('An error occurred while uploading the file, see server logs');
                     }
                 }
-                activeUploads = activeUploads.filter((x) => x.fileName !== fileToUpload.name);
             });
             xhr?.open('POST', `/api/w/${$workspaceStore}/job_helpers/upload_s3_file?${params.toString()}`, true);
             xhr?.setRequestHeader('Content-Type', 'application/octet-stream');

package/package/components/common/modal/Modal.svelte

@@ -8,6 +8,7 @@ export let open = false;
 let c = '';
 export { c as class };
 export let style = '';
+export let cancelText = undefined;
 const dispatch = createEventDispatcher();
 function onKeyDown(event) {
     if (open) {
@@ -83,7 +84,9 @@ function fadeFast(node) {
 							color="light"
 							size="sm"
 						>
-							<span class="inline-flex gap-2">Cancel <Badge color="dark-gray">Escape</Badge></span>
+							<span class="inline-flex gap-2"
+								>{cancelText ?? 'Cancel'}<Badge color="dark-gray">Escape</Badge></span
+							>
 						</Button>
 					</div>
 				</div>

package/package/components/common/modal/Modal.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         open?: boolean | undefined;
         class?: string | undefined;
         style?: string | undefined;
+        cancelText?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/package/components/common/popup/Popup.svelte

@@ -10,7 +10,7 @@ const [floatingRef, floatingContent] = createFloatingActions(floatingConfig);
 export let blockOpen = false;
 </script>
 
-<Popover on:close>
+<Popover on:close class="leading-none">
 	<PopoverButton>
 		<div use:floatingRef>
 			<slot name="button" />

package/package/components/common/toggleButton-v2/ToggleButtonGroup.svelte

@@ -8,6 +8,7 @@ import { twMerge } from 'tailwind-merge';
 export let selected;
 export let noWFull = false;
 export let disabled = false;
+export let tabListClass = '';
 const dispatch = createEventDispatcher();
 const selectedContent = writable(selected);
 function setSelected(selected) {
@@ -32,7 +33,9 @@ setContext('ToggleButtonGroup', {
 		$$props.class
 	)}
 >
-	<TabList class="flex bg-surface-secondary rounded-md p-0.5 gap-1 h-full ">
+	<TabList
+		class={twMerge('flex bg-surface-secondary rounded-md p-0.5 gap-1 h-full ', tabListClass)}
+	>
 		<slot />
 	</TabList>
 </TabGroup>

package/package/components/common/toggleButton-v2/ToggleButtonGroup.svelte.d.ts

@@ -10,6 +10,7 @@ declare const __propDef: {
         selected: any;
         noWFull?: boolean | undefined;
         disabled?: boolean | undefined;
+        tabListClass?: string | undefined;
     };
     events: {
         selected: CustomEvent<any>;

package/package/components/common/waitTimeWarning/WaitTimeWarning.svelte

@@ -0,0 +1,79 @@
+<script>import Popover from '../../Popover.svelte';
+import { msToSec } from '../../../utils';
+import { AlertTriangle, Hourglass } from 'lucide-svelte';
+import Badge from '../badge/Badge.svelte';
+export let self_wait_time_ms = undefined;
+export let aggregate_wait_time_ms = undefined;
+export let variant = 'icon';
+$: total_wait = (self_wait_time_ms ?? 0) + (aggregate_wait_time_ms ?? 0);
+function classFromColorName(color) {
+    const colors = {
+        gray: 'text-gray-400 dark:text-gray-300',
+        red: 'text-red-400 dark:text-red-500',
+        yellow: 'text-yellow-500 dark:text-yellow-500',
+        orange: 'text-orange-500 dark:text-orange-500'
+    };
+    return colors[color];
+}
+function waitColorTresholds(waiting_time_ms) {
+    if (waiting_time_ms > 300_000) {
+        return 'red';
+    }
+    if (waiting_time_ms > 30_000) {
+        return 'orange';
+    }
+    if (waiting_time_ms > 5_000) {
+        return 'yellow';
+    }
+    return 'gray';
+}
+</script>
+
+<Popover notClickable>
+	<svelte:fragment slot="text">
+		<div class="mb-5">
+			{#if self_wait_time_ms != undefined}
+				<div>
+					Time spent waiting for an executor: <span class="font-bold"
+						>{msToSec(self_wait_time_ms)}s</span
+					>
+				</div>
+			{/if}
+			{#if aggregate_wait_time_ms != undefined}
+				<div>
+					Child jobs' time spent waiting for an executor: <span class="font-bold"
+						>{msToSec(aggregate_wait_time_ms)}s</span
+					>
+				</div>
+			{/if}
+		</div>
+		{#if self_wait_time_ms != undefined && aggregate_wait_time_ms != undefined}
+			The top level job and its children (e.g. flow steps) had to wait a for an unexpected amount of
+			time before starting. The first value is the top level job's time spent waiting for a worker
+			and the second is the cumulative wait time for its children.
+		{:else if self_wait_time_ms}
+			<div> This job spent an unexpected amount of time waiting for a worker before starting. </div>
+		{:else if aggregate_wait_time_ms != undefined}
+			<div>
+				This job's children spent an unexpected amount of time waiting for a worker before starting.
+				The value is an aggregate of their individual waiting times.
+			</div>
+		{/if}
+		<div> In a healthy queue, jobs are expected to start in under 50ms. </div>
+	</svelte:fragment>
+	{#if variant === 'icon'}
+		<Hourglass class={classFromColorName(waitColorTresholds(total_wait))} size={14} />
+	{:else if variant === 'badge'}
+		<Badge large icon={{ icon: Hourglass, position: 'left' }} color={waitColorTresholds(total_wait)}
+			>{msToSec(total_wait)}s</Badge
+		>
+	{:else if variant === 'badge-self-wait'}
+		{#if self_wait_time_ms}
+			<Badge
+				color={waitColorTresholds(self_wait_time_ms)}>+{msToSec(self_wait_time_ms)}s</Badge
+			>
+		{/if}
+	{:else if variant === 'alert'}
+		<AlertTriangle class={classFromColorName(waitColorTresholds(total_wait))} size={14} />
+	{/if}
+</Popover>

package/package/components/common/waitTimeWarning/WaitTimeWarning.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        self_wait_time_ms?: number | undefined;
+        aggregate_wait_time_ms?: number | undefined;
+        variant?: "alert" | "icon" | "badge" | "badge-self-wait" | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type WaitTimeWarningProps = typeof __propDef.props;
+export type WaitTimeWarningEvents = typeof __propDef.events;
+export type WaitTimeWarningSlots = typeof __propDef.slots;
+export default class WaitTimeWarning extends SvelteComponent<WaitTimeWarningProps, WaitTimeWarningEvents, WaitTimeWarningSlots> {
+}
+export {};

package/package/components/flows/content/FlowEditorPanel.svelte

@@ -1,12 +1,13 @@
-<script>import { getContext } from 'svelte';
+<script>import { getContext, onMount } from 'svelte';
 import FlowModuleWrapper from './FlowModuleWrapper.svelte';
 import FlowSettings from './FlowSettings.svelte';
 import FlowInput from './FlowInput.svelte';
 import FlowFailureModule from './FlowFailureModule.svelte';
 import FlowConstants from './FlowConstants.svelte';
+import { initRequiredInputFilled } from '../utils';
 export let noEditor = false;
 export let enableAi = false;
-const { selectedId, flowStore } = getContext('FlowEditorContext');
+const { selectedId, flowStore, flowStateStore, flowInputsStore } = getContext('FlowEditorContext');
 function checkDup(modules) {
     let seenModules = [];
     for (const m of modules) {
@@ -17,6 +18,19 @@ function checkDup(modules) {
         seenModules.push(m.id);
     }
 }
+onMount(() => {
+    $flowStore?.value?.modules?.forEach((module) => {
+        if (!module) {
+            return;
+        }
+        if (!$flowStateStore) {
+            $flowInputsStore = {};
+        }
+        $flowInputsStore[module?.id] = {
+            requiredInputsFilled: initRequiredInputFilled(module.value, $flowStateStore?.[module?.id]?.schema ?? {})
+        };
+    });
+});
 </script>
 
 {#if $selectedId?.startsWith('settings')}