windmill-components 1.542.5 → 1.555.0

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

@@ -0,0 +1,15 @@
+interface Props {
+    flowPath: string;
+    selectedConversationId?: string;
+    onNewConversation: (options: {
+        clearMessages?: boolean;
+    }) => void;
+    onSelectConversation: (conversationId: string, isDraft?: boolean) => void;
+    onDeleteConversation: (conversationId: string) => void;
+}
+declare const FlowConversationsSidebar: import("svelte").Component<Props, {
+    refreshConversations: () => Promise<void | undefined>;
+    addNewConversation: (conversationId: string, username: string) => Promise<string>;
+}, "">;
+type FlowConversationsSidebar = ReturnType<typeof FlowConversationsSidebar>;
+export default FlowConversationsSidebar;

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

@@ -27,7 +27,7 @@ interface Props {
     localModuleStates?: Record<string, GraphModuleState>;
     testModuleStates?: ModulesTestStates;
     isOwner?: boolean;
-    onTestFlow?: () => void;
+    onTestFlow?: () => Promise<string | undefined>;
     isRunning?: boolean;
     onCancelTestFlow?: () => void;
     onOpenPreview?: () => void;

package/package/components/flows/FlowModuleIcon.svelte

@@ -8,26 +8,26 @@ const iconWidth = width || size;
 const iconHeight = height || size;
 </script>
 
-{#if module.value.type === 'aiagent'}
+{#if module?.value?.type === 'aiagent'}
 	<Bot size={16} class="text-violet-800 dark:text-violet-400" />
-{:else if module.value.type === 'rawscript'}
+{:else if module?.value?.type === 'rawscript'}
 	<LanguageIcon lang={module.value.language} width={iconWidth} height={iconHeight} />
-{:else if module.summary === 'Terminate flow'}
+{:else if module?.summary === 'Terminate flow'}
 	<Square {size} />
-{:else if module.value.type === 'identity'}
+{:else if module?.value?.type === 'identity'}
 	<ArrowDown {size} />
-{:else if module.value.type === 'flow'}
+{:else if module?.value?.type === 'flow'}
 	<BarsStaggered {size} />
-{:else if module.value.type === 'forloopflow' || module.value.type === 'whileloopflow'}
+{:else if module?.value?.type === 'forloopflow' || module?.value?.type === 'whileloopflow'}
 	<Repeat {size} />
-{:else if module.value.type === 'branchone' || module.value.type === 'branchall'}
+{:else if module?.value?.type === 'branchone' || module?.value?.type === 'branchall'}
 	<GitBranch {size} />
-{:else if module.value.type === 'script'}
-	{#if module.value.path.startsWith('hub/')}
+{:else if module?.value?.type === 'script'}
+	{#if module?.value?.path?.startsWith('hub/')}
 		<IconedResourceType
 			width={iconWidth.toString() + 'px'}
 			height={iconHeight.toString() + 'px'}
-			name={module.value.path.split('/')[2]}
+			name={module?.value?.path?.split('/')[2]}
 			silent={true}
 		/>
 	{:else}

package/package/components/flows/FlowProgressBar.svelte

@@ -1,16 +1,14 @@
 <script lang="ts">import {} from '../../gen';
 import ProgressBar from '../progressBar/ProgressBar.svelte';
-export let job = undefined;
-export let currentSubJobProgress = undefined;
-let error = undefined;
-let index = 0;
-let subIndex = undefined;
-let subLength = undefined;
-let length = 1;
-let nextInProgress = false;
-let subIndexIsPercent = false;
-$: if (job)
-    updateJobProgress(job);
+let { job = undefined, currentSubJobProgress = $bindable(undefined), class: className } = $props();
+let error = $state(undefined);
+let index = $state(0);
+let subIndex = $state(undefined);
+let subLength = $state(undefined);
+let length = $state(1);
+let nextInProgress = $state(false);
+let subIndexIsPercent = $state(false);
+let progressBar = $state(undefined);
 function updateJobProgress(job) {
     const modules = job?.flow_status?.modules;
     if (!modules?.length) {
@@ -66,25 +64,27 @@ function updateJobProgress(job) {
     index = maxDone;
     nextInProgress = newNextInProgress;
 }
-let resetP;
 export function reset() {
-    resetP?.();
+    progressBar?.resetP();
     error = undefined;
     subIndex = undefined;
     subLength = undefined;
     length = 1;
     index = 0;
 }
+$effect(() => {
+    job && updateJobProgress(job);
+});
 </script>
 
 <ProgressBar
-	bind:resetP
+	bind:this={progressBar}
 	{length}
 	{index}
 	{nextInProgress}
 	{subLength}
 	{subIndex}
 	{error}
-	bind:subIndexIsPercent
-	class={$$props.class}
+	{subIndexIsPercent}
+	class={className}
 />

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

@@ -1,26 +1,11 @@
 import { type Job } 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 FlowProgressBar: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
+interface Props {
     job?: Job | undefined;
-    currentSubJobProgress?: number | undefined | undefined;
-    reset?: (() => void) | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
+    currentSubJobProgress?: number | undefined;
+    class?: string;
+}
+declare const FlowProgressBar: import("svelte").Component<Props, {
     reset: () => void;
-}, string>;
-type FlowProgressBar = InstanceType<typeof FlowProgressBar>;
+}, "currentSubJobProgress">;
+type FlowProgressBar = ReturnType<typeof FlowProgressBar>;
 export default FlowProgressBar;

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

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

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

@@ -6,6 +6,7 @@ interface Props {
     noHeader?: boolean;
     flowModuleValue?: FlowModuleValue | undefined;
     header?: import('svelte').Snippet;
+    action?: import('svelte').Snippet;
     children?: import('svelte').Snippet;
     isAgentTool?: boolean;
 }

package/package/components/flows/common/FlowCardHeader.svelte

@@ -13,7 +13,7 @@ import { Lock, RefreshCw, Unlock } from 'lucide-svelte';
 import { createEventDispatcher, untrack } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 import { validateToolName } from '../../graph/renderers/nodes/AIToolNode.svelte';
-let { flowModuleValue = undefined, title = undefined, summary = $bindable(undefined), children, isAgentTool = false } = $props();
+let { flowModuleValue = undefined, title = undefined, summary = $bindable(undefined), children, action, isAgentTool = false } = $props();
 let latestHash = $state(undefined);
 function getCachedKey(path) {
     return `${$workspaceStore}-${path}`;
@@ -140,4 +140,5 @@ $effect.pre(() => {
 		<div class="text-sm font-bold text-primary pr-2">{title}</div>
 	{/if}
 	{@render children?.()}
+	{@render action?.()}
 </div>

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

@@ -4,6 +4,7 @@ interface Props {
     title?: string | undefined;
     summary?: string | undefined;
     children?: import('svelte').Snippet;
+    action?: import('svelte').Snippet;
     isAgentTool?: boolean;
 }
 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> {

package/package/components/flows/content/DynamicInputHelpBox.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">import Button from '../../common/button/Button.svelte';
 import { ChevronDown } from 'lucide-svelte';
-import { slide } from 'svelte/transition';
 $: opened = false;
 </script>
 
-<div class="text-xs flex flex-row-reverse mt-1">
+<div class="text-xs flex flex-row-reverse">
 	<Button
 		on:click={() => {
 			opened = !opened
 		}}
 		color="light"
+		variant="divider"
 		size="xs2"
 		endIcon={{ icon: ChevronDown, classes: `rotate-0 duration-300 ${opened ? '!rotate-180' : ''}` }}
+		btnClasses="text-hint font-normal pt-1"
 	>
 		Help
 	</Button>
@@ -19,8 +20,7 @@ $: opened = false;
 
 {#if opened}
 	<div
-		transition:slide|local
-		class="bg-surface-secondary border-l-4 text-secondary p-4 m-4"
+		class="bg-surface-secondary border-l-4 text-sm text-secondary p-4 mt-2"
 		role="alert"
 		id="dynamic-input-help-box"
 	>

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

@@ -12,7 +12,7 @@ interface Props {
     onDeployTrigger?: (trigger: Trigger) => void;
     forceTestTab?: Record<string, boolean>;
     highlightArg?: Record<string, string | undefined>;
-    onTestFlow?: () => void;
+    onTestFlow?: () => Promise<string | undefined>;
     job?: Job;
     isOwner?: boolean;
     suspendStatus?: StateStore<Record<string, {