windmill-components 1.46.3 → 1.55.0

package/components/flows/content/FlowModuleComponent.svelte

@@ -2,7 +2,7 @@
 import Tab from '../../common/tabs/Tab.svelte';
 import Tabs from '../../common/tabs/Tabs.svelte';
 import Editor from '../../Editor.svelte';
-import EditorBar, { EDITOR_BAR_WIDTH_THRESHOLD } from '../../EditorBar.svelte';
+import EditorBar from '../../EditorBar.svelte';
 import ModulePreview from '../../ModulePreview.svelte';
 import { createScriptFromInlineScript, fork } from '../flowStateUtils';
 import { flowStore } from '../flowStore';
@@ -11,7 +11,7 @@ import { RawScript } from '../../../gen';
 import FlowCard from '../common/FlowCard.svelte';
 import FlowModuleHeader from './FlowModuleHeader.svelte';
 import { flowStateStore } from '../flowState';
-import { scriptLangToEditorLang } from '../../../utils';
+import { schemaToObject, scriptLangToEditorLang } from '../../../utils';
 import PropPickerWrapper from '../propPicker/PropPickerWrapper.svelte';
 import { afterUpdate, getContext, setContext } from 'svelte';
 import { loadSchemaFromModule } from '../utils';
@@ -20,15 +20,17 @@ import FlowModuleEarlyStop from './FlowModuleEarlyStop.svelte';
 import FlowModuleSuspend from './FlowModuleSuspend.svelte';
 import FlowRetries from './FlowRetries.svelte';
 import { getStepPropPicker } from '../previousResults';
-import Tooltip from '../../Tooltip.svelte';
-import { Kbd } from '../../common';
 import Button from '../../common/button/Button.svelte';
 import Alert from '../../common/alert/Alert.svelte';
+import FlowModuleSleep from './FlowModuleSleep.svelte';
+import FlowPathViewer from './FlowPathViewer.svelte';
 const { selectedId, previewArgs } = getContext('FlowEditorContext');
 export let flowModule;
 export let failureModule = false;
 export let parentModule = undefined;
 export let previousModule;
+let value = flowModule.value;
+$: value = flowModule.value;
 let editor;
 let modulePreview;
 let websocketAlive = { pyright: false, black: false, deno: false, go: false };
@@ -38,22 +40,19 @@ let panes;
 let totalTopGap = 0;
 let validCode = true;
 let width = 1200;
-let inputTransforms = flowModule.value.type === 'rawscript' || flowModule.value.type === 'script'
-    ? flowModule.value.input_transforms
-    : {};
-$: if (flowModule.value.type === 'rawscript' || flowModule.value.type === 'script') {
-    flowModule.value.input_transforms = inputTransforms;
-}
+let inputTransforms = value.input_transforms;
+$: value.input_transforms = inputTransforms;
 $: stepPropPicker = failureModule
     ? {
         pickableProperties: {
-            flow_input: $flowStateStore.previewArgs,
+            flow_input: schemaToObject($flowStore.schema, $previewArgs),
             priorIds: {},
-            previousId: undefined
+            previousId: undefined,
+            hasResume: false
         },
         extraLib: ''
     }
