windmill-components 1.542.5 → 1.555.0

package/package/components/FlowMetadata.svelte

@@ -8,9 +8,8 @@ import { workspaceStore } from '../stores';
 import Tooltip from './Tooltip.svelte';
 import { Clock, MemoryStick, Calendar, Bot, User, Code2 } from 'lucide-svelte';
 import BarsStaggered from './icons/BarsStaggered.svelte';
-export let job;
 const SMALL_ICON_SIZE = 14;
-export let scheduleEditor;
+let { job, scheduleEditor } = $props();
 </script>
 
 <div
@@ -72,11 +71,11 @@ export let scheduleEditor;
 				<Calendar size={SMALL_ICON_SIZE} class="text-secondary min-w-3.5" />
 				<span class="whitespace-nowrap">
 					Schedule:
-					<!-- svelte-ignore a11y-invalid-attribute -->
+					<!-- svelte-ignore a11y_invalid_attribute -->
 					<a
 						href="#"
 						class="break-words text-blue-600 font-normal"
-						on:click={() =>
+						onclick={() =>
 							scheduleEditor?.openEdit(job.schedule_path ?? '', job.job_kind == 'flow')}
 					>
 						{truncateRev(job.schedule_path, 40)}

package/package/components/FlowMetadata.svelte.d.ts

@@ -1,23 +1,9 @@
 import { type Job } from '../gen';
 import ScheduleEditor from './triggers/schedules/ScheduleEditor.svelte';
-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 FlowMetadata: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     job: Job;
     scheduleEditor: ScheduleEditor;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FlowMetadata = InstanceType<typeof FlowMetadata>;
+}
+declare const FlowMetadata: import("svelte").Component<Props, {}, "">;
+type FlowMetadata = ReturnType<typeof FlowMetadata>;
 export default FlowMetadata;

package/package/components/FlowPlugConnect.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">import { Plug } from 'lucide-svelte';
 import { Button } from './common';
 import AnimatedButton from './common/button/AnimatedButton.svelte';
+import { twMerge } from 'tailwind-merge';
 export let connecting;
 export let id = undefined;
+export let wrapperClasses = '';
 </script>
 
 <AnimatedButton animate={connecting} baseRadius="6px" animationDuration="2s" marginWidth="2px">
@@ -10,10 +12,14 @@ export let id = undefined;
 		variant="border"
 		color="light"
 		size="xs2"
-		btnClasses={connecting ? 'text-blue-500' : 'text-primary'}
+		btnClasses={twMerge(
+			connecting ? 'text-blue-500' : 'text-tertiary',
+			'group/plug-btn overflow-clip flex p-0'
+		)}
 		on:click
 		{...id ? { id } : {}}
+		{wrapperClasses}
 	>
-		<Plug size={16} /> &rightarrow;
+		<Plug size={14} />
 	</Button>
 </AnimatedButton>

package/package/components/FlowPlugConnect.svelte.d.ts

