windmill-components 1.677.1 → 1.695.0

package/package/components/restartFromStepPath.d.ts

@@ -0,0 +1,39 @@
+import type { FlowModule } from '../gen';
+export type ContainerType = 'branchone' | 'forloopflow' | 'flow' | 'whileloopflow' | 'branchall';
+export type AncestorEntry = {
+    stepId: string;
+    type: ContainerType;
+    /** For BranchOne: -1 means default branch, 0..N-1 means branches[i] */
+    branchIndex?: number;
+    /** True for parallel ForLoop / BranchAll — backend rejects nested restart
+     * inside parallel containers, so the caller should hide the restart button. */
+    parallel?: boolean;
+};
+export type StepPath = {
+    target: FlowModule;
+    ancestors: AncestorEntry[];
+};
+/**
+ * Walks the flow value tree to locate `targetId`. Returns the target module and
+ * the chain of containers from the root down to (but not including) the target.
+ * Returns `undefined` if the step is not found in this flow value.
+ *
+ * Subflow boundaries are NOT crossed: if the target sits inside a `Flow{path}`
+ * step's referenced flow, this returns `undefined` because we don't have that
+ * subflow's value here.
+ */
+export declare function findStepPath(modules: FlowModule[], targetId: string): StepPath | undefined;
+/**
+ * Inline-expanded subflows produce step IDs like
+ * `subflow:<outer_subflow_step>:[<nested_subflow_step>:...]<leaf>`. Each `:`-separated
+ * segment after the `subflow:` marker is a step ID; the last segment is the leaf
+ * (the user's selected step) and the preceding segments are subflow steps along
+ * the way (each one a `Flow{path}` module).
+ *
+ * Returns the parsed segments + leaf, or `undefined` if `id` is not a subflow-prefixed
+ * step.
+ */
+export declare function parseExpandedSubflowId(id: string): {
+    subflowSteps: string[];
+    leaf: string;
+} | undefined;

package/package/components/restartFromStepPath.js

@@ -0,0 +1,89 @@
+/**
+ * Walks the flow value tree to locate `targetId`. Returns the target module and
+ * the chain of containers from the root down to (but not including) the target.
+ * Returns `undefined` if the step is not found in this flow value.
+ *
+ * Subflow boundaries are NOT crossed: if the target sits inside a `Flow{path}`
+ * step's referenced flow, this returns `undefined` because we don't have that
+ * subflow's value here.
+ */
+export function findStepPath(modules, targetId) {
+    for (const mod of modules) {
+        if (mod.id === targetId) {
+            return { target: mod, ancestors: [] };
+        }
+        const value = mod.value;
+        if (value.type === 'forloopflow' || value.type === 'whileloopflow') {
+            const sub = findStepPath(value.modules, targetId);
+            if (sub) {
+                return {
+                    target: sub.target,
+                    ancestors: [
+                        { stepId: mod.id, type: value.type, parallel: value.parallel === true },
+                        ...sub.ancestors
+                    ]
+                };
+            }
+        }
+        else if (value.type === 'branchone') {
+            const allBranches = [
+                { idx: -1, modules: value.default }
+            ];
+            value.branches.forEach((b, i) => allBranches.push({ idx: i, modules: b.modules }));
+            for (const { idx, modules: bm } of allBranches) {
+                const sub = findStepPath(bm, targetId);
+                if (sub) {
+                    return {
+                        target: sub.target,
+                        ancestors: [{ stepId: mod.id, type: 'branchone', branchIndex: idx }, ...sub.ancestors]
+                    };
+                }
+            }
+        }
+        else if (value.type === 'branchall') {
+            for (let i = 0; i < value.branches.length; i++) {
+                const sub = findStepPath(value.branches[i].modules, targetId);
+                if (sub) {
+                    return {
+                        target: sub.target,
+                        ancestors: [
+                            {
+                                stepId: mod.id,
+                                type: 'branchall',
+                                branchIndex: i,
+                                parallel: value.parallel === true
+                            },
+                            ...sub.ancestors
+                        ]
+                    };
+                }
+            }
+        }
+    }
+    return undefined;
+}
+/**
+ * Inline-expanded subflows produce step IDs like
+ * `subflow:<outer_subflow_step>:[<nested_subflow_step>:...]<leaf>`. Each `:`-separated
+ * segment after the `subflow:` marker is a step ID; the last segment is the leaf
+ * (the user's selected step) and the preceding segments are subflow steps along
+ * the way (each one a `Flow{path}` module).
+ *
+ * Returns the parsed segments + leaf, or `undefined` if `id` is not a subflow-prefixed
+ * step.
+ */
+export function parseExpandedSubflowId(id) {
+    if (!id.startsWith('subflow:')) {
+        return undefined;
+    }
+    const parts = id
+        .slice('subflow:'.length)
+        .split(':')
+        .filter((p) => p.length > 0);
+    if (parts.length < 2) {
+        return undefined;
+    }
+    const leaf = parts[parts.length - 1];
+    const subflowSteps = parts.slice(0, -1);
+    return { subflowSteps, leaf };
+}

