windmill-components 1.532.0 → 1.537.1

package/package/components/copilot/chat/ContextElementBadge.svelte

@@ -29,7 +29,7 @@ const isDeletable = $derived(deletable && contextElement.deletable !== false);
 			<button onclick={isDeletable ? onDelete : undefined} class:cursor-default={!isDeletable}>
 				{#if showDelete && isDeletable}
 					<X size={16} />
-				{:else if contextElement.type === 'flow_module'}
+				{:else if contextElement.type === 'flow_module' || contextElement.type === 'flow_module_code_piece'}
 					<FlowModuleIcon module={contextElement as FlowModule} size={16} />
 				{:else}
 					{@const SvelteComponent = icon}
@@ -37,7 +37,7 @@ const isDeletable = $derived(deletable && contextElement.deletable !== false);
 				{/if}
 			</button>
 			<span class="truncate">
-				{contextElement.type === 'diff' || contextElement.type === 'flow_module'
+				{contextElement.type === 'diff'
 					? contextElement.title.replace(/_/g, ' ')
 					: contextElement.title}
 			</span>
@@ -65,7 +65,7 @@ const isDeletable = $derived(deletable && contextElement.deletable !== false);
 					<div class="text-tertiary">Not loaded yet</div>
 				{/if}
 			</div>
-		{:else if contextElement.type === 'code' || contextElement.type === 'code_piece' || contextElement.type === 'diff'}
+		{:else if contextElement.type === 'code' || contextElement.type === 'code_piece' || contextElement.type === 'diff' || contextElement.type === 'flow_module_code_piece'}
 			<div class="max-w-96 max-h-[300px] text-xs overflow-auto">
 				<HighlightCode
 					language={contextElement.lang}

package/package/components/copilot/chat/ContextManager.svelte.js

@@ -66,7 +66,7 @@ export default class ContextManager {
                 newAvailableContext.push({
                     type: 'flow_module',
                     id: module.id,
-                    title: `module_[${module.id}]`,
+                    title: `${module.id}`,
                     value: {
                         language: 'language' in module.value ? module.value.language : 'bunnative',
                         path: 'path' in module.value ? module.value.path : '',
@@ -215,22 +215,45 @@ export default class ContextManager {
         this.scriptOptions = scriptOptions;
     }
     addSelectedLinesToContext(lines, startLine, endLine, moduleId) {
-        const title = moduleId ? `[${moduleId}] L${startLine}-L${endLine}` : `L${startLine}-L${endLine}`;
+        const title = moduleId ? `${moduleId} L${startLine}-L${endLine}` : `L${startLine}-L${endLine}`;
         if (!this.scriptOptions ||
-            this.selectedContext.find((c) => c.type === 'code_piece' && c.title === title)) {
+            this.selectedContext.find((c) => (c.type === 'code_piece' && c.title === title) ||
+                (c.type === 'flow_module_code_piece' && c.id === moduleId && c.title === title))) {
             return;
         }
-        this.selectedContext = [
-            ...this.selectedContext,
-            {
-                type: 'code_piece',
-                title: title,
-                startLine,
-                endLine,
-                content: lines,
-                lang: this.scriptOptions.lang
+        if (moduleId) {
+            const module = [...this.availableContext, ...this.selectedContext].find((c) => c.type === 'flow_module' && c.id === moduleId);
+            if (!module) {
+                console.error('Module not found', moduleId);
+                return;
             }
-        ];
+            this.selectedContext = [
+                ...this.selectedContext,
+                {
+                    type: 'flow_module_code_piece',
+                    id: moduleId,
+                    title: title,
+                    startLine,
+                    endLine,
+                    content: lines,
+                    lang: this.scriptOptions.lang,
+                    value: module.value
+                }
+            ];
+        }
+        else {
+            this.selectedContext = [
+                ...this.selectedContext,
+                {
+                    type: 'code_piece',
+                    title: title,
+                    startLine,
+                    endLine,
+                    content: lines,
+                    lang: this.scriptOptions.lang
+                }
+            ];
+        }
     }
     setFixContext() {
         const codeContext = this.availableContext.find((c) => c.type === 'code');

package/package/components/copilot/chat/ContextTextarea.svelte

@@ -10,7 +10,7 @@ let contextTooltipWord = $state('');
 let tooltipPosition = $state({ x: 0, y: 0 });
 let textarea = $state(undefined);
 let tooltipElement = $state(undefined);
-let selectedSuggestionIndex = $state(0);
+let tooltipCurrentViewNumber = $state(0);
 // Properties to copy for caret position calculation
 const properties = [
     'direction',
@@ -142,18 +142,17 @@ function handleContextSelection(contextElement) {
     updateInstructionsWithContext(contextElement);
     showContextTooltip = false;
 }
-async function updateTooltipPosition(availableContext, showContextTooltip, contextTooltipWord) {
-    if (!textarea || !showContextTooltip)
+async function updateTooltipPosition(currentViewItemsNumber) {
+    if (!textarea)
         return;
     try {
         const coords = getCaretCoordinates(textarea, textarea.selectionEnd);
         const rect = textarea.getBoundingClientRect();
-        const filteredAvailableContext = availableContext.filter((c) => !contextTooltipWord || c.title.toLowerCase().includes(contextTooltipWord.slice(1)));
         const itemHeight = 28; // Estimated height of one item + gap (Button: p-1(8px) + text-xs(16px) = 24px; Parent: gap-1(4px) = 28px)
         const containerPadding = 8; // p-1 top + p-1 bottom = 4px + 4px = 8px
         const maxHeight = 192 + containerPadding; // max-h-48 (192px) + containerPadding (8px)
         // Calculate uncapped height, subtract gap from last item as it's not needed
-        const numItems = filteredAvailableContext.length;
+        const numItems = currentViewItemsNumber;
         let uncappedHeight = numItems > 0 ? numItems * itemHeight - 4 + containerPadding : containerPadding;
         // Ensure height is at least containerPadding even if no items
         uncappedHeight = Math.max(uncappedHeight, containerPadding);
@@ -211,59 +210,29 @@ function handleInput(e) {
     else {
         showContextTooltip = false;
         contextTooltipWord = '';
-        selectedSuggestionIndex = 0;
-    }
-}
-function handleKeyPress(e) {
-    if (e.key === 'Enter' && !e.shiftKey) {
-        e.preventDefault();
-        if (contextTooltipWord) {
-            const filteredContext = availableContext.filter((c) => !contextTooltipWord || c.title.toLowerCase().includes(contextTooltipWord.slice(1)));
-            const contextElement = filteredContext[selectedSuggestionIndex];
-            if (contextElement) {
-                const isInSelectedContext = selectedContext.find((c) => c.title === contextElement.title && c.type === contextElement.type);
-                // If the context element is already in the selected context and the last word in the instructions is the same as the context element title, send request
-                if (isInSelectedContext && value.split(' ').pop() === '@' + contextElement.title) {
-                    onSendRequest();
-                    return;
-                }
-                handleContextSelection(contextElement);
-            }
-            else if (contextTooltipWord === '@' && availableContext.length > 0) {
-                handleContextSelection(availableContext[0]);
-            }
-        }
-        else {
-            onSendRequest();
-        }
     }
 }
 function handleKeyDown(e) {
+    // Pass to parent first if provided
     if (onKeyDown) {
         onKeyDown(e);
     }
-    if (!showContextTooltip)
-        return;
-    const filteredContext = availableContext.filter((c) => !contextTooltipWord || c.title.toLowerCase().includes(contextTooltipWord.slice(1)));
-    if (e.key === 'Tab') {
-        e.preventDefault();
-        const contextElement = filteredContext[selectedSuggestionIndex];
-        if (contextElement) {
-            handleContextSelection(contextElement);
+    if (showContextTooltip) {
+        // avoid new line after Enter in the tooltip
+        if (e.key === 'Enter') {
+            e.preventDefault();
         }
+        return;
     }
-    if (e.key === 'ArrowDown') {
-        e.preventDefault();
-        selectedSuggestionIndex = (selectedSuggestionIndex + 1) % filteredContext.length;
-    }
-    else if (e.key === 'ArrowUp') {
+    if (e.key === 'Enter' && !e.shiftKey) {
         e.preventDefault();
-        selectedSuggestionIndex =
-            (selectedSuggestionIndex - 1 + filteredContext.length) % filteredContext.length;
+        onSendRequest();
     }
 }
 $effect(() => {
-    updateTooltipPosition(availableContext, showContextTooltip, contextTooltipWord);
+    if (showContextTooltip) {
+        updateTooltipPosition(tooltipCurrentViewNumber);
+    }
 });
 export function focus() {
     textarea?.focus();
@@ -283,7 +252,6 @@ export function focus() {
 	</div>
 	<textarea
 		bind:this={textarea}
-		onkeypress={handleKeyPress}
 		onkeydown={handleKeyDown}
 		bind:value
 		use:autosize
@@ -319,7 +287,12 @@ export function focus() {
 				}}
 				showAllAvailable={true}
 				stringSearch={contextTooltipWord.slice(1)}
-				selectedIndex={selectedSuggestionIndex}
+				onViewChange={(newNumber) => {
+					tooltipCurrentViewNumber = newNumber
+				}}
+				setShowing={(showing) => {
+					showContextTooltip = showing
+				}}
 			/>
 		</div>
 	</Portal>

package/package/components/copilot/chat/ToolContentDisplay.svelte

@@ -13,6 +13,13 @@ function formatJson(obj) {
                 return obj;
             }
         }
+        for (const key in obj) {
+            try {
+                const parsed = JSON.parse(obj[key]);
+                obj[key] = parsed;
+            }
+            catch { }
+        }
         return JSON.stringify(obj, null, 2);
     }
     catch {
@@ -71,7 +78,9 @@ async function copyToClipboard() {
 			<div
 				class="bg-surface-secondary border border-gray-200 dark:border-gray-700 rounded p-3 overflow-x-auto max-h-64 overflow-y-auto"
 			>
-				<pre class="text-2xs text-primary whitespace-pre-wrap">{formatJson(content)}</pre>
+				<pre class="text-2xs text-primary whitespace-pre-wrap"
+					>{formatJson($state.snapshot(content))}</pre
+				>
 			</div>
 		{:else}
 			<div

package/package/components/copilot/chat/ToolExecutionDisplay.svelte

@@ -14,8 +14,8 @@ const hasParameters = $derived(message.parameters !== undefined && Object.keys(m
 	<!-- Collapsible Header -->
 	<button
 		class={twMerge(
-			"w-full p-3 bg-surface-secondary hover:bg-surface-hover transition-colors flex items-center justify-between text-left border-b border-gray-200 dark:border-gray-700",
-			message.needsConfirmation ? "opacity-80" : ""
+			'w-full p-3 bg-surface-secondary hover:bg-surface-hover transition-colors flex items-center justify-between text-left border-b border-gray-200 dark:border-gray-700',
+			message.needsConfirmation ? 'opacity-80' : ''
 		)}
 		onclick={() => (isExpanded = !isExpanded)}
 		disabled={!message.showDetails}
@@ -46,7 +46,7 @@ const hasParameters = $derived(message.parameters !== undefined && Object.keys(m
 	{#if isExpanded}
 		<div class="p-3 bg-surface space-y-3">
 			<!-- Parameters Section -->
-			<div class={message.needsConfirmation ? "opacity-80" : ""}>
+			<div class={message.needsConfirmation ? 'opacity-80' : ''}>
 				<ToolContentDisplay title="Parameters" content={message.parameters} />
 			</div>
 

package/package/components/copilot/chat/context.d.ts

@@ -40,7 +40,7 @@ export interface CodePieceElement {
     title: string;
     lang: ScriptLang | 'bunnative';
 }
-export interface FlowModule {
+export interface FlowModuleElement {
     type: 'flow_module';
     id: string;
     title: string;
@@ -51,7 +51,12 @@ export interface FlowModule {
         type: string;
     };
 }
-export type ContextElement = (CodeElement | ErrorElement | DBElement | DiffElement | CodePieceElement | FlowModule) & {
+export interface FlowModuleCodePieceElement extends Omit<CodePieceElement, 'type'> {
+    type: 'flow_module_code_piece';
+    id: string;
+    value: FlowModuleElement['value'];
+}
+export type ContextElement = (CodeElement | ErrorElement | DBElement | DiffElement | CodePieceElement | FlowModuleElement | FlowModuleCodePieceElement) & {
     deletable?: boolean;
 };
 export {};

package/package/components/copilot/chat/flow/FlowAIChat.svelte

@@ -9,7 +9,7 @@ import { loadSchemaFromModule } from '../../../flows/flowInfers';
 import { aiChatManager } from '../AIChatManager.svelte';
 import { refreshStateStore } from '../../../../svelte5Utils.svelte';
 import DiffDrawer from '../../../DiffDrawer.svelte';
-let { flowModuleSchemaMap, } = $props();
+let { flowModuleSchemaMap } = $props();
 const { flowStore, flowStateStore, selectedId, currentEditor } = getContext('FlowEditorContext');
 const { exprsToSet } = getContext('FlowCopilotContext') ?? {};
 let affectedModules = $state({});
@@ -71,13 +71,10 @@ const flowHelpers = {
     hasDiff: () => {
         return Object.keys(affectedModules).length > 0;
     },
-    acceptAllModuleActions: () => {
-        for (const [id, affectedModule] of Object.entries(affectedModules)) {
-            if (affectedModule.action === 'removed') {
-                deleteStep(id);
-            }
+    acceptAllModuleActions() {
+        for (const id of Object.keys(affectedModules)) {
+            this.acceptModuleAction(id);
         }
-        affectedModules = {};
     },
     rejectAllModuleActions() {
         for (const id of Object.keys(affectedModules)) {
@@ -151,7 +148,18 @@ const flowHelpers = {
                     if (!newModule) {
                         throw new Error('Module not found');
                     }
-                    newModule.value = oldModule.value;
+                    // Apply the old code to the editor and hide diff editor if the reverted module is a rawscript
+                    if (newModule.value.type === 'rawscript' &&
+                        $currentEditor?.type === 'script' &&
+                        $currentEditor.stepId === id) {
+                        const aiChatEditorHandler = $currentEditor.editor.getAiChatEditorHandler();
+                        if (aiChatEditorHandler) {
+                            aiChatEditorHandler.revertAll({ disableReviewCallback: true });
+                            $currentEditor.hideDiffMode();
+                        }
+                    }
+                    Object.keys(newModule).forEach((k) => delete newModule[k]);
+                    Object.assign(newModule, $state.snapshot(oldModule));
                 }
                 refreshStateStore(flowStore);
                 delete affectedModules[id];
@@ -162,6 +170,15 @@ const flowHelpers = {
         if (affectedModules[id]?.action === 'removed') {
             deleteStep(id);
         }
+        if (affectedModules[id]?.action === 'modified' &&
+            $currentEditor &&
+            $currentEditor.type === 'script' &&
+            $currentEditor.stepId === id) {
+            const aiChatEditorHandler = $currentEditor.editor.getAiChatEditorHandler();
+            if (aiChatEditorHandler) {
+                aiChatEditorHandler.keepAll({ disableReviewCallback: true });
+            }
+        }
         delete affectedModules[id];
     },
     // ai chat tools
@@ -416,6 +433,72 @@ const flowHelpers = {
             refreshStateStore(flowStore);
         }
         setModuleStatus(id, 'modified');
+    },
+    setForLoopOptions: async (id, opts) => {
+        const module = getModule(id);
+        if (!module) {
+            throw new Error('Module not found');
+        }
+        if (module.value.type !== 'forloopflow') {
+            throw new Error('Module is not a forloopflow');
+        }
+        // Apply skip_failures if provided
+        if (typeof opts.skip_failures === 'boolean') {
+            module.value.skip_failures = opts.skip_failures;
+        }
+        // Apply parallel if provided
+        if (typeof opts.parallel === 'boolean') {
+            module.value.parallel = opts.parallel;
+        }
+        // Handle parallelism
+        if (opts.parallel === false) {
+            // If parallel is disabled, clear parallelism
+            module.value.parallelism = undefined;
+        }
+        else if (opts.parallelism !== undefined) {
+            if (opts.parallelism === null) {
+                // Explicitly clear parallelism
+                module.value.parallelism = undefined;
+            }
+            else if (module.value.parallel || opts.parallel === true) {
+                // Only set parallelism if parallel is enabled
+                const n = Math.max(1, Math.floor(Math.abs(opts.parallelism)));
+                module.value.parallelism = n;
+            }
+        }
+        refreshStateStore(flowStore);
+        setModuleStatus(id, 'modified');
+    },
+    setModuleControlOptions: async (id, opts) => {
+        const module = getModule(id);
+        if (!module) {
+            throw new Error('Module not found');
+        }
+        // Handle stop_after_if
+        if (typeof opts.stop_after_if === 'boolean') {
+            if (opts.stop_after_if === false) {
+                module.stop_after_if = undefined;
+            }
+            else {
+                module.stop_after_if = {
+                    expr: opts.stop_after_if_expr ?? '',
+                    skip_if_stopped: opts.stop_after_if
+                };
+            }
+        }
+        // Handle skip_if
+        if (typeof opts.skip_if === 'boolean') {
+            if (opts.skip_if === false) {
+                module.skip_if = undefined;
+            }
+            else {
+                module.skip_if = {
+                    expr: opts.skip_if_expr ?? ''
+                };
+            }
+        }
+        refreshStateStore(flowStore);
+        setModuleStatus(id, 'modified');
     }
 };
 function deleteStep(id) {
@@ -454,6 +537,25 @@ $effect(() => {
     const cleanup = aiChatManager.listenForCurrentEditorChanges($currentEditor);
     return cleanup;
 });
+// Automatically show revert review when selecting a rawscript module with pending changes
+$effect(() => {
+    if ($currentEditor?.type === 'script' &&
+        $selectedId &&
+        affectedModules[$selectedId] &&
+        $currentEditor.editor.getAiChatEditorHandler()) {
+        const moduleLastSnapshot = getModule($selectedId, lastSnapshot);
+        const content = moduleLastSnapshot?.value.type === 'rawscript' ? moduleLastSnapshot.value.content : '';
+        if (content.length > 0) {
+            untrack(() => $currentEditor.editor.reviewAppliedCode(content, {
+                onFinishedReview: () => {
+                    const id = $selectedId;
+                    flowHelpers.acceptModuleAction(id);
+                    $currentEditor.hideDiffMode();
+                }
+            }));
+        }
+    }
+});
 let diffDrawer = $state(undefined);
 </script>
 

package/package/components/copilot/chat/flow/core.d.ts

@@ -33,6 +33,17 @@ export interface FlowAIChatHelpers {
     addBranch: (id: string) => Promise<void>;
     removeBranch: (id: string, branchIndex: number) => Promise<void>;
     setForLoopIteratorExpression: (id: string, expression: string) => Promise<void>;
+    setForLoopOptions: (id: string, opts: {
+        skip_failures?: boolean | null;
+        parallel?: boolean | null;
+        parallelism?: number | null;
+    }) => Promise<void>;
+    setModuleControlOptions: (id: string, opts: {
+        stop_after_if?: boolean | null;
+        stop_after_if_expr?: string | null;
+        skip_if?: boolean | null;
+        skip_if_expr?: string | null;
+    }) => Promise<void>;
     setCode: (id: string, code: string) => Promise<void>;
 }
 declare const newStepSchema: z.ZodUnion<[z.ZodObject<{

package/package/components/copilot/chat/flow/core.js

@@ -1,4 +1,5 @@
 import { ScriptService, JobService } from '../../../../gen';
+import { emitUiIntent } from './uiIntents';
 import YAML from 'yaml';
 import { z } from 'zod';
 import uFuzzy from '@leeoniya/ufuzzy';
@@ -98,6 +99,51 @@ const setForLoopIteratorExpressionSchema = z.object({
     expression: z.string().describe('The JavaScript expression to set for the iterator')
 });
 const setForLoopIteratorExpressionToolDef = createToolDef(setForLoopIteratorExpressionSchema, 'set_forloop_iterator_expression', 'Set the iterator JavaScript expression for the given forloop step');
+const setForLoopOptionsSchema = z.object({
+    id: z.string().describe('The id of the forloop step to configure'),
+    skip_failures: z
+        .boolean()
+        .nullable()
+        .optional()
+        .describe('Whether to skip failures in the loop (null to not change)'),
+    parallel: z
+        .boolean()
+        .nullable()
+        .optional()
+        .describe('Whether to run iterations in parallel (null to not change)'),
+    parallelism: z
+        .number()
+        .int()
+        .min(1)
+        .nullable()
+        .optional()
+        .describe('Maximum number of parallel iterations (null to not change)')
+});
+const setForLoopOptionsToolDef = createToolDef(setForLoopOptionsSchema, 'set_forloop_options', 'Set advanced options for a forloop step: skip_failures, parallel, and parallelism');
+const setModuleControlOptionsSchema = z.object({
+    id: z.string().describe('The id of the module to configure'),
+    stop_after_if: z
+        .boolean()
+        .nullable()
+        .optional()
+        .describe('Early stop condition (true to set, false to clear, null to not change)'),
+    stop_after_if_expr: z
+        .string()
+        .nullable()
+        .optional()
+        .describe('JavaScript expression for early stop condition. Can use `flow_input` or `result`. `result` is the result of the step. `results.<step_id>` is not supported, do not use it. Only used if stop_after_if is true. Example: `flow_input.x > 10` or `result === "failure"`'),
+    skip_if: z
+        .boolean()
+        .nullable()
+        .optional()
+        .describe('Skip condition (true to set, false to clear, null to not change)'),
+    skip_if_expr: z
+        .string()
+        .nullable()
+        .optional()
+        .describe('JavaScript expression for skip condition. Can use `flow_input` or `results.<step_id>`. Only used if skip_if is true. Example: `flow_input.x > 10` or `results.a === "failure"`')
+});
+const setModuleControlOptionsToolDef = createToolDef(setModuleControlOptionsSchema, 'set_module_control_options', 'Set control options for any module: stop_after_if (early stop) and skip_if (conditional skip)');
 const setBranchPredicateSchema = z.object({
     id: z.string().describe('The id of the branchone step to set the predicates for'),
     branchIndex: z
@@ -378,6 +424,64 @@ export const flowTools = [
             return `Forloop '${parsedArgs.id}' iterator expression set`;
         }
     },
+    {
+        def: setForLoopOptionsToolDef,
+        fn: async ({ args, helpers, toolId, toolCallbacks }) => {
+            const parsedArgs = setForLoopOptionsSchema.parse(args);
+            await helpers.setForLoopOptions(parsedArgs.id, {
+                skip_failures: parsedArgs.skip_failures,
+                parallel: parsedArgs.parallel,
+                parallelism: parsedArgs.parallelism
+            });
+            helpers.selectStep(parsedArgs.id);
+            const message = `Set forloop '${parsedArgs.id}' options`;
+            toolCallbacks.setToolStatus(toolId, {
+                content: message
+            });
+            return `${message}: ${JSON.stringify(parsedArgs)}`;
+        }
+    },
+    {
+        def: setModuleControlOptionsToolDef,
+        fn: async ({ args, helpers, toolId, toolCallbacks }) => {
+            const parsedArgs = setModuleControlOptionsSchema.parse(args);
+            await helpers.setModuleControlOptions(parsedArgs.id, {
+                stop_after_if: parsedArgs.stop_after_if,
+                stop_after_if_expr: parsedArgs.stop_after_if_expr,
+                skip_if: parsedArgs.skip_if,
+                skip_if_expr: parsedArgs.skip_if_expr
+            });
+            helpers.selectStep(parsedArgs.id);
+            // Emit UI intent to show early-stop tab when stop_after_if is configured
+            const modules = helpers.getModules();
+            const module = findModuleById(modules, parsedArgs.id);
+            if (!module) {
+                throw new Error(`Module with id '${parsedArgs.id}' not found in flow.`);
+            }
+            const moduleType = module?.value.type;
+            const hasSpecificComponents = ['forloopflow', 'whileloopflow', 'branchall', 'branchone'];
+            const prefix = hasSpecificComponents.includes(moduleType) ? `${moduleType}` : 'flow';
+            if (typeof parsedArgs.stop_after_if === 'boolean') {
+                emitUiIntent({
+                    kind: 'open_module_tab',
+                    componentId: `${prefix}-${parsedArgs.id}`,
+                    tab: 'early-stop'
+                });
+            }
+            if (typeof parsedArgs.skip_if === 'boolean') {
+                emitUiIntent({
+                    kind: 'open_module_tab',
+                    componentId: `${prefix}-${parsedArgs.id}`,
+                    tab: 'skip'
+                });
+            }
+            const message = `Set module '${parsedArgs.id}' control options`;
+            toolCallbacks.setToolStatus(toolId, {
+                content: message
+            });
+            return `${message}: ${JSON.stringify(parsedArgs)}`;
+        }
+    },
     {
         def: resourceTypeToolDef,
         fn: async ({ args, toolId, workspace, toolCallbacks }) => {
@@ -584,10 +688,17 @@ When creating new steps, follow this process for EACH step:
 
 ### Special Step Types
 For special step types, follow these additional steps:
-- For forloop steps: Set the iterator expression using set_forloop_iterator_expression
+- For forloop steps: 
+  - Set the iterator expression using set_forloop_iterator_expression
+  - Set advanced options (parallel, parallelism, skip_failures) using set_forloop_options
 - For branchone steps: Set the predicates for each branch using set_branch_predicate
 - For branchall steps: No additional setup needed
 
+### Module Control Options
+For any module type, you can set control flow options using set_module_control_options:
+- **stop_after_if**: Early stop condition - stops the module if expression evaluates to true. Can use "flow_input" or "result". "result" is the result of the step. "results.<step_id>" is not supported, do not use it. Example: "flow_input.x > 10" or "result === "failure""
+- **skip_if**: Skip condition - skips the module entirely if expression evaluates to true. Can use "flow_input" or "results.<step_id>". Example: "flow_input.x > 10" or "results.a === "failure""
+
 ### Step Insertion Rules
 When adding steps, carefully consider the execution order:
 1. Steps are executed in the order they appear in the flow definition, not in the order they were added
@@ -608,6 +719,7 @@ When adding steps, carefully consider the execution order:
 ### JavaScript Expressions
 For step inputs, forloop iterator expressions and branch predicates, use JavaScript expressions with these variables:
 - Step results: results.stepid or results.stepid.property_name
+- Break condition (stop_after_if) in for loops: result (contains the result of the last iteration)
 - Loop iterator: flow_input.iter.value (inside loops)
 - Flow inputs: flow_input.property_name
 - Static values: Use JavaScript syntax (e.g., "hello", true, 3)
@@ -616,6 +728,12 @@ Note: These variables are only accessible in step inputs, forloop iterator expre
 
 For truly static values in step inputs (those not linked to previous steps or loop iterations), prefer using flow inputs by default unless explicitly specified otherwise. This makes the flow more configurable and reusable. For example, instead of hardcoding an email address in a step input, create a flow input for it.
 
+### For Loop Advanced Options
+When configuring for-loop steps, consider these options:
+- **parallel: true** - Run iterations in parallel for independent operations (significantly faster for I/O bound tasks)
+- **parallelism: N** - Limit concurrent iterations (only applies when parallel=true). Use to prevent overwhelming external APIs
+- **skip_failures: true** - Continue processing remaining iterations even if some fail. Failed iterations return error objects as results
+
 ### Special Modules
 - Preprocessor: Runs before the first step when triggered externally
   - ID: 'preprocessor'
@@ -649,7 +767,7 @@ If the user wants a specific resource as step input, you should set the step val
         content
     };
 }
-export function prepareFlowUserMessage(instructions, flowAndSelectedId, selectedContext) {
+export function prepareFlowUserMessage(instructions, flowAndSelectedId, selectedContext = []) {
     const flow = flowAndSelectedId?.flow;
     const selectedId = flowAndSelectedId?.selectedId;
     // Handle context elements
@@ -662,7 +780,7 @@ ${instructions}`;
             content: userMessage
         };
     }
-    const codePieces = selectedContext?.filter((c) => c.type === 'code_piece') ?? [];
+    const codePieces = selectedContext.filter((c) => c.type === 'flow_module_code_piece');
     const flowModulesYaml = applyCodePiecesToFlowModules(codePieces, flow.value.modules);
     let flowContent = `## FLOW:
 flow_input schema:

package/package/components/copilot/chat/flow/uiIntents.d.ts

@@ -0,0 +1,8 @@
+import { type Writable } from 'svelte/store';
+export type UiIntent = {
+    kind: 'open_module_tab';
+    componentId: string;
+    tab: string;
+};
+export declare const uiIntentStore: Writable<UiIntent | null>;
+export declare function emitUiIntent(intent: UiIntent): void;

package/package/components/copilot/chat/flow/uiIntents.js

@@ -0,0 +1,5 @@
+import { writable } from 'svelte/store';
+export const uiIntentStore = writable(null);
+export function emitUiIntent(intent) {
+    uiIntentStore.set(intent);
+}

package/package/components/copilot/chat/flow/useUiIntent.d.ts

@@ -0,0 +1,5 @@
+type Handlers = {
+    openTab?: (tab: string) => void;
+};
+export declare function useUiIntent(componentId: string, handlers: Handlers): void;
+export {};