windmill-components 1.57.1 → 1.57.2

package/components/Tooltip.svelte

@@ -3,7 +3,7 @@ import Icon from 'svelte-awesome';
 import Popover from './Popover.svelte';
 </script>
 
-<Popover notClickable>
+<Popover notClickable class="flex">
 	<Icon
 		class="text-gray-500 font-thin inline-block align-middle w-4"
 		data={faInfoCircle}

package/components/apps/components/DisplayComponent.svelte

@@ -6,7 +6,7 @@ let result = undefined;
 export const staticOutputs = ['result', 'loading'];
 </script>
 
-<RunnableWrapper let:exportStatic bind:result bind:componentInput {id}>
+<RunnableWrapper bind:result bind:componentInput {id}>
 	<div class="w-full border-b px-2 text-xs p-1 font-semibold bg-gray-500 text-white rounded-t-sm">
 		Results
 	</div>

package/components/apps/components/dataDisplay/AppText.svelte

@@ -51,9 +51,13 @@ $: style && (classes = getClasses());
 			<div class="text-gray-400 bg-gray-100 flex justify-center items-center h-full w-full">
 				No text
 			</div>
-		{:else}<svelte:element this={component} class="whitespace-pre {classes}" style={extraStyle}
-				>{String(result)}</svelte:element
+		{:else}<svelte:element
+				this={component}
+				class="whitespace-pre-wrap {classes}"
+				style={extraStyle}
 			>
+				{String(result)}
+			</svelte:element>
 		{/if}
 	</AlignWrapper>
 </RunnableWrapper>

package/components/apps/components/form/AppForm.svelte

@@ -1,5 +1,4 @@
 <script>import { Button } from '../../../common';
-import { faArrowRight, faRefresh } from '@fortawesome/free-solid-svg-icons';
 import { getContext } from 'svelte';
 import AlignWrapper from '../helpers/AlignWrapper.svelte';
 import InputValue from '../helpers/InputValue.svelte';
@@ -17,7 +16,6 @@ let color;
 let size;
 let runnableComponent;
 let isLoading = false;
