windmill-components 1.537.1 → 1.542.4

package/package/components/select/Select.svelte.d.ts

@@ -1,12 +1,12 @@
 import { type Snippet } from 'svelte';
 import { type ProcessedItem } from './utils.svelte';
-declare class __sveltets_Render<Item extends {
+declare function $$render<Item extends {
     label?: string;
     value: any;
     subtitle?: string;
-}> {
-    props(): {
-        items?: Item[] | undefined;
+}>(): {
+    props: {
+        items?: Item[];
         value: Item["value"] | undefined;
         placeholder?: string;
         class?: string;
@@ -23,18 +23,30 @@ declare class __sveltets_Render<Item extends {
         createText?: string;
         noItemsMsg?: string;
         open?: boolean;
-        groupBy?: ((item: Item) => string) | undefined;
-        sortBy?: ((a: Item, b: Item) => number) | undefined;
-        onFocus?: (() => void) | undefined;
-        onBlur?: (() => void) | undefined;
-        onClear?: (() => void) | undefined;
-        onCreateItem?: ((value: string) => void) | undefined;
+        id?: string;
+        groupBy?: (item: Item) => string;
+        sortBy?: (a: Item, b: Item) => number;
+        onFocus?: () => void;
+        onBlur?: () => void;
+        onClear?: () => void;
+        onCreateItem?: (value: string) => void;
         startSnippet?: Snippet<[{
             item: ProcessedItem<Item["value"]>;
-        }]> | undefined;
+        }]>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "value" | "open" | "filterText";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Item extends {
+    label?: string;
+    value: any;
+    subtitle?: string;
+}> {
+    props(): ReturnType<typeof $$render<Item>>['props'];
+    events(): ReturnType<typeof $$render<Item>>['events'];
+    slots(): ReturnType<typeof $$render<Item>>['slots'];
     bindings(): "value" | "open" | "filterText";
     exports(): {};
 }

package/package/components/select/SelectDropdown.svelte.d.ts

@@ -1,8 +1,8 @@
 import { type Snippet } from 'svelte';
 import type { ProcessedItem } from './utils.svelte';
-declare class __sveltets_Render<T> {
-    props(): {
-        processedItems?: ProcessedItem<T>[] | undefined;
+declare function $$render<T>(): {
+    props: {
+        processedItems?: ProcessedItem<T>[];
         value: T | undefined;
         filterText?: string;
         listAutoWidth?: Boolean;
@@ -13,14 +13,21 @@ declare class __sveltets_Render<T> {
         class?: string;
         ulClass?: string;
         header?: Snippet;
-        getInputRect?: (() => DOMRect) | undefined;
+        getInputRect?: () => DOMRect;
         onSelectValue: (item: ProcessedItem<T>) => void;
         startSnippet?: Snippet<[{
             item: ProcessedItem<T>;
-        }]> | undefined;
+        }]>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/package/components/settings/TokenDisplay.svelte

@@ -3,7 +3,7 @@ import { Clipboard } from 'lucide-svelte';
 import Alert from '../common/alert/Alert.svelte';
 let { token, mcpUrl, title, onCopy } = $props();
 function handleCopyClick() {
-    copyToClipboard(token);
+    copyToClipboard(mcpUrl || token);
     onCopy?.();
 }
 const displayTitle = $derived(title || (mcpUrl ? 'MCP URL Generated Successfully' : 'Token Created Successfully'));

package/package/components/sidebar/OperatorMenu.svelte

@@ -78,6 +78,11 @@ let secondMenuLinks = $derived([
         id: 'triggers',
         href: `${base}/mqtt_triggers`
     },
+    {
+        label: 'Email triggers',
+        id: 'triggers',
+        href: `${base}/email_triggers`
+    },
     {
         label: 'Audit logs',
         id: 'audit_logs',

package/package/components/sidebar/SidebarContent.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import MenuLink from './MenuLink.svelte';
 import { superadmin, usedTriggerKinds, userStore, workspaceStore, isCriticalAlertsUIOpen, enterpriseLicense, devopsRole } from '../../stores';
 import { SIDEBAR_SHOW_SCHEDULES } from '../../consts';
-import { BookOpen, Bot, Boxes, Calendar, DollarSign, Eye, Logs, FolderCog, FolderOpen, Github, HelpCircle, Home, LogOut, Newspaper, Play, Route, ServerCog, Settings, UserCog, Plus, Unplug, AlertCircle, Database, Pyramid } from 'lucide-svelte';
+import { BookOpen, Bot, Boxes, Calendar, DollarSign, Eye, Logs, FolderCog, FolderOpen, Github, HelpCircle, Home, LogOut, Newspaper, Play, Route, ServerCog, Settings, UserCog, Plus, Unplug, AlertCircle, Database, Pyramid, Trash2, MailIcon } from 'lucide-svelte';
 import UserMenu from './UserMenu.svelte';
 import DiscordIcon from '../icons/brands/Discord.svelte';
 import { WorkspaceService } from '../../gen';
@@ -28,6 +28,12 @@ async function leaveWorkspace() {
     clearStores();
     goto('/user/workspaces');
 }
+async function deleteFork() {
+    await WorkspaceService.deleteWorkspace({ workspace: $workspaceStore ?? '' });
+    sendUserToast('You deleted the workspace');
+    clearStores();
+    goto('/user/workspaces');
+}
 let hasNewChangelogs = $state(false);
 let recentChangelogs = $state([]);
 let lastOpened = localStorage.getItem('changelogsLastOpened');
@@ -85,6 +91,7 @@ const thirdMenuLinks = [
 ];
 let { numUnacknowledgedCriticalAlerts = 0, isCollapsed = false } = $props();
 let leaveWorkspaceModal = $state(false);
+let deleteWorkspaceForkModal = $state(false);
 function computeAllNotificationsCount(menuItems) {
     let count = 0;
     for (const menuItem of menuItems) {
@@ -205,6 +212,15 @@ let defaultExtraTriggerLinks = $derived([
         kind: 'mqtt',
         aiId: 'sidebar-menu-link-mqtt',
         aiDescription: 'Button to navigate to MQTT triggers'
+    },
+    {
+        label: 'Email',
+        href: '/email_triggers',
+        icon: MailIcon,
+        disabled: $userStore?.operator,
+        kind: 'email',
+        aiId: 'sidebar-menu-link-email',
+        aiDescription: 'Button to navigate to Email triggers'
     }
 ]);
 let triggerMenuLinks = $derived([
@@ -278,7 +294,19 @@ let secondaryMenuLinks = $derived([
                         faIcon: undefined
                     }
                 ]
-                : [])
+                : []),
+            ...($workspaceStore?.startsWith("wm-fork")
+                ? [
+                    {
+                        label: 'Delete Forked Workspace',
+                        action: () => {
+                            deleteWorkspaceForkModal = true;
+                        },
+                        icon: Trash2,
+                        faIcon: undefined
+                    }
+                ]
+                : []),
         ],
         disabled: $userStore?.operator
     },
@@ -572,3 +600,21 @@ let secondaryMenuLinks = $derived([
 		<span>Are you sure you want to leave this workspace?</span>
 	</div>
 </ConfirmationModal>
+
+{#if $workspaceStore?.startsWith("wm-fork-")}
+<ConfirmationModal
+	open={deleteWorkspaceForkModal}
+	title="Delete forked workspace"
+	confirmationText="Remove"
+	on:canceled={() => {
+		deleteWorkspaceForkModal = false
+	}}
+	on:confirmed={() => {
+		deleteFork()
+	}}
+>
+	<div class="flex flex-col w-full space-y-4">
+		<span>Are you sure you want to delete this workspace fork? (deleting {$workspaceStore})</span>
+	</div>
+</ConfirmationModal>
+{/if}

package/package/components/sidebar/WorkspaceMenu.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { isPremiumStore, superadmin, userStore, userWorkspaces, workspaceStore, workspaceUsageStore, workspaceColor } from '../../stores';
-import { Building, Plus, Settings } from 'lucide-svelte';
+import { Building, Plus, Settings, GitFork } from 'lucide-svelte';
 import MenuButton from './MenuButton.svelte';
 import { Menu, MenuItem } from '../meltComponents';
 import { goto } from '../../navigation';
@@ -11,6 +11,13 @@ import { enterpriseLicense } from '../../stores';
 import { isCloudHosted } from '../../cloud';
 import { workspaceAIClients } from '../copilot/lib';
 import { twMerge } from 'tailwind-merge';
+import { buildWorkspaceHierarchy } from '../../utils/workspaceHierarchy';
+function removePrefix(str, prefix) {
+    if (str.startsWith(prefix)) {
+        return str.substring(prefix.length);
+    }
+    return str;
+}
 let { isCollapsed = false, createMenu, strictWorkspaceSelect = false } = $props();
 async function toggleSwitchWorkspace(id) {
     if ($workspaceStore === id) {
@@ -37,24 +44,79 @@ async function toggleSwitchWorkspace(id) {
         await goto('/');
     }
 }
+// Helper function to check if a workspace is forked
+function isForkedWorkspace(workspaceId) {
+    if (!$userWorkspaces)
+        return false;
+    return $userWorkspaces.some((w) => w.id === workspaceId && w.parent_workspace_id != null);
+}
+function getForkedWorkspace(workspaceId) {
+    if (!$userWorkspaces)
+        return undefined;
+    return $userWorkspaces.find((w) => w.id === workspaceId && w.parent_workspace_id != null);
+}
+function getParentWorkspace(parentId) {
+    if (!$userWorkspaces)
+        return undefined;
+    return $userWorkspaces.find((w) => w.id === parentId);
+}
+// Group workspaces into parent-child hierarchy using Svelte 5 derived and the new utility
+const groupedWorkspaces = $derived(() => {
+    if (!$userWorkspaces)
+        return [];
+    return buildWorkspaceHierarchy($userWorkspaces);
+});
 </script>
 
+{#if isForkedWorkspace($workspaceStore ?? '') && !isCollapsed}
+	{@const forkedWorkspace = getForkedWorkspace($workspaceStore ?? '')}
+	{@const parentWorkspace = forkedWorkspace
+		? getParentWorkspace(forkedWorkspace.parent_workspace_id!)
+		: null}
+	<Menu {createMenu} usePointerDownOutside>
+		{#snippet triggr({ trigger })}
+			<div
+				class="group flex items-center px-2 py-2 font-light rounded-md h-8 gap-3 w-full text-xs"
+			>
+				<Building size={12} class="text-tertiary" />
+				<span class="text-xs text-tertiary"> {parentWorkspace?.name ?? ''} </span>
+			</div>
+		{/snippet}
+	</Menu>
+{/if}
 <Menu {createMenu} usePointerDownOutside>
 	{#snippet triggr({ trigger })}
-		<MenuButton
-			class="!text-xs"
-			icon={Building}
-			label={$workspaceStore ?? ''}
-			{isCollapsed}
-			color={$workspaceColor}
-			{trigger}
-		/>
+		{@const forkedWorkspace = getForkedWorkspace($workspaceStore ?? '')}
+		{@const parentWorkspace = forkedWorkspace
+			? getParentWorkspace(forkedWorkspace.parent_workspace_id!)
+			: null}
+		{#if forkedWorkspace && parentWorkspace}
+			<div class={isCollapsed ? '' : 'pl-6'}>
+				<MenuButton
+					class="!text-xs"
+					icon={GitFork}
+					label={removePrefix($workspaceStore ?? '', 'wm-fork-')}
+					{isCollapsed}
+					color={$workspaceColor}
+					{trigger}
+				/>
+			</div>
+		{:else}
+			<MenuButton
+				class="!text-xs"
+				icon={Building}
+				label={$workspaceStore ?? ''}
+				{isCollapsed}
+				color={$workspaceColor}
+				{trigger}
+			/>
+		{/if}
 	{/snippet}
 
 	{#snippet children({ item })}
 		<div class="divide-y" role="none">
 			<div class="py-1">
-				{#each $userWorkspaces as workspace}
+				{#each groupedWorkspaces() as { workspace, depth, isForked, parentName }}
 					<MenuItem
 						class={twMerge(
 							'text-xs min-w-0 w-full overflow-hidden flex flex-col py-1.5',
@@ -68,13 +130,37 @@ async function toggleSwitchWorkspace(id) {
 						{item}
 					>
 						<div class="flex items-center justify-between min-w-0 w-full">
-							<div>
-								<div class="text-primary pl-4 truncate text-left text-[1.2em]">{workspace.name}</div
-								>
-								<div
-									class="text-tertiary font-mono pl-4 text-2xs whitespace-nowrap truncate text-left"
-								>
-									{workspace.id}
+							<div
+								class={twMerge('flex items-center gap-2 min-w-0', 'pl-4')}
+								style:padding-left={`${4 + depth * 12}px`}
+							>
+								{#if isForked}
+									<GitFork size={12} class="text-tertiary flex-shrink-0" />
+								{:else}
+									<Building size={12} />
+								{/if}
+								<div class="min-w-0 flex-1">
+									<div
+										class={twMerge(
+											'truncate text-left text-[1.2em]',
+											isForked ? 'text-secondary' : 'text-primary'
+										)}
+									>
+										{workspace.name}
+									</div>
+									<div
+										class={twMerge(
+											'font-mono text-2xs whitespace-nowrap truncate text-left',
+											isForked ? 'text-tertiary opacity-75' : 'text-tertiary'
+										)}
+									>
+										{workspace.id}
+									</div>
+									{#if isForked && parentName}
+										<div class="text-tertiary text-2xs truncate text-left pl-2 min-h-[1rem]">
+											Fork of {parentName}
+										</div>
+									{/if}
 								</div>
 							</div>
 							{#if workspace.color}
@@ -100,6 +186,19 @@ async function toggleSwitchWorkspace(id) {
 					</a>
 				</div>
 			{/if}
+			{#if !strictWorkspaceSelect}
+				<div class="py-1" role="none">
+					<a
+						href="{base}/user/fork_workspace"
+						class="text-primary px-4 py-2 text-xs hover:bg-surface-hover hover:text-primary flex flex-flow gap-2"
+						role="menuitem"
+						tabindex="-1"
+					>
+						<GitFork size={16} />
+						Fork current workspace
+					</a>
+				</div>
+			{/if}
 			{#if !strictWorkspaceSelect}
 				<div class="py-1" role="none">
 					<MenuItem

package/package/components/toast.js

@@ -1,9 +1,12 @@
 //regex that match path starting with u/ or f/ and with at least 2 /
 const pathRegex = /\b(u|f)\/[^\/\s]+\/[^\/\s]+\b/g;
 export function processMessage(message) {
-    return (typeof message == 'string'
-        ? message ?? 'Error without message'
-        : JSON.stringify(message, null, 2)).replaceAll(pathRegex, (path) => {
+    let msg = !message
+        ? 'Error without message'
+        : typeof message != 'string'
+            ? JSON.stringify(message, null, 2)
+            : message;
+    return msg.replaceAll(pathRegex, (path) => {
         return `<span class="bg-surface-secondary p-1 text-xs font-mono whitespace-nowrap rounded-md">${path}</span>`;
     });
 }

package/package/components/triggers/AddTriggersButton.svelte

@@ -3,7 +3,7 @@ import DropdownV2 from '../DropdownV2.svelte';
 import { SchedulePollIcon } from '../icons';
 import { isCloudHosted } from '../../cloud';
 import { CloudOff } from 'lucide-svelte';
-let { setDropdownWidthToButtonWidth = false, children, class: className, triggerScriptPicker, placement = 'bottom', isEditor = false, onAddDraftTrigger, onAddScheduledPoll, onClose } = $props();
+let { setDropdownWidthToButtonWidth = false, children, class: className, placement = 'bottom', isEditor = false, onAddDraftTrigger, onAddScheduledPoll, onClose } = $props();
 let dropdown;
 const cloudHosted = isCloudHosted();
 // Dropdown items for adding new triggers
@@ -56,10 +56,15 @@ const addTriggerItems = [
         icon: triggerIconMap.gcp,
         extra: cloudHosted ? extra : undefined
     },
+    {
+        displayName: 'Email',
+        action: () => onAddDraftTrigger?.('email'),
+        icon: triggerIconMap.email,
+        extra: cloudHosted ? extra : undefined
+    },
     {
         displayName: 'Scheduled Poll',
         action: (e) => {
-            e.preventDefault();
             onAddDraftTrigger?.('poll');
             onAddScheduledPoll?.();
         },
@@ -89,7 +94,6 @@ export function close() {
 	class={className}
 	customWidth={setDropdownWidthToButtonWidth ? triggersButtonWidth : undefined}
 	usePointerDownOutside
-	customMenu={!!triggerScriptPicker}
 	on:close={() => onClose?.()}
 >
 	{#snippet buttonReplacement()}
@@ -97,7 +101,4 @@ export function close() {
 			{@render children?.()}
 		</div>
 	{/snippet}
-	{#snippet menu()}
-		{@render triggerScriptPicker?.()}
-	{/snippet}
 </DropdownV2>

package/package/components/triggers/CaptureWrapper.svelte

@@ -4,7 +4,7 @@ import { onDestroy, untrack } from 'svelte';
 import { sendUserToast, sleep } from '../../utils';
 import RouteCapture from './http/RouteCapture.svelte';
 import WebhooksCapture from './webhook/WebhooksCapture.svelte';
-import EmailTriggerCaptures from '../details/EmailTriggerCaptures.svelte';
+import DefaultEmailCapture from './email/DefaultEmailCapture.svelte';
 import WebsocketCapture from './websocket/WebsocketCapture.svelte';
 import PostgresCapture from './postgres/PostgresCapture.svelte';
 import KafkaCapture from './kafka/KafkaCapture.svelte';
@@ -12,6 +12,7 @@ import NatsCapture from './nats/NatsCapture.svelte';
 import MqttCapture from './mqtt/MqttCapture.svelte';
 import SqsCapture from './sqs/SqsCapture.svelte';
 import GcpCapture from './gcp/GcpCapture.svelte';
+import EmailCapture from './email/EmailCapture.svelte';
 let { isFlow, path, hasPreprocessor, canHavePreprocessor, captureType = 'webhook', data = {}, connectionInfo = $bindable(undefined), args = {}, isValid = false, triggerDeployed = false } = $props();
 let captureLoading = $state(false);
 let captureActive = $state(false);
@@ -195,8 +196,8 @@ $effect(() => {
 				on:captureToggle={handleCapture}
 				on:testWithArgs
 			/>
-		{:else if captureType === 'email'}
-			<EmailTriggerCaptures
+		{:else if captureType === 'default_email'}
+			<DefaultEmailCapture
 				{path}
 				{isFlow}
 				emailDomain={data?.emailDomain}
@@ -280,6 +281,21 @@ $effect(() => {
 				on:captureToggle={handleCapture}
 				on:testWithArgs
 			/>
+		{:else if captureType === 'email'}
+			<EmailCapture
+				local_part={args.local_part}
+				emailDomain={data?.emailDomain}
+				{isValid}
+				{captureInfo}
+				{hasPreprocessor}
+				{isFlow}
+				{captureLoading}
+				on:applyArgs
+				on:updateSchema
+				on:addPreprocessor
+				on:captureToggle={handleCapture}
+				on:testWithArgs
+			/>
 		{/if}
 	</div>
 {/key}

package/package/components/triggers/TriggerLabel.svelte

@@ -15,6 +15,14 @@ let label = $derived.by(() => getTriggerLabel(trigger));
 	{label}
 </span>
 
+{#if trigger.type === 'default_email'}
+	<span
+		class="ml-2 bg-blue-50 dark:bg-blue-900/40 px-1.5 py-0.5 rounded text-xs text-blue-700 dark:text-blue-100 whitespace-nowrap"
+	>
+		Default
+	</span>
+{/if}
+
 {#if trigger.isPrimary}
 	<span
 		class="ml-2 bg-blue-50 dark:bg-blue-900/40 px-1.5 py-0.5 rounded text-xs text-blue-700 dark:text-blue-100 whitespace-nowrap"

package/package/components/triggers/TriggerTokens.svelte

@@ -14,7 +14,7 @@ export async function listTokens() {
         ? await FlowService.listTokensOfFlow({ workspace: $workspaceStore, path })
         : await ScriptService.listTokensOfScript({ workspace: $workspaceStore, path })).filter((x) => x.label && x.label.startsWith(labelPrefix + '-'));
     if (labelPrefix == 'email') {
-        $triggersCount = { ...($triggersCount ?? {}), email_count: tokens?.length };
+        $triggersCount = { ...($triggersCount ?? {}), default_email_count: tokens?.length };
     }
     else {
         $triggersCount = { ...($triggersCount ?? {}), webhook_count: tokens?.length };

package/package/components/triggers/TriggersEditor.svelte

@@ -13,7 +13,7 @@ import Button from '../common/button/Button.svelte';
 import TriggersWrapperV2 from './TriggersWrapper.svelte';
 import { triggerTypeToCaptureKind, CLOUD_DISABLED_TRIGGER_TYPES } from './utils';
 import { isCloudHosted } from '../../cloud';
-import { ScheduleService, WebsocketTriggerService, PostgresTriggerService, KafkaTriggerService, NatsTriggerService, MqttTriggerService, HttpTriggerService, GcpTriggerService, SqsTriggerService } from '../../gen';
+import { ScheduleService, WebsocketTriggerService, PostgresTriggerService, KafkaTriggerService, NatsTriggerService, MqttTriggerService, HttpTriggerService, GcpTriggerService, SqsTriggerService, EmailTriggerService } from '../../gen';
 import { sendUserToast } from '../../toast';
 let { noEditor, newItem = false, currentPath, fakeInitialPath = '', hash = undefined, args = {}, initialPath, isFlow, canHavePreprocessor = false, hasPreprocessor = false, isDeployed = false, schema = undefined, noCapture = false, isEditor = true, onDeployTrigger } = $props();
 let config = $state({});
@@ -47,7 +47,8 @@ async function deleteDeployedTrigger(triggerIndex) {
         gcp: () => GcpTriggerService.deleteGcpTrigger,
         sqs: () => SqsTriggerService.deleteSqsTrigger,
         mqtt: () => MqttTriggerService.deleteMqttTrigger,
-        http: () => HttpTriggerService.deleteHttpTrigger
+        http: () => HttpTriggerService.deleteHttpTrigger,
+        email: () => EmailTriggerService.deleteEmailTrigger
     };
     const deleteHandler = deleteHandlers[triggerType];
     if (deleteHandler && deletingTrigger !== triggerIndex) {
@@ -114,6 +115,9 @@ async function handleUpdate(trigger, path) {
     else if (triggerType === 'http') {
         await triggersState.fetchHttpTriggers(triggersCount, $workspaceStore, currentPath, isFlow, $userStore);
     }
+    else if (triggerType === 'email') {
+        await triggersState.fetchEmailTriggers(triggersCount, $workspaceStore, currentPath, isFlow, $userStore);
+    }
     triggersState.selectedTriggerIndex = triggersState.triggers.findIndex((t) => t.path === path && t.type === triggerType);
     loading = false;
     onDeployTrigger?.({ type: triggerType, id: triggerId, path: triggerPath });
@@ -155,7 +159,7 @@ const cloudDisabled = $derived(CLOUD_DISABLED_TRIGGER_TYPES.includes(triggersSta
 								onDeleteDraft={deleteTrigger}
 								onReset={handleResetDraft}
 								webhookToken={$triggersCount?.webhook_count}
-								emailToken={$triggersCount?.email_count}
+								emailToken={$triggersCount?.default_email_count}
 							/>
 						</div>
 					{:else}
@@ -229,8 +233,8 @@ const cloudDisabled = $derived(CLOUD_DISABLED_TRIGGER_TYPES.includes(triggersSta
 										onReset={() => {
 											handleResetDraft(triggersState.selectedTriggerIndex)
 										}}
-										on:email-domain={({ detail }) => {
-											emailDomain = detail
+										onEmailDomain={(domain) => {
+											emailDomain = domain
 										}}
 									/>
 								</div>

package/package/components/triggers/TriggersTable.svelte

@@ -66,7 +66,7 @@ let loading = false;
 									>
 										{`${webhookToken} token${webhookToken > 1 ? 's' : ''}`}
 									</span>
-								{:else if trigger.type === 'email' && emailToken}
+								{:else if trigger.type === 'default_email' && emailToken}
 									<span
 										class="ml-2 text-xs rounded-md bg-tertiary/50 group-hover:bg-primary text-primary-inverse px-1.5 py-0.5"
 									>
@@ -75,7 +75,7 @@ let loading = false;
 								{/if}
 							</div>
 
-							{#if !['email', 'webhook', 'cli'].includes(trigger.type)}
+							{#if !['default_email', 'webhook', 'cli'].includes(trigger.type)}
 								{#if trigger.isDraft}
 									<DeleteTriggerButton {trigger} onDelete={() => onDeleteDraft?.(index)} small />
 								{:else if !!trigger.draftConfig && !trigger.isDraft}

package/package/components/triggers/TriggersWrapper.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">import RoutesPanel from './http/RoutesPanel.svelte';
 import WebhooksPanel from './webhook/WebhooksPanel.svelte';
-import EmailTriggerPanel from '../details/EmailTriggerPanel.svelte';
+import EmailTriggerPanel from './email/EmailTriggerPanel.svelte';
+import DefaultEmailPanel from './email/DefaultEmailPanel.svelte';
 import SchedulePanel from '../SchedulePanel.svelte';
 import PostgresTriggersPanel from './postgres/PostgresTriggersPanel.svelte';
 import KafkaTriggerPanel from './kafka/KafkaTriggersPanel.svelte';
@@ -15,7 +16,7 @@ import ClipboardPanel from '../details/ClipboardPanel.svelte';
 import CliHelpBox from '../CliHelpBox.svelte';
 import TriggerLabel from './TriggerLabel.svelte';
 import { twMerge } from 'tailwind-merge';
-let { selectedTrigger, isFlow = false, initialPath, fakeInitialPath, currentPath, hash, small, args, newItem, schema, ...props } = $props();
+let { selectedTrigger, isFlow = false, initialPath, fakeInitialPath, currentPath, hash, small, args, newItem, schema, onEmailDomain, ...props } = $props();
 </script>
 
 {#if selectedTrigger.type === 'http'}
@@ -37,14 +38,14 @@ let { selectedTrigger, isFlow = false, initialPath, fakeInitialPath, currentPath
 		scopes={isFlow ? [`jobs:run:flows:${currentPath}`] : [`jobs:run:scripts:${currentPath}`]}
 		{newItem}
 	/>
-{:else if selectedTrigger.type === 'email'}
-	<EmailTriggerPanel
+{:else if selectedTrigger.type === 'default_email'}
+	<DefaultEmailPanel
 		token=""
 		scopes={isFlow ? [`jobs:run:flows:${currentPath}`] : [`jobs:run:scripts:${currentPath}`]}
 		path={initialPath || fakeInitialPath}
 		{isFlow}
 		{hash}
-		on:email-domain
+		{onEmailDomain}
 	/>
 {:else if selectedTrigger.type === 'schedule'}
 	<SchedulePanel
@@ -119,6 +120,16 @@ let { selectedTrigger, isFlow = false, initialPath, fakeInitialPath, currentPath
 		{customLabel}
 		{...props}
 	/>
+{:else if selectedTrigger.type === 'email'}
+	<EmailTriggerPanel
+		{isFlow}
+		path={initialPath || fakeInitialPath}
+		{selectedTrigger}
+		defaultValues={selectedTrigger.draftConfig ?? selectedTrigger.captureConfig ?? undefined}
+		{customLabel}
+		{onEmailDomain}
+		{...props}
+	/>
 {:else if selectedTrigger.type === 'poll'}
 	<ScheduledPollPanel />
 {:else if selectedTrigger.type === 'cli'}

package/package/components/triggers/TriggersWrapper.svelte.d.ts

@@ -17,24 +17,8 @@ interface Props {
     onUpdate?: (path: string) => void;
     onDelete?: () => void;
     onReset?: () => void;
+    onEmailDomain: (domain: string) => void;
 }
-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 TriggersWrapper: $$__sveltets_2_IsomorphicComponent<Props, {
-    'email-domain': CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TriggersWrapper = InstanceType<typeof TriggersWrapper>;
+declare const TriggersWrapper: import("svelte").Component<Props, {}, "">;
+type TriggersWrapper = ReturnType<typeof TriggersWrapper>;
 export default TriggersWrapper;