windmill-components 1.493.10 → 1.501.4

package/package/components/flows/FlowHistoryInner.svelte

@@ -1,19 +1,19 @@
-<script lang="ts">import { Pane, Splitpanes } from 'svelte-splitpanes';
+<script lang="ts">import { run, stopPropagation, createBubbler } from 'svelte/legacy';
+const bubble = createBubbler();
+import { Pane, Splitpanes } from 'svelte-splitpanes';
 import { classNames, displayDate, emptyString, sendUserToast } from '../../utils';
 import { FlowService } from '../../gen';
 import { workspaceStore } from '../../stores';
 import { Skeleton } from '../common';
 import Button from '../common/button/Button.svelte';
 import { ArrowRight, Loader2, Pencil, X } from 'lucide-svelte';
-import { createEventDispatcher } from 'svelte';
-export let path;
-export let allowFork = false;
-let loading = false;
-let versions = [];
-let selectedVersion = undefined;
-let selected = undefined;
-let deploymentMsgUpdateMode = false;
-let deploymentMsgUpdate = undefined;
+let { path, allowFork = false, onHistoryRestore } = $props();
+let loading = $state(false);
+let versions = $state([]);
+let selectedVersion = $state(undefined);
+let selected = $state(undefined);
+let deploymentMsgUpdateMode = $state(false);
+let deploymentMsgUpdate = $state(undefined);
 async function loadFlow(version) {
     selected = await FlowService.getFlowVersion({
         workspace: $workspaceStore,
@@ -47,7 +47,6 @@ async function updateDeploymentMsg(version) {
     deploymentMsgUpdateMode = false;
     loadVersions();
 }
-const dispatch = createEventDispatcher();
 async function restoreVersion(flow) {
     if (!flow)
         return;
@@ -59,11 +58,13 @@ async function restoreVersion(flow) {
         },
         path
     });
-    dispatch('historyRestore');
+    onHistoryRestore?.();
     sendUserToast('Flow restored from previous deployment');
 }
 loadVersions();
-$: selectedVersion !== undefined && loadFlow(selectedVersion.id);
+run(() => {
+    selectedVersion !== undefined && loadFlow(selectedVersion.id);
+});
 </script>
 
 <Splitpanes class="!overflow-visible">
@@ -73,7 +74,7 @@ $: selectedVersion !== undefined && loadFlow(selectedVersion.id);
 				{#if versions.length > 0}
 					<div class="flex gap-2 flex-col">
 						{#each versions ?? [] as version}
-							<!-- svelte-ignore a11y-click-events-have-key-events -->
+							<!-- svelte-ignore a11y_click_events_have_key_events -->
 							<div
 								class={classNames(
 									'border flex gap-1 truncate justify-between flex-row w-full items-center p-2 rounded-md cursor-pointer hover:bg-surface-hover hover:text-primary',
@@ -81,7 +82,7 @@ $: selectedVersion !== undefined && loadFlow(selectedVersion.id);
 								)}
 								role="button"
 								tabindex="0"
-								on:click={() => {
+								onclick={() => {
 									selectedVersion = version
 								}}
 							>
@@ -112,10 +113,11 @@ $: selectedVersion !== undefined && loadFlow(selectedVersion.id);
 											type="text"
 											bind:value={deploymentMsgUpdate}
 											class="!w-auto grow"
-											on:click|stopPropagation={() => {}}
-											on:keydown|stopPropagation
-											on:keypress|stopPropagation={({ key }) => {
-												if (key === 'Enter') updateDeploymentMsg(selectedVersion?.id)
+											onclick={stopPropagation(() => {})}
+											onkeydown={stopPropagation(bubble('keydown'))}
+											onkeypress={(e) => {
+												e.stopPropagation()
+												if (e.key === 'Enter') updateDeploymentMsg(selectedVersion?.id)
 											}}
 										/>
 										<Button
@@ -151,7 +153,7 @@ $: selectedVersion !== undefined && loadFlow(selectedVersion.id);
 										Deployed {displayDate(selected.edited_at)} by {selected.edited_by}
 									{/if}
 									<button
-										on:click={() => {
+										onclick={() => {
 											deploymentMsgUpdate = selectedVersion?.deployment_msg
 											deploymentMsgUpdateMode = true
 										}}

package/package/components/flows/FlowHistoryInner.svelte.d.ts

@@ -1,24 +1,8 @@
-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 FlowHistoryInner: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     path: string;
     allowFork?: boolean;
-}, {
-    keydown: KeyboardEvent;
-    historyRestore: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FlowHistoryInner = InstanceType<typeof FlowHistoryInner>;
+    onHistoryRestore?: () => void;
+}
+declare const FlowHistoryInner: import("svelte").Component<Props, {}, "">;
+type FlowHistoryInner = ReturnType<typeof FlowHistoryInner>;
 export default FlowHistoryInner;

package/package/components/flows/common/FlowCard.svelte

@@ -1,21 +1,17 @@
 <script lang="ts">import FlowCardHeader from './FlowCardHeader.svelte';
-export let title = undefined;
-export let summary = undefined;
-export let noEditor;
-export let noHeader = false;
-export let flowModuleValue = undefined;
+let { title = undefined, summary = $bindable(undefined), noEditor, noHeader = false, flowModuleValue = undefined, header, children } = $props();
 </script>
 
 <div class="flex flex-col h-full">
 	{#if !noEditor && !noHeader}
 		<div>
 			<FlowCardHeader on:setHash on:reload {title} bind:summary {flowModuleValue}>
-				<slot name="header" />
+				{@render header?.()}
 			</FlowCardHeader>
 		</div>
 	{/if}
 
 	<div class="min-h-0 flex-grow">
-		<slot />
+		{@render children?.()}
 	</div>
 </div>

package/package/components/flows/common/FlowCard.svelte.d.ts

@@ -1,4 +1,13 @@
 import type { FlowModuleValue } from '../../../gen';
+interface Props {
+    title?: string | undefined;
+    summary?: string | undefined;
+    noEditor: boolean;
+    noHeader?: boolean;
+    flowModuleValue?: FlowModuleValue | undefined;
+    header?: import('svelte').Snippet;
+    children?: import('svelte').Snippet;
+}
 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,28 +21,11 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const FlowCard: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    title?: string | undefined;
-    summary?: string | undefined;
-    noEditor: boolean;
-    noHeader?: boolean;
-    flowModuleValue?: FlowModuleValue | undefined;
-}, {
-    header: {};
-    default: {};
-}>, {
+declare const FlowCard: $$__sveltets_2_IsomorphicComponent<Props, {
     setHash: CustomEvent<any>;
     reload: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {
-    header: {};
-    default: {};
-}, {}, string>;
+}, {}, {}, "summary">;
 type FlowCard = InstanceType<typeof FlowCard>;
 export default FlowCard;

package/package/components/flows/content/BranchPredicateEditor.svelte

@@ -12,7 +12,7 @@ export let enableAi = false;
 const { previewArgs, flowStateStore, flowStore } = getContext('FlowEditorContext');
 let editor = undefined;
 let open = false;
-$: stepPropPicker = getStepPropPicker($flowStateStore, parentModule, previousModule, parentModule.id, $flowStore, $previewArgs, false);
+$: stepPropPicker = getStepPropPicker($flowStateStore, parentModule, previousModule, parentModule.id, flowStore.val, previewArgs.val, false);
 </script>
 
 {#if open}

package/package/components/flows/content/FlowBranchAllWrapper.svelte

@@ -1,14 +1,15 @@
 <script lang="ts">import Toggle from '../../Toggle.svelte';
 import FlowCard from '../common/FlowCard.svelte';
-export let noEditor;
-export let branch;
+let { noEditor, branch = $bindable() } = $props();
 </script>
 
 <div class="h-full flex flex-col">
 	<FlowCard {noEditor} title="Branch">
-		<div slot="header" class="grow">
-			<input bind:value={branch.summary} placeholder={'Summary'} />
-		</div>
+		{#snippet header()}
+			<div class="grow">
+				<input bind:value={branch.summary} placeholder={'Summary'} />
+			</div>
+		{/snippet}
 		<div class="p-4">
 			<div class="mt-2 mb-2 text-sm font-bold">Skip failures</div>
 			<Toggle

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

@@ -1,26 +1,12 @@
 import type { FlowModule } from '../../../gen';
-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 FlowBranchAllWrapper: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     noEditor: boolean;
     branch: {
         summary?: string;
         skip_failure?: boolean;
         modules: Array<FlowModule>;
     };
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FlowBranchAllWrapper = InstanceType<typeof FlowBranchAllWrapper>;
+}
+declare const FlowBranchAllWrapper: import("svelte").Component<Props, {}, "branch">;
+type FlowBranchAllWrapper = ReturnType<typeof FlowBranchAllWrapper>;
 export default FlowBranchAllWrapper;

package/package/components/flows/content/FlowBranchOneWrapper.svelte

@@ -1,17 +1,15 @@
 <script lang="ts">import FlowCard from '../common/FlowCard.svelte';
 import BranchPredicateEditor from './BranchPredicateEditor.svelte';
-export let branch;
-export let parentModule;
-export let previousModule;
-export let noEditor;
-export let enableAi = false;
+let { branch = $bindable(), parentModule, previousModule, noEditor, enableAi = false } = $props();
 </script>
 
 <div class="h-full flex flex-col">
 	<FlowCard {noEditor} title="Branch">
-		<div slot="header" class="grow">
-			<input bind:value={branch.summary} placeholder={'Summary'} />
-		</div>
+		{#snippet header()}
+			<div class="grow">
+				<input bind:value={branch.summary} placeholder={'Summary'} />
+			</div>
+		{/snippet}
 		<div class="overflow-hidden flex-grow">
 			<h3 class="p-2">Predicate expression</h3>
 			<BranchPredicateEditor

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

@@ -1,18 +1,5 @@
 import type { FlowModule } from '../../../gen';
-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 FlowBranchOneWrapper: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     branch: {
         summary?: string;
         expr: string;
@@ -22,8 +9,7 @@ declare const FlowBranchOneWrapper: $$__sveltets_2_IsomorphicComponent<{
     previousModule: FlowModule | undefined;
     noEditor: boolean;
     enableAi?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FlowBranchOneWrapper = InstanceType<typeof FlowBranchOneWrapper>;
+}
+declare const FlowBranchOneWrapper: import("svelte").Component<Props, {}, "branch">;
+type FlowBranchOneWrapper = ReturnType<typeof FlowBranchOneWrapper>;
 export default FlowBranchOneWrapper;

package/package/components/flows/content/FlowBranchesAllWrapper.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">import { Alert, Badge, Tab } from '../../common';
 import TabContent from '../../common/tabs/TabContent.svelte';
-import Tabs from '../../common/tabs/Tabs.svelte';
 import Toggle from '../../Toggle.svelte';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import SplitPanesWrapper from '../../splitPanes/SplitPanesWrapper.svelte';
@@ -12,13 +11,13 @@ import FlowModuleMock from './FlowModuleMock.svelte';
 import FlowModuleDeleteAfterUse from './FlowModuleDeleteAfterUse.svelte';
 import { enterpriseLicense } from '../../../stores';
 import FlowModuleSkip from './FlowModuleSkip.svelte';
-export let noEditor;
-export let flowModule;
-export let previousModule;
-export let parentModule;
-let value = flowModule.value;
-$: value = flowModule.value;
-let selected = 'early-stop';
+import TabsV2 from '../../common/tabs/TabsV2.svelte';
+let { noEditor, flowModule = $bindable(), previousModule, parentModule } = $props();
+let value = $state(flowModule.value);
+$effect(() => {
+    value = flowModule.value;
+});
+let selected = $state('early-stop');
 </script>
 
 <div class="h-full flex flex-col w-full" id="flow-editor-branch-all-wrapper">
@@ -71,14 +70,14 @@ let selected = 'early-stop';
 				</Pane>
 				{#if flowModule}
 					<Pane size={40}>
-						<Tabs bind:selected>
+						<TabsV2 bind:selected>
 							<Tab value="early-stop">Early Stop/Break</Tab>
 							<Tab value="skip">Skip</Tab>
 							<Tab value="suspend">Suspend/Approval/Prompt</Tab>
 							<Tab value="sleep">Sleep</Tab>
 							<Tab value="mock">Mock</Tab>
 							<Tab value="lifetime">Lifetime</Tab>
-							<svelte:fragment slot="content">
+							{#snippet content()}
 								<div class="overflow-hidden bg-surface">
 									<TabContent value="early-stop" class="flex flex-col flex-1 h-full">
 										<div class="p-4 overflow-y-auto">
@@ -111,8 +110,8 @@ let selected = 'early-stop';
 										</div>
 									</TabContent>
 								</div>
-							</svelte:fragment>
-						</Tabs>
+							{/snippet}
+						</TabsV2>
 					</Pane>
 				{/if}
 			</Splitpanes>

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

@@ -1,24 +1,10 @@
 import type { FlowModule } from '../../../gen';
-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 FlowBranchesAllWrapper: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     noEditor: boolean;
     flowModule: FlowModule;
     previousModule: FlowModule | undefined;
     parentModule: FlowModule | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FlowBranchesAllWrapper = InstanceType<typeof FlowBranchesAllWrapper>;
+}
+declare const FlowBranchesAllWrapper: import("svelte").Component<Props, {}, "flowModule">;
+type FlowBranchesAllWrapper = ReturnType<typeof FlowBranchesAllWrapper>;
 export default FlowBranchesAllWrapper;

package/package/components/flows/content/FlowBranchesOneWrapper.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { Alert, Badge, Tab } from '../../common';
 import TabContent from '../../common/tabs/TabContent.svelte';
-import Tabs from '../../common/tabs/Tabs.svelte';
+import TabsV2 from '../../common/tabs/TabsV2.svelte';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import FlowCard from '../common/FlowCard.svelte';
 import BranchPredicateEditor from './BranchPredicateEditor.svelte';
@@ -12,15 +12,12 @@ import SplitPanesWrapper from '../../splitPanes/SplitPanesWrapper.svelte';
 import FlowModuleMock from './FlowModuleMock.svelte';
 import { enterpriseLicense } from '../../../stores';
 import FlowModuleSkip from './FlowModuleSkip.svelte';
-// import FlowRetries from './FlowRetries.svelte'
-export let flowModule;
-export let previousModule;
-export let parentModule;
-export let noEditor;
-export let enableAi = false;
-let value = flowModule.value;
-$: value = flowModule.value;
-let selected = 'early-stop';
+let { flowModule = $bindable(), previousModule, parentModule, noEditor, enableAi = false } = $props();
+let value = $state(flowModule.value);
+$effect(() => {
+    value = flowModule.value;
+});
+let selected = $state('early-stop');
 </script>
 
 <div class="h-full" id="flow-editor-branch-one-wrapper">
@@ -83,14 +80,14 @@ let selected = 'early-stop';
 				</Pane>
 				{#if flowModule}
 					<Pane size={40}>
-						<Tabs bind:selected>
+						<TabsV2 bind:selected>
 							<Tab value="early-stop">Early Stop/Break</Tab>
 							<Tab value="skip">Skip</Tab>
 							<Tab value="suspend">Suspend/Approval/Prompt</Tab>
 							<Tab value="sleep">Sleep</Tab>
 							<Tab value="mock">Mock</Tab>
 							<Tab value="lifetime">Lifetime</Tab>
-							<svelte:fragment slot="content">
+							{#snippet content()}
 								<div class="overflow-hidden bg-surface">
 									<TabContent value="early-stop" class="flex flex-col flex-1 h-full">
 										<div class="p-4 overflow-y-auto">
@@ -123,8 +120,8 @@ let selected = 'early-stop';
 										</div>
 									</TabContent>
 								</div>
-							</svelte:fragment>
-						</Tabs>
+							{/snippet}
+						</TabsV2>
 					</Pane>
 				{/if}
 			</Splitpanes>

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

@@ -1,25 +1,11 @@
 import type { FlowModule } from '../../../gen';
-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 FlowBranchesOneWrapper: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     flowModule: FlowModule;
     previousModule: FlowModule | undefined;
     parentModule: FlowModule | undefined;
     noEditor: boolean;
     enableAi?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FlowBranchesOneWrapper = InstanceType<typeof FlowBranchesOneWrapper>;
+}
+declare const FlowBranchesOneWrapper: import("svelte").Component<Props, {}, "flowModule">;
+type FlowBranchesOneWrapper = ReturnType<typeof FlowBranchesOneWrapper>;
 export default FlowBranchesOneWrapper;

package/package/components/flows/content/FlowConstants.svelte

@@ -5,18 +5,18 @@ import { getContext, setContext } from 'svelte';
 import { writable } from 'svelte/store';
 import Toggle from '../../Toggle.svelte';
 import InputTransformSchemaForm from '../../InputTransformSchemaForm.svelte';
-export let noEditor;
-let hideOptional = false;
+let { noEditor } = $props();
+let hideOptional = $state(false);
 const { flowStateStore, flowStore } = getContext('FlowEditorContext');
-$: scriptModules = dfs($flowStore.value.modules, (x) => x)
+let scriptModules = $derived(dfs(flowStore.val.value.modules, (x) => x)
     .map((x) => [x.value, x])
-    .filter((x) => x[0].type == 'script' || x[0].type == 'rawscript' || x[0].type == 'flow');
-$: resources = Object.fromEntries(scriptModules
+    .filter((x) => x[0].type == 'script' || x[0].type == 'rawscript' || x[0].type == 'flow'));
+let resources = $derived(Object.fromEntries(scriptModules
     .map(([v, m]) => [
     m.id,
     Object.entries(v.input_transforms)
         .map((x) => {
-        let schema = $flowStateStore[m.id]?.schema;
+        let schema = flowStateStore[m.id]?.schema;
         let val = undefined;
         const [k, inputTransform] = x;
         const v = schema?.properties[k];
@@ -34,8 +34,8 @@ $: resources = Object.fromEntries(scriptModules
     })
         .filter(Boolean)
 ])
-    .filter((x) => x[1].length > 0));
-$: steps = scriptModules
+    .filter((x) => x[1].length > 0)));
+let steps = $derived(scriptModules
     .map(([v, m]) => [
     v.input_transforms,
     Object.entries(v.input_transforms)
@@ -48,7 +48,7 @@ $: steps = scriptModules
         .map((x) => x[0]),
     m
 ])
-    .filter(([i, f, m]) => f.length > 0);
+    .filter(([i, f, m]) => f.length > 0));
 setContext('PropPickerWrapper', {
     inputMatches: writable(undefined),
     focusProp: () => { },
@@ -59,13 +59,15 @@ setContext('PropPickerWrapper', {
 
 <div class="min-h-full">
 	<FlowCard {noEditor} title="All Static Inputs">
-		<Toggle slot="header" bind:checked={hideOptional} options={{ left: 'Hide optional inputs' }} />
+		{#snippet header()}
+			<Toggle bind:checked={hideOptional} options={{ left: 'Hide optional inputs' }} />
+		{/snippet}
 		<div class="min-h-full flex-1">
 			<Alert type="info" title="Static Inputs" class="m-4"
-				>This page centralizes the static inputs of every steps. It is aking to a file containing all
-				constants. Modifying a value here modifies it in the step input directly. It is especially
-				useful when forking a flow to get an overview of all the variables to parametrize that are
-				not exposed directly as flow inputs.</Alert
+				>This page centralizes the static inputs of every steps. It is aking to a file containing
+				all constants. Modifying a value here modifies it in the step input directly. It is
+				especially useful when forking a flow to get an overview of all the variables to parametrize
+				that are not exposed directly as flow inputs.</Alert
 			>
 			{#if Object.keys(resources).length > 0}
 				<Alert type="warning" title="Missing resources" class="m-4">
@@ -84,7 +86,7 @@ setContext('PropPickerWrapper', {
 			{/if}
 			{#if steps.length == 0}
 				<div class="mt-2"></div>
-				{#if $flowStore.value.modules.length == 0}
+				{#if flowStore.val.value.modules.length == 0}
 					<Alert type="warning" title="No steps" class="m-4">
 						This flow has no steps. Add a step to see its static inputs.
 					</Alert>
@@ -95,7 +97,7 @@ setContext('PropPickerWrapper', {
 					</Alert>
 				{/if}
 			{/if}
-			{#each steps as [args, filter, m], index (m.id + index)}
+			{#each steps as [_args, filter, m], index (m.id + index)}
 				{#if filter.length > 0}
 					<div class="relative h-full border-t p-4">
 						<h2 class="sticky w-full top-0 z-10 inline-flex items-center py-2">
@@ -108,7 +110,7 @@ setContext('PropPickerWrapper', {
 							{filter}
 							class="mt-2"
 							schema={$flowStateStore[m.id]?.schema ?? {}}
-							bind:args
+							bind:args={steps[index][0]}
 						/>
 					</div>
 				{/if}

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

@@ -1,20 +1,6 @@
-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 FlowConstants: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     noEditor: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FlowConstants = InstanceType<typeof FlowConstants>;
+}
+declare const FlowConstants: import("svelte").Component<Props, {}, "">;
+type FlowConstants = ReturnType<typeof FlowConstants>;
 export default FlowConstants;