windmill-components 1.493.10 → 1.501.5

package/package/components/flows/map/FlowModuleSchemaMap.svelte

@@ -1,40 +1,32 @@
 <script lang="ts">import { createEventDispatcher, getContext, tick } from 'svelte';
-import { createInlineScriptModule, createBranchAll, createBranches, createLoop, createWhileLoop, deleteFlowStateById, emptyModule, pickScript, pickFlow, insertNewPreprocessorModule } from '../flowStateUtils';
-import { emptyFlowModuleState, initFlowStepWarnings } from '../utils';
-import FlowSettingsItem from './FlowSettingsItem.svelte';
-import FlowConstantsItem from './FlowConstantsItem.svelte';
+import { createInlineScriptModule, createBranchAll, createBranches, createLoop, createWhileLoop, deleteFlowStateById, emptyModule, pickScript, pickFlow, insertNewPreprocessorModule } from '../flowStateUtils.svelte';
+import { emptyFlowModuleState } from '../utils';
 import { dfs } from '../dfs';
-import FlowErrorHandlerItem from './FlowErrorHandlerItem.svelte';
 import { push } from '../../../history';
 import ConfirmationModal from '../../common/confirmationModal/ConfirmationModal.svelte';
 import Portal from '../../Portal.svelte';
 import { getDependentComponents } from '../flowExplorer';
-import { fade } from 'svelte/transition';
 import { copilotInfo, tutorialsToDo, workspaceStore } from '../../../stores';
 import FlowTutorials from '../../FlowTutorials.svelte';
 import { ignoredTutorials } from '../../tutorials/ignoredTutorials';
 import { tutorialInProgress } from '../../../tutorialUtils';
 import FlowGraphV2 from '../../graph/FlowGraphV2.svelte';
-import { replaceId } from '../flowStore';
+import { replaceId } from '../flowStore.svelte';
 import { setScheduledPollSchedule } from '../../triggers';
 import { JobService } from '../../../gen';
-export let modules;
-export let sidebarSize = undefined;
-export let disableStaticInputs = false;
-export let disableTutorials = false;
-export let disableAi = false;
-export let disableSettings = false;
-export let newFlow = false;
-export let smallErrorHandler = false;
-export let workspace = $workspaceStore;
-let flowTutorials = undefined;
-const { customUi, selectedId, moving, history, flowStateStore, flowStore, flowInputsStore, pathStore } = getContext('FlowEditorContext');
+import { dfsByModule } from '../previousResults';
+import { refreshStateStore } from '../../../svelte5Utils.svelte';
+import FlowStickyNode from './FlowStickyNode.svelte';
+import { getStepHistoryLoaderContext } from '../../stepHistoryLoader.svelte';
+let { sidebarSize = $bindable(undefined), disableStaticInputs = false, disableTutorials = false, disableAi = false, disableSettings = false, newFlow = false, smallErrorHandler = false, workspace = $workspaceStore, onTestUpTo, onEditInput, aiChatOpen, showFlowAiButton, toggleAiChat } = $props();
+let flowTutorials = $state(undefined);
+const { customUi, selectedId, moving, history, flowStateStore, flowStore, pathStore } = getContext('FlowEditorContext');
 const { triggersCount, triggersState } = getContext('TriggerContext');
 const { flowPropPickerConfig } = getContext('PropPickerContext');
