windmill-components 1.550.0 → 1.555.1

package/package/components/copilot/StepInputGen.svelte

@@ -1,33 +1,38 @@
-<script lang="ts">import { Check, Loader2, Wand2 } from 'lucide-svelte';
+<script lang="ts" module>export function stepInputGenButtonClasses(selected) {
+    return twMerge('text-violet-500 dark:text-violet-400 border', selected
+        ? 'bg-green-50 hover:bg-green-50 dark:bg-green-400/15 dark:hover:bg-green-400/15 text-green-800 border-green-200 dark:border-green-300/60 dark:text-green-400 '
+        : 'hover:bg-violet-50 border-violet-100 dark:hover:bg-violet-400/15 dark:border-violet-400/20');
+}
+</script>
+
+<script lang="ts">import { run } from 'svelte/legacy';
+import { Check, Loader2, Wand2 } from 'lucide-svelte';
 import Button from '../common/button/Button.svelte';
 import { getNonStreamingCompletion } from './lib';
 import { sendUserToast } from '../../toast';
 import ManualPopover from '../ManualPopover.svelte';
-import { createEventDispatcher, getContext } from 'svelte';
+import { createEventDispatcher, getContext, untrack } from 'svelte';
 import YAML from 'yaml';
 import { sliceModules } from '../flows/flowStateUtils.svelte';
 import { dfs } from '../flows/dfs';
 import { yamlStringifyExceptKeys } from './utils';
-import { copilotInfo, stepInputCompletionEnabled } from '../../stores';
+import { stepInputCompletionEnabled } from '../../stores';
 import FlowCopilotInputsModal from './FlowCopilotInputsModal.svelte';
 import { twMerge } from 'tailwind-merge';
-import { createDispatcherIfMounted } from '../../createDispatcherIfMounted';
-let generatedContent = '';
-let loading = false;
-export let focused = false;
-export let arg;
-export let schemaProperty;
-export let pickableProperties = undefined;
-export let argName;
-export let showPopup;
-let empty = false;
-$: empty =
-    Object.keys(arg ?? {}).length === 0 ||
-        (arg.type === 'static' && !arg.value) ||
-        (arg.type === 'javascript' && !arg.expr);
-let btnFocused = false;
+import { copilotInfo } from '../../aiStore';
+let generatedContent = $state('');
+let loading = $state(false);
+let { focused = false, arg, schemaProperty, pickableProperties = undefined, argName, showPopup, btnClass = '' } = $props();
+let empty = $state(false);
+run(() => {
+    empty =
+        Object.keys(arg ?? {}).length === 0 ||
+            (arg.type === 'static' && !arg.value) ||
+            (arg.type === 'javascript' && !arg.expr);
+});
+let btnFocused = $state(false);
 let abortController = new AbortController();
-let newFlowInput = '';
+let newFlowInput = $state('');
 const { flowStore, selectedId } = getContext('FlowEditorContext');
 const { stepInputsLoading, generatedExprs } = getContext('FlowCopilotContext') || {};
 function createFlowInput() {
@@ -132,7 +137,6 @@ export function onKeyUp(event) {
     }
 }
 const dispatch = createEventDispatcher();
-const dispatchIfMounted = createDispatcherIfMounted(dispatch);
 function cancel() {
     abortController.abort();
     generatedContent = '';
@@ -150,16 +154,28 @@ function cancelOnOutOfFocus() {
         }
     }, 150);
 }
