windmill-components 1.550.0 → 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/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, {