package/package/components/runs/JobDetailFieldConfig.d.ts

@@ -24,6 +24,7 @@ export type FieldPresenceConfig = Record<JobCategory, Record<JobField, boolean>>
  * Categorizes a job based on its job_kind
  */
 export declare function getJobCategory(job: Job): JobCategory;
+export declare function isFlowVersionHash(job: Job): boolean;
 /**
  * Gets trigger information from a job
  */

package/package/components/runs/JobDetailFieldConfig.js

@@ -37,6 +37,21 @@ export function getJobCategory(job) {
             return 'script'; // Default fallback
     }
 }
+// For flow/app-shaped jobs `script_hash` is a flow_version/app_version id
+// (i64) serialized as zero-padded 16-char hex.
+export function isFlowVersionHash(job) {
+    switch (job.job_kind) {
+        case 'flow':
+        case 'flowpreview':
+        case 'singlestepflow':
+        case 'flownode':
+        case 'flowdependencies':
+        case 'appdependencies':
+            return true;
+        default:
+            return false;
+    }
+}
 /**
  * Gets trigger information from a job
  */
@@ -158,10 +173,44 @@ export const fieldConfigs = {
     script_hash: {
         field: 'script_hash',
         label: 'Hash',
-        getValue: (job) => job.script_hash?.toString() || null,
-        getHref: (job, workspaceId) => job.script_hash && job.job_kind === 'script'
-            ? `/scripts/get/${job.script_hash}?workspace=${workspaceId}`
-            : null
+        getValue: (job) => {
+            if (!job.script_hash)
+                return null;
+            // Decode hex → decimal for flow/app version ids.
+            if (isFlowVersionHash(job)) {
+                try {
+                    return BigInt('0x' + job.script_hash).toString();
+                }
+                catch {
+                    return job.script_hash.toString();
+                }
+            }
+            return job.script_hash.toString();
+        },
+        getHref: (job, workspaceId) => {
+            if (!job.script_hash)
+                return null;
+            if (job.job_kind === 'script' || job.job_kind === 'dependencies') {
+                return `/scripts/get/${job.script_hash}?workspace=${workspaceId}`;
+            }
+            // Only flow-shaped jobs have a pinned-version viewer; app dep stays unlinked.
+            const isFlowKind = job.job_kind === 'flow' ||
+                job.job_kind === 'flowpreview' ||
+                job.job_kind === 'singlestepflow' ||
+                job.job_kind === 'flownode' ||
+                job.job_kind === 'flowdependencies';
+            if (isFlowKind && job.script_path) {
+                let version;
+                try {
+                    version = BigInt('0x' + job.script_hash).toString();
+                }
+                catch {
+                    return null;
+                }
+                return `/flows/get/${job.script_path}?workspace=${workspaceId}&version=${version}`;
+            }
+            return null;
+        }
     },
     script_path: {
         field: 'script_path',
@@ -171,9 +220,7 @@ export const fieldConfigs = {
             if (!job.script_path)
                 return null;
             const isScript = job.job_kind === 'script';
-            return isScript
-                ? `/scripts/get/${job.script_hash}`
-                : flowPathToHref(job.script_path);
+            return isScript ? `/scripts/get/${job.script_hash}` : flowPathToHref(job.script_path);
         }
     },
     worker: {
@@ -266,6 +313,7 @@ export const categoryFieldPresence = {
         worker: true,
         run_id: true,
         script_path: true,
+        script_hash: true,
         flow_status: false,
         duration: false,
         // Optional fields
@@ -273,7 +321,6 @@ export const categoryFieldPresence = {
         trigger_info: false,
         parent_job: false,
         schedule_path: false,
-        script_hash: false,
         language: false,
         step_info: false,
         priority: false,
@@ -286,14 +333,14 @@ export const categoryFieldPresence = {
         worker: true,
         run_id: true,
         started_at: true,
+        script_hash: true,
+        script_path: true,
         duration: false,
         // Optional fields
         memory_peak: false,
         trigger_info: false,
         parent_job: false,
         schedule_path: false,
-        script_hash: false,
-        script_path: false,
         language: false,
         step_info: false,
         flow_status: false,

package/package/components/runs/JobDetailHeader.svelte

@@ -12,7 +12,7 @@ import RunBadges from './RunBadges.svelte';
 import WorkerHostname from '../WorkerHostname.svelte';
 import Button from '../common/button/Button.svelte';
 import DropdownV2 from '../DropdownV2.svelte';
-import { getRelevantFields, getTriggerInfo } from './JobDetailFieldConfig';
+import { getRelevantFields, getTriggerInfo, isFlowVersionHash } from './JobDetailFieldConfig';
 import { flowPathToHref } from '../../scripts';
 import { slide } from 'svelte/transition';
 import { twMerge } from 'tailwind-merge';
@@ -60,7 +60,8 @@ function getTruncatedValue(config, job, compact = false) {
         case 'run_id':
             return truncateRev(fullValue, 8);
         case 'script_hash':
-            return truncateHash(fullValue.toString());
+            // truncateHash drops leading digits of a decimal version id; skip it.
+            return isFlowVersionHash(job) ? fullValue.toString() : truncateHash(fullValue.toString());
         case 'parent_job':
             return truncateRev(fullValue, 6);
         case 'schedule_path':
@@ -164,6 +165,8 @@ function getJobKindDisplayName(job) {
 					{/snippet}
 					<a
 						href={`${base}/runs/?job_kinds=all&worker=${job?.worker}`}
+						target="_blank"
+						rel="noopener noreferrer"
 						class="flex items-center gap-1 text-primary"
 					>
 						<span class="truncate flex-shrink min-w-0">{displayValue}</span>
@@ -199,6 +202,8 @@ function getJobKindDisplayName(job) {
 			{/if}
 			<a
 				href={`${base}/run/${job.parent_job}?workspace=${$workspaceStore}`}
+				target="_blank"
+				rel="noopener noreferrer"
 				class="flex items-center gap-1"
 			>
 				{displayValue}
@@ -245,8 +250,18 @@ function getJobKindDisplayName(job) {
 	{:else if href}
 		<a
 			{href}
+			target="_blank"
+			rel="noopener noreferrer"
 			class="flex items-center gap-1 min-w-0 text-primary"
-			title={config.field === 'script_hash' ? `Script hash: ${fullValue}` : fullValue}
+			title={config.field === 'script_hash'
+				? `${
+						job.job_kind === 'appdependencies'
+							? 'App version'
+							: isFlowVersionHash(job)
+								? 'Flow version'
+								: 'Script hash'
+					}: ${fullValue}`
+				: fullValue}
 		>
 			<span class="truncate flex-shrink min-w-0">{displayValue}</span>
 			<ExternalLink size={12} class="flex-shrink-0" />
@@ -268,6 +283,8 @@ function getJobKindDisplayName(job) {
 						<span class="text-primary">
 							<a
 								href={`${base}/run/${job.id}?workspace=${job.workspace_id}`}
+								target="_blank"
+								rel="noopener noreferrer"
 								class="flex items-center gap-1 min-w-0"
 							>
 								<span class="truncate flex-shrink min-w-0">{truncateRev(job.id, 8)}</span>
@@ -360,6 +377,8 @@ function getJobKindDisplayName(job) {
 									: flowPathToHref(job?.script_path ?? '')}
 								<a
 									href={viewHref}
+									target="_blank"
+									rel="noopener noreferrer"
 									class="text-emphasis {compact
 										? 'text-xs'
 										: 'text-lg'} font-semibold flex items-center gap-1"
@@ -449,6 +468,8 @@ function getJobKindDisplayName(job) {
 								<span class="text-primary">
 									<a
 										href={`${base}/run/${job.id}?workspace=${job.workspace_id}`}
+										target="_blank"
+										rel="noopener noreferrer"
 										class="flex items-center gap-1 min-w-0"
 									>
 										<span class="truncate flex-shrink min-w-0">{truncateRev(job.id, 8)}</span>

package/package/components/runs/runsFilter.d.ts

@@ -178,7 +178,7 @@ export declare function buildRunsFilterSearchbarSchema({ paths, usernames, folde
         label: string;
         icon: typeof Zap;
         options: {
-            label: "Google" | "Schedule" | "HTTP" | "WebSocket" | "Postgres" | "Kafka" | "NATS" | "MQTT" | "SQS" | "GCP Pub/Sub" | "Email" | "Webhook" | "Default Email";
+            label: "Google" | "GitHub" | "Schedule" | "HTTP" | "WebSocket" | "Postgres" | "Kafka" | "NATS" | "MQTT" | "SQS" | "GCP Pub/Sub" | "Azure Event Grid" | "Email" | "Webhook" | "Default Email";
             value: JobTriggerKind;
         }[];
         allowNegative: true;

package/package/components/schema/FlowPropertyEditor.svelte

@@ -13,7 +13,10 @@ import { Pen, Plus, Trash2 } from 'lucide-svelte';
 import Popover from '../meltComponents/Popover.svelte';
 import ResourcePicker from '../ResourcePicker.svelte';
 import { DynamicInput } from '../../utils';
-let { format = $bindable(undefined), contentEncoding = undefined, type = undefined, oneOf = $bindable(undefined), required = false, pattern = undefined, password = undefined, variableEditor = undefined, itemPicker = undefined, nullable = $bindable(undefined), disabled = $bindable(undefined), defaultValue = $bindable(undefined), propsNames = [], showExpr = $bindable(undefined), extra = {}, customErrorMessage = undefined, itemsType = undefined, properties = $bindable(undefined), order = $bindable(undefined), requiredProperty = $bindable(undefined), displayWebhookWarning = true, onDrawerClose = undefined } = $props();
+let { format = $bindable(undefined), contentEncoding = undefined, type = undefined, oneOf = $bindable(undefined), required = false, pattern = undefined, password = undefined, variableEditor = undefined, itemPicker = undefined, nullable = $bindable(undefined), disabled = $bindable(undefined), defaultValue = $bindable(undefined), propsNames = [], showExpr = $bindable(undefined), extra = {}, customErrorMessage = undefined, itemsType = undefined, properties = $bindable(undefined), order = $bindable(undefined), requiredProperty = $bindable(undefined), displayWebhookWarning = true, onDrawerClose = undefined, hideCatalogPicker = $bindable(undefined), hideRawInput = $bindable(undefined) } = $props();
+let isS3Field = $derived(format === 'resource-s3_object' ||
+    (type === 'array' &&
+        (itemsType?.resourceType === 's3_object' || itemsType?.resourceType === 's3object')));
 let oneOfSelected = $state(oneOf?.[0]?.title);
 $effect(() => {
     if (oneOf?.length && !oneOfSelected) {
@@ -351,6 +354,32 @@ let customObjectSelected = $state(format?.startsWith('jsonschema-') ? 'json-sche
 				}
 			}}
 		/>
+		{#if isS3Field}
+			<Toggle
+				options={{
+					right: 'Hide catalog picker',
+					rightTooltip: 'Hide the "Choose an object from the catalog" button below the file upload.'
+				}}
+				lightMode
+				size="xs"
+				checked={hideCatalogPicker}
+				on:change={(event) => {
+					hideCatalogPicker = event?.detail ? true : undefined
+				}}
+			/>
+			<Toggle
+				options={{
+					right: 'Hide raw input',
+					rightTooltip: 'Hide the "Raw S3 object input" toggle below the file upload.'
+				}}
+				lightMode
+				size="xs"
+				checked={hideRawInput}
+				on:change={(event) => {
+					hideRawInput = event?.detail ? true : undefined
+				}}
+			/>
+		{/if}
 	</div>
 
 	{#if displayWebhookWarning && !(type === 'object' && oneOf && oneOf.length >= 2)}

package/package/components/schema/FlowPropertyEditor.svelte.d.ts

@@ -19,16 +19,19 @@ interface Props {
     extra?: Record<string, any>;
     customErrorMessage?: string | undefined;
     itemsType?: {
-        type?: 'string' | 'number' | 'bytes' | 'object';
+        type?: 'string' | 'number' | 'bytes' | 'object' | 'resource';
         contentEncoding?: 'base64';
         enum?: string[];
         multiselect?: string[];
+        resourceType?: string;
     } | undefined;
     properties?: Record<string, any> | undefined;
     order?: string[] | undefined;
     requiredProperty?: string[] | undefined;
     displayWebhookWarning?: boolean;
     onDrawerClose?: () => void;
+    hideCatalogPicker?: boolean | undefined;
+    hideRawInput?: boolean | undefined;
 }
 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> & {
@@ -47,6 +50,6 @@ declare const FlowPropertyEditor: $$__sveltets_2_IsomorphicComponent<Props, {
     requiredChange: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "disabled" | "format" | "order" | "defaultValue" | "properties" | "oneOf" | "nullable" | "showExpr" | "requiredProperty">;
+}, {}, {}, "disabled" | "format" | "order" | "defaultValue" | "properties" | "oneOf" | "nullable" | "hideCatalogPicker" | "hideRawInput" | "showExpr" | "requiredProperty">;
 type FlowPropertyEditor = InstanceType<typeof FlowPropertyEditor>;
 export default FlowPropertyEditor;

package/package/components/script_builder.d.ts

@@ -13,7 +13,7 @@ export interface ScriptBuilderProps {
     disableAi?: boolean;
     fullyLoaded?: boolean;
     initialPath?: string;
-    template?: 'docker' | 'bunnative' | 'claudesandbox' | 'wac_python' | 'wac_typescript' | 'script';
+    template?: 'docker' | 'bunnative' | 'claudesandbox' | 'wac_python' | 'wac_typescript' | 'ci_test_bun' | 'ci_test_python' | 'script';
     initialArgs?: Record<string, any>;
     lockedLanguage?: boolean;
     showMeta?: boolean;

package/package/components/search/GlobalSearchModal.svelte

@@ -13,7 +13,7 @@ import BarsStaggered from '../icons/BarsStaggered.svelte';
 import { Alert } from '../common';
 import Popover from '../Popover.svelte';
 import Logs from 'lucide-svelte/icons/logs';
-import { AwsIcon, GoogleCloudIcon, KafkaIcon, MqttIcon, NatsIcon } from '../icons';
+import { AwsIcon, AzureIcon, GoogleCloudIcon, KafkaIcon, MqttIcon, NatsIcon } from '../icons';
 import RunsSearch from './RunsSearch.svelte';
 import AskAiButton from '../copilot/AskAiButton.svelte';
 let open = $state(false);
@@ -95,6 +95,13 @@ let hiddenMenuItems = [
         icon: GoogleCloudIcon,
         disabled: $userStore?.operator
     },
+    {
+        search_id: 'nav:azure_event_grid',
+        label: 'Go to Azure Event Grid' + (!$enterpriseLicense ? '' : ' (EE)'),
+        action: (newtab = false) => gotoPage('/azure_triggers', newtab),
+        icon: AzureIcon,
+        disabled: $userStore?.operator
+    },
     {
         search_id: 'nav:mqtt_triggers',
         label: 'Go to MQTT triggers',

package/package/components/select/Select.svelte

@@ -12,7 +12,7 @@ import { deepEqual } from 'fast-equals';
 import { inputBaseClass, inputBorderClass, inputSizeClasses } from '../text_input/TextInput.svelte';
 import { ButtonType } from '../common/button/model';
 import Tooltip from '../Tooltip.svelte';
-let { items, placeholder = 'Please select', value = $bindable(), filterText = $bindable(''), class: className = '', clearable = false, listAutoWidth = true, disabled: _disabled = false, containerStyle = '', inputClass = '', disablePortal = false, loading = false, error = false, autofocus, RightIcon, createText, noItemsMsg, tooltip, open = $bindable(false), id, itemLabelWrapperClasses, itemButtonWrapperClasses, size = 'md', showPlaceholderOnOpen = false, transformInputSelectedText, groupBy, sortBy, onFocus, onBlur, onClear, onCreateItem, startSnippet, endSnippet, bottomSnippet } = $props();
+let { items, placeholder = 'Please select', value = $bindable(), filterText = $bindable(''), class: className = '', clearable = false, listAutoWidth = true, disabled: _disabled = false, containerStyle = '', inputClass = '', disablePortal = false, loading = false, error = false, autofocus, RightIcon, createText, noItemsMsg, tooltip, open = $bindable(false), id, itemLabelWrapperClasses, itemButtonWrapperClasses, size = 'md', showPlaceholderOnOpen = false, dropdownClass, transformInputSelectedText, groupBy, sortBy, onFocus, onBlur, onClear, onCreateItem, startSnippet, endSnippet, bottomSnippet } = $props();
 let disabled = $derived(_disabled || (loading && !value));
 let iconSize = $derived(ButtonType.UnifiedIconSizes[size]);
 let inputEl = $state();
@@ -74,7 +74,7 @@ let inputText = $derived.by(() => {
 			/>
 		</div>
 	{:else if RightIcon}
-		<div class="absolute z-10 right-2 h-full flex items-center">
+		<div class="absolute z-10 right-2 h-full flex items-center pointer-events-none">
 			<RightIcon size={iconSize} class="text-secondary" />
 		</div>
 	{/if}
@@ -120,6 +120,7 @@ let inputText = $derived.by(() => {
 		{id}
 	/>
 	<SelectDropdown
+		class={dropdownClass}
 		{disablePortal}
 		onSelectValue={setValue}
 		{open}

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

@@ -31,6 +31,7 @@ declare function $$render<Item extends {
         itemButtonWrapperClasses?: string;
         size?: "sm" | "md" | "lg";
         showPlaceholderOnOpen?: boolean;
+        dropdownClass?: string;
         transformInputSelectedText?: (text: string, value: Item["value"]) => string;
         groupBy?: (item: Item) => string;
         sortBy?: (a: Item, b: Item) => number;