windmill-components 1.52.0 → 1.55.0

package/components/flows/content/FlowInputsFlow.svelte

@@ -0,0 +1,101 @@
+<script>import { Badge, Skeleton } from '../../common';
+import NoItemFound from '../../home/NoItemFound.svelte';
+import SearchItems from '../../SearchItems.svelte';
+import { FlowService } from '../../../gen';
+import { workspaceStore } from '../../../stores';
+import { emptyString } from '../../../utils';
+import { createEventDispatcher } from 'svelte';
+import { flip } from 'svelte/animate';
+import { fade } from 'svelte/transition';
+export let failureModule;
+const dispatch = createEventDispatcher();
+let items = undefined;
+let filteredItems = undefined;
+let filter = '';
+$: $workspaceStore && loadFlows();
+let ownerFilter = undefined;
+$: prefilteredItems = ownerFilter ? items?.filter((x) => x.path.startsWith(ownerFilter)) : items;
+$: owners = Array.from(new Set(filteredItems?.map((x) => x.path.split('/').slice(0, 2).join('/')) ?? [])).sort();
+async function loadFlows() {
+    items = await FlowService.listFlows({ workspace: $workspaceStore });
+}
+</script>
+
+<SearchItems
+	{filter}
+	items={prefilteredItems}
+	bind:filteredItems
+	f={(x) => (emptyString(x.summary) ? x.path : x.summary + ' (' + x.path + ')')}
+/>
+<div class="flex flex-col min-h-0 p-4">
+	<h3 class="mb-4">Pick a Workspace Flow</h3>
+	<div class="w-full flex mt-1 items-center gap-2 mb-3">
+		<slot />
+
+		<input
+			type="text"
+			placeholder="Search Workspace Flow"
+			bind:value={filter}
+			class="text-2xl grow"
+		/>
+	</div>
+
+	{#if filteredItems}
+		{#if owners.length > 0}
+			<div class="gap-2 w-full flex flex-wrap my-2">
+				{#each owners as owner (owner)}
+					<div in:fade={{ duration: 50 }} animate:flip={{ duration: 100 }}>
+						<Badge
+							class="cursor-pointer hover:bg-gray-200"
+							on:click={() => {
+								ownerFilter = ownerFilter == owner ? undefined : owner
+							}}
+							color={owner === ownerFilter ? 'blue' : 'gray'}
+							baseClass={owner === ownerFilter ? 'border border-blue-500' : 'border'}
+						>
+							{owner}
+							{#if owner === ownerFilter}&cross;{/if}
+						</Badge>
+					</div>
+				{/each}
+			</div>
+		{/if}
+		{#if filter.length > 0 && filteredItems.length == 0}
+			<NoItemFound />
+		{/if}
+		<ul class="divide-y divide-gray-200 overflow-auto">
+			{#each filteredItems as { path, summary, description, marked }}
+				<li class="flex flex-row w-full">
+					<button
+						class="py-4 px-1 gap-1 flex flex-row grow hover:bg-blue-50 bg-white transition-all text-black"
+						on:click={() => {
+							dispatch('pick', { path })
+						}}
+					>
+						<div class="flex flex-col">
+							<div class="text-sm font-semibold flex flex-col">
+								<span class="mr-2 text-left">
+									{#if marked}
+										{@html marked}
+									{:else}
+										{!summary || summary.length == 0 ? path : summary}
+									{/if}
+								</span>
+								<span class="font-normal text-xs text-left italic overflow-hidden"
+									>{path ?? ''}
+								</span>
+							</div>
+							<div class="text-xs font-light italic text-left">{description ?? ''}</div>
+						</div>
+					</button>
+				</li>
+			{/each}
+		</ul>
+	{:else}
+		<div class="mt-6" />
+
+		{#each new Array(6) as _}
+			<Skeleton layout={[[4], 0.7]} />
+		{/each}
+	{/if}
+</div>

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

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        failureModule: boolean;
+    };
+    events: {
+        pick: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type FlowInputsFlowProps = typeof __propDef.props;
+export type FlowInputsFlowEvents = typeof __propDef.events;
+export type FlowInputsFlowSlots = typeof __propDef.slots;
+export default class FlowInputsFlow extends SvelteComponentTyped<FlowInputsFlowProps, FlowInputsFlowEvents, FlowInputsFlowSlots> {
+}
+export {};

package/components/flows/content/FlowLoop.svelte

@@ -12,6 +12,7 @@ import { Pane, Splitpanes } from 'svelte-splitpanes';
 import { getStepPropPicker } from '../previousResults';
 import { flowStateStore } from '../flowState';
 import { flowStore } from '../flowStore';
+import FlowModuleSleep from './FlowModuleSleep.svelte';
 const { previewArgs } = getContext('FlowEditorContext');
 export let mod;
 export let parentModule;
@@ -81,8 +82,9 @@ $: stepPropPicker = getStepPropPicker($flowStateStore, parentModule, previousMod
 			<Pane size={40} minSize={20} class="flex flex-col flex-1">
 				<Tabs bind:selected>
 					<!-- <Tab value="retries">Retries</Tab> -->
-					<Tab value="early-stop">Early Stop</Tab>
-					<Tab value="suspend">Sleep/Suspend</Tab>
+					<Tab value="early-stop">Early Stop/Break</Tab>
+					<Tab value="suspend">Suspend</Tab>
+					<Tab value="sleep">Sleep</Tab>
 
 					<svelte:fragment slot="content">
 						<div class="overflow-hidden bg-white" style="height:calc(100% - 32px);">
@@ -100,7 +102,12 @@ $: stepPropPicker = getStepPropPicker($flowStateStore, parentModule, previousMod
 
 							<TabContent value="suspend" class="flex flex-col flex-1 h-full">
 								<div class="p-4 overflow-y-auto">
-									<FlowModuleSuspend previousModuleId={previousModule?.id} bind:flowModule={mod} />
+									<FlowModuleSuspend bind:flowModule={mod} />
+								</div>
+							</TabContent>
+							<TabContent value="sleep" class="flex flex-col flex-1 h-full">
+								<div class="p-4 overflow-y-auto">
+									<FlowModuleSleep previousModuleId={previousModule?.id} bind:flowModule={mod} />
 								</div>
 							</TabContent>
 						</div>

package/components/flows/content/FlowModuleComponent.svelte

@@ -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';
@@ -22,11 +22,15 @@ import FlowRetries from './FlowRetries.svelte';
 import { getStepPropPicker } from '../previousResults';
 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 };
@@ -36,18 +40,15 @@ 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: ''
     }
@@ -64,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;
             }
         });
@@ -94,13 +94,14 @@ 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 = 'advanced-suspend')}
+					on:toggleSleep={() => (selected = 'advanced-sleep')}
 					on:toggleRetry={() => (selected = 'advanced-retries')}
 					on:toggleStopAfterIf={() => (selected = 'advanced-early-stop')}
 					on:fork={async () => {
@@ -120,12 +121,12 @@ afterUpdate(() => {
 				/>
 			</svelte:fragment>
 
-			{#if flowModule.value.type === 'rawscript'}
-				<div class="border-b-2 shadow-sm px-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}
 					/>
@@ -138,21 +139,21 @@ afterUpdate(() => {
 				style="max-height: calc(100% - {totalTopGap}px) !important;"
 			>
 				<Splitpanes horizontal>
-					<Pane size={flowModule.value.type === 'script' ? 30 : 50} minSize={20}>
-						{#if flowModule.value.type === 'rawscript'}
+					<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 (flowModule.value.type === 'rawscript') {
-											flowModule.value.content = editor.getCode()
+										if (value.type === 'rawscript') {
+											value.content = editor.getCode()
 										}
 										await reload(flowModule)
 										modulePreview?.runTestWithStepArgs()
@@ -163,11 +164,13 @@ afterUpdate(() => {
 									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={flowModule.value.type === 'script' ? 70 : 50} minSize={20}>
+					<Pane size={value.type === 'script' ? 70 : 50} minSize={20}>
 						<Tabs bind:selected>
 							<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>
@@ -176,12 +179,15 @@ afterUpdate(() => {
 						<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}
 											previousModuleId={previousModule?.id}
-											bind:args={flowModule.value.input_transforms}
+											bind:args={value.input_transforms}
 											bind:extraLib={stepPropPicker.extraLib}
 										/>
 									</PropPickerWrapper>
@@ -196,9 +202,10 @@ afterUpdate(() => {
 								<Tabs bind:selected>
 									<Tab value="advanced-retries">Retries</Tab>
 									{#if !$selectedId.includes('failure')}
-										<Tab value="advanced-early-stop">Early Stop</Tab>
-										<Tab value="advanced-suspend">Sleep/Suspend</Tab>
-										<Tab value="advanced-same_worker">Same Worker/Shared dir</Tab>
+										<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'}
@@ -207,19 +214,23 @@ afterUpdate(() => {
 									<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 previousModuleId={previousModule?.id} bind:flowModule />
+										<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 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 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 same worker in the flow settings</Button
+											}}>Set shared directory in the flow settings</Button
 										>
 									</div>
 								{/if}

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'
 		}}
 	/>
 

package/components/flows/content/FlowModuleHeader.svelte

@@ -1,43 +1,44 @@
 <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
-			class={classNames(
-				'badge',
-				Boolean(module.suspend) || Boolean(module.sleep) ? 'badge-on' : 'badge-off'
-			)}
-			on:click={() => dispatch('toggleSuspend')}
+			<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} />
-		</span>
+		</button>
+		<button
+			class={classNames('badge', Boolean(module.suspend) ? 'badge-on' : 'badge-off')}
+			on:click={() => dispatch('toggleSuspend')}
+		>
+			<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"
@@ -50,7 +51,7 @@ $: moduleRetry = module.retry?.constant || module.retry?.exponential;
 		</Button>
 	{/if}
 
-	{#if module.value.type === 'rawscript' && !shouldPick}
+	{#if module.value.type === 'rawscript'}
 		<Button
 			size="xs"
 			color="light"

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>;

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,53 +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
-		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/FlowModuleSuspend.svelte.d.ts

@@ -3,7 +3,6 @@ import type { FlowModule } from '../../../gen';
 declare const __propDef: {
     props: {
         flowModule: FlowModule;
-        previousModuleId: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;