-async function insertNewModuleAtIndex(modules, index, kind, wsScript, wsFlow, inlineScript) {
-    push(history, $flowStore);
-    var module = emptyModule($flowStateStore, $flowStore, kind == 'flow');
-    var state = emptyFlowModuleState();
+export async function insertNewModuleAtIndex(modules, index, kind, wsScript, wsFlow, inlineScript) {
+    push(history, flowStore.val);
+    let module = emptyModule($flowStateStore, flowStore.val, kind == 'flow');
+    let state = emptyFlowModuleState();
     $flowStateStore[module.id] = state;
     if (wsFlow) {
         ;
@@ -61,8 +53,8 @@ async function insertNewModuleAtIndex(modules, index, kind, wsScript, wsFlow, in
         [module, state] = await createBranchAll(module.id);
     }
     else if (inlineScript) {
-        const { language, kind, subkind } = inlineScript;
-        [module, state] = await createInlineScriptModule(language, kind, subkind, module.id, module.summary);
+        const { language, kind, subkind, summary } = inlineScript;
+        [module, state] = await createInlineScriptModule(language, kind, subkind, module.id, summary);
         $flowStateStore[module.id] = state;
         if (kind == 'trigger') {
             module.summary = 'Trigger';
@@ -90,7 +82,7 @@ async function insertNewModuleAtIndex(modules, index, kind, wsScript, wsFlow, in
     modules.splice(index, 0, module);
     return modules;
 }
-function removeAtId(modules, id) {
+export function removeAtId(modules, id) {
     const index = modules.findIndex((mod) => mod.id == id);
     if (index != -1) {
         const [removed] = modules.splice(index, 1);
@@ -118,12 +110,11 @@ function removeAtId(modules, id) {
         return mod;
     });
 }
-$: sidebarMode == 'graph' ? (sidebarSize = 40) : (sidebarSize = 20);
 let sidebarMode = 'graph';
-let minHeight = 0;
-function selectNextId(id) {
-    if (modules) {
-        let allIds = dfs(modules, (mod) => mod.id);
+let minHeight = $state(0);
+export function selectNextId(id) {
+    if (flowStore.val.value.modules) {
+        let allIds = dfs(flowStore.val.value.modules, (mod) => mod.id);
         if (allIds.length > 1) {
             const idx = allIds.indexOf(id);
             $selectedId = idx == 0 ? allIds[0] : allIds[idx - 1];
@@ -133,8 +124,15 @@ function selectNextId(id) {
         }
     }
 }
-async function addBranch(module) {
-    push(history, $flowStore);
+function findModuleById(id) {
+    return dfsByModule(id, flowStore.val.value.modules)[0];
+}
+export async function addBranch(id) {
+    push(history, flowStore.val);
+    let module = findModuleById(id);
+    if (!module) {
+        throw new Error(`Node ${id} not found`);
+    }
     if (module.value.type === 'branchone' || module.value.type === 'branchall') {
         module.value.branches.splice(module.value.branches.length, 0, {
             summary: '',
@@ -143,8 +141,12 @@ async function addBranch(module) {
         });
     }
 }
-function removeBranch(module, index) {
-    push(history, $flowStore);
+export function removeBranch(id, index) {
+    push(history, flowStore.val);
+    let module = findModuleById(id);
+    if (!module) {
+        throw new Error(`Node ${id} not found`);
+    }
     if (module.value.type === 'branchone' || module.value.type === 'branchall') {
         const offset = module.value.type === 'branchone' ? 1 : 0;
         if (module.value.branches[index - offset]?.modules) {
@@ -154,9 +156,8 @@ function removeBranch(module, index) {
         module.value.branches.splice(index - offset, 1);
     }
 }
-let deleteCallback = undefined;
-let dependents = {};
-const { currentStepStore: copilotCurrentStepStore } = getContext('FlowCopilotContext') || {};
+let deleteCallback = $state(undefined);
+let dependents = $state({});
 function shouldRunTutorial(tutorialName, name, index) {
     return ($tutorialsToDo.includes(index) &&
         name == tutorialName &&
@@ -164,31 +165,23 @@ function shouldRunTutorial(tutorialName, name, index) {
         !tutorialInProgress());
 }
 const dispatch = createEventDispatcher();
-async function updateFlowInputsStore() {
-    const keys = Object.keys(dependents ?? {});
-    for (const key of keys) {
-        const module = $flowStore.value.modules.find((m) => m.id === key);
-        if (!module) {
-            continue;
-        }
-        if (!$flowInputsStore) {
-            $flowInputsStore = {};
-        }
-        $flowInputsStore[module.id] = {
-            flowStepWarnings: await initFlowStepWarnings(module.value, $flowStateStore?.[module.id]?.schema, dfs($flowStore.value.modules, (fm) => fm.id))
-        };
-    }
-}
-function setExpr(module, expr) {
+export function setExpr(module, expr) {
     if (module.value.type == 'forloopflow') {
         module.value.iterator = { type: 'javascript', expr };
         module.value.parallel = true;
     }
 }
+let stepHistoryLoader = getStepHistoryLoaderContext();
 async function loadLastJob(path, moduleId) {
     if (!path) {
         return;
     }
+    if (stepHistoryLoader) {
+        stepHistoryLoader.stepStates[moduleId] = {
+            initial: true,
+            loadingJobs: true
+        };
+    }
     const previousJobId = await JobService.listJobs({
         workspace: $workspaceStore,
         scriptPathExact: path,
@@ -209,10 +202,16 @@ async function loadLastJob(path, moduleId) {
                 previewWorkspaceId: previousJobId[0].workspace_id,
                 previewSuccess: getJobResult.success
             };
+            if (stepHistoryLoader) {
+                stepHistoryLoader.stepStates[moduleId].loadingJobs = false;
+            }
         }
         $flowStateStore = $flowStateStore;
     }
 }
+$effect(() => {
+    sidebarMode == 'graph' ? (sidebarSize = 40) : (sidebarSize = 20);
+});
 </script>
 
 <Portal name="flow-module">
@@ -247,25 +246,23 @@ async function loadLastJob(path, moduleId) {
 </Portal>
 <div class="flex flex-col h-full relative -pt-1">
 	<div
-		class={`z-10 sticky inline-flex flex-col gap-2 top-0 bg-surface-secondary flex-initial p-2 items-center transition-colors duration-[400ms] ease-linear border-b ${
-			$copilotCurrentStepStore !== undefined ? 'border-gray-500/75' : ''
-		}`}
+		class={`z-50 absolute inline-flex flex-col gap-2 top-3 left-1/2 -translate-x-1/2 flex-initial  items-center transition-colors duration-[400ms] ease-linear bg-surface-100`}
 	>
-		{#if $copilotCurrentStepStore !== undefined}
-			<div transition:fade class="absolute inset-0 bg-gray-500 bg-opacity-75 z-[900] !m-0"></div>
-		{/if}
-		{#if !disableSettings}
-			<FlowSettingsItem />
-		{/if}
-		{#if !disableStaticInputs}
-			<FlowConstantsItem />
-		{/if}
+		<FlowStickyNode
+			{showFlowAiButton}
+			{disableSettings}
+			{disableStaticInputs}
+			{smallErrorHandler}
+			on:generateStep
+			{aiChatOpen}
+			{toggleAiChat}
+		/>
 	</div>
 
 	<div class="z-10 flex-auto grow bg-surface-secondary" bind:clientHeight={minHeight}>
 		<FlowGraphV2
-			earlyStop={$flowStore.value?.skip_expr !== undefined}
-			cache={$flowStore.value?.cache_ttl !== undefined}
+			earlyStop={flowStore.val.value?.skip_expr !== undefined}
+			cache={flowStore.val.value?.cache_ttl !== undefined}
 			triggerNode={customUi?.triggers != false}
 			path={$pathStore}
 			{newFlow}
@@ -273,32 +270,27 @@ async function loadLastJob(path, moduleId) {
 			insertable
 			scroll
 			{minHeight}
-			moving={$moving?.module.id}
+			moving={$moving?.id}
 			maxHeight={minHeight}
-			modules={$flowStore.value?.modules}
-			preprocessorModule={$flowStore.value?.preprocessor_module}
+			modules={flowStore.val.value.modules}
+			preprocessorModule={flowStore.val.value?.preprocessor_module}
 			{selectedId}
-			{flowInputsStore}
 			{workspace}
 			editMode
-			on:delete={({ detail }) => {
-				let e = detail.detail
-				dependents = getDependentComponents(e.id, $flowStore)
+			{onTestUpTo}
+			{onEditInput}
+			onDelete={(id) => {
+				dependents = getDependentComponents(id, flowStore.val)
 				const cb = () => {
-					push(history, $flowStore)
-					if (e.id === 'preprocessor') {
+					push(history, flowStore.val)
+					if (id === 'preprocessor') {
 						$selectedId = 'Input'
-						$flowStore.value.preprocessor_module = undefined
+						flowStore.val.value.preprocessor_module = undefined
 					} else {
-						selectNextId(e.id)
-						removeAtId($flowStore.value.modules, e.id)
-						if ($flowInputsStore) {
-							delete $flowInputsStore[e.id]
-						}
+						selectNextId(id)
+						removeAtId(flowStore.val.value.modules, id)
 					}
-					$flowStore = $flowStore
-
-					updateFlowInputsStore()
+					refreshStateStore(flowStore)
 				}
 
 				if (Object.keys(dependents).length > 0) {
@@ -307,7 +299,7 @@ async function loadLastJob(path, moduleId) {
 					cb()
 				}
 			}}
-			on:insert={async ({ detail }) => {
+			onInsert={async (detail) => {
 				if (shouldRunTutorial('forloop', detail.detail, 1)) {
 					flowTutorials?.runTutorialById('forloop', detail.index)
 				} else if (shouldRunTutorial('branchone', detail.detail, 2)) {
@@ -315,79 +307,119 @@ async function loadLastJob(path, moduleId) {
 				} else if (shouldRunTutorial('branchall', detail.detail, 3)) {
 					flowTutorials?.runTutorialById('branchall')
 				} else {
-					if (detail.modules && Array.isArray(detail.modules)) {
+					let originalModules
+					let targetModules
+					if (
+						detail.sourceId == 'Input' ||
+						detail.targetId == 'result' ||
+						detail.kind == 'trigger'
+					) {
+						targetModules = flowStore.val.value.modules
+					}
+
+					dfs(flowStore.val.value.modules, (mod, modules, branches) => {
+						// console.log('mod', mod.id, $moving?.id, detail, branches)
+						if (mod.id == $moving?.id) {
+							originalModules = modules
+						}
+						if (detail.branch) {
+							if (mod.id == detail.branch.rootId) {
+								targetModules = branches[detail.branch.branch]
+							}
+						} else if (mod.id == detail.sourceId || mod.id == detail.targetId) {
+							targetModules = modules
+						}
+					})
+					if (flowStore.val.value.modules && Array.isArray(flowStore.val.value.modules)) {
 						await tick()
 						if ($moving) {
-							push(history, $flowStore)
-							let indexToRemove = $moving.modules.findIndex((m) => $moving?.module?.id == m.id)
-							$moving.modules.splice(indexToRemove, 1)
-							detail.modules.splice(detail.index, 0, $moving.module)
-							$selectedId = $moving.module.id
+							// console.log('modules', modules, movingModules, movingModule)
+							push(history, flowStore.val)
+							let indexToRemove = originalModules.findIndex((m) => $moving?.id == m.id)
+
+							let [removedModule] = originalModules.splice(indexToRemove, 1)
+							targetModules.splice(detail.index, 0, removedModule)
+							$selectedId = removedModule.id
 							$moving = undefined
 						} else {
-							if (detail.detail === 'preprocessor') {
-								insertNewPreprocessorModule(
+							if (detail.isPreprocessor) {
+								await insertNewPreprocessorModule(
 									flowStore,
 									flowStateStore,
 									detail.inlineScript,
 									detail.script
 								)
 								$selectedId = 'preprocessor'
+
+								if (detail.inlineScript?.instructions) {
+									dispatch('generateStep', {
+										moduleId: 'preprocessor',
+										lang: detail.inlineScript?.language,
+										instructions: detail.inlineScript?.instructions
+									})
+								}
 							} else {
 								const index = detail.index ?? 0
 								await insertNewModuleAtIndex(
-									detail.modules,
+									targetModules,
 									index,
 									detail.kind,
 									detail.script,
 									detail.flow,
 									detail.inlineScript
 								)
-								const id = detail.modules[detail.index ?? 0].id
+								const id = targetModules[index].id
 								$selectedId = id
 
+								if (detail.inlineScript?.instructions) {
+									dispatch('generateStep', {
+										moduleId: id,
+										lang: detail.inlineScript?.language,
+										instructions: detail.inlineScript?.instructions
+									})
+								}
 								if (detail.kind == 'trigger') {
 									await insertNewModuleAtIndex(
-										detail.modules,
+										targetModules,
 										index + 1,
 										'forloop',
 										undefined,
 										undefined,
 										undefined
 									)
-									setExpr(detail.modules[index + 1], `results.${id}`)
+									setExpr(targetModules[index + 1], `results.${id}`)
 									setScheduledPollSchedule(triggersState, triggersCount)
 								}
 
-								if (`flow` in detail) {
-									loadLastJob(detail.flow?.path, id)
-								} else if (`script` in detail) {
+								if (detail.flow?.path) {
+									loadLastJob(detail.flow.path, id)
+								} else if (detail.script?.path) {
 									loadLastJob(detail.script?.path, id)
 								}
 							}
 						}
 
 						if (['branchone', 'branchall'].includes(detail.kind)) {
-							await addBranch(detail.modules[detail.index ?? 0])
+							await addBranch(targetModules[detail.index ?? 0].id)
 						}
 						$flowStateStore = $flowStateStore
-						$flowStore = $flowStore
+						refreshStateStore(flowStore)
 						dispatch('change')
 					}
 				}
 			}}
-			on:newBranch={async ({ detail }) => {
-				if (detail.module) {
-					await addBranch(detail.module)
-					$flowStore = $flowStore
+			onNewBranch={async (id) => {
+				if (id) {
+					await addBranch(id)
+					refreshStateStore(flowStore)
 				}
 			}}
-			on:select={async ({ detail }) => {
+			onSelect={(id) => {
 				flowPropPickerConfig.set(undefined)
 			}}
-			on:changeId={({ detail }) => {
+			onChangeId={(detail) => {
 				let { id, newId, deps } = detail
-				dfs($flowStore.value.modules, (mod) => {
+				dfs(flowStore.val.value.modules, (mod) => {
 					if (deps[mod.id]) {
 						deps[mod.id].forEach((dep) => {
 							if (
@@ -419,37 +451,30 @@ async function loadLastJob(path, moduleId) {
 						mod.id = newId
 					}
 				})
-				$flowStore = $flowStore
+				refreshStateStore(flowStore)
 				$selectedId = newId
 			}}
-			on:deleteBranch={async ({ detail }) => {
-				if (detail.module) {
-					await removeBranch(detail.module, detail.index)
-					$flowStore = $flowStore
-					$selectedId = detail.module.id
+			onDeleteBranch={async ({ id, index }) => {
+				if (id) {
+					await removeBranch(id, index)
+					refreshStateStore(flowStore)
+					$selectedId = id
 				}
 			}}
-			on:move={async ({ detail }) => {
-				if (!$moving || $moving.module.id !== detail.module.id) {
-					if (detail.module && detail.modules) {
-						$moving = { module: detail.module, modules: detail.modules }
-					}
+			onMove={(id) => {
+				if (!$moving || $moving.id !== id) {
+					$moving = { id }
 				} else {
 					$moving = undefined
 				}
 			}}
-			on:updateMock={() => {
-				$flowStore = $flowStore
+			onUpdateMock={(detail) => {
+				let module = findModuleById(detail.id)
+				module.mock = $state.snapshot(detail.mock)
+				refreshStateStore(flowStore)
 			}}
 		/>
 	</div>
-	<div
-		class="z-10 absolute inline-flex w-full text-sm gap-2 bottom-0 left-0 p-2 {smallErrorHandler
-			? 'flex-row-reverse'
-			: 'justify-center'} border-b"
-	>
-		<FlowErrorHandlerItem small={smallErrorHandler} />
-	</div>
 </div>
 
 {#if !disableTutorials}

package/package/components/flows/map/FlowModuleSchemaMap.svelte.d.ts

@@ -1,4 +1,20 @@
 import type { FlowModule } from '../../../gen';
+import type { InlineScript, InsertKind } from '../../graph/graphBuilder.svelte';
+interface Props {
+    sidebarSize?: number | undefined;
+    disableStaticInputs?: boolean;
+    disableTutorials?: boolean;
+    disableAi?: boolean;
+    disableSettings?: boolean;
+    newFlow?: boolean;
+    smallErrorHandler?: boolean;
+    workspace?: string | undefined;
+    onTestUpTo?: ((id: string) => void) | undefined;
+    onEditInput?: (moduleId: string, key: string) => void;
+    aiChatOpen?: boolean;
+    showFlowAiButton?: boolean;
+    toggleAiChat?: () => void;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,21 +28,26 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const FlowModuleSchemaMap: $$__sveltets_2_IsomorphicComponent<{
-    modules: FlowModule[] | undefined;
-    sidebarSize?: number | undefined;
-    disableStaticInputs?: boolean;
-    disableTutorials?: boolean;
-    disableAi?: boolean;
-    disableSettings?: boolean;
-    newFlow?: boolean;
-    smallErrorHandler?: boolean;
-    workspace?: string | undefined;
-}, {
+declare const FlowModuleSchemaMap: $$__sveltets_2_IsomorphicComponent<Props, {
+    generateStep: CustomEvent<any>;
     reload: any;
-    change: CustomEvent<any>;
+    change: CustomEvent<void>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {
+    insertNewModuleAtIndex: (modules: FlowModule[], index: number, kind: InsertKind, wsScript?: {
+        path: string;
+        summary: string;
+        hash: string | undefined;
+    }, wsFlow?: {
+        path: string;
+        summary: string;
+    }, inlineScript?: InlineScript) => Promise<FlowModule[]>;
+    removeAtId: (modules: FlowModule[], id: string) => FlowModule[];
+    selectNextId: (id: any) => void;
+    addBranch: (id: string) => Promise<void>;
+    removeBranch: (id: string, index: number) => void;
+    setExpr: (module: FlowModule, expr: string) => void;
+}, "sidebarSize">;
 type FlowModuleSchemaMap = InstanceType<typeof FlowModuleSchemaMap>;
 export default FlowModuleSchemaMap;

package/package/components/flows/map/FlowStickyNode.svelte

@@ -0,0 +1,66 @@
+<script lang="ts">import { getContext } from 'svelte';
+import { Badge } from '../../common';
+import { DollarSign, Settings } from 'lucide-svelte';
+import { twMerge } from 'tailwind-merge';
+import FlowErrorHandlerItem from './FlowErrorHandlerItem.svelte';
+import FlowAIButton from '../../copilot/chat/flow/FlowAIButton.svelte';
+import Popover from '../../Popover.svelte';
+let { disableSettings, disableStaticInputs, smallErrorHandler, aiChatOpen, showFlowAiButton, toggleAiChat } = $props();
+const { selectedId, flowStore } = getContext('FlowEditorContext');
+const nodeClass = 'border w-fit rounded p-1 px-2 bg-surface text-sm cursor-pointer flex items-center h-[28px] hover:!bg-surface-secondary active:!bg-surface';
+const nodeSelectedClass = 'outline outline-offset-1 outline-2 outline-slate-800 dark:bg-white/5 dark:outline-slate-400/60 dark:outline-gray-400';
+</script>
+
+<div class="flex flex-row gap-2 p-1 rounded shadow-md bg-surface">
+	{#if !disableSettings}
+		<button
+			onclick={() => ($selectedId = 'settings-metadata')}
+			class={twMerge(nodeClass, $selectedId?.startsWith('settings') ? nodeSelectedClass : '')}
+			title="Settings"
+		>
+			<Settings size={14} />
+			<span
+				class="font-bold flex flex-row justify-between w-fit gap-2 items-center truncate ml-1.5"
+			>
+				<span class="text-xs">Settings</span>
+				<span class="h-[18px] flex items-center">
+					{#if flowStore.val.value.same_worker}
+						<Badge color="blue" baseClass="truncate">./shared</Badge>
+					{/if}
+				</span>
+			</span>
+		</button>
+	{/if}
+	{#if !disableStaticInputs}
+		<Popover>
+			<button
+				onclick={() => ($selectedId = 'constants')}
+				class={twMerge(nodeClass, $selectedId == 'constants' ? nodeSelectedClass : '')}
+			>
+				<DollarSign size={14} />
+			</button>
+			{#snippet text()}
+				Static Inputs
+			{/snippet}
+		</Popover>
+	{/if}
+	<Popover>
+		<FlowErrorHandlerItem small={smallErrorHandler} on:generateStep clazz={nodeClass} />
+		{#snippet text()}
+			Error Handler
+		{/snippet}
+	</Popover>
+	{#if showFlowAiButton}
+		<Popover>
+			<FlowAIButton
+				togglePanel={() => {
+					toggleAiChat?.()
+				}}
+				opened={aiChatOpen}
+			/>
+			{#snippet text()}
+				Flow AI Chat
+			{/snippet}
+		</Popover>
+	{/if}
+</div>

package/package/components/{copilot/FlowCopilotStatus.svelte.d.ts → flows/map/FlowStickyNode.svelte.d.ts}

@@ -1,4 +1,11 @@
-import type { FlowModule } from '../../gen';
+interface Props {
+    disableSettings?: boolean;
+    disableStaticInputs?: boolean;
+    smallErrorHandler: boolean;
+    aiChatOpen?: boolean;
+    showFlowAiButton?: boolean;
+    toggleAiChat?: () => void;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,14 +19,14 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const FlowCopilotStatus: $$__sveltets_2_IsomorphicComponent<{
-    copilotLoading: boolean;
-    copilotStatus: string;
-    abortController: AbortController | undefined;
-    genFlow: (index: number, modules: FlowModule[], stepOnly?: boolean) => void;
-    finishCopilotFlowBuilder: () => void;
-}, {
+declare const FlowStickyNode: $$__sveltets_2_IsomorphicComponent<Props, {
+    generateStep: CustomEvent<{
+        moduleId: string;
+        instructions: string;
+        lang: import("../../../gen").ScriptLang;
+    }>;
+} & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FlowCopilotStatus = InstanceType<typeof FlowCopilotStatus>;
-export default FlowCopilotStatus;
+}, {}, {}, "">;
+type FlowStickyNode = InstanceType<typeof FlowStickyNode>;
+export default FlowStickyNode;