diff --git a/frontend/src/lib/components/flows/content/FlowLoop.svelte b/frontend/src/lib/components/flows/content/FlowLoop.svelte index bce967c9d8..39c1623275 100644 --- a/frontend/src/lib/components/flows/content/FlowLoop.svelte +++ b/frontend/src/lib/components/flows/content/FlowLoop.svelte @@ -86,217 +86,215 @@ /> -
- -
-
-
- - Add steps inside the loop and specify an iterator expression that defines the sequence - over which your subsequent steps will iterate. - -
-
- -
-
- -
+ +
+
+
+ + Add steps inside the loop and specify an iterator expression that defines the sequence + over which your subsequent steps will iterate. + +
+
+ +
+
+
+
- - - {#if mod.value.type === 'forloopflow'} -
-
-
Skip failures If disabled, the flow will fail as soon as one of the iteration fail. Otherwise, - the error will be collected as the result of the iteration. Regardless of this - setting, if an error handler is defined, it will process the error.
- -
-
-
Run in parallel
- -
-
-
Parallelism Assign a maximum number of branches run in parallel to control huge for-loops. -
- -
-
-
-
- Iterator expression - - The JavaScript expression that will be evaluated to get the list of items to iterate - over. Example : ["banana", "apple", flow_input.my_fruit]. - -
- { - const config = { - insertionMode: CONNECT, - onSelect: (code) => { - setExpr(code) - return true - }, - clearFocus: () => { - flowPropPickerConfig.set(undefined) - } - } - flowPropPickerConfig.set({ - ...config, - clearFocus: () => { - flowPropPickerConfig.set(undefined) - } - }) + + + {#if mod.value.type === 'forloopflow'} +
+
+
Skip failures If disabled, the flow will fail as soon as one of the iteration fail. Otherwise, + the error will be collected as the result of the iteration. Regardless of this + setting, if an error handler is defined, it will process the error.
+ - {#if enableAi} - { - editor?.setSuggestion(e.detail) - }} - on:setExpr={(e) => { - setExpr(e.detail) - }} - pickableProperties={stepPropPicker.pickableProperties} - /> - {/if}
- - {#if mod.value.iterator.type == 'javascript'} - -
- { - if ($flowPropPickerConfig?.insertionMode == CONNECT) { - setExpr(detail) - flowPropPickerConfig.set(undefined) - return - } - editor?.insertAtCursor(detail) - editor?.focus() - }} - noPadding - > - { - iteratorFieldFocused = true - }} - on:blur={() => { - iteratorFieldFocused = false - }} - autofocus - lang="javascript" - bind:code={mod.value.iterator.expr} - class="small-editor" - shouldBindKey={false} - extraLib={stepPropPicker.extraLib} - /> - -
- {:else} -
+
+
+ Iterator expression + + The JavaScript expression that will be evaluated to get the list of items to iterate + over. Example : ["banana", "apple", flow_input.my_fruit]. + +
+ { + const config = { + insertionMode: CONNECT, + onSelect: (code) => { + setExpr(code) + return true + }, + clearFocus: () => { + flowPropPickerConfig.set(undefined) + } + } + flowPropPickerConfig.set({ + ...config, + clearFocus: () => { + flowPropPickerConfig.set(undefined) + } + }) + }} + /> + {#if enableAi} + { + editor?.setSuggestion(e.detail) + }} + on:setExpr={(e) => { + setExpr(e.detail) + }} + pickableProperties={stepPropPicker.pickableProperties} + /> {/if} - {/if} - - - - - Early Stop/Break - Skip - Suspend/Approval/Prompt - Sleep - Mock - Lifetime +
- -
- +
+ { + if ($flowPropPickerConfig?.insertionMode == CONNECT) { + setExpr(detail) + flowPropPickerConfig.set(undefined) + return + } + editor?.insertAtCursor(detail) + editor?.focus() + }} + noPadding + > + { + iteratorFieldFocused = true + }} + on:blur={() => { + iteratorFieldFocused = false + }} + autofocus + lang="javascript" + bind:code={mod.value.iterator.expr} + class="small-editor" + shouldBindKey={false} + extraLib={stepPropPicker.extraLib} + /> + +
+ {:else} +
+ +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ + + + + diff --git a/frontend/src/lib/components/flows/content/FlowSettings.svelte b/frontend/src/lib/components/flows/content/FlowSettings.svelte index 7204d67dab..4737d0446b 100644 --- a/frontend/src/lib/components/flows/content/FlowSettings.svelte +++ b/frontend/src/lib/components/flows/content/FlowSettings.svelte @@ -380,7 +380,7 @@ /> {#if !$enterpriseLicense} EE only Enterprise Edition only feature @@ -501,7 +501,7 @@ /> {#if !$enterpriseLicense || isCloudHosted()} EE only Enterprise Edition only feature diff --git a/frontend/src/lib/components/flows/content/FlowWhileLoop.svelte b/frontend/src/lib/components/flows/content/FlowWhileLoop.svelte index c9363f1359..a6706b1d98 100644 --- a/frontend/src/lib/components/flows/content/FlowWhileLoop.svelte +++ b/frontend/src/lib/components/flows/content/FlowWhileLoop.svelte @@ -48,115 +48,113 @@ /> -
- -
- -
+ +
+ +
- - - {#if !noEditor} - - Add steps inside the while loop but have one of them use early stop/break in their - Advanced settings (or do it at the loop level that will watch the last step) to break - out of the while loop (otherwise it will loop forever and you will have to cancel the - flow manually). - - {/if} + + + {#if !noEditor} + + Add steps inside the while loop but have one of them use early stop/break in their + Advanced settings (or do it at the loop level that will watch the last step) to break out + of the while loop (otherwise it will loop forever and you will have to cancel the flow + manually). + + {/if} - {#if mod.value.type === 'whileloopflow'} -
-
-
Skip failures If disabled, the flow will fail as soon as one of the iteration fail. Otherwise, - the error will be collected as the result of the iteration. Regardless of this - setting, if an error handler is defined, it will process the error.
- -
+ {#if mod.value.type === 'whileloopflow'} +
+
+
Skip failures If disabled, the flow will fail as soon as one of the iteration fail. Otherwise, + the error will be collected as the result of the iteration. Regardless of this + setting, if an error handler is defined, it will process the error.
+
+
-
-
- -
+
+
+
- {/if} - - - - - Early Stop/Break - Skip - Suspend/Approval/Prompt - Sleep - Mock - Lifetime +
+ {/if} + + + + + Early Stop/Break + Skip + Suspend/Approval/Prompt + Sleep + Mock + Lifetime - -
- - -
- -
- + +
+ +
+ - -
- -
- + +
+ +
+ - -
- -
- - -
- -
- - -
- -
- - -
- -
- -
- - - - - -
+ +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ + + + + diff --git a/frontend/src/lib/components/schema/FlowPropertyEditor.svelte b/frontend/src/lib/components/schema/FlowPropertyEditor.svelte index 65dbc57fa4..ad39172bb2 100644 --- a/frontend/src/lib/components/schema/FlowPropertyEditor.svelte +++ b/frontend/src/lib/components/schema/FlowPropertyEditor.svelte @@ -399,7 +399,7 @@ {/if}