-let ownClick = false;
 $: outputs = $worldStore?.outputsById[id];
 $: if (outputs?.loading != undefined) {
     outputs.loading.set(false, true);
@@ -25,12 +23,8 @@ $: if (outputs?.loading != undefined) {
 $: outputs?.loading.subscribe({
     next: (value) => {
         isLoading = value;
-        if (ownClick && !value) {
-            ownClick = false;
-        }
     }
 });
-$: loading = isLoading && ownClick;
 </script>
 
 <InputValue {id} input={configuration.label} bind:value={labelValue} />
@@ -38,6 +32,7 @@ $: loading = isLoading && ownClick;
 <InputValue {id} input={configuration.size} bind:value={size} />
 
 <RunnableWrapper
+	noMinH
 	bind:runnableComponent
 	bind:componentInput
 	{id}
@@ -46,19 +41,19 @@ $: loading = isLoading && ownClick;
 	forceSchemaDisplay={true}
 >
 	<AlignWrapper {horizontalAlignment}>
-		<div class="flex flex-col gap-2 px-4 w-full">
+		<div class="flex flex-col gap-2 px-4 w-full ">
 			<div>
 				{#if componentInput?.type != 'runnable' || Object.values(componentInput?.fields ?? {}).filter((x) => x.type == 'user').length == 0}
-					<span class="text-gray-600 italic text-sm py-2"
-						>Run forms are meant to be associated with a runnable with some user inputs. Pick a
-						runnable and set some 'Runnable Inputs' to 'User Input'</span
-					>
+					<span class="text-gray-600 italic text-sm py-2">
+						Run forms are meant to be associated with a runnable with some user inputs. Pick a
+						runnable and set some 'Runnable Inputs' to 'User Input'
+					</span>
 				{/if}
 			</div>
 			<div class="flex justify-end">
 				<Button
-					{loading}
-					btnClasses="mt-1"
+					loading={isLoading}
+					btnClasses="my-1"
 					on:pointerdown={(e) => {
 						e?.stopPropagation()
 						window.dispatchEvent(new Event('pointerup'))

package/components/apps/components/helpers/RunnableComponent.svelte

@@ -2,7 +2,7 @@
 import SchemaForm from '../../../SchemaForm.svelte';
 import TestJobLoader from '../../../TestJobLoader.svelte';
 import { AppService } from '../../../../gen';
-import { defaultIfEmptyString, emptySchema } from '../../../../utils';
+import { defaultIfEmptyString, emptySchema, sendUserToast } from '../../../../utils';
 import { getContext, onMount } from 'svelte';
 import { fieldTypeToTsType, schemaToInputsSpec } from '../../utils';
 import InputValue from './InputValue.svelte';
@@ -15,14 +15,15 @@ export let extraQueryParams = {};
 export let autoRefresh = true;
 export let result = undefined;
 export let forceSchemaDisplay = false;
-const { worldStore, runnableComponents, workspace, appPath, isEditor, jobs } = getContext('AppEditorContext');
+export let noMinH = false;
+const { worldStore, runnableComponents, workspace, appPath, isEditor, jobs, noBackend } = getContext('AppEditorContext');
 onMount(() => {
     if (autoRefresh) {
         $runnableComponents[id] = async () => {
-            await executeComponent();
+            await executeComponent(true);
         };
+        executeComponent(true);
     }
-    executeComponent();
 });
 let args = {};
 let testIsLoading = false;
@@ -46,7 +47,9 @@ let currentStaticValues = lazyStaticValues;
 $: fields && (currentStaticValues = computeStaticValues());
 $: if (JSON.stringify(currentStaticValues) != JSON.stringify(lazyStaticValues)) {
     lazyStaticValues = currentStaticValues;
-    setDebouncedExecute();
+    if (autoRefresh) {
+        setDebouncedExecute();
+    }
 }
 $: fields && (lazyStaticValues = computeStaticValues());
 $: runnableInputValues &&
@@ -134,7 +137,12 @@ $: disabledArgs = Object.keys(fields ?? {}).reduce((disabledArgsAccumulator, inp
     }
     return disabledArgsAccumulator;
 }, []);
-async function executeComponent() {
+async function executeComponent(noToast = false) {
+    if (noBackend) {
+        if (!noToast) {
+            sendUserToast('This component is not connected to a backendm keeping static value');
+        }
+    }
     if (runnable?.type === 'runnableByName' && !runnable.inlineScript) {
         return;
     }
@@ -245,9 +253,10 @@ let lastStartedAt = Date.now();
 			<Alert type="error" title="Error during execution">
 				<pre title={result.error} class="text-2xs whitespace-pre-wrap">{result.error}</pre>
 			</Alert>
+			<slot />
 		</div>
 	{:else}
-		<div class="grow min-w-1/2 min-h-[66%]">
+		<div class="grow min-w-1/2 {noMinH ? '' : 'min-h-[66%]'}">
 			<slot />
 		</div>
 	{/if}

package/components/apps/components/helpers/RunnableComponent.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         autoRefresh?: boolean | undefined;
         result?: any;
         forceSchemaDisplay?: boolean | undefined;
+        noMinH?: boolean | undefined;
         runComponent?: (() => Promise<void>) | undefined;
     };
     events: {

package/components/apps/components/helpers/RunnableWrapper.svelte

@@ -5,11 +5,15 @@ import RunnableComponent from './RunnableComponent.svelte';
 export let componentInput;
 export let id;
 export let result = undefined;
+export let noMinH = false;
 export let extraQueryParams = {};
 export let autoRefresh = true;
 export let runnableComponent = undefined;
 export let forceSchemaDisplay = false;
-const { staticExporter } = getContext('AppEditorContext');
+const { staticExporter, noBackend } = getContext('AppEditorContext');
+if (noBackend) {
+    result = componentInput?.['value'];
+}
 onMount(() => {
     $staticExporter[id] = () => result;
 });
@@ -30,6 +34,7 @@ function isRunnableDefined() {
 		{id}
 		{extraQueryParams}
 		{forceSchemaDisplay}
+		{noMinH}
 	>
 		<slot />
 	</RunnableComponent>

package/components/apps/components/helpers/RunnableWrapper.svelte.d.ts

@@ -6,6 +6,7 @@ declare const __propDef: {
         componentInput: AppInput | undefined;
         id: string;
         result?: any;
+        noMinH?: boolean | undefined;
         extraQueryParams?: Record<string, any> | undefined;
         autoRefresh?: boolean | undefined;
         runnableComponent?: RunnableComponent | undefined;

package/components/apps/editor/AppEditor.svelte

@@ -53,7 +53,8 @@ setContext('AppEditorContext', {
     onchange: () => saveDraft(),
     isEditor: true,
     jobs: writable([]),
-    staticExporter: writable({})
+    staticExporter: writable({}),
+    noBackend: false
 });
 let timeout = undefined;
 $: $appStore && saveDraft();
@@ -106,6 +107,7 @@ else {
 			{policy}
 			isEditor
 			{context}
+			noBackend={false}
 		/>
 	{:else}
 		<SplitPanesWrapper>

package/components/apps/editor/AppEditorHeader.svelte

@@ -249,8 +249,9 @@ $: selectedJobId && testJobLoader?.watchJob(selectedJobId);
 <Drawer bind:open={publishDrawerOpen} size="800px">
 	<DrawerContent title="Publish an App" on:close={() => (publishDrawerOpen = false)}>
 		{#if appPath == ''}
-			<Alert title="Require saving" type="error">Save this app once before you can publish it</Alert
-			>
+			<Alert title="Require saving" type="error">
+				Save this app once before you can publish it
+			</Alert>
 		{:else}
 			<Alert title="App executed on behalf of publisher">
 				A viewer of the app will execute the runnables of the app on behalf of the publisher
@@ -258,8 +259,8 @@ $: selectedJobId && testJobLoader?.watchJob(selectedJobId);
 				guarantee tight security, a policy is computed at time of saving of the app which only allow
 				the scripts/flows referred to in the app to be called on behalf of. Furthermore, static
 				parameters are not overridable. Hence, users will only be able to use the app as intended by
-				the publisher without risk for leaking resources not used in the app.</Alert
-			>
+				the publisher without risk for leaking resources not used in the app.
+			</Alert>
 			<div class="mt-4" />
 			<Toggle
 				options={{
@@ -321,8 +322,8 @@ $: selectedJobId && testJobLoader?.watchJob(selectedJobId);
 					</div>
 				</ToggleButton>
 				<ToggleButton position="right" value="preview" size="xs">
-					<div class="inline-flex gap-1 items-center"> <Eye size={14} /> Preview</div></ToggleButton
-				>
+					<div class="inline-flex gap-1 items-center"> <Eye size={14} /> Preview</div>
+				</ToggleButton>
 			</ToggleButtonGroup>
 		</div>
 		<div>
@@ -330,23 +331,30 @@ $: selectedJobId && testJobLoader?.watchJob(selectedJobId);
 				<ToggleButton position="left" value="sm" size="xs">
 					<Smartphone size={14} />
 				</ToggleButton>
-				<ToggleButton position="right" value="lg" size="xs"><Laptop2 size={14} /></ToggleButton>
+				<ToggleButton position="right" value="lg" size="xs">
+					<Laptop2 size={14} />
+				</ToggleButton>
 			</ToggleButtonGroup>
 		</div>
 
 		<span class="hidden lg:block">
 			<ToggleButtonGroup bind:selected={$app.fullscreen}>
-				<ToggleButton position="left" value={false} size="xs"
-					><AlignHorizontalSpaceAround size={14} /> &nbsp; <Tooltip
-						>The max width is 1168px and the content stay centered instead of taking the full page
-						width</Tooltip
-					></ToggleButton
-				>
-				<ToggleButton position="right" value={true} size="xs"><Expand size={14} /></ToggleButton>
+				<ToggleButton position="left" value={false} size="xs">
+					<div class="flex gap-1 justify-start">
+						<AlignHorizontalSpaceAround size={14} />
+						<Tooltip>
+							The max width is 1168px and the content stay centered instead of taking the full page
+							width
+						</Tooltip>
+					</div>
+				</ToggleButton>
+				<ToggleButton position="right" value={true} size="xs">
+					<Expand size={14} />
+				</ToggleButton>
 			</ToggleButtonGroup>
 		</span>
 	</div>
-	<div class="flex flex-row grow gap-4 justify-end ">
+	<div class="flex flex-row grow gap-2 justify-end items-center">
 		<Button
 			on:click={() => (jobsDrawerOpen = true)}
 			color="light"
@@ -357,13 +365,13 @@ $: selectedJobId && testJobLoader?.watchJob(selectedJobId);
 			Debug Runs
 		</Button>
 		<span class="hidden lg:inline-flex gap-1">
-			<AppPublishButton staticExporter={$staticExporter} app={$app} />
+			<AppPublishButton summary={$summary} staticExporter={$staticExporter} app={$app} />
 			<AppExportButton app={$app} />
 		</span>
 
 		<Button
 			on:click={() => (publishDrawerOpen = true)}
-			color="dark"
+			color="light"
 			size="xs"
 			variant="border"
 			startIcon={{ icon: faExternalLink }}
@@ -375,7 +383,9 @@ $: selectedJobId && testJobLoader?.watchJob(selectedJobId);
 			startIcon={{ icon: faSave }}
 			on:click={save}
 			color="dark"
-			size="xs">Save</Button
+			size="xs"
 		>
+			Save
+		</Button>
 	</div>
 </div>

package/components/apps/editor/AppExportButton.svelte

@@ -10,7 +10,7 @@ let jsonViewerDrawer;
 export let app;
 </script>
 
-<Button size="sm" variant="border" color="light" on:click={() => jsonViewerDrawer.toggleDrawer()}>
+<Button size="xs" variant="border" color="light" on:click={() => jsonViewerDrawer.toggleDrawer()}>
 	<Icon data={faFileExport} scale={0.6} class="inline mr-2" />
 	JSON
 </Button>

package/components/apps/editor/AppPreview.svelte

@@ -11,6 +11,7 @@ export let summary;
 export let workspace;
 export let isEditor;
 export let context;
+export let noBackend = false;
 const appStore = writable(app);
 const worldStore = writable(undefined);
 const staticOutputs = writable({});
@@ -38,7 +39,8 @@ setContext('AppEditorContext', {
     onchange: undefined,
     isEditor,
     jobs: writable([]),
-    staticExporter: writable({})
+    staticExporter: writable({}),
+    noBackend
 });
 let mounted = false;
 onMount(() => {

package/components/apps/editor/AppPreview.svelte.d.ts

@@ -12,6 +12,7 @@ declare const __propDef: {
         workspace: string;
         isEditor: boolean;
         context: Record<string, any>;
+        noBackend?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/apps/editor/AppPublishButton.svelte

@@ -9,23 +9,16 @@ import { Button } from '../../common';
 let jsonViewerDrawer;
 export let app;
 export let staticExporter;
+export let summary;
 function toStatic() {
     const newApp = JSON.parse(JSON.stringify(app));
     newApp.grid.forEach((x) => {
         let c = x.data;
         if (c.componentInput?.type == 'runnable') {
-            c.componentInput = {
-                // @ts-ignore
-                type: 'static',
-                value: staticExporter[x.id](),
-                // @ts-ignore
-                fieldType: c.componentInput.fieldType,
-                // @ts-ignore
-                subFieldType: c.componentInput.subFieldType
-            };
+            c.componentInput.value = staticExporter[x.id]();
         }
     });
-    return newApp;
+    return { app: newApp, summary };
 }
 </script>
 

package/components/apps/editor/AppPublishButton.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
     props: {
         app: App;
         staticExporter: Record<string, () => any>;
+        summary: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/apps/editor/ComponentHeader.svelte

@@ -1,5 +1,5 @@
 <script>import { classNames } from '../../../utils';
-import { Anchor, Move, X } from 'lucide-svelte';
+import { Anchor, Move } from 'lucide-svelte';
 import { createEventDispatcher } from 'svelte';
 export let component;
 export let selected;
@@ -12,7 +12,7 @@ const dispatch = createEventDispatcher();
 <span
 	title={`Id: ${component.id}`}
 	class={classNames(
-		'px-2 text-2xs font-bold rounded-t-sm w-fit absolute shadow  -top-1 -left-2 border z-50',
+		'px-2 text-2xs font-bold w-fit absolute shadow  -top-1 -left-2 border z-50',
 		selected
 			? 'bg-indigo-500/90 border-blue-500 text-white'
 			: 'bg-gray-200/90 border-gray-300  text-gray-500'
@@ -26,13 +26,11 @@ const dispatch = createEventDispatcher();
 	<button
 		title="Position locking"
 		class={classNames(
-			'text-gray-800 px-1 text-2xs py-0.5 font-bold rounded-t-sm w-fit shadow border border-gray-300 absolute  -top-1  right-[2.5rem] z-50 cursor-pointer',
+			'text-gray-800 px-1 text-2xs py-0.5 font-bold w-fit shadow border border-gray-300 absolute  -top-1  right-[2.5rem] z-50 cursor-pointer',
 			' hover:bg-gray-300',
 			selected ? 'bg-gray-200/80' : 'bg-gray-200/80'
 		)}
-		on:click={() => {
-			dispatch('lock')
-		}}
+		on:click={() => dispatch('lock')}
 	>
 		{#if locked}
 			<Anchor aria-label="Unlock position" size={14} class="text-orange-500" />
@@ -49,6 +47,8 @@ const dispatch = createEventDispatcher();
 		class={classNames(
 			'text-gray-600 px-1 text-2xs py-0.5 font-bold rounded-t-sm w-fit absolute border border-gray-300 -top-1 shadow right-[4.5rem] z-50 cursor-move',
 			'bg-gray-200/80'
-		)}><Move size={14} /></span
+		)}
 	>
+		<Move size={14} />
+	</span>
 {/if}

package/components/apps/editor/GridEditor.svelte

@@ -1,4 +1,4 @@
-<script>import { getContext, onDestroy, onMount } from 'svelte';
+<script>import { getContext } from 'svelte';
 import Grid from 'svelte-grid';
 import ComponentEditor from './ComponentEditor.svelte';
 import { classNames } from '../../../utils';
@@ -116,6 +116,7 @@ const onpointerup = () => {
 							>{dataItem.data.id}</div
 						>
 					{/if}
+					<!-- svelte-ignore a11y-click-events-have-key-events -->
 					<div
 						on:pointerdown={() => {
 							selectComponent(dataItem.data.id)

package/components/apps/editor/componentsPanel/ComponentList.svelte

@@ -99,7 +99,7 @@ onMount(() => {
 								class="border w-24 shadow-sm h-16 p-2 flex flex-col gap-2 items-center
 									justify-center bg-white rounded-md hover:bg-gray-100 duration-200"
 							>
-								<svelte:component this={displayData[item.type].icon} class="text-blue-800" />
+								<svelte:component this={displayData[item.type].icon} />
 								<div class="text-xs w-full text-center ellipsize">
 									{displayData[item.type].name}
 								</div>

package/components/apps/editor/settingsPanel/PickInlineScript.svelte

@@ -32,7 +32,6 @@ async function loadItems() {
 >
 	<div class="flex justify-center flex-col items-center gap-2">
 		<MousePointerClick size={18} />
-
 		<span class="text-xs">Pick</span>
 	</div>
 </Button>

package/components/apps/editor/settingsPanel/SelectedRunnable.svelte

@@ -46,11 +46,12 @@ function clear() {
 			<Button size="xs" color="light" variant="border" startIcon={{ icon: faEdit }} on:click={edit}>
 				Edit
 			</Button>
-			<Button size="xs" color="light" variant="border" on:click={detach}
-				>Detach <Tooltip
-					>Detaching an inline script keep it for later to be reused by another component</Tooltip
-				></Button
-			>
+			<Button size="xs" color="light" variant="border" on:click={detach}>
+				Detach
+				<Tooltip>
+					Detaching an inline script keep it for later to be reused by another component
+				</Tooltip>
+			</Button>
 		{/if}
 		<Button size="xs" color="red" variant="border" startIcon={{ icon: faClose }} on:click={clear}>
 			Clear

package/components/apps/editor/settingsPanel/inputEditor/ConnectedInputEditor.svelte

@@ -6,7 +6,6 @@ const { connectingInput } = getContext('AppEditorContext');
 function applyConnection() {
     if (!$connectingInput.opened &&
         $connectingInput.input !== undefined &&
-        componentInput.type === 'connected' &&
         !componentInput.connection) {
         componentInput.connection = $connectingInput.input.connection;
         $connectingInput = {
@@ -16,56 +15,61 @@ function applyConnection() {
         };
     }
 }
+function startConnecting() {
+    $connectingInput = {
+        opened: true,
+        input: undefined,
+        hoveredComponent: undefined
+    };
+}
 $: $connectingInput && applyConnection();
 </script>
 
-{#if componentInput.type === 'connected'}
-	{#if componentInput.connection}
-		<div class="flex justify-between w-full gap-1">
-			<span class="text-xs">Status</span>
-			<Badge color="green">Connected</Badge>
-		</div>
-		<div class="flex justify-between w-full">
-			<span class="text-xs">Component</span>
-			<Badge color="indigo">{componentInput.connection.componentId}</Badge>
-		</div>
-		<div class="flex justify-between w-full">
-			<span class="text-xs">Path</span>
-			<Badge color="indigo">{componentInput.connection.path}</Badge>
-		</div>
-		<Button
-			size="xs"
-			startIcon={{ icon: faClose }}
-			color="red"
-			variant="border"
-			on:click={() => {
-				if (componentInput.type === 'connected') {
-					componentInput.connection = undefined
-				}
-			}}
-		>
-			Disconnect
-		</Button>
-	{:else}
-		<div class="flex justify-between w-full gap-1">
-			<span class="text-xs">Status</span>
-			<Badge color="yellow">Not connected</Badge>
-		</div>
-		<Button
-			size="xs"
-			endIcon={{ icon: faArrowRight }}
-			color="blue"
-			on:click={() => {
-				if (componentInput.type === 'connected') {
-					$connectingInput = {
-						opened: true,
-						input: undefined,
-						hoveredComponent: undefined
-					}
+{#if componentInput.connection}
+	<div class="flex justify-between w-full gap-1">
+		<span class="text-xs">Status</span>
+		<Badge color="green">Connected</Badge>
+	</div>
+	<div class="flex justify-between w-full">
+		<span class="text-xs">Component</span>
+		<Badge color="indigo">{componentInput.connection.componentId}</Badge>
+	</div>
+	<div class="flex justify-between w-full">
+		<span class="text-xs">Path</span>
+		<Badge color="indigo">{componentInput.connection.path}</Badge>
+	</div>
+	<Button
+		size="xs"
+		startIcon={{ icon: faClose }}
+		color="red"
+		variant="border"
+		on:click={() => {
+			if (componentInput.type === 'connected') {
+				componentInput.connection = undefined
+			}
+		}}
+	>
+		Disconnect
+	</Button>
+{:else}
+	<div class="flex justify-between w-full gap-1">
+		<span class="text-xs">Status</span>
+		<Badge color="yellow">Not connected</Badge>
+	</div>
+	<Button
+		size="xs"
+		endIcon={{ icon: faArrowRight }}
+		color="blue"
+		on:click={() => {
+			if (componentInput.type === 'connected') {
+				$connectingInput = {
+					opened: true,
+					input: undefined,
+					hoveredComponent: undefined
 				}
-			}}
-		>
-			Connect
-		</Button>
-	{/if}
+			}
+		}}
+	>
+		Connect
+	</Button>
 {/if}

package/components/apps/editor/settingsPanel/inputEditor/ConnectedInputEditor.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
-import type { AppInput } from '../../../inputType';
+import type { ConnectedAppInput } from '../../../inputType';
 declare const __propDef: {
     props: {
-        componentInput: AppInput;
+        componentInput: ConnectedAppInput;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte

@@ -40,10 +40,12 @@ $: componentInput && onchange?.();
 					: undefined}
 			/>
 		{:else}
-			<JsonEditor
-				bind:value={componentInput.value}
-				code={JSON.stringify(componentInput.value, null, 2)}
-			/>
+			<div class="flex w-full flex-col">
+				<JsonEditor
+					bind:value={componentInput.value}
+					code={JSON.stringify(componentInput.value, null, 2)}
+				/>
+			</div>
 		{/if}
 	{:else if componentInput.fieldType === 'array'}
 		<ArrayStaticInputEditor bind:componentInput />

package/components/apps/inputType.d.ts

@@ -41,6 +41,7 @@ export type ResultInput = {
     runnable: Runnable;
     fields: Record<string, StaticAppInput | ConnectedAppInput | RowAppInput | UserAppInput>;
     type: 'runnable';
+    value?: any;
 };
 type AppInputSpec<T extends InputType, U, V extends InputType = never> = (StaticInput<U> | ConnectedInput | UserInput<U> | RowInput | ResultInput | TemplateInput) & InputConfiguration<T, U, V>;
 type InputConfiguration<T extends InputType, U, V extends InputType> = {