-    : getStepPropPicker($flowStateStore, parentModule, previousModule, flowModule.id, $flowStore, previewArgs, false, true);
+    : getStepPropPicker($flowStateStore, parentModule, previousModule, flowModule.id, $flowStore, $previewArgs, false, true);
 function onKeyDown(event) {
     if ((event.ctrlKey || event.metaKey) && event.key == 'Enter') {
         event.preventDefault();
@@ -66,8 +65,7 @@ async function reload(flowModule) {
         const { input_transforms, schema } = await loadSchemaFromModule(flowModule);
         validCode = true;
         setTimeout(() => {
-            if ((flowModule.value.type == 'script' || flowModule.value.type == 'rawscript') &&
-                JSON.stringify(flowModule.value.input_transforms) !== JSON.stringify(input_transforms)) {
+            if (JSON.stringify(value.input_transforms) !== JSON.stringify(input_transforms)) {
                 inputTransforms = input_transforms;
             }
         });
@@ -96,15 +94,16 @@ afterUpdate(() => {
 
 <svelte:window on:keydown={onKeyDown} />
 
-{#if flowModule.value.type === 'rawscript' || flowModule.value.type === 'script'}
+{#if value}
 	<div class="h-full" bind:this={wrapper} bind:clientWidth={width}>
 		<FlowCard bind:flowModule>
 			<svelte:fragment slot="header">
 				<FlowModuleHeader
 					bind:module={flowModule}
-					on:toggleSuspend={() => (selected = 'suspend')}
-					on:toggleRetry={() => (selected = 'retries')}
-					on:toggleStopAfterIf={() => (selected = 'early-stop')}
+					on:toggleSuspend={() => (selected = 'advanced-suspend')}
+					on:toggleSleep={() => (selected = 'advanced-sleep')}
+					on:toggleRetry={() => (selected = 'advanced-retries')}
+					on:toggleStopAfterIf={() => (selected = 'advanced-early-stop')}
 					on:fork={async () => {
 						const [module, state] = await fork(flowModule)
 						flowModule = module
@@ -122,12 +121,12 @@ afterUpdate(() => {
 				/>
 			</svelte:fragment>
 
-			{#if flowModule.value.type === 'rawscript'}
-				<div class="border-b-2 shadow-sm p-1 mb-1">
+			{#if value.type === 'rawscript'}
+				<div class="border-b-2 shadow-sm px-1">
 					<EditorBar
 						{validCode}
 						{editor}
-						lang={flowModule.value['language'] ?? 'deno'}
+						lang={value['language'] ?? 'deno'}
 						{websocketAlive}
 						iconOnly={width < 768}
 					/>
@@ -140,54 +139,55 @@ afterUpdate(() => {
 				style="max-height: calc(100% - {totalTopGap}px) !important;"
 			>
 				<Splitpanes horizontal>
-					<Pane size={50} minSize={20}>
-						{#if flowModule.value.type === 'rawscript'}
-							<div on:mouseleave={() => reload(flowModule)} class="h-full">
+					<Pane size={value.type === 'script' ? 30 : 50} minSize={20}>
+						{#if value.type === 'rawscript'}
+							<div class="h-full">
 								<Editor
 									bind:websocketAlive
 									bind:this={editor}
 									class="h-full px-2"
-									bind:code={flowModule.value.content}
-									deno={flowModule.value.language === RawScript.language.DENO}
-									lang={scriptLangToEditorLang(flowModule.value.language)}
+									bind:code={value.content}
+									deno={value.language === RawScript.language.DENO}
+									lang={scriptLangToEditorLang(value.language)}
 									automaticLayout={true}
 									cmdEnterAction={async () => {
 										selected = 'test'
+										if (value.type === 'rawscript') {
+											value.content = editor.getCode()
+										}
 										await reload(flowModule)
 										modulePreview?.runTestWithStepArgs()
 									}}
+									on:change={async (event) => {
+										await reload(flowModule)
+									}}
 									formatAction={() => reload(flowModule)}
 								/>
 							</div>
-						{:else if flowModule.value.type === 'script'}
-							<FlowModuleScript path={flowModule.value.path} />
+						{:else if value.type === 'script'}
+							<FlowModuleScript path={value.path} />
+						{:else if value.type === 'flow'}
+							<FlowPathViewer path={value.path} />
 						{/if}
 					</Pane>
-					<Pane size={50} minSize={20}>
+					<Pane size={value.type === 'script' ? 70 : 50} minSize={20}>
 						<Tabs bind:selected>
-							<Tab value="inputs"
-								><Tooltip>
-									Move the focus outside of the text editor to recompute the inputs or press
-									<Kbd>Ctrl/Cmd</Kbd> + <Kbd>S</Kbd>
-								</Tooltip><span class="font-semibold">Step Input</span></Tab
-							>
+							<Tab value="inputs"><span class="font-semibold">Step Input</span></Tab>
 							<Tab value="test"><span class="font-semibold text-md">Test this step</span></Tab>
-							<Tab value="retries">Retries</Tab>
-							{#if !$selectedId.includes('failure')}
-								<Tab value="early-stop">Early Stop</Tab>
-								<Tab value="suspend">Sleep/Suspend</Tab>
-								<Tab value="same_worker">Same Worker/Shared dir</Tab>
-							{/if}
+							<Tab value="advanced">Advanced</Tab>
 						</Tabs>
 						<div class="h-[calc(100%-32px)]">
 							{#if selected === 'inputs'}
 								<div class="h-full overflow-auto">
-									<PropPickerWrapper pickableProperties={stepPropPicker.pickableProperties}>
+									<PropPickerWrapper
+										pickableProperties={stepPropPicker.pickableProperties}
+										error={failureModule}
+									>
 										<SchemaForm
 											schema={$flowStateStore[$selectedId]?.schema ?? {}}
 											inputTransform={true}
-											importPath={$selectedId}
-											bind:args={flowModule.value.input_transforms}
+											previousModuleId={previousModule?.id}
+											bind:args={value.input_transforms}
 											bind:extraLib={stepPropPicker.extraLib}
 										/>
 									</PropPickerWrapper>
@@ -198,27 +198,42 @@ afterUpdate(() => {
 									mod={flowModule}
 									schema={$flowStateStore[$selectedId]?.schema ?? {}}
 								/>
-							{:else if selected === 'retries'}
-								<FlowRetries bind:flowModule class="px-4 pb-4 h-full overflow-auto" />
-							{:else if selected === 'early-stop'}
-								<FlowModuleEarlyStop bind:flowModule class="px-4 pb-4 h-full overflow-auto" />
-							{:else if selected === 'suspend'}
-								<div class="px-4 pb-4 h-full overflow-auto">
-									<FlowModuleSuspend previousModuleId={previousModule?.id} bind:flowModule />
-								</div>
-							{:else if selected === 'same_worker'}
-								<div class="p-4  h-full overflow-auto">
-									<Alert type="info" title="Share a directory using same worker">
-										If same worker is set, all steps will be run on the same worker and will share
-										the folder `/shared` to pass data between each other.
-									</Alert>
-									<Button
-										btnClasses="mt-4"
-										on:click={() => {
-											$selectedId = 'settings-same-worker'
-										}}>Set same worker in the flow settings</Button
-									>
-								</div>
+							{:else if selected.startsWith('advanced')}
+								<Tabs bind:selected>
+									<Tab value="advanced-retries">Retries</Tab>
+									{#if !$selectedId.includes('failure')}
+										<Tab value="advanced-early-stop">Early Stop/Break</Tab>
+										<Tab value="advanced-suspend">Suspend</Tab>
+										<Tab value="advanced-sleep">Sleep</Tab>
+										<Tab value="advanced-same_worker">Shared Directory</Tab>
+									{/if}
+								</Tabs>
+								{#if selected === 'advanced-retries'}
+									<FlowRetries bind:flowModule class="px-4 pb-4 h-full overflow-auto" />
+								{:else if selected === 'advanced-early-stop'}
+									<FlowModuleEarlyStop bind:flowModule class="px-4 pb-4 h-full overflow-auto" />
+								{:else if selected === 'advanced-suspend'}
+									<div class="px-4 pb-4 h-full overflow-auto">
+										<FlowModuleSuspend bind:flowModule />
+									</div>
+								{:else if selected === 'advanced-sleep'}
+									<div class="px-4 pb-4 h-full overflow-auto">
+										<FlowModuleSleep previousModuleId={previousModule?.id} bind:flowModule />
+									</div>
+								{:else if selected === 'advanced-same_worker'}
+									<div class="p-4  h-full overflow-auto">
+										<Alert type="info" title="Share a directory between steps">
+											If shared directory is set, will share a folder that will be mounted on
+											`./shared` for each of them to pass data between each other.
+										</Alert>
+										<Button
+											btnClasses="mt-4"
+											on:click={() => {
+												$selectedId = 'settings-same-worker'
+											}}>Set shared directory in the flow settings</Button
+										>
+									</div>
+								{/if}
 							{/if}
 						</div>
 					</Pane>

package/components/flows/content/FlowModuleComponent.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowModuleComponentProps = typeof __propDef.props;
-export declare type FlowModuleComponentEvents = typeof __propDef.events;
-export declare type FlowModuleComponentSlots = typeof __propDef.slots;
+export type FlowModuleComponentProps = typeof __propDef.props;
+export type FlowModuleComponentEvents = typeof __propDef.events;
+export type FlowModuleComponentSlots = typeof __propDef.slots;
 export default class FlowModuleComponent extends SvelteComponentTyped<FlowModuleComponentProps, FlowModuleComponentEvents, FlowModuleComponentSlots> {
 }
 export {};

package/components/flows/content/FlowModuleEarlyStop.svelte

@@ -12,10 +12,11 @@ $: result = $flowStateStore[flowModule.id]?.previewResult ?? NEVER_TESTED_THIS_F
 
 <div class="flex flex-col items-start space-y-2 {$$props.class}">
 	<h2 class="mt-2"
-		>Early stop <Tooltip>
+		>Early stop/Break<Tooltip>
 			If defined, at the end of the step, the predicate expression will be evaluated to decide if
 			the flow should stop early. Skipped flows are just a label useful to not see them in the runs
-			page.</Tooltip
+			page. If stop early is run within a forloop, it will just break the for-loop and have it stop
+			at that iteration instead of stopping the whole flow.</Tooltip
 		></h2
 	>
 	<Toggle
@@ -31,7 +32,7 @@ $: result = $flowStateStore[flowModule.id]?.previewResult ?? NEVER_TESTED_THIS_F
 			}
 		}}
 		options={{
-			right: 'Early stop if condition met'
+			right: 'Early stop or Break if condition met'
 		}}
 	/>
 
@@ -40,7 +41,7 @@ $: result = $flowStateStore[flowModule.id]?.previewResult ?? NEVER_TESTED_THIS_F
 			<Toggle
 				bind:checked={flowModule.stop_after_if.skip_if_stopped}
 				options={{
-					right: 'Skip if stopped'
+					right: 'Label flow as "skipped" if stopped'
 				}}
 			/>
 			<span class="text-xs font-bold">Stop condition expression</span>
@@ -57,6 +58,7 @@ $: result = $flowStateStore[flowModule.id]?.previewResult ?? NEVER_TESTED_THIS_F
 						lang="javascript"
 						bind:code={flowModule.stop_after_if.expr}
 						class="small-editor"
+						extraLib={`declare const result = ${JSON.stringify(result)};`}
 					/>
 				</PropPickerWrapper>
 			</div>
@@ -64,7 +66,7 @@ $: result = $flowStateStore[flowModule.id]?.previewResult ?? NEVER_TESTED_THIS_F
 			<Toggle
 				disabled
 				options={{
-					right: 'Skip if stopped'
+					right: 'Label flow as "skipped" if stopped'
 				}}
 			/> <span class="text-xs font-bold">Stop condition expression</span>
 			<textarea disabled rows="3" class="min-h-[80px]" />

package/components/flows/content/FlowModuleEarlyStop.svelte.d.ts

@@ -10,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowModuleEarlyStopProps = typeof __propDef.props;
-export declare type FlowModuleEarlyStopEvents = typeof __propDef.events;
-export declare type FlowModuleEarlyStopSlots = typeof __propDef.slots;
+export type FlowModuleEarlyStopProps = typeof __propDef.props;
+export type FlowModuleEarlyStopEvents = typeof __propDef.events;
+export type FlowModuleEarlyStopSlots = typeof __propDef.slots;
 export default class FlowModuleEarlyStop extends SvelteComponentTyped<FlowModuleEarlyStopProps, FlowModuleEarlyStopEvents, FlowModuleEarlyStopSlots> {
 }
 export {};

package/components/flows/content/FlowModuleHeader.svelte

@@ -1,60 +1,64 @@
 <script>import Button from '../../common/button/Button.svelte';
-import { EDITOR_BAR_WIDTH_THRESHOLD } from '../../EditorBar.svelte';
 import { classNames } from '../../../utils';
-import { faArrowRotateForward, faBed, faCodeBranch, faSave, faStop } from '@fortawesome/free-solid-svg-icons';
+import { faBed, faCodeBranch, faSave, faStop } from '@fortawesome/free-solid-svg-icons';
 import { createEventDispatcher } from 'svelte';
 import Icon from 'svelte-awesome';
-import { isEmptyFlowModule } from '../utils';
+import { PhoneIncoming, Repeat } from 'lucide-svelte';
 export let module;
 const dispatch = createEventDispatcher();
 let width = 0;
-$: shouldPick = isEmptyFlowModule(module);
-$: iconOnly = width < EDITOR_BAR_WIDTH_THRESHOLD;
 $: moduleRetry = module.retry?.constant || module.retry?.exponential;
 </script>
 
 <div class="flex flex-row space-x-2" bind:clientWidth={width}>
-	{#if !shouldPick}
-		<span
+	{#if module.value.type === 'script' || module.value.type === 'rawscript'}
+		<button
 			class={classNames('badge', module.stop_after_if ? 'badge-on' : 'badge-off')}
 			on:click={() => dispatch('toggleStopAfterIf')}
 		>
 			<Icon data={faStop} scale={0.8} />
-		</span>
-		<span
-			class={classNames('badge', moduleRetry ? 'badge-on' : 'badge-off')}
+		</button>
+		<button
+			class={classNames('badge', moduleRetry ? 'badge-on' : 'badge-off', 'center-center')}
 			on:click={() => dispatch('toggleRetry')}
 		>
-			<Icon data={faArrowRotateForward} scale={0.8} />
-		</span>
-		<span
+			<Repeat size={14} />
+		</button>
+		<button
+			class={classNames('badge', Boolean(module.sleep) ? 'badge-on' : 'badge-off')}
+			on:click={() => dispatch('toggleSleep')}
+		>
+			<Icon data={faBed} scale={0.8} />
+		</button>
+		<button
 			class={classNames('badge', Boolean(module.suspend) ? 'badge-on' : 'badge-off')}
 			on:click={() => dispatch('toggleSuspend')}
 		>
-			<Icon data={faBed} scale={0.8} />
-		</span>
+			<PhoneIncoming size={14} />
+		</button>
 	{/if}
-	{#if module.value.type === 'script' && !shouldPick}
+	{#if module.value.type === 'script'}
+		<div class="w-2" />
 		<Button
 			size="xs"
 			color="light"
 			variant="border"
 			on:click={() => dispatch('fork')}
 			startIcon={{ icon: faCodeBranch }}
-			{iconOnly}
+			iconOnly={false}
 		>
 			Fork
 		</Button>
 	{/if}
 
-	{#if module.value.type === 'rawscript' && !shouldPick}
+	{#if module.value.type === 'rawscript'}
 		<Button
 			size="xs"
 			color="light"
 			variant="border"
 			startIcon={{ icon: faSave }}
 			on:click={() => dispatch('createScriptFromInlineScript')}
-			{iconOnly}
+			iconOnly={false}
 		>
 			Save to workspace
 		</Button>

package/components/flows/content/FlowModuleHeader.svelte.d.ts

@@ -7,6 +7,7 @@ declare const __propDef: {
     events: {
         toggleStopAfterIf: CustomEvent<any>;
         toggleRetry: CustomEvent<any>;
+        toggleSleep: CustomEvent<any>;
         toggleSuspend: CustomEvent<any>;
         fork: CustomEvent<any>;
         createScriptFromInlineScript: CustomEvent<any>;
@@ -15,9 +16,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowModuleHeaderProps = typeof __propDef.props;
-export declare type FlowModuleHeaderEvents = typeof __propDef.events;
-export declare type FlowModuleHeaderSlots = typeof __propDef.slots;
+export type FlowModuleHeaderProps = typeof __propDef.props;
+export type FlowModuleHeaderEvents = typeof __propDef.events;
+export type FlowModuleHeaderSlots = typeof __propDef.slots;
 export default class FlowModuleHeader extends SvelteComponentTyped<FlowModuleHeaderProps, FlowModuleHeaderEvents, FlowModuleHeaderSlots> {
 }
 export {};

package/components/flows/content/FlowModuleScript.svelte.d.ts

@@ -8,9 +8,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowModuleScriptProps = typeof __propDef.props;
-export declare type FlowModuleScriptEvents = typeof __propDef.events;
-export declare type FlowModuleScriptSlots = typeof __propDef.slots;
+export type FlowModuleScriptProps = typeof __propDef.props;
+export type FlowModuleScriptEvents = typeof __propDef.events;
+export type FlowModuleScriptSlots = typeof __propDef.slots;
 export default class FlowModuleScript extends SvelteComponentTyped<FlowModuleScriptProps, FlowModuleScriptEvents, FlowModuleScriptSlots> {
 }
 export {};

package/components/flows/content/FlowModuleSleep.svelte

@@ -0,0 +1,69 @@
+<script>import InputTransformForm from '../../InputTransformForm.svelte';
+import Toggle from '../../Toggle.svelte';
+import Tooltip from '../../Tooltip.svelte';
+import { emptySchema } from '../../../utils';
+import { getContext } from 'svelte';
+import { flowStateStore } from '../flowState';
+import PropPickerWrapper from '../propPicker/PropPickerWrapper.svelte';
+export let flowModule;
+export let previousModuleId;
+const { selectedId } = getContext('FlowEditorContext');
+let schema = emptySchema();
+schema.properties['sleep'] = {
+    type: 'number',
+    description: 'Sleep time in seconds'
+};
+let editor = undefined;
+const result = $flowStateStore[$selectedId]?.previewResult ?? {};
+$: isSleepEnabled = Boolean(flowModule.sleep);
+</script>
+
+<h2 class="mt-2"
+	>Sleep<Tooltip>
+		If defined, at the end of the step, the flow will sleep for a number of seconds before
+		scheduling the next job (if any, no effect if the step is the last one). Sleeping is passive and
+		does not consume any resources.</Tooltip
+	></h2
+>
+<Toggle
+	checked={isSleepEnabled}
+	on:change={() => {
+		if (isSleepEnabled && flowModule.sleep != undefined) {
+			flowModule.sleep = undefined
+		} else {
+			flowModule.sleep = {
+				type: 'static',
+				value: 0
+			}
+		}
+	}}
+	options={{
+		right: 'Sleep after module successful execution'
+	}}
+/>
+<div>
+	<span class="text-xs font-bold">Sleep for duration (seconds)</span>
+
+	{#if flowModule.sleep && schema.properties['sleep']}
+		<div class="border">
+			<PropPickerWrapper
+				notSelectable
+				{result}
+				displayContext={false}
+				pickableProperties={undefined}
+				on:select={({ detail }) => {
+					editor?.insertAtCursor(detail)
+				}}
+			>
+				<InputTransformForm
+					bind:arg={flowModule.sleep}
+					argName="sleep"
+					{schema}
+					{previousModuleId}
+				/>
+			</PropPickerWrapper>
+		</div>
+	{:else}
+		<input type="number" disabled />
+	{/if}
+</div>

package/components/flows/content/FlowModuleSleep.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+import type { FlowModule } from '../../../gen';
+declare const __propDef: {
+    props: {
+        flowModule: FlowModule;
+        previousModuleId: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FlowModuleSleepProps = typeof __propDef.props;
+export type FlowModuleSleepEvents = typeof __propDef.events;
+export type FlowModuleSleepSlots = typeof __propDef.slots;
+export default class FlowModuleSleep extends SvelteComponentTyped<FlowModuleSleepProps, FlowModuleSleepEvents, FlowModuleSleepSlots> {
+}
+export {};

package/components/flows/content/FlowModuleSuspend.svelte

@@ -1,29 +1,21 @@
-<script>import InputTransformForm from '../../InputTransformForm.svelte';
-import Toggle from '../../Toggle.svelte';
+<script>import Toggle from '../../Toggle.svelte';
 import Tooltip from '../../Tooltip.svelte';
 import { emptySchema } from '../../../utils';
-import { getContext } from 'svelte';
-import { flowStateStore } from '../flowState';
-import PropPickerWrapper from '../propPicker/PropPickerWrapper.svelte';
 export let flowModule;
-export let previousModuleId;
-const { selectedId } = getContext('FlowEditorContext');
 let schema = emptySchema();
 schema.properties['sleep'] = {
     type: 'number',
     description: 'Sleep time in seconds'
 };
-let editor = undefined;
-const result = $flowStateStore[$selectedId]?.previewResult ?? {};
 $: isSuspendEnabled = Boolean(flowModule.suspend);
-$: isSleepEnabled = Boolean(flowModule.sleep);
 </script>
 
 <h2 class="mt-2"
 	>Suspend<Tooltip>
 		If defined, at the end of the step, the flow will be suspended until it receives external
 		requests to be resumed or canceled. This is most useful to implement approval steps but can be
-		used flexibly for other purpose. To get the resume urls, use `wmill.getResumeEndpoints`.</Tooltip
+		used flexibly for other purpose. To get the resume urls, use `wmill.getResumeUrls()` in
+		Typescript, or `wmill.get_resume_urls()` in Python.</Tooltip
 	></h2
 >
 <Toggle
@@ -39,11 +31,11 @@ $: isSleepEnabled = Boolean(flowModule.sleep);
 		}
 	}}
 	options={{
-		right: 'Suspend flow execution until approvals received'
+		right: 'Suspend flow execution until events/approvals received'
 	}}
 />
 <div class="mb-4">
-	<span class="text-xs font-bold">Number of approvals required for resuming flow</span>
+	<span class="text-xs font-bold">Number of approvals/events required for resuming flow</span>
 
 	{#if flowModule.suspend}
 		<input bind:value={flowModule.suspend.required_events} type="number" min="1" placeholder="1" />
@@ -59,47 +51,3 @@ $: isSleepEnabled = Boolean(flowModule.sleep);
 		<input type="number" disabled />
 	{/if}
 </div>
-
-<h2 class="mt-4"
-	>Sleep<Tooltip>
-		If defined, at the end of the step, the flow will sleep for a number of seconds before being
-		resumed. Sleeping is passive and does not consume any resources.</Tooltip
-	></h2
->
-<Toggle
-	checked={isSleepEnabled}
-	on:change={() => {
-		if (isSleepEnabled && flowModule.sleep != undefined) {
-			flowModule.sleep = undefined
-		} else {
-			flowModule.sleep = {
-				type: 'static',
-				value: 0
-			}
-		}
-	}}
-	options={{
-		right: 'Sleep after module successful execution'
-	}}
-/>
-<div>
-	<span class="text-xs font-bold">Sleep for duration (seconds)</span>
-
-	{#if flowModule.sleep && schema.properties['sleep']}
-		<div class="border">
-			<PropPickerWrapper
-				notSelectable
-				{result}
-				displayContext={false}
-				pickableProperties={undefined}
-				on:select={({ detail }) => {
-					editor?.insertAtCursor(detail)
-				}}
-			>
-				<InputTransformForm bind:arg={flowModule.sleep} argName="sleep" {schema} />
-			</PropPickerWrapper>
-		</div>
-	{:else}
-		<input type="number" disabled />
-	{/if}
-</div>

package/components/flows/content/FlowModuleSuspend.svelte.d.ts

@@ -3,16 +3,15 @@ import type { FlowModule } from '../../../gen';
 declare const __propDef: {
     props: {
         flowModule: FlowModule;
-        previousModuleId: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export declare type FlowModuleSuspendProps = typeof __propDef.props;
-export declare type FlowModuleSuspendEvents = typeof __propDef.events;
-export declare type FlowModuleSuspendSlots = typeof __propDef.slots;
+export type FlowModuleSuspendProps = typeof __propDef.props;
+export type FlowModuleSuspendEvents = typeof __propDef.events;
+export type FlowModuleSuspendSlots = typeof __propDef.slots;
 export default class FlowModuleSuspend extends SvelteComponentTyped<FlowModuleSuspendProps, FlowModuleSuspendEvents, FlowModuleSuspendSlots> {
 }
 export {};