windmill-components 1.537.1 → 1.542.4

package/package/components/FlowLogViewer.svelte.d.ts

@@ -1,6 +1,7 @@
 import FlowLogViewer from './FlowLogViewer.svelte';
 import type { FlowModule, FlowStatusModule, Job } from '../gen';
 import type { GraphModuleState } from './graph/model';
+import type { NavigationChain } from '../keyboardChain';
 type RootJobData = Partial<Job>;
 interface Props {
     modules: FlowModule[];
@@ -28,7 +29,10 @@ interface Props {
     getSelectedIteration: (stepId: string) => number;
     flowSummary?: string;
     mode?: 'flow' | 'aiagent';
+    currentId?: string | null;
+    navigationChain?: NavigationChain;
+    select: (id: string) => void;
 }
-declare const FlowLogViewer: import("svelte").Component<Props, {}, "">;
+declare const FlowLogViewer: import("svelte").Component<Props, {}, "navigationChain">;
 type FlowLogViewer = ReturnType<typeof FlowLogViewer>;
 export default FlowLogViewer;

package/package/components/FlowLogViewerWrapper.svelte

@@ -7,6 +7,9 @@ let { job, localModuleStates, workspaceId, render, onSelectedIteration, mode = '
 let expandedRows = $state({});
 let allExpanded = $state(false);
 let showResultsInputs = $state(true);
+// Keyboard navigation state - incremental like expandedRows
+let currentId = $state('flow-root');
+let navigationChain = $state({});
 let moduleTracker = new ChangeTracker($state.snapshot(job.raw_flow?.modules ?? []));
 $effect(() => {
     readFieldsRecursively(job.raw_flow?.modules ?? []);
@@ -29,9 +32,46 @@ function toggleExpandAll() {
     allExpanded = !allExpanded;
     expandedRows = {};
 }
+// Keyboard event handler using navigation links
+function handleKeydown(event) {
+    if (!currentId && job.raw_flow?.modules) {
+        currentId = 'flow-root';
+    }
+    else if (!currentId) {
+        return;
+    }
+    switch (event.key) {
+        case 'ArrowDown':
+            event.preventDefault();
+            const downId = navigationChain[currentId]?.downId;
+            if (downId) {
+                currentId = downId;
+            }
+            break;
+        case 'ArrowUp':
+            event.preventDefault();
+            const upId = navigationChain[currentId]?.upId;
+            if (upId) {
+                currentId = upId;
+            }
+            break;
+        case 'Enter':
+            event.preventDefault();
+            toggleExpanded(currentId);
+            break;
+    }
+}
+function select(id) {
+    currentId = id;
+}
 </script>
 
-<div class="w-full rounded-md overflow-hidden border">
+<div
+	class="w-full rounded-md overflow-hidden border focus:border-gray-400 dark:focus:border-gray-400"
+	role="tree"
+	tabindex="0"
+	onkeydown={handleKeydown}
+>
 	<FlowLogViewer
 		{modules}
 		{localModuleStates}
@@ -48,5 +88,8 @@ function toggleExpandAll() {
 		flowId="root"
 		flowStatus={undefined}
 		{mode}
+		{currentId}
+		bind:navigationChain
+		{select}
 	/>
 </div>

package/package/components/FlowLoopIterationPreview.svelte.d.ts

@@ -30,6 +30,6 @@ declare const FlowLoopIterationPreview: $$__sveltets_2_IsomorphicComponent<Props
     whileLoopSchema: Schema;
     test: () => void;
     runPreview: (args: Record<string, any>, restartedFrom: RestartedFrom | undefined) => Promise<void>;
-}, "job" | "jobId" | "previewArgs">;
+}, "job" | "previewArgs" | "jobId">;
 type FlowLoopIterationPreview = InstanceType<typeof FlowLoopIterationPreview>;
 export default FlowLoopIterationPreview;

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

@@ -57,6 +57,6 @@ declare const FlowPreviewContent: $$__sveltets_2_IsomorphicComponent<Props, {
     getIsOwner: () => boolean;
     getJob: () => Job | undefined;
     flowHasChanged: () => boolean;
-}, "initial" | "preventEscape" | "job" | "jobId" | "scrollTop" | "localModuleStates" | "rightColumnSelect" | "localDurationStatuses" | "selectedJobStep" | "previewMode" | "selectedJobStepIsTopLevel" | "selectedJobStepType" | "branchOrIterationN">;
+}, "initial" | "preventEscape" | "job" | "scrollTop" | "jobId" | "localModuleStates" | "rightColumnSelect" | "localDurationStatuses" | "selectedJobStep" | "previewMode" | "selectedJobStepIsTopLevel" | "selectedJobStepType" | "branchOrIterationN">;
 type FlowPreviewContent = InstanceType<typeof FlowPreviewContent>;
 export default FlowPreviewContent;

package/package/components/FlowStatusViewerInner.svelte

@@ -28,6 +28,7 @@ import { createState } from '../svelte5Utils.svelte';
 import JobLoader from './JobLoader.svelte';
 import { writable } from 'svelte/store';
 import { AI_TOOL_CALL_PREFIX, AI_TOOL_MESSAGE_PREFIX, getToolCallId } from './graph/renderers/nodes/AIToolNode.svelte';
+import JobAssetsViewer from './assets/JobAssetsViewer.svelte';
 let { flowStateStore, retryStatus, suspendStatus, hideDownloadInGraph, hideTimeline, hideNodeDefinition, hideDownloadLogs, hideJobId } = getContext('FlowStatusViewer');
 let { jobId, initialJob = undefined, workspaceId = undefined, flowJobIds = undefined, innerModule = undefined, render = true, isOwner = false, selectedNode = $bindable(undefined), globalModuleStates, globalDurationStatuses = [], globalIterationBounds, updateRecursiveRefreshFn = undefined, isSelectedBranch = true, isSubflow = false, reducedPolling = false, wideResults = false, hideFlowResult = false, workspace = $workspaceStore, prefix = undefined, topModuleStates = undefined, refreshGlobal, updateGlobalRefresh, subflowParentsGlobalModuleStates = [], subflowParentsDurationStatuses = [], isForloopSelected = false, job = $bindable(undefined), rightColumnSelect = $bindable('timeline'), localModuleStates = $bindable({}), localDurationStatuses = $bindable({}), customUi, onResultStreamUpdate = undefined, graphTabOpen, isNodeSelected, loadExtraLogs = undefined, onStart = undefined, onJobsLoaded = undefined, onDone = undefined, toolCallStore } = $props();
 let getTopModuleStates = $derived(topModuleStates ?? localModuleStates);
@@ -786,6 +787,14 @@ function getParentLoopsPrefix(modId) {
     }
     return '';
 }
+// Set all tabs content to the same height to prevent layout jumps
+let tabsHeight = $state({
+    sequenceHeight: 0,
+    logsHeight: 0,
+    assetsHeight: 0,
+    graphHeight: 0
+});
+let minTabHeight = $derived(Math.max(tabsHeight.sequenceHeight, tabsHeight.logsHeight, tabsHeight.assetsHeight, tabsHeight.graphHeight));
 </script>
 
 <JobLoader workspaceOverride={workspaceId} {noLogs} noCode bind:this={jobLoader} />
@@ -864,12 +873,17 @@ function getParentLoopsPrefix(modId) {
 							: ''}><span class="font-semibold">Logs</span></Tab
 					>
 					<Tab value="sequence"><span class="font-semibold">Details</span></Tab>
+					<Tab value="assets"><span class="font-semibold">Assets</span></Tab>
 				</Tabs>
 			{:else}
 				<div class="h-[30px]"></div>
 			{/if}
 		{/if}
-		<div class="{selected != 'sequence' ? 'hidden' : ''} max-w-7xl mx-auto">
+		<div
+			class="{selected != 'sequence' ? 'hidden' : ''} max-w-7xl mx-auto"
+			bind:clientHeight={tabsHeight.sequenceHeight}
+			style="min-height: {minTabHeight}px"
+		>
 			{#if isListJob}
 				{@const sliceFrom =
 					globalIterationBounds[buildSubflowKey(flowJobIds?.moduleId ?? '', prefix)]
@@ -1218,7 +1232,11 @@ function getParentLoopsPrefix(modId) {
 				<div class="p-2 text-tertiary text-sm italic">Empty flow</div>
 			{/if}
 		</div>
-		<div class="{selected != 'logs' ? 'hidden' : ''}  mx-auto h-[800px]">
+		<div
+			class="{selected != 'logs' ? 'hidden' : ''}  mx-auto"
+			bind:clientHeight={tabsHeight.logsHeight}
+			style="min-height: {minTabHeight}px"
+		>
 			<FlowLogViewerWrapper
 				{job}
 				{localModuleStates}
@@ -1227,10 +1245,23 @@ function getParentLoopsPrefix(modId) {
 				{onSelectedIteration}
 			/>
 		</div>
+		{#if selected == 'assets' && render}
+			<div
+				class="p-2"
+				bind:clientHeight={tabsHeight.assetsHeight}
+				style="min-height: {minTabHeight}px"
+			>
+				<JobAssetsViewer {job} />
+			</div>
+		{/if}
 	</div>
 	{#if render}
 		{#if job.raw_flow && !isListJob}
-			<div class="{selected != 'graph' ? 'hidden' : ''} grow mt-4">
+			<div
+				class="{selected != 'graph' ? 'hidden' : ''} grow mt-4"
+				bind:clientHeight={tabsHeight.graphHeight}
+				style="min-height: {minTabHeight}px"
+			>
 				<div class="grid grid-cols-3 border h-full" bind:clientHeight={wrapperHeight}>
 					<div class="col-span-2 bg-surface-secondary">
 						<div class="flex flex-col">

package/package/components/FolderPicker.svelte

@@ -40,7 +40,7 @@ async function addFolder() {
 loadFolders();
 </script>
 
-<Drawer bind:this={newFolder}>
+<Drawer bind:this={newFolder} name="newFolder">
 	<DrawerContent
 		title="New Folder"
 		on:close={() => {

package/package/components/InputTransformForm.svelte

@@ -32,6 +32,8 @@ let monaco = $state(undefined);
 let monacoTemplate = $state(undefined);
 let argInput = $state(undefined);
 let focusedPrev = false;
+const variableMatch = (value) => value.match(/^variable\('([^']+)'\)$/);
+const resourceMatch = (value) => value.match(/^resource\('([^']+)'\)$/);
 const dispatch = createEventDispatcher();
 $effect(() => {
     editor = monaco;
@@ -144,18 +146,18 @@ function isStaticTemplate(inputCat) {
 }
 function connectProperty(rawValue) {
     // Extract path from variable('x') or resource('x') format
-    const varMatch = rawValue.match(/^variable\('([^']+)'\)$/);
-    const resourceMatch = rawValue.match(/^resource\('([^']+)'\)$/);
+    const varMatch = variableMatch(rawValue);
+    const resMatch = resourceMatch(rawValue);
     if (varMatch) {
         arg.type = 'static';
         propertyType = 'static';
         arg.value = '$var:' + varMatch[1];
         monacoTemplate?.setCode(arg.value);
     }
-    else if (resourceMatch) {
+    else if (resMatch) {
         arg.type = 'static';
         propertyType = 'static';
-        arg.value = '$res:' + resourceMatch[1];
+        arg.value = '$res:' + resMatch[1];
         monacoTemplate?.setCode(arg.value);
     }
     else {
@@ -169,12 +171,20 @@ function onFocus() {
     focused = true;
     if (isStaticTemplate(inputCat)) {
         focusProp?.(argName, 'append', (path) => {
-            const toAppend = `\$\{${path}}`;
-            arg.value = `${arg.value ?? ''}${toAppend}`;
-            monacoTemplate?.setCode(arg.value);
-            setPropertyType(arg.value);
-            argInput?.focus();
-            return false;
+            // Empty field + variable = use $var:/$res: syntax instead of ${...}
+            const isEmpty = !arg.value || arg.value.trim() === '';
+            if (isEmpty && variableMatch(path)) {
+                connectProperty(path);
+                return true;
+            }
+            else {
+                const toAppend = `\$\{${path}}`;
+                arg.value = `${arg.value ?? ''}${toAppend}`;
+                monacoTemplate?.setCode(arg.value);
+                setPropertyType(arg.value);
+                argInput?.focus();
+                return false;
+            }
         });
     }
     else {

package/package/components/JobArgs.svelte

@@ -79,7 +79,7 @@ ${Object.entries(args)
 					{#each Object.entries(args).sort((a, b) => a[0].localeCompare(b[0])) as [arg, value]}
 						<Row>
 							<Cell first>{arg}</Cell>
-							<Cell last><ArgInfo {value} /></Cell>
+							<Cell><ArgInfo {value} /></Cell>
 						</Row>
 					{/each}
 				{:else if args}

package/package/components/JobLoader.svelte.d.ts

@@ -61,6 +61,6 @@ declare const JobLoader: import("svelte").Component<Props, {
     cancelJob: () => Promise<void>;
     clearCurrentJob: () => Promise<void>;
     watchJob: (testId: string, callbacks?: Callbacks) => Promise<void>;
-}, "job" | "isLoading" | "notfound" | "jobUpdateLastFetch" | "scriptProgress">;
+}, "isLoading" | "job" | "notfound" | "jobUpdateLastFetch" | "scriptProgress">;
 type JobLoader = ReturnType<typeof JobLoader>;
 export default JobLoader;

package/package/components/JobStatus.svelte

@@ -4,6 +4,7 @@ import { forLater } from '../forLater';
 import DurationMs from './DurationMs.svelte';
 import { Calendar, CheckCircle2, Circle, Clock, Hourglass, Play, XCircle } from 'lucide-svelte';
 import NoWorkerWithTagWarning from './runs/NoWorkerWithTagWarning.svelte';
+import QueuePosition from './QueuePosition.svelte';
 const SMALL_ICON_SIZE = 12;
 export let job;
 </script>
@@ -56,6 +57,7 @@ export let job;
 	<div class="flex flex-row gap-1 items-center">
 		<Badge color="orange" icon={{ icon: Clock, position: 'left' }}>Queued</Badge>
 		<NoWorkerWithTagWarning tag={job.tag} />
+		<QueuePosition jobId={job.id} workspaceId={job.workspace_id} minimal />
 	</div>
 {:else}
 	<Circle size={SMALL_ICON_SIZE} class="text-gray-200" />

package/package/components/LogSnippetViewer.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import AnsiUp from 'ansi_up';
+<script lang="ts">import { AnsiUp } from 'ansi_up';
 export let content;
 export let highlighted;
 const ansi_up = new AnsiUp();
@@ -24,8 +24,8 @@ let html = highlightSnippet(content);
 </script>
 
 <button on:click class="font-light !m-0 !p-0">
-<pre
-	class="bg-surface-secondary hover:bg-surface px-2 py-1 text-secondary text-xs w-[100%] whitespace-pre border min-w-full text-start" >
+	<pre
+		class="bg-surface-secondary hover:bg-surface px-2 py-1 text-secondary text-xs w-[100%] whitespace-pre border min-w-full text-start">
 {@html html}
 </pre>
 </button>

package/package/components/LogSnippetViewer.svelte.d.ts

@@ -15,7 +15,7 @@ declare const LogSnippetViewer: $$__sveltets_2_IsomorphicComponent<{
     content: string;
     highlighted: any[];
 }, {
-    click: MouseEvent;
+    click: PointerEvent;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/package/components/LogViewer.svelte

@@ -11,12 +11,13 @@ import { Button, Drawer, DrawerContent } from './common';
 import { copyToClipboard } from '../utils';
 import { base } from '../base';
 import { workspaceStore } from '../stores';
-import AnsiUp from 'ansi_up';
+import { AnsiUp } from 'ansi_up';
 import NoWorkerWithTagWarning from './runs/NoWorkerWithTagWarning.svelte';
 import { JobService } from '../gen';
 import Tooltip from './Tooltip.svelte';
 import { twMerge } from 'tailwind-merge';
-let { content, isLoading, duration = undefined, mem = undefined, wrapperClass = '', jobId = undefined, tag, small = false, drawerOpen = $bindable(false), noMaxH = false, noAutoScroll = false, download = true, customEmptyMessage = 'No logs are available yet', tagLabel = undefined, noPadding = false } = $props();
+import QueuePosition from './QueuePosition.svelte';
+let { content, isLoading, duration = undefined, mem = undefined, wrapperClass = '', jobId = undefined, tag, small = false, drawerOpen = $bindable(false), noMaxH = false, noAutoScroll = false, download = true, customEmptyMessage = 'No logs are available yet', tagLabel = undefined, noPadding = false, navigationId = undefined } = $props();
 // @ts-ignore
 const ansi_up = $state(new AnsiUp());
 ansi_up.use_classes = true;
@@ -157,78 +158,88 @@ let html = $derived(ansi_up.ansi_to_html(downloadStartUrl && prefixIndex != unde
 	</DrawerContent>
 </Drawer>
 
-<div class="relative w-full h-full {wrapperClass}">
-	<div
-		bind:this={div}
-		class="w-full h-full overflow-auto relative bg-surface-secondary {noMaxH ? '' : 'max-h-screen'}"
-	>
-		<div class="sticky z-10 top-0 right-0 w-full flex flex-row-reverse justify-between text-sm">
-			<div class="flex gap-2 pl-0.5 bg-surface-secondary">
-				{#if jobId && download}
-					<div class="flex items-center">
-						<a
-							class="text-primary pb-0.5"
-							target="_blank"
-							href="{base}/api/w/{$workspaceStore}/jobs_u/get_logs/{jobId}"
-							download="windmill_logs_{jobId}.txt"
-							><Download size="14" />
-						</a>
-					</div>
-				{/if}
-				<button onclick={logViewer.openDrawer}><Expand size="12" /></button>
-				{#if !noAutoScroll}
-					<div
-						class="{small ? '' : 'py-2'} pr-2 {small
-							? '!text-2xs'
-							: '!text-xs'} flex gap-2 text-tertiary items-center"
-					>
-						Auto scroll
-						<input class="windmillapp" type="checkbox" bind:checked={scroll} />
-					</div>
-				{/if}
-			</div>
-		</div>
-		{#if isLoading}
-			<div class="flex gap-2 absolute top-2 left-2 items-center z-10">
-				<Loader2 class="animate-spin" />
-				{#if tag}
-					<div class="flex flex-row items-center gap-1">
-						<div class="text-secondary {small ? '!text-2xs' : '!text-xs'}"
-							>{tagLabel ?? 'tag'}: {tag}</div
+<div class="w-full h-full {wrapperClass}">
+	<div class="w-full h-full relative">
+		<div
+			bind:this={div}
+			class="w-full h-full overflow-auto bg-surface-secondary pt-4 {noMaxH ? '' : 'max-h-screen'}"
+			data-nav-id={navigationId}
+		>
+			<div class="absolute z-10 top-0 right-0 flex flex-row-reverse justify-between text-sm">
+				<div class="flex gap-2">
+					{#if jobId && download}
+						<div class="flex items-center">
+							<a
+								class="text-primary pb-0.5"
+								target="_blank"
+								href="{base}/api/w/{$workspaceStore}/jobs_u/get_logs/{jobId}"
+								download="windmill_logs_{jobId}.txt"
+								><Download size="14" />
+							</a>
+						</div>
+					{/if}
+					<button onclick={logViewer.openDrawer}><Expand size="12" /></button>
+					{#if !noAutoScroll}
+						<div
+							class="{small ? '' : 'py-2'} pr-2 {small
+								? '!text-2xs'
+								: '!text-xs'} flex gap-2 text-tertiary items-center"
 						>
-						<NoWorkerWithTagWarning {tagLabel} {tag} />
-					</div>
-				{/if}
+							Auto scroll
+							<input class="windmillapp" type="checkbox" bind:checked={scroll} />
+						</div>
+					{/if}
+				</div>
 			</div>
-		{:else if duration}
-			<span
-				class="absolute {small ? '!text-2xs' : '!text-xs'} text-tertiary dark:text-gray-400 {small
-					? 'top-0'
-					: 'top-2'} left-2">took {duration}ms</span
-			>
-		{/if}
-		{#if mem}
-			<span
-				class="absolute {small ? '!text-2xs' : '!text-xs'} text-tertiary dark:text-gray-400 {small
-					? 'top-0'
-					: 'top-2'}  left-36">mem peak: {(mem / 1024).toPrecision(4)}MB</span
+			{#if isLoading}
+				<div class="flex gap-2 absolute top-2 left-2 items-center z-10">
+					<Loader2 class="animate-spin" />
+					{#if tag}
+						<div class="flex flex-row items-center gap-1">
+							<div class="text-secondary {small ? '!text-2xs' : '!text-xs'}"
+								>{tagLabel ?? 'tag'}: {tag}</div
+							>
+							<NoWorkerWithTagWarning {tagLabel} {tag} />
+						</div>
+					{/if}
+					{#if jobId}
+						<QueuePosition {jobId} />
+					{/if}
+				</div>
+			{:else if duration}
+				<span
+					class={twMerge(
+						'absolute  text-tertiary dark:text-gray-400',
+						small ? '!text-2xs' : '!text-xs',
+						small ? 'top-0' : 'top-2',
+						noPadding ? '' : 'left-2'
+					)}>took {duration}ms</span
+				>
+			{/if}
+			{#if mem}
+				<span
+					class="absolute {small ? '!text-2xs' : '!text-xs'} text-tertiary dark:text-gray-400 {small
+						? 'top-0'
+						: 'top-2'}  left-36">mem peak: {(mem / 1024).toPrecision(4)}MB</span
+				>
+			{/if}
+			<pre
+				class={twMerge(
+					'whitespace-pre break-words w-full',
+					small ? '!text-2xs' : '!text-xs',
+					noPadding ? '' : 'p-2'
+				)}
+				>{#if content}{@const len =
+						(content?.length ?? 0) +
+						(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button
+							onclick={getStoreLogs}
+							>Show more... &nbsp;<Tooltip>{tooltipText(prefixIndex)}</Tooltip></button
+						><br />{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)<br
+						/><button onclick={() => showMoreTruncate(len)}>Show more..</button><br />{/if}<span
+						>{@html html}</span
+					>{:else if !isLoading}<span>{customEmptyMessage}</span>{/if}</pre
 			>
-		{/if}
-		<pre
-			class={twMerge(
-				'whitespace-pre break-words w-full',
-				small ? '!text-2xs' : '!text-xs',
-				noPadding ? '' : 'p-2'
-			)}
-			>{#if content}{@const len =
-					(content?.length ?? 0) +
-					(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button onclick={getStoreLogs}
-						>Show more... &nbsp;<Tooltip>{tooltipText(prefixIndex)}</Tooltip></button
-					><br />{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)<br
-					/><button onclick={() => showMoreTruncate(len)}>Show more..</button><br />{/if}<span
-					>{@html html}</span
-				>{:else if !isLoading}<span>{customEmptyMessage}</span>{/if}</pre
-		>
+		</div>
 	</div>
 </div>
 
@@ -435,4 +446,9 @@ let html = $derived(ansi_up.ansi_to_html(downloadStartUrl && prefixIndex != unde
 	}
 	:global(.dark) :global(.ansi-bright-white-bg) {
 		background-color: rgb(229, 233, 240);
+	}
+
+	:global([data-nav-id]:focus-visible) {
+		outline: none;
+		outline-offset: 0;
 	}</style>

package/package/components/LogViewer.svelte.d.ts

@@ -14,6 +14,7 @@ interface Props {
     customEmptyMessage?: string;
     tagLabel?: string;
     noPadding?: boolean;
+    navigationId?: string;
 }
 declare const LogViewer: import("svelte").Component<Props, {
     scrollToBottom: () => void;

package/package/components/Path.svelte

@@ -4,7 +4,7 @@ const lastMetaUsed = writable(undefined);
 
 <script lang="ts">import { pathToMeta } from '../common';
 import { localeConcatAnd, pluralize } from '../utils';
-import { AppService, FlowService, FolderService, ResourceService, ScheduleService, ScriptService, HttpTriggerService, VariableService, WebsocketTriggerService, KafkaTriggerService, PostgresTriggerService, NatsTriggerService, MqttTriggerService, SqsTriggerService, GcpTriggerService } from '../gen';
+import { AppService, FlowService, FolderService, ResourceService, ScheduleService, ScriptService, HttpTriggerService, VariableService, WebsocketTriggerService, KafkaTriggerService, PostgresTriggerService, NatsTriggerService, MqttTriggerService, SqsTriggerService, GcpTriggerService, EmailTriggerService } from '../gen';
 import { superadmin, userStore, workspaceStore } from '../stores';
 import { createEventDispatcher, getContext, untrack } from 'svelte';
 import { writable } from 'svelte/store';
@@ -224,6 +224,12 @@ async function pathExists(path, kind) {
             path: path
         });
     }
+    else if (kind === 'email_trigger') {
+        return await EmailTriggerService.existsEmailTrigger({
+            workspace: $workspaceStore,
+            path: path
+        });
+    }
     else {
         return false;
     }

package/package/components/Path.svelte.d.ts

@@ -1,4 +1,4 @@
-type PathKind = 'resource' | 'script' | 'variable' | 'flow' | 'schedule' | 'app' | 'raw_app' | 'http_trigger' | 'websocket_trigger' | 'kafka_trigger' | 'postgres_trigger' | 'nats_trigger' | 'mqtt_trigger' | 'sqs_trigger' | 'gcp_trigger';
+type PathKind = 'resource' | 'script' | 'variable' | 'flow' | 'schedule' | 'app' | 'raw_app' | 'http_trigger' | 'websocket_trigger' | 'kafka_trigger' | 'postgres_trigger' | 'nats_trigger' | 'mqtt_trigger' | 'sqs_trigger' | 'gcp_trigger' | 'email_trigger';
 interface Props {
     fullNamePlaceholder?: string | undefined;
     namePlaceholder?: string;