windmill-components 1.46.3 → 1.55.0

package/components/flows/map/MapItem.svelte

@@ -4,24 +4,28 @@ import FlowModuleSchemaMap from './FlowModuleSchemaMap.svelte';
 import InsertModuleButton from './InsertModuleButton.svelte';
 import FlowBranchOneMap from './FlowBranchOneMap.svelte';
 import FlowBranchAllMap from './FlowBranchAllMap.svelte';
+import { faCodeBranch, faLongArrowDown } from '@fortawesome/free-solid-svg-icons';
+import Icon from 'svelte-awesome';
+import IconedResourceType from '../../IconedResourceType.svelte';
+import LanguageIcon from '../../common/languageIcons/LanguageIcon.svelte';
+import { Building, Repeat } from 'lucide-svelte';
 export let mod;
-export let index;
-export let color = 'blue';
 const { select, selectedId } = getContext('FlowEditorContext');
 const dispatch = createEventDispatcher();
 $: itemProps = {
     selected: $selectedId === mod.id,
     retry: mod.retry?.constant != undefined || mod.retry?.exponential != undefined,
     earlyStop: mod.stop_after_if != undefined,
-    suspend: Boolean(mod.suspend)
+    suspend: Boolean(mod.suspend),
+    sleep: Boolean(mod.sleep)
 };
 function onDelete(event) {
-    dispatch('delete', event.detail);
+    dispatch('delete', event);
 }
 </script>
 
 {#if mod}
-	<InsertModuleButton on:click={() => dispatch('insert')} />
+	<InsertModuleButton on:new={(e) => dispatch('insert', e.detail)} />
 	{#if mod.value.type === 'forloopflow'}
 		<li class="w-full">
 			<FlowModuleSchemaItem
@@ -33,14 +37,14 @@ function onDelete(event) {
 				{...itemProps}
 			>
 				<div slot="icon">
-					<span>{index + 1}</span>
+					<Repeat size={16} />
 				</div>
 			</FlowModuleSchemaItem>
 			<div class="flex flex-row w-full">
-				<div class="w-8 shrink-0 line" />
-				<div class="grow my-4 overflow-auto">
-					<div class="w-full pr-1">
-						<FlowModuleSchemaMap bind:modules={mod.value.modules} color="orange" />
+				<div class="w-7 shrink-0 line" />
+				<div class="grow my-1 min-w-0">
+					<div class="w-full">
+						<FlowModuleSchemaMap bind:modules={mod.value.modules} />
 					</div>
 				</div>
 			</div>
@@ -56,7 +60,7 @@ function onDelete(event) {
 				label={mod.summary || 'Run one branch'}
 			>
 				<div slot="icon">
-					<span>{index + 1}</span>
+					<Icon data={faCodeBranch} scale={1} />
 				</div>
 			</FlowModuleSchemaItem>
 			<FlowBranchOneMap bind:module={mod} />
@@ -72,7 +76,7 @@ function onDelete(event) {
 				label={mod.summary || 'Run all branches'}
 			>
 				<div slot="icon">
-					<span>{index + 1}</span>
+					<Icon data={faCodeBranch} scale={1} />
 				</div>
 			</FlowModuleSchemaItem>
 			<FlowBranchAllMap bind:module={mod} />
@@ -82,7 +86,6 @@ function onDelete(event) {
 			<FlowModuleSchemaItem
 				on:click={() => select(mod.id)}
 				on:delete={onDelete}
-				{color}
 				deletable
 				id={mod.id}
 				{...itemProps}
@@ -91,7 +94,24 @@ function onDelete(event) {
 					(mod.value.type === 'rawscript' ? `Inline ${mod.value.language}` : 'To be defined')}
 			>
 				<div slot="icon">
-					<span>{index + 1}</span>
+					{#if mod.value.type === 'rawscript'}
+						<LanguageIcon lang={mod.value.language} width={16} height={16} />
+					{:else if mod.value.type === 'identity'}
+						<Icon data={faLongArrowDown} scale={1.1} />
+					{:else if mod.value.type === 'script'}
+						{#if mod.value.path.startsWith('hub/')}
+							<div>
+								<IconedResourceType
+									width="20px"
+									height="20px"
+									name={mod.value.path.split('/')[2]}
+									silent={true}
+								/>
+							</div>
+						{:else}
+							<Building size={14} />
+						{/if}
+					{/if}
 				</div>
 			</FlowModuleSchemaItem>
 		</li>
@@ -100,6 +120,6 @@ function onDelete(event) {
 
 <style>
 	.line {
-		background: repeating-linear-gradient(to bottom, transparent 0 4px, #bbb 4px 8px) 50%/1px 100%
-			no-repeat;
+		background: repeating-linear-gradient(to bottom, transparent 0 4px, rgb(120, 120, 120) 4px 8px)
+			50%/1px 100% no-repeat;
 	}</style>

package/components/flows/map/MapItem.svelte.d.ts

@@ -3,20 +3,18 @@ import type { FlowModule } from '../../../gen';
 declare const __propDef: {
     props: {
         mod: FlowModule;
-        index: number;
-        color?: "blue" | "indigo" | "orange" | undefined;
     };
     events: {
         delete: CustomEvent<CustomEvent<MouseEvent>>;
-        insert: CustomEvent<void>;
+        insert: CustomEvent<"branchone" | "script" | "branchall" | "forloop">;
     } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export declare type MapItemProps = typeof __propDef.props;
-export declare type MapItemEvents = typeof __propDef.events;
-export declare type MapItemSlots = typeof __propDef.slots;
+export type MapItemProps = typeof __propDef.props;
+export type MapItemEvents = typeof __propDef.events;
+export type MapItemSlots = typeof __propDef.slots;
 export default class MapItem extends SvelteComponentTyped<MapItemProps, MapItemEvents, MapItemSlots> {
 }
 export {};

package/components/flows/pickers/FlowScriptPicker.svelte

@@ -1,13 +1,15 @@
 <script>import Button from '../../common/button/Button.svelte';
-import Icon from 'svelte-awesome';
+import LanguageIcon from '../../common/languageIcons/LanguageIcon.svelte';
 export let disabled = false;
-export let icon;
 export let label;
-export let iconColor;
+export let lang = undefined;
+export let icon = undefined;
+export let iconColor = undefined;
 </script>
 
 <Button
 	{disabled}
+	btnClasses="w-24 truncate"
 	on:click
 	size="sm"
 	spacingSize="md"
@@ -18,5 +20,10 @@ export let iconColor;
 		classes: iconColor
 	}}
 >
-	{label}
+	<div class="flex justify-center flex-col items-center gap-2">
+		{#if lang}
+			<LanguageIcon {lang} />
+		{/if}
+		<span class="text-xs">{label}</span>
+	</div>
 </Button>

package/components/flows/pickers/FlowScriptPicker.svelte.d.ts

@@ -1,11 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
-import type { IconDefinition } from '@fortawesome/free-brands-svg-icons';
+import type { SupportedLanguage } from '../../../common';
+import type { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
-        icon: IconDefinition;
         label: string;
-        iconColor: string;
+        lang?: SupportedLanguage | 'pgsql' | 'mysql' | undefined;
+        icon?: IconDefinition | undefined;
+        iconColor?: string | undefined;
     };
     events: {
         click: CustomEvent<any>;
@@ -14,9 +16,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowScriptPickerProps = typeof __propDef.props;
-export declare type FlowScriptPickerEvents = typeof __propDef.events;
-export declare type FlowScriptPickerSlots = typeof __propDef.slots;
+export type FlowScriptPickerProps = typeof __propDef.props;
+export type FlowScriptPickerEvents = typeof __propDef.events;
+export type FlowScriptPickerSlots = typeof __propDef.slots;
 export default class FlowScriptPicker extends SvelteComponentTyped<FlowScriptPickerProps, FlowScriptPickerEvents, FlowScriptPickerSlots> {
 }
 export {};

package/components/flows/pickers/PickHubFlow.svelte

@@ -0,0 +1,72 @@
+<script>import { createEventDispatcher, onMount } from 'svelte';
+import { Badge, Skeleton } from '../../common';
+import SearchItems from '../../SearchItems.svelte';
+import { loadHubFlows } from '../../../utils';
+import ListFilters from '../../home/ListFilters.svelte';
+import NoItemFound from '../../home/NoItemFound.svelte';
+import RowIcon from '../../common/table/RowIcon.svelte';
+export let filter = '';
+let hubFlows = undefined;
+let filteredItems = [];
+let appFilter = undefined;
+$: prefilteredItems = appFilter
+    ? (hubFlows ?? []).filter((i) => i.apps.includes(appFilter))
+    : hubFlows ?? [];
+$: apps = Array.from(new Set(filteredItems?.flatMap((x) => x.apps) ?? [])).sort();
+const dispatch = createEventDispatcher();
+onMount(async () => {
+    hubFlows = await loadHubFlows();
+});
+</script>
+
+<SearchItems
+	{filter}
+	items={prefilteredItems}
+	bind:filteredItems
+	f={(x) => x.summary + ' (' + x.apps.join(', ') + ')'}
+/>
+<div class="w-full flex mt-1 items-center gap-2">
+	<slot />
+	<input type="text" placeholder="Search Hub Scripts" bind:value={filter} class="text-2xl grow" />
+</div>
+<ListFilters filters={apps} bind:selectedFilter={appFilter} resourceType />
+
+{#if hubFlows}
+	{#if filteredItems.length == 0}
+		<NoItemFound />
+	{:else}
+		<ul class="divide-y divide-gray-200 border rounded-md">
+			{#each filteredItems as item (item)}
+				<li class="flex flex-row w-full">
+					<button
+						class="p-4 gap-4 flex flex-row grow justify-between hover:bg-gray-50 bg-white transition-all items-center rounded-md"
+						on:click={() => dispatch('pick', item)}
+					>
+						<div class="flex items-center gap-4">
+							<RowIcon kind="flow" />
+
+							<div class="w-full text-left font-normal ">
+								<div class="text-gray-900 flex-wrap text-md font-semibold mb-1">
+									{#if item.marked}
+										{@html item.marked ?? ''}
+									{:else}
+										{item.summary ?? ''}
+									{/if}
+								</div>
+							</div>
+						</div>
+						<div class="min-w-1/3 gap-2 flex flex-wrap justify-end">
+							{#each item.apps as app}
+								<Badge color="gray" baseClass="border">{app}</Badge>
+							{/each}
+						</div>
+					</button>
+				</li>
+			{/each}
+		</ul>
+	{/if}
+{:else}
+	{#each Array(10).fill(0) as _}
+		<Skeleton layout={[[4], 0.5]} />
+	{/each}
+{/if}

package/components/flows/pickers/PickHubFlow.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        filter?: string | undefined;
+    };
+    events: {
+        pick: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type PickHubFlowProps = typeof __propDef.props;
+export type PickHubFlowEvents = typeof __propDef.events;
+export type PickHubFlowSlots = typeof __propDef.slots;
+export default class PickHubFlow extends SvelteComponentTyped<PickHubFlowProps, PickHubFlowEvents, PickHubFlowSlots> {
+}
+export {};

package/components/flows/pickers/PickHubScript.svelte

@@ -1,33 +1,87 @@
-<script>import { faUserGroup } from '@fortawesome/free-solid-svg-icons';
-import FlowScriptPicker from './FlowScriptPicker.svelte';
-import ItemPicker from '../../ItemPicker.svelte';
-import { hubScripts } from '../../../stores';
-import { createEventDispatcher } from 'svelte';
-import { Script } from '../../../gen';
-export let kind;
-export let customText = undefined;
-let items;
-$: items = $hubScripts?.filter((x) => x.kind == kind) ?? [];
-let itemPicker;
+<script>import { hubScripts } from '../../../stores';
+import { createEventDispatcher, onMount } from 'svelte';
+import { Badge, Skeleton } from '../../common';
+import SearchItems from '../../SearchItems.svelte';
+import { capitalize, classNames, loadHubScripts } from '../../../utils';
+import NoItemFound from '../../home/NoItemFound.svelte';
+import { APP_TO_ICON_COMPONENT } from '../../icons';
+import ListFilters from '../../home/ListFilters.svelte';
+export let kind = 'script';
+export let filter = '';
 const dispatch = createEventDispatcher();
+let filteredItems = [];
+let appFilter = undefined;
+$: items = ($hubScripts ?? []).filter((i) => i.kind === kind);
+$: prefilteredItems = appFilter ? (items ?? []).filter((i) => i.app == appFilter) : items ?? [];
+$: apps = Array.from(new Set(filteredItems?.map((x) => x.app) ?? [])).sort();
+onMount(() => {
+    if (!$hubScripts) {
+        loadHubScripts();
+    }
+});
+const maxItems = 40;
 </script>
 
-<ItemPicker
-	bind:this={itemPicker}
-	pickCallback={(path, summary) => {
-		dispatch('pick', { path, summary, kind })
-	}}
-	itemName={'Script'}
-	extraField="summary"
-	loadItems={async () => {
-		return items
-	}}
-	noItemMessage="Hub not reachable. If your environment is air gapped, contact sales@windmill.dev to setup a local mirror."
-/>
+<SearchItems {filter} items={prefilteredItems} bind:filteredItems f={(x) => x.summary} />
+<div class="w-full flex mt-1 items-center gap-2">
+	<slot />
+	<input type="text" placeholder="Search Hub Scripts" bind:value={filter} class="text-2xl grow" />
+</div>
+<ListFilters filters={apps} bind:selectedFilter={appFilter} resourceType />
 
-<FlowScriptPicker
-	label={customText ?? `${kind == Script.kind.SCRIPT ? 'Script' : `${kind} script`} from the Hub`}
-	icon={faUserGroup}
-	iconColor="text-blue-500"
-	on:click={() => itemPicker.openDrawer()}
-/>
+{#if $hubScripts}
+	{#if filteredItems.length == 0}
+		<NoItemFound />
+	{:else}
+		<ul class="divide-y divide-gray-200 border rounded-md">
+			{#each filteredItems.slice(0, maxItems) as item (item.path)}
+				<li class="flex flex-row w-full">
+					<button
+						class="p-4 gap-4 flex flex-row grow hover:bg-gray-50 bg-white transition-all items-center rounded-md"
+						on:click={() => dispatch('pick', item)}
+					>
+						<div class="flex items-center gap-4">
+							<div
+								class={classNames(
+									'rounded-md p-1 flex justify-center items-center border',
+									'bg-gray-50 border-gray-200'
+								)}
+							>
+								<svelte:component
+									this={APP_TO_ICON_COMPONENT[item['app']]}
+									height={18}
+									width={18}
+								/>
+							</div>
+
+							<div class="w-full text-left font-normal ">
+								<div class="text-gray-900 flex-wrap text-md font-semibold mb-1">
+									{#if item.marked}
+										{@html item.marked ?? ''}
+									{:else}
+										{item.summary ?? ''}
+									{/if}
+								</div>
+								<div class="text-gray-600 text-xs ">
+									{item.path}
+								</div>
+							</div>
+						</div>
+						{#if kind !== 'script'}
+							<Badge color="gray" baseClass="border">{capitalize(kind)}</Badge>
+						{/if}
+					</button>
+				</li>
+			{/each}
+		</ul>
+	{/if}
+	{#if filteredItems.length > maxItems}
+		<div class="text-gray-500 text-sm py-4">
+			There are more items ({filteredItems.length}) than being displayed. Refine your search.
+		</div>
+	{/if}
+{:else}
+	{#each Array(10).fill(0) as _}
+		<Skeleton layout={[[4], 0.5]} />
+	{/each}
+{/if}

package/components/flows/pickers/PickHubScript.svelte.d.ts

@@ -1,20 +1,21 @@
 import { SvelteComponentTyped } from "svelte";
-import { Script } from '../../../gen';
 declare const __propDef: {
     props: {
-        kind: Script.kind;
-        customText?: string | undefined;
+        kind?: "script" | "failure" | "trigger" | "approval" | undefined;
+        filter?: string | undefined;
     };
     events: {
         pick: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
-export declare type PickHubScriptProps = typeof __propDef.props;
-export declare type PickHubScriptEvents = typeof __propDef.events;
-export declare type PickHubScriptSlots = typeof __propDef.slots;
+export type PickHubScriptProps = typeof __propDef.props;
+export type PickHubScriptEvents = typeof __propDef.events;
+export type PickHubScriptSlots = typeof __propDef.slots;
 export default class PickHubScript extends SvelteComponentTyped<PickHubScriptProps, PickHubScriptEvents, PickHubScriptSlots> {
 }
 export {};

package/components/flows/pickers/PickScript.svelte

@@ -1,11 +1,10 @@
 <script>import ItemPicker from '../../ItemPicker.svelte';
-import { faUserGroup } from '@fortawesome/free-solid-svg-icons';
-import { Script, ScriptService } from '../../../gen';
+import { ScriptService } from '../../../gen';
 import { workspaceStore } from '../../../stores';
 import { createEventDispatcher } from 'svelte';
-import FlowScriptPicker from './FlowScriptPicker.svelte';
+import Button from '../../common/button/Button.svelte';
+import { Code } from 'lucide-svelte';
 export let kind;
-export let customText = undefined;
 let itemPicker;
 const dispatch = createEventDispatcher();
 async function loadItems() {
@@ -23,9 +22,17 @@ async function loadItems() {
 	{loadItems}
 />
 
-<FlowScriptPicker
-	label={customText ?? `${kind == Script.kind.SCRIPT ? 'Script' : `${kind} script`} from workspace`}
-	icon={faUserGroup}
-	iconColor="text-blue-500"
+<Button
 	on:click={() => itemPicker.openDrawer()}
-/>
+	btnClasses="w-24 truncate"
+	size="sm"
+	spacingSize="md"
+	variant="border"
+	color="light"
+>
+	<div class="flex justify-center flex-col items-center gap-2">
+		<Code size={18} />
+
+		<span class="text-xs">Script</span>
+	</div>
+</Button>

package/components/flows/pickers/PickScript.svelte.d.ts

@@ -2,7 +2,6 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         kind: string;
-        customText?: string | undefined;
     };
     events: {
         pick: CustomEvent<any>;
@@ -11,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type PickScriptProps = typeof __propDef.props;
-export declare type PickScriptEvents = typeof __propDef.events;
-export declare type PickScriptSlots = typeof __propDef.slots;
+export type PickScriptProps = typeof __propDef.props;
+export type PickScriptEvents = typeof __propDef.events;
+export type PickScriptSlots = typeof __propDef.slots;
 export default class PickScript extends SvelteComponentTyped<PickScriptProps, PickScriptEvents, PickScriptSlots> {
 }
 export {};

package/components/flows/pickers/WorkspaceScriptPicker.svelte

@@ -0,0 +1,113 @@
+<script>import { workspaceStore } from '../../../stores';
+import { createEventDispatcher } from 'svelte';
+import { ScriptService } from '../../../gen';
+import SearchItems from '../../SearchItems.svelte';
+import { Badge, Skeleton } from '../../common';
+import { fade } from 'svelte/transition';
+import { flip } from 'svelte/animate';
+import { emptyString, truncateHash } from '../../../utils';
+import Toggle from '../../Toggle.svelte';
+import NoItemFound from '../../home/NoItemFound.svelte';
+export let kind = 'script';
+export let isTemplate = undefined;
+export let displayLock = false;
+let items = undefined;
+let filteredItems = undefined;
+export let filter = '';
+$: $workspaceStore && kind && loadItems();
+async function loadItems() {
+    items = await ScriptService.listScripts({ workspace: $workspaceStore, kind, isTemplate });
+}
+let ownerFilter = undefined;
+$: prefilteredItems = ownerFilter ? items?.filter((x) => x.path.startsWith(ownerFilter)) : items;
+$: owners = Array.from(new Set(filteredItems?.map((x) => x.path.split('/').slice(0, 2).join('/')) ?? [])).sort();
+const dispatch = createEventDispatcher();
+let lockHash = displayLock;
+</script>
+
+<SearchItems
+	{filter}
+	items={prefilteredItems}
+	bind:filteredItems
+	f={(x) => (emptyString(x.summary) ? x.path : x.summary + ' (' + x.path + ')')}
+/>
+<div class="flex flex-col min-h-0">
+	<div class="w-full flex mt-1 items-center gap-2 mb-3">
+		<slot />
+
+		<input
+			type="text"
+			placeholder="Search Workspace Scripts"
+			bind:value={filter}
+			class="text-2xl grow"
+		/>
+	</div>
+
+	{#if filteredItems}
+		{#if owners.length > 0}
+			<div class="gap-2 w-full flex flex-wrap my-2">
+				{#each owners as owner (owner)}
+					<div in:fade={{ duration: 50 }} animate:flip={{ duration: 100 }}>
+						<Badge
+							class="cursor-pointer hover:bg-gray-200"
+							on:click={() => {
+								ownerFilter = ownerFilter == owner ? undefined : owner
+							}}
+							color={owner === ownerFilter ? 'blue' : 'gray'}
+							baseClass={owner === ownerFilter ? 'border border-blue-500' : 'border'}
+						>
+							{owner}
+							{#if owner === ownerFilter}&cross;{/if}
+						</Badge>
+					</div>
+				{/each}
+			</div>
+		{/if}
+		{#if displayLock}
+			<div class="flex flex-row-reverse">
+				<Toggle
+					bind:checked={lockHash}
+					options={{ left: 'Latest version', right: 'Lock current hash permanently' }}
+				/>
+			</div>
+		{/if}
+		{#if filter.length > 0 && filteredItems.length == 0}
+			<NoItemFound />
+		{/if}
+		<ul class="divide-y divide-gray-200 overflow-auto">
+			{#each filteredItems as { path, hash, summary, description, marked }}
+				<li class="flex flex-row w-full">
+					<button
+						class="py-4 px-1 gap-1 flex flex-row grow hover:bg-blue-50 bg-white transition-all text-black"
+						on:click={() => {
+							dispatch('pick', { path, hash: lockHash ? hash : undefined })
+						}}
+					>
+						<div class="flex flex-col">
+							<div class="text-sm font-semibold flex flex-col">
+								<span class="mr-2 text-left">
+									{#if marked}
+										{@html marked}
+									{:else}
+										{!summary || summary.length == 0 ? path : summary}
+									{/if}</span
+								>
+								<span class="font-normal text-xs text-left italic overflow-hidden"
+									>{path ?? ''}</span
+								>
+							</div>
+							<div class="text-xs font-light italic text-left">{description ?? ''}</div>
+						</div>
+						{#if lockHash}<Badge large baseClass="ml-4">{truncateHash(hash ?? '')}</Badge>{/if}
+					</button>
+				</li>
+			{/each}
+		</ul>
+	{:else}
+		<div class="mt-6" />
+
+		{#each new Array(6) as _}
+			<Skeleton layout={[[4], 0.7]} />
+		{/each}
+	{/if}
+</div>

package/components/flows/pickers/WorkspaceScriptPicker.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        kind?: "script" | "failure" | "trigger" | "approval" | undefined;
+        isTemplate?: boolean | undefined;
+        displayLock?: boolean | undefined;
+        filter?: string | undefined;
+    };
+    events: {
+        pick: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type WorkspaceScriptPickerProps = typeof __propDef.props;
+export type WorkspaceScriptPickerEvents = typeof __propDef.events;
+export type WorkspaceScriptPickerSlots = typeof __propDef.slots;
+export default class WorkspaceScriptPicker extends SvelteComponentTyped<WorkspaceScriptPickerProps, WorkspaceScriptPickerEvents, WorkspaceScriptPickerSlots> {
+}
+export {};

package/components/flows/pickers/model.d.ts

@@ -1,5 +1,7 @@
 export interface HubItem {
-    summary: String;
-    path: String;
-    version?: String;
+    app: string;
+    summary: string;
+    path: string;
+    version?: string;
+    ask_id: number;
 }

package/components/flows/previousResults.d.ts

@@ -1,11 +1,12 @@
 import type { Flow, FlowModule } from '../../gen';
 import type { FlowState } from './flowState';
-export declare type PickableProperties = {
+export type PickableProperties = {
     flow_input: Object;
     priorIds: Record<string, any>;
     previousId: string | undefined;
+    hasResume: boolean;
 };
-declare type StepPropPicker = {
+type StepPropPicker = {
     pickableProperties: PickableProperties;
     extraLib: string;
 };