-$: if (!focused) {
-    cancelOnOutOfFocus();
-}
-$: if ($copilotInfo.enabled && $stepInputCompletionEnabled && focused) {
-    automaticGeneration();
-}
-$: dispatchIfMounted('showExpr', generatedContent);
-$: dispatchIfMounted('showExpr', $generatedExprs?.[argName] || '');
-let out = true; // hack to prevent regenerating answer when accepting the answer due to mouseenter on new icon
-let openInputsModal = false;
+$effect(() => {
+    if (!focused) {
+        untrack(() => {
+            cancelOnOutOfFocus();
+        });
+    }
+});
+$effect(() => {
+    if ($copilotInfo.enabled && $stepInputCompletionEnabled && focused) {
+        untrack(() => {
+            automaticGeneration();
+        });
+    }
+});
+$effect(() => {
+    dispatch('showExpr', generatedContent);
+});
+$effect(() => {
+    dispatch('showExpr', $generatedExprs?.[argName] || '');
+});
+let out = $state(true); // hack to prevent regenerating answer when accepting the answer due to mouseenter on new icon
+let openInputsModal = $state(false);
 </script>
 
 {#if $copilotInfo.enabled && $stepInputCompletionEnabled}
@@ -179,10 +195,8 @@ let openInputsModal = false;
 			size="xs"
 			color="light"
 			btnClasses={twMerge(
-				'text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700 dark:hover:bg-surface-hover',
-				!loading && generatedContent.length > 0
-					? 'bg-green-100 text-green-800 hover:bg-green-100 dark:text-green-400 dark:bg-green-700 dark:hover:bg-green-700'
-					: ''
+				stepInputGenButtonClasses(!loading && generatedContent.length > 0),
+				btnClass
 			)}
 			on:click={() => {
 				if (!loading && generatedContent.length > 0) {
@@ -227,10 +241,10 @@ let openInputsModal = false;
 				{/if}
 			{/if}
 		</Button>
-		<svelte:fragment slot="content">
+		{#snippet content()}
 			<div class="text-sm text-tertiary">
 				{generatedContent || $generatedExprs?.[argName]}
 			</div>
-		</svelte:fragment>
+		{/snippet}
 	</ManualPopover>
 {/if}

package/package/components/copilot/StepInputGen.svelte.d.ts

@@ -1,6 +1,16 @@
+export declare function stepInputGenButtonClasses(selected: boolean): string;
 import type { InputTransform } from '../../gen';
 import type { PickableProperties } from '../flows/previousResults';
 import type { SchemaProperty } from '../../common';
+interface Props {
+    focused?: boolean;
+    arg: InputTransform | any;
+    schemaProperty: SchemaProperty;
+    pickableProperties?: PickableProperties | undefined;
+    argName: string;
+    showPopup: boolean;
+    btnClass?: string;
+}
 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;
@@ -14,20 +24,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const StepInputGen: $$__sveltets_2_IsomorphicComponent<{
-    focused?: boolean;
-    arg: InputTransform | any;
-    schemaProperty: SchemaProperty;
-    pickableProperties?: PickableProperties | undefined;
-    argName: string;
-    showPopup: boolean;
-    onKeyUp?: (event: KeyboardEvent) => void;
-}, {
+declare const StepInputGen: $$__sveltets_2_IsomorphicComponent<Props, {
     setExpr: CustomEvent<any>;
+    showExpr: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     onKeyUp: (event: KeyboardEvent) => void;
-}, string>;
+}, "">;
 type StepInputGen = InstanceType<typeof StepInputGen>;
 export default StepInputGen;

package/package/components/copilot/StepInputsGen.svelte

@@ -8,20 +8,20 @@ import { getNonStreamingCompletion } from './lib';
 import { sendUserToast } from '../../toast';
 import Button from '../common/button/Button.svelte';
 import { Check, ExternalLink, Loader2, Wand2 } from 'lucide-svelte';
-import { copilotInfo, stepInputCompletionEnabled } from '../../stores';
+import { stepInputCompletionEnabled } from '../../stores';
+import { copilotInfo } from '../../aiStore';
 import Popover from '../meltComponents/Popover.svelte';
 import FlowCopilotInputsModal from './FlowCopilotInputsModal.svelte';
 import { twMerge } from 'tailwind-merge';
-let loading = false;
-export let pickableProperties = undefined;
-export let argNames = [];
-export let schema = undefined;
+import { stepInputGenButtonClasses } from './StepInputGen.svelte';
+let loading = $state(false);
+let { pickableProperties = undefined, argNames = [], schema = undefined } = $props();
 const { flowStore, selectedId } = getContext('FlowEditorContext');
 const { exprsToSet, stepInputsLoading, generatedExprs } = getContext('FlowCopilotContext') || {};
 let generatedContent = '';
 let parsedInputs = [];
-let newFlowInputs = [];
-let abortController = new AbortController();
+let newFlowInputs = $state([]);
+let abortController = $state(new AbortController());
 async function generateStepInputs() {
     if (Object.keys($generatedExprs || {}).length > 0 || loading) {
         return;
@@ -135,8 +135,8 @@ function applyExprs() {
         openInputsModal = true;
     }
 }
-let out = true; // hack to prevent regenerating answer when accepting the answer due to mouseenter on new icon
-let openInputsModal = false;
+let out = $state(true); // hack to prevent regenerating answer when accepting the answer due to mouseenter on new icon
+let openInputsModal = $state(false);
 </script>
 
 <div class="flex flex-row justify-end">
@@ -151,11 +151,9 @@ let openInputsModal = false;
 		<Button
 			size="xs"
 			color="light"
+			wrapperClasses="flex-1"
 			btnClasses={twMerge(
-				'text-violet-800 dark:text-violet-400',
-				!loading && Object.keys($generatedExprs || {}).length > 0
-					? 'bg-green-100 text-green-800 hover:bg-green-100 dark:text-green-400 dark:bg-green-700 dark:hover:bg-green-700'
-					: ''
+				stepInputGenButtonClasses(!loading && Object.keys($generatedExprs || {}).length > 0)
 			)}
 			on:mouseenter={(ev) => {
 				if (out) {
@@ -192,12 +190,13 @@ let openInputsModal = false;
 			floatingConfig={{
 				placement: 'top-end'
 			}}
+			class="w-full"
 		>
-			<svelte:fragment slot="trigger">
+			{#snippet trigger()}
 				<Button
 					size="xs"
 					color="light"
-					btnClasses="text-violet-800 dark:text-violet-400"
+					btnClasses="text-violet-800 dark:text-violet-400 border border-violet-200 hover:bg-violet-50"
 					nonCaptureEvent
 					startIcon={{
 						icon: Wand2
@@ -205,8 +204,8 @@ let openInputsModal = false;
 				>
 					Fill inputs
 				</Button>
-			</svelte:fragment>
-			<svelte:fragment slot="content" let:close>
+			{/snippet}
+			{#snippet content({ close })}
 				<div class="p-4">
 					<p class="text-sm">
 						{#if !$copilotInfo.enabled}
@@ -223,7 +222,7 @@ let openInputsModal = false;
 							<a
 								href="#user-settings"
 								class="inline-flex flex-row items-center gap-1"
-								on:click={() => {
+								onclick={() => {
 									close()
 								}}
 							>
@@ -232,7 +231,7 @@ let openInputsModal = false;
 						{/if}
 					</p>
 				</div>
-			</svelte:fragment>
+			{/snippet}
 		</Popover>
 	{/if}
 </div>

package/package/components/copilot/StepInputsGen.svelte.d.ts

@@ -1,26 +1,12 @@
 import type { PickableProperties } from '../flows/previousResults';
 import type { Schema } from '../../common';
-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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const StepInputsGen: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     pickableProperties?: PickableProperties | undefined;
     argNames?: string[];
     schema?: Schema | {
         properties?: Record<string, any>;
     } | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type StepInputsGen = InstanceType<typeof StepInputsGen>;
+}
+declare const StepInputsGen: import("svelte").Component<Props, {}, "">;
+type StepInputsGen = ReturnType<typeof StepInputsGen>;
 export default StepInputsGen;

package/package/components/copilot/autocomplete/Autocompletor.js

@@ -5,7 +5,7 @@ import { autocompleteRequest } from './request';
 import { FIM_MAX_TOKENS, getModelContextWindow } from '../lib';
 import { setGlobalCSS } from '../shared';
 import { get } from 'svelte/store';
-import { copilotInfo } from '../../../stores';
+import { copilotInfo } from '../../../aiStore';
 // max ratio of completions to context window
 const COMPLETIONS_MAX_RATIO = 0.1;
 // hard limit to max number of completions to fetch details for, to avoid performance overhead

package/package/components/copilot/autocomplete/request.js

@@ -1,9 +1,9 @@
-import { copilotInfo } from '../../../stores';
 import { get } from 'svelte/store';
 import { getFimCompletion } from '../lib';
 import { getLangContext } from '../chat/script/core';
 import {} from '../../../gen/types.gen';
 import { getCommentSymbol } from '../utils';
+import { copilotInfo } from '../../../aiStore';
 function comment(commentSymbol, text) {
     return text
         .split('\n')

package/package/components/copilot/chat/AIChat.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">import AIChatDisplay from './AIChatDisplay.svelte';
 import { onDestroy, untrack } from 'svelte';
 import {} from '../../../gen';
-import { copilotInfo, copilotSessionModel, dbSchemas, userStore, workspaceStore } from '../../../stores';
+import { dbSchemas, userStore, workspaceStore } from '../../../stores';
 import { aiChatManager, AIMode } from './AIChatManager.svelte';
 import { base } from '../../../base';
 import HideButton from '../../apps/editor/settingsPanel/HideButton.svelte';
 import { SUPPORTED_CHAT_SCRIPT_LANGUAGES } from './script/core';
+import { copilotInfo, copilotSessionModel } from '../../../aiStore';
 const isAdmin = $derived($userStore?.is_admin || $userStore?.is_super_admin);
 const hasCopilot = $derived($copilotInfo.enabled);
 const disabled = $derived(!hasCopilot ||

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

@@ -13,11 +13,12 @@ import { dfs } from '../../flows/previousResults';
 import { getStringError } from './utils';
 import { untrack } from 'svelte';
 import { get } from 'svelte/store';
-import { getCurrentModel, copilotInfo } from '../../../stores';
+import {} from '../../../stores';
 import { askTools, prepareAskSystemMessage, prepareAskUserMessage } from './ask/core';
 import { chatState, DEFAULT_SIZE, triggerablesByAi } from './sharedChatState.svelte';
 import { prepareApiSystemMessage, prepareApiUserMessage } from './api/core';
 import { getAnthropicCompletion, parseAnthropicCompletion } from './anthropic';
+import { copilotInfo, getCurrentModel } from '../../../aiStore';
 // If the estimated token usage is greater than the model context window - the threshold, we delete the oldest message
 const MAX_TOKENS_THRESHOLD_PERCENTAGE = 0.05;
 const MAX_TOKENS_HARD_LIMIT = 5000;

package/package/components/copilot/chat/AiChatLayout.svelte

@@ -2,8 +2,9 @@
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import AiChat from './AIChat.svelte';
 import { zIndexes } from '../../../zIndexes';
-import { loadCopilot, userStore, workspaceStore } from '../../../stores';
+import { userStore, workspaceStore } from '../../../stores';
 import { chatState } from './sharedChatState.svelte';
+import { loadCopilot } from '../../../aiStore';
 let { noPadding: noBorder = false, isCollapsed = false, children, onMenuOpen, disableAi } = $props();
 $effect(() => {
     if (disableAi) {

package/package/components/copilot/chat/ProviderModelSelector.svelte

@@ -1,20 +1,21 @@
 <script lang="ts">import { ChevronDown } from 'lucide-svelte';
 import Popover from '../../meltComponents/Popover.svelte';
-import { COPILOT_SESSION_MODEL_SETTING_NAME, COPILOT_SESSION_PROVIDER_SETTING_NAME, copilotInfo, copilotSessionModel } from '../../../stores';
+import { COPILOT_SESSION_MODEL_SETTING_NAME, COPILOT_SESSION_PROVIDER_SETTING_NAME } from '../../../stores';
 import { storeLocalSetting } from '../../../utils';
 import { twMerge } from 'tailwind-merge';
-$: providerModel = $copilotSessionModel ??
+import { copilotInfo, copilotSessionModel } from '../../../aiStore';
+let providerModel = $derived($copilotSessionModel ??
     $copilotInfo.defaultModel ??
     $copilotInfo.aiModels[0] ?? {
     model: 'No model',
     provider: 'No provider'
-};
-$: multipleModels = $copilotInfo.aiModels.length > 1;
+});
+let multipleModels = $derived($copilotInfo.aiModels.length > 1);
 </script>
 
 <div class="min-w-0">
 	<Popover disablePopup={!multipleModels} class="max-w-full">
-		<svelte:fragment slot="trigger">
+		{#snippet trigger()}
 			<div class="text-tertiary text-xs flex flex-row items-center font-normal gap-0.5">
 				<span class={`truncate ${multipleModels ? '' : 'pr-2'}`}>{providerModel.model}</span>
 				{#if multipleModels}
@@ -23,8 +24,8 @@ $: multipleModels = $copilotInfo.aiModels.length > 1;
 					</div>
 				{/if}
 			</div>
-		</svelte:fragment>
-		<svelte:fragment slot="content" let:close>
+		{/snippet}
+		{#snippet content({ close })}
 			<div class="flex flex-col gap-1 p-1 min-w-24">
 				{#each $copilotInfo.aiModels as providerModel}
 					<button
@@ -32,7 +33,7 @@ $: multipleModels = $copilotInfo.aiModels.length > 1;
 							'text-left text-xs hover:bg-surface-hover rounded-md p-1 font-normal',
 							providerModel.model === $copilotSessionModel?.model && 'bg-surface-hover'
 						)}
-						on:click={() => {
+						onclick={() => {
 							$copilotSessionModel = providerModel
 							storeLocalSetting(COPILOT_SESSION_MODEL_SETTING_NAME, providerModel.model)
 							storeLocalSetting(COPILOT_SESSION_PROVIDER_SETTING_NAME, providerModel.provider)
@@ -43,6 +44,6 @@ $: multipleModels = $copilotInfo.aiModels.length > 1;
 					</button>
 				{/each}
 			</div>
-		</svelte:fragment>
+		{/snippet}
 	</Popover>
 </div>

package/package/components/copilot/chat/ProviderModelSelector.svelte.d.ts

@@ -1,18 +1,3 @@
-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;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ProviderModelSelector: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ProviderModelSelector = InstanceType<typeof ProviderModelSelector>;
+declare const ProviderModelSelector: import("svelte").Component<Record<string, never>, {}, "">;
+type ProviderModelSelector = ReturnType<typeof ProviderModelSelector>;
 export default ProviderModelSelector;

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

@@ -1,5 +1,5 @@
 <script lang="ts">import { base } from '../../../../base';
-import { copilotInfo } from '../../../../stores';
+import { copilotInfo } from '../../../../aiStore';
 import Popover from '../../../meltComponents/Popover.svelte';
 import DarkPopover from '../../../Popover.svelte';
 import { ExternalLink } from 'lucide-svelte';

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

@@ -2,12 +2,13 @@ import { ResourceService, JobService } from '../../../../gen/services.gen';
 import { capitalize, isObject, toCamel } from '../../../../utils';
 import { get } from 'svelte/store';
 import { compile, phpCompile, pythonCompile } from '../../utils';
-import { dbSchemas, getCurrentModel } from '../../../../stores';
+import { dbSchemas } from '../../../../stores';
 import { getDbSchemas } from '../../../apps/components/display/dbtable/utils';
 import { PYTHON_PREPROCESSOR_MODULE_CODE, TS_PREPROCESSOR_MODULE_CODE } from '../../../../script_helpers';
 import { createSearchHubScriptsTool, executeTestRun, buildTestRunArgs, buildContextString } from '../shared';
 import { setupTypeAcquisition } from '../../../../ata';
 import { getModelContextWindow } from '../../lib';
+import { getCurrentModel } from '../../../../aiStore';
 // Score threshold for npm packages search filtering
 const SCORE_THRESHOLD = 1000;
 // percentage of the context window for documentation of npm packages

package/package/components/copilot/chat/shared.js

@@ -1,10 +1,11 @@
 import { get } from 'svelte/store';
-import { workspaceStore, getCurrentModel } from '../../../stores';
+import { workspaceStore } from '../../../stores';
 import { zodToJsonSchema } from 'zod-to-json-schema';
 import { z } from 'zod';
 import { ScriptService, JobService } from '../../../gen';
 import { scriptLangToEditorLang } from '../../../scripts';
 import YAML from 'yaml';
+import { getCurrentModel } from '../../../aiStore';
 export const extractAllModules = (modules) => {
     return modules.flatMap((m) => {
         if (m.value.type === 'forloopflow' || m.value.type === 'whileloopflow') {

package/package/components/copilot/lib.js

@@ -1,4 +1,4 @@
-import { copilotInfo, getCurrentModel, workspaceStore } from '../../stores';
+import { workspaceStore } from '../../stores';
 import { buildClientSchema, printSchema } from 'graphql';
 import OpenAI from 'openai';
 import Anthropic from '@anthropic-ai/sdk';
@@ -9,6 +9,7 @@ import { formatResourceTypes } from './utils';
 import { z } from 'zod';
 import { processToolCall } from './chat/shared';
 import { generateRandomString } from '../../utils';
+import { copilotInfo, getCurrentModel } from '../../aiStore';
 export const SUPPORTED_LANGUAGES = new Set(Object.keys(GEN_CONFIG.prompts));
 const OPENAI_MODELS = [
     'gpt-5',

package/package/components/details/DetailPageLayout.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">import { Tabs, Tab, TabContent } from '../common';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import DetailPageDetailPanel from './DetailPageDetailPanel.svelte';
-let { isOperator = false, flow_json = undefined, selected = $bindable(), header, form, scriptRender: script, save_inputs, flow_step, triggers } = $props();
+let { isOperator = false, flow_json = undefined, selected = $bindable(), forceSmallScreen = false, header, form, scriptRender: script, save_inputs, flow_step, triggers } = $props();
 let mobileTab = $state('form');
 let clientWidth = $state(window.innerWidth);
 const script_render = $derived(script);
 const save_inputs_render = $derived(save_inputs);
 const flow_step_render = $derived(flow_step);
 const triggers_render = $derived(triggers);
+const useDesktopLayout = $derived(clientWidth >= 768 && !forceSmallScreen);
 </script>
 
 <main class="h-screen w-full" bind:clientWidth>
-	{#if clientWidth >= 768}
+	{#if useDesktopLayout}
 		<div class="h-full w-full flex flex-col">
 			{@render header?.()}
 			<div class="grow min-h-0 w-full">

package/package/components/details/DetailPageLayout.svelte.d.ts

@@ -2,6 +2,7 @@ interface Props {
     isOperator?: boolean;
     flow_json?: any | undefined;
     selected: string;
+    forceSmallScreen?: boolean;
     header?: import('svelte').Snippet;
     form?: import('svelte').Snippet;
     scriptRender?: import('svelte').Snippet;

package/package/components/flows/CreateActionsFlow.svelte

@@ -4,7 +4,7 @@ import BarsStaggered from '../icons/BarsStaggered.svelte';
 import { Button } from '../common';
 import Drawer from '../common/drawer/Drawer.svelte';
 import DrawerContent from '../common/drawer/DrawerContent.svelte';
-import { importFlowStore } from './flowStore';
+import { importFlowStore } from './flowStore.svelte';
 import { Loader2, Plus } from 'lucide-svelte';
 import YAML from 'yaml';
 let drawer = $state(undefined);