windmill-components 1.687.0 → 1.695.0

package/package/components/flows/conversations/FlowChatManager.svelte.js

@@ -1,4 +1,4 @@
-import { FlowConversationService, JobService } from '../../../gen';
+import { FlowConversationsService, JobService } from '../../../gen';
 import { sendUserToast } from '../../../toast';
 import { waitJob } from '../../waitJob';
 import { tick } from 'svelte';
@@ -126,7 +126,7 @@ export class FlowChatManager {
     async deleteConversation(conversationId) {
         try {
             this.deletingConversationId = conversationId;
-            await FlowConversationService.deleteFlowConversation({
+            await FlowConversationsService.deleteFlowConversation({
                 workspace: get(workspaceStore),
                 conversationId
             });
@@ -176,7 +176,7 @@ export class FlowChatManager {
         if (!get(workspaceStore) || !this.#path)
             return [];
         try {
-            const response = await FlowConversationService.listFlowConversations({
+            const response = await FlowConversationsService.listFlowConversations({
                 workspace: get(workspaceStore),
                 flowPath: this.#path,
                 page: page,
@@ -208,7 +208,7 @@ export class FlowChatManager {
         const pageToFetch = reset ? 1 : this.page + 1;
         try {
             const previousScrollHeight = this.messagesContainer?.scrollHeight || 0;
-            const response = await FlowConversationService.listConversationMessages({
+            const response = await FlowConversationsService.listConversationMessages({
                 workspace: get(workspaceStore),
                 conversationId: conversationIdToUse,
                 page: pageToFetch,
@@ -266,6 +266,15 @@ export class FlowChatManager {
             messageElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
         }
     }
+    getLastPersistedMessageSeq() {
+        for (let i = this.messages.length - 1; i >= 0; i--) {
+            const message = this.messages[i];
+            if (!message.id.startsWith('temp-')) {
+                return message.created_seq;
+            }
+        }
+        return undefined;
+    }
     // Polling
     async pollJobResult(jobId) {
         try {
@@ -291,19 +300,18 @@ export class FlowChatManager {
         if (!get(workspaceStore))
             return;
         try {
-            const lastId = this.messages[this.messages.length - 1].id;
-            const response = await FlowConversationService.listConversationMessages({
+            const lastSeq = this.getLastPersistedMessageSeq();
+            const response = await FlowConversationsService.listConversationMessages({
                 workspace: get(workspaceStore),
                 conversationId: conversationId,
                 page: 1,
                 perPage: 50,
-                afterId: lastId
+                afterSeq: lastSeq
             });
             if (options?.isNewConversation) {
                 await this.refreshConversations();
             }
             const filteredResponse = response.filter((msg) => msg.message_type !== 'user');
-            // Add any new intermediate messages not already present
             for (const msg of filteredResponse) {
                 if (!this.messages.find((m) => m.id === msg.id)) {
                     this.messages = [...this.messages, msg];
@@ -312,7 +320,7 @@ export class FlowChatManager {
             // Only remove temporary messages when explicitly requested (e.g., after job completion)
             // During streaming, we keep temp messages to avoid them disappearing due to race conditions
             if (options?.removeTempMessages) {
-                this.messages = this.messages.filter((msg) => !msg.id.startsWith('temp-'));
+                this.messages = this.messages.filter((msg) => !msg.id.startsWith('temp-') || msg.message_type === 'user');
             }
         }
         catch (error) {
@@ -355,9 +363,10 @@ export class FlowChatManager {
         // Invalidate the conversation cache
         delete this.#conversationsCache[currentConversationId];
         const userMessage = {
-            id: randomUUID(),
+            id: `temp-${randomUUID()}`,
             content: this.inputMessage.trim(),
             created_at: new Date().toISOString(),
+            created_seq: 0,
             message_type: 'user',
             conversation_id: currentConversationId
         };
@@ -470,6 +479,7 @@ export class FlowChatManager {
                                         id: 'temp-' + randomUUID(),
                                         content: newContent,
                                         created_at: new Date().toISOString(),
+                                        created_seq: 0,
                                         message_type: 'tool',
                                         conversation_id: currentConversationId,
                                         job_id: '',
@@ -493,6 +503,7 @@ export class FlowChatManager {
                                         id: assistantMessageId,
                                         content: accumulatedContent,
                                         created_at: new Date().toISOString(),
+                                        created_seq: 0,
                                         message_type: 'assistant',
                                         conversation_id: currentConversationId,
                                         job_id: '',

package/package/components/flows/flowStateUtils.svelte.js

@@ -27,7 +27,11 @@ export async function loadFlowModuleState(flowModule) {
     }
     catch (e) {
         console.debug(e);
-        return emptyFlowModuleState();
+        // Leave schema undefined so onSelectedIdChange in FlowModuleComponent
+        // can detect the failed inference and retry when the module is selected.
+        return {
+            previewResult: NEVER_TESTED_THIS_FAR
+        };
     }
 }
 export async function pickScript(path, summary, id, hash, kind) {

package/package/components/flows/map/FlowModuleSchemaMap.svelte

@@ -27,7 +27,7 @@ import { getNoteEditorContext } from '../../graph/noteEditor.svelte';
 import { GroupedModulesProxy } from '../../graph/groupedModulesProxy.svelte';
 import { GroupDisplayState } from '../../graph/groupEditor.svelte';
 import { matchStructureNode, dfsStructure, moduleToStructureNode } from '../../graph/flowStructure';
-let { sidebarSize = $bindable(undefined), disableStaticInputs = false, disableTutorials = false, disableAi = false, disableSettings = false, newFlow = false, smallErrorHandler = false, workspace = $workspaceStore, onTestUpTo, onEditInput, localModuleStates = {}, testModuleStates = new ModulesTestStates(), aiChatOpen, showFlowAiButton, toggleAiChat, isOwner, onTestFlow, isRunning, onCancelTestFlow, onOpenPreview, onHideJobStatus, individualStepTests = false, flowJob = undefined, showJobStatus = false, suspendStatus = $bindable({ val: {} }), onDelete, flowHasChanged } = $props();
+let { sidebarSize = $bindable(undefined), disableStaticInputs = false, disableTutorials = false, disableAi = false, disableSettings = false, newFlow = false, smallErrorHandler = false, workspace = $workspaceStore, onTestUpTo, onEditInput, localModuleStates = {}, testModuleStates = new ModulesTestStates(), aiChatOpen, showFlowAiButton, toggleAiChat, isOwner, onTestFlow, isRunning, onCancelTestFlow, onOpenPreview, onHideJobStatus, individualStepTests = false, flowJob = undefined, showJobStatus = false, suspendStatus = $bindable({ val: {} }), onDelete, controlsPosition = 'top', flowHasChanged } = $props();
 const { customUi, selectionManager, history, flowStateStore, flowStore, pathStore } = getContext('FlowEditorContext');
 const moveManager = new MoveManager();
 const { triggersCount, triggersState } = getContext('TriggerContext');
@@ -405,7 +405,7 @@ $effect(() => {
 		/>
 	</div>
 
-	<div class="z-10 flex-auto grow bg-surface-secondary" bind:clientHeight={minHeight}>
+	<div class="z-10 flex-auto grow min-h-0 bg-surface-secondary" bind:clientHeight={minHeight}>
 		<FlowGraphV2
 			bind:this={graph}
 			earlyStop={flowStore.val.value?.skip_expr !== undefined}
@@ -780,6 +780,7 @@ $effect(() => {
 			{onCancelTestFlow}
 			{onOpenPreview}
 			{onHideJobStatus}
+			{controlsPosition}
 			exitNoteMode={() => (noteMode = false)}
 			onNotePositionUpdate={(noteId, position) => {
 				// Update note position via NoteEditor context in edit mode

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

@@ -35,6 +35,7 @@ interface Props {
     }>>;
     onDelete?: (id: string) => void;
     flowHasChanged?: boolean;
+    controlsPosition?: 'top' | 'bottom';
 }
 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> & {

package/package/components/git_sync/GitSyncContext.svelte.js

@@ -98,7 +98,6 @@ export function createGitSyncContext(workspace) {
             script_path: repo.script_path,
             use_individual_branch: repo.use_individual_branch,
             group_by_folder: repo.group_by_folder,
-            force_branch: repo.force_branch,
             settings: repo.settings,
             exclude_types_override: repo.exclude_types_override
         };
@@ -364,7 +363,6 @@ export function createGitSyncContext(workspace) {
                     script_path: repoToSave.script_path,
                     use_individual_branch: repoToSave.use_individual_branch,
                     group_by_folder: repoToSave.group_by_folder,
-                    force_branch: repoToSave.force_branch,
                     settings: repoToSave.settings,
                     exclude_types_override: repoToSave.exclude_types_override
                 }

package/package/components/graph/FlowGraphV2.svelte

@@ -71,7 +71,7 @@ const diffManager = createFlowDiffManager();
 let fullWidth = 0;
 let width = $state(0);
 let simplifiableFlow = $state(undefined);
-let { onInsert = undefined, onDelete = undefined, onMove = undefined, onDuplicate = undefined, onDeleteBranch = undefined, onNewBranch = undefined, onSelect = undefined, onChangeId = undefined, onUpdateMock = undefined, onSelectedIteration = undefined, success = undefined, modules = [], groupedModules: groupedModulesProp = undefined, groupError = undefined, failureModule = undefined, preprocessorModule = undefined, minHeight = 0, maxHeight = undefined, notSelectable = false, flowModuleStates = undefined, testModuleStates = undefined, moduleActions = undefined, selectionManager: selectionManagerProp = undefined, path = undefined, newFlow = false, insertable = false, earlyStop = false, cache = false, scroll = false, moveManager = undefined, download = false, fullSize = false, disableAi = false, triggerNode = false, workspace = $workspaceStore ?? 'NO_WORKSPACE', editMode = false, allowSimplifiedPoll = true, expandedSubflows = $bindable({}), onTestUpTo = undefined, onEditInput = undefined, isOwner = false, onTestFlow = undefined, isRunning = false, onCancelTestFlow = undefined, onOpenPreview = undefined, onHideJobStatus = undefined, individualStepTests = false, flowJob = undefined, showJobStatus = false, suspendStatus = {}, flowHasChanged = false, noteMode = false, notes = undefined, groups = undefined, groupDisplayState: groupDisplayStateProp = undefined, exitNoteMode = undefined, onNotePositionUpdate = undefined, chatInputEnabled = false, sharedViewport = undefined, onViewportChange = undefined, leftHeader = undefined, diffBeforeFlow = undefined, currentInputSchema = undefined, markRemovedAsShadowed = false, multiSelectEnabled = false, onDeleteMultiple = undefined, onDuplicateMultiple = undefined, onMoveMultiple = undefined, movingIds = undefined, outerDivClass = '' } = $props();
+let { onInsert = undefined, onDelete = undefined, onMove = undefined, onDuplicate = undefined, onDeleteBranch = undefined, onNewBranch = undefined, onSelect = undefined, onChangeId = undefined, onUpdateMock = undefined, onSelectedIteration = undefined, success = undefined, modules = [], groupedModules: groupedModulesProp = undefined, groupError = undefined, failureModule = undefined, preprocessorModule = undefined, minHeight = 0, maxHeight = undefined, notSelectable = false, flowModuleStates = undefined, testModuleStates = undefined, moduleActions = undefined, selectionManager: selectionManagerProp = undefined, path = undefined, newFlow = false, insertable = false, earlyStop = false, cache = false, scroll = false, moveManager = undefined, download = false, fullSize = false, disableAi = false, triggerNode = false, workspace = $workspaceStore ?? 'NO_WORKSPACE', editMode = false, allowSimplifiedPoll = true, expandedSubflows = $bindable({}), onTestUpTo = undefined, onEditInput = undefined, isOwner = false, onTestFlow = undefined, isRunning = false, onCancelTestFlow = undefined, onOpenPreview = undefined, onHideJobStatus = undefined, individualStepTests = false, flowJob = undefined, showJobStatus = false, suspendStatus = {}, flowHasChanged = false, noteMode = false, notes = undefined, groups = undefined, groupDisplayState: groupDisplayStateProp = undefined, exitNoteMode = undefined, onNotePositionUpdate = undefined, chatInputEnabled = false, sharedViewport = undefined, onViewportChange = undefined, leftHeader = undefined, diffBeforeFlow = undefined, currentInputSchema = undefined, markRemovedAsShadowed = false, multiSelectEnabled = false, onDeleteMultiple = undefined, onDuplicateMultiple = undefined, onMoveMultiple = undefined, movingIds = undefined, controlsPosition = 'top', outerDivClass = '' } = $props();
 // Initialize note manager with fine-grained reactivity
 const noteManager = new NoteManager(() => notes ?? [], (newNodes) => {
     nodes = newNodes;
@@ -458,11 +458,15 @@ function updateHeight() {
     else {
         const minY = Math.min(...nodes.map((n) => n.position.y));
         const maxBottom = Math.max(...nodes.map((n) => n.position.y + NODE.height + 100));
-        height = Math.max(maxBottom - minY, minHeight);
+        const computed = maxBottom - minY;
+        height = Math.max(Math.min(computed, maxHeight ?? computed), minHeight);
     }
 }
 $effect(() => {
+    // Track both bounds — updateHeight() reads both, so missing one (as
+    // maxHeight was) leaves height stale when only that bound changes.
     minHeight;
+    maxHeight;
     untrack(() => updateHeight());
 });
 const nodeTypes = {
@@ -819,7 +823,7 @@ const modifierKey = isMac() ? 'Meta' : 'Control';
 					</div>
 				{:else}
 					<Controls
-						position="top-right"
+						position={controlsPosition === 'bottom' ? 'bottom-right' : 'top-right'}
 						orientation="horizontal"
 						showLock={false}
 						fitViewOptions={{ nodes: nodes.filter((n) => n.type !== 'note') }}

package/package/components/graph/FlowGraphV2.svelte.d.ts

@@ -126,6 +126,7 @@ interface Props {
     diffBeforeFlow?: OpenFlow;
     currentInputSchema?: Record<string, any>;
     markRemovedAsShadowed?: boolean;
+    controlsPosition?: 'top' | 'bottom';
     outerDivClass?: string;
 }
 declare const FlowGraphV2: import("svelte").Component<Props, {

package/package/components/graph/renderers/triggers/TriggersBadge.svelte

@@ -5,6 +5,7 @@ import { getContext } from 'svelte';
 import {} from '../../../triggers';
 import { enterpriseLicense } from '../../../../stores';
 import { MqttIcon, NatsIcon, KafkaIcon, AwsIcon, GoogleCloudIcon } from '../../../icons';
+import AzureIcon from '../../../icons/AzureIcon.svelte';
 import {} from '../../../triggers/utils';
 import { Menu, Menubar, MeltButton, MenuItem, Tooltip } from '../../../meltComponents';
 import { twMerge } from 'tailwind-merge';
@@ -34,6 +35,7 @@ let triggerTypeConfig = $derived(() => {
         mqtt: { icon: MqttIcon, countKey: 'mqtt_count', disabled: !$enterpriseLicense },
         sqs: { icon: AwsIcon, countKey: 'sqs_count', disabled: !$enterpriseLicense },
         gcp: { icon: GoogleCloudIcon, countKey: 'gcp_count', disabled: !$enterpriseLicense },
+        azure: { icon: AzureIcon, countKey: 'azure_count', disabled: !$enterpriseLicense },
         poll: { icon: SchedulePollIcon },
         cli: { icon: Terminal },
         nextcloud: { icon: NextcloudIcon, countKey: 'nextcloud_count' },
@@ -58,6 +60,7 @@ let allTypes = $derived([
     'mqtt',
     'sqs',
     'gcp',
+    'azure',
     'email',
     'poll',
     'cli',

package/package/components/home/deploy_ui.js

@@ -16,6 +16,6 @@ async function getDeployUiSettingsInner() {
     if (!get(enterpriseLicense)) {
         return ALL_DEPLOYABLE;
     }
-    let settings = await WorkspaceService.getSettings({ workspace: get(workspaceStore) });
+    let settings = await WorkspaceService.getPublicSettings({ workspace: get(workspaceStore) });
     return settings.deploy_ui ?? ALL_DEPLOYABLE;
 }

package/package/components/icons/AzureIcon.svelte

@@ -1,29 +1,16 @@
 <script lang="ts">"use strict";
-let { height = '24px', width = '24px' } = $props();
+let { size = 16, color = undefined, class: clazz = '' } = $props();
 </script>
 
-<svg id="azure" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.5 377.3" {width} {height}
-	><style>
-		.st0-azure {
-			fill: #00bef2;
-		}
-		.st1-azure {
-			fill: #fff;
-			stroke: #fff;
-			stroke-width: 1.2357;
-			stroke-linecap: round;
-			stroke-linejoin: round;
-		}</style><g id="layer1" transform="translate(-39.022 -78.115)"
-		><g id="g1016" transform="translate(-63.947 -88.179)"
-			><path
-				id="path1008"
-				class="st0-azure"
-				d="M290 166.3c.4 0 .8.5 1.4 1.4.5.8 42.6 51.3 93.6 112.2 51 60.9 92.6 111 92.4 111.3-.1.3-40.7 33.6-90.2 73.9s-91.6 74.6-93.5 76.2c-3.3 2.7-3.5 2.8-4.7 1.6-.7-.7-42.9-35.2-93.8-76.7S102.8 390.5 103 390c.2-.5 42-50.4 93.1-111s92.9-110.7 93.1-111.5c.2-.8.5-1.2.8-1.2z"
-			/><path
-				id="path923"
-				class="st1-azure"
-				d="M283.1 483.6c-5.8-2.1-12.8-8.1-15.7-13.7-3.6-6.9-3.3-17.7.7-26.3 3.1-6.4 3.1-6.6 1.1-8.1-1.1-.8-14.4-8.2-29.4-16.3-15-8.1-28.1-15.2-29-15.7-1.2-.7-3.2 0-6.8 2.3-11.7 7.4-23.9 6.6-33.5-2.3-6.9-6.4-8.9-10.9-8.9-20.1 0-8.9 1.8-13.5 7.5-19.2 7.7-7.7 18-10.3 27.9-7 5.4 1.8 5.5 1.8 8.9-.8 4-3 36.1-32.3 51.6-47l10.7-10.2-3.2-6.7c-6.5-13.5-3.2-28.5 8.2-37.5 6.2-4.9 10.8-6.4 19.7-6.4 20.8 0 35.3 21.8 27.5 41.3-2.1 5.4-2.1 5.5-.1 8.8 1.7 2.9 30.6 37.8 45.9 55.6 2.7 3.1 5.7 5.6 6.7 5.6s4.4-1 7.6-2.2c14.9-5.9 30.6.7 36.8 15.5 4 9.5.5 22.3-8 30-6 5.4-10.4 7.1-18.4 7.1-5.6 0-7.7-.6-13.6-3.8-4.4-2.4-7.8-3.6-9.2-3.2-2.4.6-39.3 25.9-47.5 32.5-5 4.1-5.4 5.6-2.8 11.7 2.5 6 2.2 15.4-.6 21.3-3.1 6.5-10.8 13-17.5 15-6.8 1.9-10.9 1.9-16.6-.2zm1.7-110.2v-57l-3.2-4.4c-1.8-2.4-3.5-4.4-3.8-4.4-1.3 0-65.9 58.7-65.9 59.9 0 .3 1 3.3 2.2 6.5 1.2 3.3 2.1 8 2 10.7-.1 2.7-.1 5.7-.1 6.7.1 2.3 21.7 16.1 54.1 34.8 8.9 5.2 12 6.5 13.1 5.6 1.3-1.1 1.6-12.2 1.6-58.4zm27.4 50.4c42.8-26.9 50.8-32.3 51.3-34.3.3-1.2.7-5.9.8-10.6l.3-8.4-21.8-25.9c-23.4-27.7-32-37.1-34-37.1-.7 0-4.2 2-7.8 4.4l-6.6 4.4.3 56.9c.3 51 .7 59.6 2.6 59.6.2.1 7-4 14.9-9z"
-			/></g
-		></g
-	></svg
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={`${size}px`}
+	height={`${size}px`}
+	viewBox="0 0 24 24"
+	fill={color ?? 'currentColor'}
+	class={clazz}
 >
+	<path
+		d="M22.379 23.343a1.62 1.62 0 0 0 1.536-1.1l.029-.092q.053-.164.081-.336v-.016a1.68 1.68 0 0 0-.268-1.227L15.147 5.44a1.63 1.63 0 0 0-1.354-.724l-3.473.011L5.94 8.57a6 6 0 0 0-1.386 1.74L.262 17.717a1.63 1.63 0 0 0 1.422 2.429l-.055-.013zM13.398 7.25l5.322 9.183-10.683.024zm-3.363 12.754-8.316.021 8.318-14.4 1.795 3.1-6.516 11.274z"
+	/>
+</svg>

package/package/components/icons/AzureIcon.svelte.d.ts

@@ -1,6 +1,7 @@
 interface Props {
-    height?: string;
-    width?: string;
+    size?: number;
+    color?: string | undefined;
+    class?: string;
 }
 declare const AzureIcon: import("svelte").Component<Props, {}, "">;
 type AzureIcon = ReturnType<typeof AzureIcon>;

package/package/components/instanceSettings.js

@@ -301,6 +301,14 @@ export const settings = {
             key: 'disable_password_login',
             fieldType: 'boolean',
             storage: 'setting'
+        },
+        {
+            label: 'Auto-login SSO provider',
+            description: 'If set, the login page redirects automatically to this provider. Use the OAuth provider key (e.g. "okta", "google") or "saml". The provider must be configured; otherwise the setting is ignored. Visit /user/login?no_sso=1 to bypass the redirect and fall back to the normal login form.',
+            key: 'auto_login_provider',
+            fieldType: 'text',
+            placeholder: 'okta',
+            storage: 'setting'
         }
     ],
     'DB Health': [],
@@ -409,6 +417,22 @@ export const settings = {
             ee_only: '',
             hiddenIfEmpty: true
         },
+        {
+            label: 'Minimum release age (uv / Python)',
+            description: 'Refuse to install Python packages younger than this many seconds. Protects against supply-chain attacks via freshly published versions. Wires to <code>uv pip --exclude-newer</code>.',
+            key: 'uv_exclude_newer',
+            fieldType: 'seconds',
+            placeholder: '604800',
+            storage: 'setting'
+        },
+        {
+            label: 'Minimum release age (bun / npm)',
+            description: 'Refuse to install npm packages younger than this many seconds. Protects against supply-chain attacks via freshly published versions. Sets <code>BUN_INSTALL_MINIMUM_RELEASE_AGE</code>.',
+            key: 'bun_install_min_release_age',
+            fieldType: 'seconds',
+            placeholder: '604800',
+            storage: 'setting'
+        },
         {
             label: 'Nuget Config',
             description: 'Write a nuget.config file to set custom package sources and credentials. Use <clear /> inside <packageSources> to remove default sources and only use your custom ones',

package/package/components/mcp/McpScopeSelector.svelte

@@ -9,18 +9,19 @@ import { FlowService, FolderService, IntegrationService, ScriptService } from '.
 import { mcpEndpointTools } from '../../mcpEndpointTools';
 import InfoIcon from 'lucide-svelte/icons/info';
 import { SvelteMap } from 'svelte/reactivity';
-let { workspaceId, scope = $bindable() } = $props();
-let selectedMode = $state('favorites');
-let selectedFolders = $state([]);
+let { workspaceId, scope = $bindable(), initialScope } = $props();
+const parsedInitial = parseInitialScope(initialScope);
+let selectedMode = $state(parsedInitial.mode);
+let selectedFolders = $state(parsedInitial.folders);
 let allFolders = $state([]);
 let loadingFolders = $state(false);
 let folderNamesCache = new Map();
-let selectedScripts = $state([]);
-let selectedFlows = $state([]);
-let selectedEndpoints = $state([]);
-let customScriptPatterns = $state('');
-let customFlowPatterns = $state('');
-let newMcpApps = $state([]);
+let selectedScripts = $state(parsedInitial.scripts);
+let selectedFlows = $state(parsedInitial.flows);
+let selectedEndpoints = $state(parsedInitial.endpoints);
+let customScriptPatterns = $state(parsedInitial.scriptPatterns);
+let customFlowPatterns = $state(parsedInitial.flowPatterns);
+let newMcpApps = $state(parsedInitial.hubApps);
 let allScripts = $state([]);
 let allFlows = $state([]);
 let allApps = $state([]);
@@ -35,6 +36,88 @@ function parsePatterns(input) {
         .map((p) => p.trim())
         .filter((p) => p.length > 0);
 }
+function parseInitialScope(input) {
+    const empty = {
+        mode: 'favorites',
+        folders: [],
+        scripts: [],
+        flows: [],
+        endpoints: [],
+        scriptPatterns: '',
+        flowPatterns: '',
+        hubApps: []
+    };
+    if (!input)
+        return empty;
+    const parts = input.split(/\s+/).filter((p) => p.length > 0);
+    if (parts.length === 0)
+        return empty;
+    const byKind = {};
+    let mode = 'custom';
+    const hubApps = [];
+    for (const part of parts) {
+        if (part === 'mcp:favorites') {
+            mode = 'favorites';
+        }
+        else if (part === 'mcp:all') {
+            mode = 'all';
+        }
+        else if (part.startsWith('mcp:hub:')) {
+            hubApps.push(...parsePatterns(part.slice('mcp:hub:'.length)));
+        }
+        else if (part.startsWith('mcp:scripts:')) {
+            byKind.scripts = parsePatterns(part.slice('mcp:scripts:'.length));
+        }
+        else if (part.startsWith('mcp:flows:')) {
+            byKind.flows = parsePatterns(part.slice('mcp:flows:'.length));
+        }
+        else if (part.startsWith('mcp:endpoints:')) {
+            byKind.endpoints = parsePatterns(part.slice('mcp:endpoints:'.length));
+        }
+    }
+    // Detect folder mode: scripts and flows are exclusively `f/X/*` patterns
+    // for the same set of folders, and endpoints is exactly `*`.
+    const folderRe = /^f\/([^/]+)\/\*$/;
+    const scriptFolders = (byKind.scripts ?? []).map((p) => p.match(folderRe)?.[1]);
+    const flowFolders = (byKind.flows ?? []).map((p) => p.match(folderRe)?.[1]);
+    const allScriptsAreFolders = scriptFolders.length > 0 && scriptFolders.every((f) => !!f);
+    const allFlowsAreFolders = flowFolders.length > 0 && flowFolders.every((f) => !!f);
+    const sameFolders = allScriptsAreFolders &&
+        allFlowsAreFolders &&
+        scriptFolders.length === flowFolders.length &&
+        scriptFolders.every((f, i) => f === flowFolders[i]);
+    const endpointsIsAll = byKind.endpoints?.length === 1 && byKind.endpoints[0] === '*';
+    if (mode !== 'favorites' && mode !== 'all' && sameFolders && endpointsIsAll) {
+        return {
+            mode: 'folder',
+            folders: scriptFolders.filter((f) => !!f),
+            scripts: [],
+            flows: [],
+            endpoints: [],
+            scriptPatterns: '',
+            flowPatterns: '',
+            hubApps
+        };
+    }
+    if (mode === 'favorites' || mode === 'all') {
+        return { ...empty, mode, hubApps };
+    }
+    // Custom mode: split each list into "selectable" entries (later filtered
+    // against allScripts/allFlows once loaded) and free-form patterns.
+    // We can't know yet which are real paths vs wildcard patterns, so pass
+    // everything as patterns; once allScripts/allFlows load, $effect will
+    // move matching entries into selectedScripts/selectedFlows.
+    return {
+        mode: 'custom',
+        folders: [],
+        scripts: [],
+        flows: [],
+        endpoints: byKind.endpoints ?? [],
+        scriptPatterns: (byKind.scripts ?? []).join(','),
+        flowPatterns: (byKind.flows ?? []).join(','),
+        hubApps
+    };
+}
 // Compute scope string from selections
 $effect(() => {
     let scopeParts = [];
@@ -229,6 +312,33 @@ $effect(() => {
         loadAllScriptsAndFlows(workspaceId);
     }
 });
+// One-shot: once allScripts/allFlows are loaded, split the
+// initial pattern text into known paths (selectedScripts/Flows) vs
+// remaining wildcards/unknowns (kept in pattern textbox).
+let initialSplitDone = $state(false);
+$effect(() => {
+    if (initialSplitDone || selectedMode !== 'custom')
+        return;
+    if (allScripts.length === 0 && allFlows.length === 0)
+        return;
+    const scriptSet = new Set(allScripts);
+    const flowSet = new Set(allFlows);
+    const scriptParts = parsePatterns(customScriptPatterns);
+    const knownScripts = scriptParts.filter((p) => scriptSet.has(p));
+    const remainingScripts = scriptParts.filter((p) => !scriptSet.has(p));
+    const flowParts = parsePatterns(customFlowPatterns);
+    const knownFlows = flowParts.filter((p) => flowSet.has(p));
+    const remainingFlows = flowParts.filter((p) => !flowSet.has(p));
+    if (knownScripts.length > 0) {
+        selectedScripts = [...new Set([...selectedScripts, ...knownScripts])];
+        customScriptPatterns = remainingScripts.join(',');
+    }
+    if (knownFlows.length > 0) {
+        selectedFlows = [...new Set([...selectedFlows, ...knownFlows])];
+        customFlowPatterns = remainingFlows.join(',');
+    }
+    initialSplitDone = true;
+});
 const warning = $derived(selectedMode === 'all'
     ? 'Create your first scripts or flows to make them available via MCP.'
     : selectedMode === 'favorites'

package/package/components/mcp/McpScopeSelector.svelte.d.ts

@@ -1,6 +1,7 @@
 interface Props {
     workspaceId: string;
     scope: string;
+    initialScope?: string;
 }
 declare const McpScopeSelector: import("svelte").Component<Props, {}, "scope">;
 type McpScopeSelector = ReturnType<typeof McpScopeSelector>;

package/package/components/offboarding-utils.js

@@ -26,6 +26,7 @@ const TRIGGER_TABLE_TO_ROUTE = {
     nats_trigger: 'nats_triggers',
     sqs_trigger: 'sqs_triggers',
     gcp_trigger: 'gcp_triggers',
+    azure_trigger: 'azure_triggers',
     email_trigger: 'email_triggers'
 };
 const TRIGGER_TABLE_TO_LABEL = {
@@ -37,6 +38,7 @@ const TRIGGER_TABLE_TO_LABEL = {
     nats_trigger: 'nats trigger',
     sqs_trigger: 'sqs trigger',
     gcp_trigger: 'gcp trigger',
+    azure_trigger: 'azure trigger',
     email_trigger: 'email trigger'
 };
 export function flattenPaths(p) {

package/package/components/progressBar/ProgressBar.svelte

@@ -3,7 +3,7 @@ import { linear } from 'svelte/easing';
 import { twMerge } from 'tailwind-merge';
 import { Loader2 } from 'lucide-svelte';
 import { fade } from 'svelte/transition';
-let { error = undefined, index, subIndex, subLength, nextInProgress = false, subIndexIsPercent = false, compact = false, hideStepTitle = false, slim = false, length, class: className = '', textPosition = 'top', stepId, showStepId = false, isWaitingForEvents = false, isCanceled = false, isScheduled = false } = $props();
+let { error = undefined, index, subIndex, subLength, nextInProgress = false, subIndexIsPercent = false, compact = false, hideStepTitle = false, slim = false, length, class: className = '', textPosition = 'top', stepId, showStepId = false, isWaitingForEvents = false, isCanceled = false, isScheduled = false, isSkipped = false } = $props();
 let duration = 200;
 let percent = new Tween(0, { duration, easing: linear });
 export function resetP() {
@@ -87,13 +87,15 @@ const status = $derived(error != undefined ? 'error' : finished ? 'done' : 'runn
 				: 'text-blue-700 dark:text-blue-200'}"
 		>
 			<div class={twMerge(slim ? 'text-xs' : 'text-sm', 'flex items-center gap-1')}>
-				{#if status == 'running' && !isCanceled && !isScheduled}
+				{#if status == 'running' && !isCanceled && !isScheduled && !isSkipped}
 					<Loader2 class="animate-spin" size={14} />
 				{/if}
-				{#key status + isWaitingForEvents + stepId + isCanceled + isScheduled}
+				{#key status + isWaitingForEvents + stepId + isCanceled + isScheduled + isSkipped}
 					<span in:fade={{ duration: 150 }}>
 						{#if status == 'error'}
 							Error occurred
+						{:else if isSkipped}
+							Skipped
 						{:else if status == 'done' && isCanceled}
 							Canceled
 						{:else if status == 'done'}
@@ -109,9 +111,11 @@ const status = $derived(error != undefined ? 'error' : finished ? 'done' : 'runn
 						{:else if hideStepTitle}
 							{isCanceled ? 'Canceled' : 'Running'}
 						{:else if subIndexIsPercent}
-							{(isCanceled ? 'Canceled at ' : '') + `Step ${index + 1} (${subIndex !== undefined ? subIndex + '%' : ''})`}
+							{(isCanceled ? 'Canceled at ' : '') +
+								`Step ${index + 1} (${subIndex !== undefined ? subIndex + '%' : ''})`}
 						{:else}
-							{(isCanceled ? 'Canceled at ' : '') + `Step ${index + 1}${subIndex !== undefined ? `.${subIndex + 1}` : ''}`}
+							{(isCanceled ? 'Canceled at ' : '') +
+								`Step ${index + 1}${subIndex !== undefined ? `.${subIndex + 1}` : ''}`}
 						{/if}
 					</span>
 				{/key}

package/package/components/progressBar/ProgressBar.svelte.d.ts

@@ -16,6 +16,7 @@ interface Props {
     isWaitingForEvents?: boolean;
     isCanceled?: boolean;
     isScheduled?: boolean;
+    isSkipped?: boolean;
 }
 declare const ProgressBar: import("svelte").Component<Props, {
     resetP: () => void;

package/package/components/raw_apps/DeleteAfterUsePopup.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">import Toggle from '../Toggle.svelte';
+import { Button, SecondsInput } from '../common';
+import { Trash } from 'lucide-svelte';
+import Popover from '../meltComponents/Popover.svelte';
+import { autoPlacement } from '@floating-ui/core';
+let { delete_after_secs = $bindable(), btnProps } = $props();
+const enabled = $derived(typeof delete_after_secs === 'number' && delete_after_secs >= 0);
+</script>
+
+<Popover
+	floatingConfig={{
+		middleware: [
+			autoPlacement({
+				allowedPlacements: ['bottom-start', 'bottom-end', 'top-start', 'top-end', 'top', 'bottom']
+			})
+		]
+	}}
+	closeButton
+	contentClasses="block text-primary p-4"
+>
+	{#snippet trigger()}
+		<Button
+			nonCaptureEvent={true}
+			btnClasses={enabled
+				? 'bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600'
+				: 'bg-surface text-primary hover:bg-hover'}
+			color="light"
+			variant="contained"
+			size="xs2"
+			iconOnly
+			startIcon={{ icon: Trash }}
+			title="Delete job metadata after the job completes"
+			{...btnProps}
+		/>
+	{/snippet}
+	{#snippet content()}
+		<Toggle
+			checked={enabled}
+			on:change={() => {
+				delete_after_secs = enabled ? undefined : 0
+			}}
+			options={{
+				right: 'Delete job metadata after the job completes'
+			}}
+		/>
+		<div class="mt-4">
+			<span class="text-xs font-bold">Delay before deletion</span>
+			<SecondsInput bind:seconds={delete_after_secs} disabled={!enabled} />
+			<span class="text-2xs text-tertiary block mt-1">0 = immediate</span>
+		</div>
+	{/snippet}
+</Popover>

package/package/components/raw_apps/DeleteAfterUsePopup.svelte.d.ts

@@ -0,0 +1,9 @@
+import { Button } from '../common';
+import type { ComponentProps } from 'svelte';
+interface Props {
+    delete_after_secs: number | undefined;
+    btnProps?: ComponentProps<typeof Button>;
+}
+declare const DeleteAfterUsePopup: import("svelte").Component<Props, {}, "delete_after_secs">;
+type DeleteAfterUsePopup = ReturnType<typeof DeleteAfterUsePopup>;
+export default DeleteAfterUsePopup;