@@ -14,6 +14,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 declare const FlowPlugConnect: $$__sveltets_2_IsomorphicComponent<{
     connecting: boolean;
     id?: undefined | string;
+    wrapperClasses?: string;
 }, {
     click: CustomEvent<any>;
 } & {

package/package/components/FlowPreviewContent.svelte

@@ -9,7 +9,7 @@ import SchemaForm from './SchemaForm.svelte';
 import SchemaFormWithArgPicker from './SchemaFormWithArgPicker.svelte';
 import FlowStatusViewer from '../components/FlowStatusViewer.svelte';
 import FlowProgressBar from './flows/FlowProgressBar.svelte';
-import { AlertTriangle, ArrowRight, CornerDownLeft, Play, RefreshCw, X } from 'lucide-svelte';
+import { AlertTriangle, ArrowRight, CornerDownLeft, Loader2, Play, RefreshCw, X } from 'lucide-svelte';
 import { emptyString, sendUserToast } from '../utils';
 import { dfs } from './flows/dfs';
 import { sliceModules } from './flows/flowStateUtils.svelte';
@@ -20,6 +20,7 @@ import FlowHistoryJobPicker from './FlowHistoryJobPicker.svelte';
 import { getStepHistoryLoaderContext } from './stepHistoryLoader.svelte';
 import { aiChatManager } from './copilot/chat/AIChatManager.svelte';
 import { stateSnapshot } from '../svelte5Utils.svelte';
+import FlowChatInterface from './flows/FlowChatInterface.svelte';
 let { previewMode = $bindable(), open, preventEscape = $bindable(false), jobId = $bindable(undefined), job = $bindable(undefined), initial = $bindable(false), selectedJobStep = $bindable(undefined), selectedJobStepIsTopLevel = $bindable(undefined), selectedJobStepType = $bindable('single'), rightColumnSelect = $bindable('timeline'), branchOrIterationN = $bindable(0), scrollTop = $bindable(0), localModuleStates = $bindable({}), localDurationStatuses = $bindable({}), onRunPreview, render = false, onJobDone, upToId = undefined } = $props();
 let restartBranchNames = [];
 let isRunning = $state(false);
@@ -29,9 +30,9 @@ let schemaHeight = $state(0);
 let isValid = $state(true);
 let suspendStatus = $state({ val: {} });
 let isOwner = $state(false);
-export function test() {
+export async function test() {
     renderCount++;
-    runPreview(previewArgs.val, undefined);
+    return await runPreview(previewArgs.val, undefined);
 }
 const { selectedId, previewArgs, flowStateStore, flowStore, pathStore, initialPathStore, fakeInitialPath, customUi, executionCount } = $state(getContext('FlowEditorContext'));
 const dispatch = createEventDispatcher();
@@ -40,6 +41,7 @@ let schemaFormWithArgPicker = $state(undefined);
 let currentJobId = $state(undefined);
 let stepHistoryLoader = getStepHistoryLoaderContext();
 let flowProgressBar = $state(undefined);
+let loadingHistory = $state(false);
 function extractFlow(previewMode) {
     const previewFlow = aiChatManager.flowAiChatHelpers?.getPreviewFlow();
     if (previewMode === 'whole') {
@@ -57,6 +59,7 @@ function extractFlow(previewMode) {
 }
 let lastPreviewFlow = $state(undefined);
 export async function runPreview(args, restartedFrom) {
+    let newJobId = undefined;
     if (stepHistoryLoader?.flowJobInitial !== false) {
         stepHistoryLoader?.setFlowJobInitial(false);
     }
@@ -64,7 +67,8 @@ export async function runPreview(args, restartedFrom) {
         lastPreviewFlow = JSON.stringify(flowStore.val);
         flowProgressBar?.reset();
         const newFlow = extractFlow(previewMode);
-        jobId = await runFlowPreview(args, newFlow, $pathStore, restartedFrom);
+        newJobId = await runFlowPreview(args, newFlow, $pathStore, restartedFrom);
+        jobId = newJobId;
         isRunning = true;
         if (inputSelected) {
             savedArgs = $state.snapshot(previewArgs.val);
@@ -78,6 +82,7 @@ export async function runPreview(args, restartedFrom) {
         jobId = undefined;
     }
     schemaFormWithArgPicker?.refreshHistory();
+    return newJobId;
 }
 function onKeyDown(event) {
     if (open) {
@@ -322,25 +327,27 @@ export function flowHasChanged() {
 							</Popover>
 						{/if}
 					{/if}
-					<Button
-						variant="contained"
-						startIcon={{ icon: isRunning ? RefreshCw : Play }}
-						color="dark"
-						size="sm"
-						btnClasses="w-full max-w-lg"
-						on:click={() => runPreview(previewArgs.val, undefined)}
-						id="flow-editor-test-flow-drawer"
-						shortCut={{ Icon: CornerDownLeft }}
-					>
-						{#if previewMode == 'upTo'}
-							Test up to
-							<Badge baseClass="ml-1" color="indigo">
-								{$selectedId}
-							</Badge>
-						{:else}
-							Test flow
-						{/if}
-					</Button>
+					{#if !flowStore.val.value?.chat_input_enabled}
+						<Button
+							variant="contained"
+							startIcon={{ icon: isRunning ? RefreshCw : Play }}
+							color="dark"
+							size="sm"
+							btnClasses="w-full max-w-lg"
+							on:click={() => runPreview(previewArgs.val, undefined)}
+							id="flow-editor-test-flow-drawer"
+							shortCut={{ Icon: CornerDownLeft }}
+						>
+							{#if previewMode == 'upTo'}
+								Test up to
+								<Badge baseClass="ml-1" color="indigo">
+									{$selectedId}
+								</Badge>
+							{:else}
+								Test flow
+							{/if}
+						</Button>
+					{/if}
 				</div>
 			{/if}
 		</div>
@@ -365,81 +372,96 @@ export function flowHasChanged() {
 		onscroll={(e) => handleScroll()}
 	>
 		{#if render}
-			<div class="border-b">
-				<SchemaFormWithArgPicker
-					bind:this={schemaFormWithArgPicker}
-					runnableId={$initialPathStore}
-					stablePathForCaptures={$initialPathStore || fakeInitialPath}
-					runnableType={'FlowPath'}
-					previewArgs={previewArgs.val}
-					on:openTriggers
-					on:select={(e) => {
-						selectInput(e.detail.payload, e.detail?.type)
-					}}
-					{isValid}
-					{jsonView}
-				>
-					<div class="w-full flex flex-row justify-between">
-						<InputSelectedBadge
-							onReject={() => schemaFormWithArgPicker?.resetSelected()}
-							{inputSelected}
-						/>
-						<div class="flex flex-row gap-2">
-							<Toggle
-								bind:checked={jsonView}
-								label="JSON View"
-								size="xs"
-								options={{
-									right: 'JSON',
-									rightTooltip: 'Fill args from JSON'
-								}}
-								lightMode
-								on:change={(e) => {
-									jsonEditor?.setCode(JSON.stringify(previewArgs.val ?? {}, null, '\t'))
-									refresh()
-								}}
-							/>
-						</div>
-					</div>
-					{#if jsonView}
-						<div class="py-2" style="height: {Math.max(schemaHeight, 100)}px" data-schema-picker>
-							<JsonInputs
-								bind:this={jsonEditor}
-								on:select={(e) => {
-									if (e.detail) {
-										previewArgs.val = e.detail
-									}
-								}}
-								updateOnBlur={false}
-								placeholder={`Write args as JSON.<br/><br/>Example:<br/><br/>{<br/>&nbsp;&nbsp;"foo": "12"<br/>}`}
+			{#if flowStore.val.value?.chat_input_enabled}
+				<div class="flex flex-row justify-center w-full">
+					<FlowChatInterface
+						onRunFlow={async (userMessage, _conversationId) => {
+							await runPreview({ user_message: userMessage }, undefined)
+							return jobId ?? ''
+						}}
+						createConversation={async () => {
+							const newConversationId = crypto.randomUUID()
+							return newConversationId
+						}}
+					/>
+				</div>
+			{:else}
+				<div class="border-b">
+					<SchemaFormWithArgPicker
+						bind:this={schemaFormWithArgPicker}
+						runnableId={$initialPathStore}
+						stablePathForCaptures={$initialPathStore || fakeInitialPath}
+						runnableType={'FlowPath'}
+						previewArgs={previewArgs.val}
+						on:openTriggers
+						on:select={(e) => {
+							selectInput(e.detail.payload, e.detail?.type)
+						}}
+						{isValid}
+						{jsonView}
+					>
+						<div class="w-full flex flex-row justify-between">
+							<InputSelectedBadge
+								onReject={() => schemaFormWithArgPicker?.resetSelected()}
+								{inputSelected}
 							/>
+							<div class="flex flex-row gap-2">
+								<Toggle
+									bind:checked={jsonView}
+									label="JSON View"
+									size="xs"
+									options={{
+										right: 'JSON',
+										rightTooltip: 'Fill args from JSON'
+									}}
+									lightMode
+									on:change={(e) => {
+										jsonEditor?.setCode(JSON.stringify(previewArgs.val ?? {}, null, '\t'))
+										refresh()
+									}}
+								/>
+							</div>
 						</div>
-					{:else}
-						{#key renderCount}
-							<div bind:clientHeight={schemaHeight} class="min-h-[40vh]">
-								<SchemaForm
-									noVariablePicker
-									compact
-									schema={flowStore.val.schema}
-									bind:args={previewArgs.val}
-									on:change={() => {
-										savedArgs = $state.snapshot(previewArgs.val)
+						{#if jsonView}
+							<div class="py-2" style="height: {Math.max(schemaHeight, 100)}px" data-schema-picker>
+								<JsonInputs
+									bind:this={jsonEditor}
+									on:select={(e) => {
+										if (e.detail) {
+											previewArgs.val = e.detail
+										}
 									}}
-									bind:isValid
-									helperScript={flowStore.val.schema?.['x-windmill-dyn-select-code'] &&
-									flowStore.val.schema?.['x-windmill-dyn-select-lang']
-										? {
-												type: 'inline',
-												code: flowStore.val.schema['x-windmill-dyn-select-code'] as string,
-												lang: flowStore.val.schema['x-windmill-dyn-select-lang'] as ScriptLang
-											}
-										: undefined}
+									updateOnBlur={false}
+									placeholder={`Write args as JSON.<br/><br/>Example:<br/><br/>{<br/>&nbsp;&nbsp;"foo": "12"<br/>}`}
 								/>
 							</div>
-						{/key}
-					{/if}
-				</SchemaFormWithArgPicker>
-			</div>
+						{:else}
+							{#key renderCount}
+								<div bind:clientHeight={schemaHeight} class="min-h-[40vh]">
+									<SchemaForm
+										noVariablePicker
+										compact
+										schema={flowStore.val.schema}
+										bind:args={previewArgs.val}
+										on:change={() => {
+											savedArgs = $state.snapshot(previewArgs.val)
+										}}
+										bind:isValid
+										helperScript={flowStore.val.schema?.['x-windmill-dyn-select-code'] &&
+										flowStore.val.schema?.['x-windmill-dyn-select-lang']
+											? {
+													source: 'inline',
+													code: flowStore.val.schema['x-windmill-dyn-select-code'] as string,
+													lang: flowStore.val.schema['x-windmill-dyn-select-lang'] as ScriptLang
+												}
+											: undefined}
+									/>
+								</div>
+							{/key}
+						{/if}
+					</SchemaFormWithArgPicker>
+				</div>
+			{/if}
 		{/if}
 		<div class="pt-4 flex flex-col grow relative">
 			<div
@@ -463,6 +485,7 @@ export function flowHasChanged() {
 							currentJobId = undefined
 						}}
 						path={$initialPathStore == '' ? $pathStore : $initialPathStore}
+						bind:loading={loadingHistory}
 					/>
 				{/if}
 			</div>
@@ -490,7 +513,7 @@ export function flowHasChanged() {
 					bind:suspendStatus
 					hideDownloadInGraph={customUi?.downloadLogs === false}
 					wideResults
-					bind:flowStateStore={flowStateStore.val}
+					bind:flowState={flowStateStore.val}
 					{jobId}
 					onDone={() => {
 						isRunning = false
@@ -503,6 +526,10 @@ export function flowHasChanged() {
 					{render}
 					{customUi}
 				/>
+			{:else if loadingHistory}
+				<div class="italic text-tertiary h-full grow mx-auto flex flex-row items-center gap-2">
+					<Loader2 class="animate-spin" /> <span> Loading history... </span>
+				</div>
 			{:else}
 				<div class="italic text-tertiary h-full grow"> Flow status will be displayed here </div>
 			{/if}

package/package/components/FlowPreviewContent.svelte.d.ts

@@ -43,8 +43,8 @@ declare const FlowPreviewContent: $$__sveltets_2_IsomorphicComponent<Props, {
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
-    test: () => void;
-    runPreview: (args: Record<string, any>, restartedFrom: RestartedFrom | undefined) => Promise<void>;
+    test: () => Promise<string | undefined>;
+    runPreview: (args: Record<string, any>, restartedFrom: RestartedFrom | undefined) => Promise<string | undefined>;
     refresh: () => void;
     cancelTest: () => Promise<void>;
     getLocalModuleStates: () => Record<string, GraphModuleState>;
@@ -57,6 +57,6 @@ declare const FlowPreviewContent: $$__sveltets_2_IsomorphicComponent<Props, {
     getIsOwner: () => boolean;
     getJob: () => Job | undefined;
     flowHasChanged: () => boolean;
-}, "initial" | "preventEscape" | "job" | "scrollTop" | "jobId" | "localModuleStates" | "rightColumnSelect" | "localDurationStatuses" | "selectedJobStep" | "previewMode" | "selectedJobStepIsTopLevel" | "selectedJobStepType" | "branchOrIterationN">;
+}, "initial" | "preventEscape" | "job" | "jobId" | "scrollTop" | "localModuleStates" | "localDurationStatuses" | "rightColumnSelect" | "selectedJobStep" | "previewMode" | "selectedJobStepIsTopLevel" | "selectedJobStepType" | "branchOrIterationN">;
 type FlowPreviewContent = InstanceType<typeof FlowPreviewContent>;
 export default FlowPreviewContent;

package/package/components/FlowStatusViewer.svelte

@@ -2,13 +2,12 @@
 import { setContext, untrack } from 'svelte';
 import { isOwner as loadIsOwner } from '../utils';
 import { userStore, workspaceStore } from '../stores';
-let { jobId, initialJob = undefined, workspaceId = undefined, flowStateStore = $bindable({}), selectedJobStep = $bindable(undefined), hideFlowResult = false, hideTimeline = false, hideDownloadInGraph = false, hideNodeDefinition = false, hideJobId = false, hideDownloadLogs = false, rightColumnSelect = $bindable('timeline'), isOwner = $bindable(false), wideResults = false, localModuleStates = $bindable({}), localDurationStatuses = $bindable({}), job = $bindable(undefined), render = true, suspendStatus = $bindable({ val: {} }), customUi, onStart, onJobsLoaded, onDone } = $props();
+let { jobId, initialJob = undefined, workspaceId = undefined, flowState = $bindable({}), selectedJobStep = $bindable(undefined), hideFlowResult = false, hideTimeline = false, hideDownloadInGraph = false, hideNodeDefinition = false, hideJobId = false, hideDownloadLogs = false, rightColumnSelect = $bindable('timeline'), isOwner = $bindable(false), wideResults = false, localModuleStates = $bindable({}), localDurationStatuses = $bindable({}), job = $bindable(undefined), render = true, suspendStatus = $bindable({ val: {} }), customUi, onStart, onJobsLoaded, onDone } = $props();
 let lastJobId = jobId;
 let retryStatus = $state({ val: {} });
 let globalRefreshes = $state({});
-let globalIterationBounds = $state({});
 setContext('FlowStatusViewer', {
-    flowStateStore,
+    flowState,
     suspendStatus,
     retryStatus,
     hideDownloadInGraph,
@@ -22,11 +21,15 @@ function loadOwner(path) {
 }
 async function updateJobId() {
     if (jobId !== lastJobId) {
+        console.log('updateJobId 3', jobId);
         lastJobId = jobId;
         retryStatus.val = {};
         suspendStatus.val = {};
         globalRefreshes = {};
-        globalIterationBounds = {};
+        for (let key in localModuleStates)
+            delete flowState[key];
+        localDurationStatuses = {};
+        localModuleStates = {};
     }
 }
 let lastScriptPath = $state(undefined);
@@ -47,59 +50,60 @@ let storedToolCallJobs = $state({});
 let toolCallIndicesToLoad = $state([]);
 </script>
 
-<FlowStatusViewerInner
-	{hideFlowResult}
-	onJobsLoaded={({ job, force }) => {
-		if (job.script_path != lastScriptPath && job.script_path) {
-			lastScriptPath = job.script_path
-			loadOwner(lastScriptPath ?? '')
-		}
-		onJobsLoaded?.({ job, force })
-	}}
-	globalModuleStates={[]}
-	{globalIterationBounds}
-	bind:localModuleStates
-	bind:selectedNode={selectedJobStep}
-	bind:localDurationStatuses
-	{onStart}
-	{onDone}
-	bind:job
-	{initialJob}
-	{jobId}
-	{workspaceId}
-	{isOwner}
-	{wideResults}
-	bind:rightColumnSelect
-	{render}
-	{customUi}
-	graphTabOpen={true}
-	isNodeSelected={true}
-	{refreshGlobal}
-	{updateGlobalRefresh}
-	toolCallStore={{
-		getStoredToolCallJob: (storeKey: string) => storedToolCallJobs[storeKey],
-		setStoredToolCallJob: (storeKey: string, job: Job) => {
-			storedToolCallJobs[storeKey] = job
-		},
-		getLocalToolCallJobs: (prefix: string) => {
-			// we return a map from tool call index to job
-			// to do so, we filter the storedToolCallJobs object by the prefix and we make sure what's left in the key is a tool call index: 2 part of format agentModuleId-toolCallIndex
-			// and not a further nested tool call index
-			return Object.fromEntries(
-				Object.entries(storedToolCallJobs)
-					.filter(
-						([key]) => key.startsWith(prefix) && key.replace(prefix, '').split('-').length === 2
-					)
-					.map(([key, job]) => [Number(key.replace(prefix, '').split('-').pop()), job])
-			)
-		},
-		isToolCallToBeLoaded: (storeKey: string) => {
-			return toolCallIndicesToLoad.includes(storeKey)
-		},
-		addToolCallToLoad: (storeKey: string) => {
-			if (!toolCallIndicesToLoad.includes(storeKey)) {
-				toolCallIndicesToLoad.push(storeKey)
+{#key jobId}
+	<FlowStatusViewerInner
+		{hideFlowResult}
+		onJobsLoaded={({ job, force }) => {
+			if (job.script_path != lastScriptPath && job.script_path) {
+				lastScriptPath = job.script_path
+				loadOwner(lastScriptPath ?? '')
 			}
-		}
-	}}
-/>
+			onJobsLoaded?.({ job, force })
+		}}
+		globalModuleStates={[]}
+		bind:localModuleStates
+		bind:selectedNode={selectedJobStep}
+		bind:localDurationStatuses
+		{onStart}
+		{onDone}
+		bind:job
+		{initialJob}
+		{jobId}
+		{workspaceId}
+		{isOwner}
+		{wideResults}
+		bind:rightColumnSelect
+		{render}
+		{customUi}
+		graphTabOpen={true}
+		isNodeSelected={true}
+		{refreshGlobal}
+		{updateGlobalRefresh}
+		toolCallStore={{
+			getStoredToolCallJob: (storeKey: string) => storedToolCallJobs[storeKey],
+			setStoredToolCallJob: (storeKey: string, job: Job) => {
+				storedToolCallJobs[storeKey] = job
+			},
+			getLocalToolCallJobs: (prefix: string) => {
+				// we return a map from tool call index to job
+				// to do so, we filter the storedToolCallJobs object by the prefix and we make sure what's left in the key is a tool call index: 2 part of format agentModuleId-toolCallIndex
+				// and not a further nested tool call index
+				return Object.fromEntries(
+					Object.entries(storedToolCallJobs)
+						.filter(
+							([key]) => key.startsWith(prefix) && key.replace(prefix, '').split('-').length === 2
+						)
+						.map(([key, job]) => [Number(key.replace(prefix, '').split('-').pop()), job])
+				)
+			},
+			isToolCallToBeLoaded: (storeKey: string) => {
+				return toolCallIndicesToLoad.includes(storeKey)
+			},
+			addToolCallToLoad: (storeKey: string) => {
+				if (!toolCallIndicesToLoad.includes(storeKey)) {
+					toolCallIndicesToLoad.push(storeKey)
+				}
+			}
+		}}
+	/>
+{/key}

package/package/components/FlowStatusViewer.svelte.d.ts

@@ -6,7 +6,7 @@ interface Props {
     jobId: string;
     initialJob?: Job | undefined;
     workspaceId?: string | undefined;
-    flowStateStore?: FlowState;
+    flowState?: FlowState;
     selectedJobStep?: string | undefined;
     hideFlowResult?: boolean;
     hideTimeline?: boolean;
@@ -37,6 +37,6 @@ interface Props {
         job: CompletedJob;
     }) => void;
 }
-declare const FlowStatusViewer: import("svelte").Component<Props, {}, "job" | "isOwner" | "suspendStatus" | "localModuleStates" | "flowStateStore" | "rightColumnSelect" | "localDurationStatuses" | "selectedJobStep">;
+declare const FlowStatusViewer: import("svelte").Component<Props, {}, "job" | "isOwner" | "suspendStatus" | "localModuleStates" | "localDurationStatuses" | "flowState" | "rightColumnSelect" | "selectedJobStep">;
 type FlowStatusViewer = ReturnType<typeof FlowStatusViewer>;
 export default FlowStatusViewer;