windmill-components 1.623.1 → 1.642.0

package/package/components/resources/resourcesFilter.js

@@ -0,0 +1,61 @@
+import { Boxes, FileCode, FileText, FolderIcon, Braces, Users } from 'lucide-svelte';
+export function buildResourcesFilterSchema({ paths, resourceTypes, owners, showUserFoldersFilter, userFoldersLabel }) {
+    return {
+        resource_type: {
+            type: 'oneof',
+            options: resourceTypes.map((s) => ({ label: s, value: s })),
+            allowNegative: false,
+            allowMultiple: true,
+            label: 'Resource type',
+            icon: Boxes,
+            description: 'Filter by resource type'
+        },
+        owner: {
+            type: 'oneof',
+            options: owners.map((s) => ({ label: s, value: s })),
+            allowNegative: false,
+            allowMultiple: false,
+            label: 'Owner',
+            icon: FolderIcon,
+            description: 'Filter by owner (folder or user path)'
+        },
+        path: {
+            type: 'oneof',
+            options: paths.map((s) => ({ label: s, value: s })),
+            allowNegative: true,
+            allowMultiple: true,
+            label: 'Path',
+            icon: FileCode,
+            description: 'Filter by exact resource path'
+        },
+        path_start: {
+            type: 'string',
+            label: 'Path prefix',
+            icon: FolderIcon,
+            description: 'Filter by path prefix (e.g., "f/folder/")'
+        },
+        description: {
+            type: 'string',
+            label: 'Description',
+            icon: FileText,
+            description: 'Search in resource description'
+        },
+        value: {
+            type: 'string',
+            format: 'json',
+            label: 'Value subset',
+            icon: Braces,
+            description: 'Filter by JSON subset match (e.g., {"bucket": "my-bucket"})'
+        },
+        ...(showUserFoldersFilter
+            ? {
+                user_folders_only: {
+                    type: 'boolean',
+                    label: userFoldersLabel || 'User folders only',
+                    icon: Users,
+                    description: 'Show only resources in user folders'
+                }
+            }
+            : {})
+    };
+}

package/package/components/runs/BatchReRunOptionsPane.svelte

@@ -6,23 +6,23 @@ import PanelSection from '../apps/editor/settingsPanel/common/PanelSection.svelt
 import { JobService } from '../../gen';
 import { workspaceStore } from '../../stores';
 import InputTransformForm from '../InputTransformForm.svelte';
-import { setContext, untrack } from 'svelte';
+import { setContext } from 'svelte';
 import { writable } from 'svelte/store';
 import Alert from '../common/alert/Alert.svelte';
 import { batchReRunDefaultPropertyExpr, buildExtraLibForBatchReruns, mergeSchemasForBatchReruns } from '../jobs/batchReruns';
 import Toggle from '../Toggle.svelte';
-import { TriangleAlert } from 'lucide-svelte';
+import { RefreshCwIcon, TriangleAlert } from 'lucide-svelte';
 import { readFieldsRecursively } from '../../utils';
 import Button from '../common/button/Button.svelte';
 import ResizeTransitionWrapper from '../common/ResizeTransitionWrapper.svelte';
-let { selectedIds, options = $bindable() } = $props();
+import { resource, watch } from 'runed';
+let { selectedIds, onCancel, onConfirm } = $props();
 let selected = $state();
-$effect(() => {
-    jobGroupsPromise.then((jobGroups) => {
-        selected = selected
-            ? jobGroups.find((g) => g.script_path === selected?.script_path && g.kind === selected.kind)
-            : jobGroups[0];
-    });
+let options = $state({ flow: {}, script: {} });
+watch(() => jobGroups.current, () => {
+    selected = selected
+        ? jobGroups.current?.find((g) => g.script_path === selected?.script_path && g.kind === selected.kind)
+        : jobGroups.current?.[0];
 });
 setContext('PropPickerContext', {
     flowPropPickerConfig: writable(undefined),
@@ -66,7 +66,7 @@ async function fetchJobGroups() {
             }) - 1];
         const schemaItem = group.schemas.find((s) => s.script_hash === jobSchema.script_hash) ??
             group.schemas[group.schemas.push({
-                schema: jobSchema.schema,
+                schema: jobSchema.schema ?? {},
                 job_ids: [],
                 script_hash: jobSchema.script_hash
             }) - 1];
@@ -86,7 +86,7 @@ function jobGroupTotalCount(group) {
 }
 function propertyAlwaysExists(propertyName, group) {
     for (const s of group.schemas) {
-        if (!(propertyName in s.schema.properties))
+        if (!(propertyName in (s.schema?.properties ?? {})))
             return false;
     }
     return true;
@@ -94,7 +94,7 @@ function propertyAlwaysExists(propertyName, group) {
 function propertyAlwaysHasSameType(propertyName, group) {
     let prevType = 'INIT';
     for (const s of group.schemas) {
-        const currType = s.schema.properties[propertyName]?.type;
+        const currType = s.schema?.properties?.[propertyName]?.type;
         if (currType === undefined)
             continue;
         if (prevType !== 'INIT' && currType !== prevType)
@@ -106,25 +106,22 @@ function propertyAlwaysHasSameType(propertyName, group) {
 const selectedUsesLatestSchema = $derived(!!selected &&
     (selected?.kind === 'flow' ||
         (options[selected.kind][selected.script_path]?.use_latest_version ?? false)));
-const jobGroupsPromise = $derived.by(() => {
-    readFieldsRecursively(selectedIds);
-    return untrack(() => fetchJobGroups());
-});
+const jobGroups = resource(() => readFieldsRecursively(selectedIds), fetchJobGroups);
+let hideRunnableSelector = $derived(!(jobGroups.current?.length !== 1 && selectedIds.length > 1));
 </script>
 
-<div class="flex-1 flex flex-col">
-	<p class="ml-4 mt-4 text-xs font-semibold truncate">Batch re-run options</p>
-	<div class="border overflow-auto rounded-md m-4 flex-1">
+<div class="flex-1 flex flex-col h-full">
+	<div class="border overflow-auto rounded-md mb-4 flex-1">
 		<Splitpanes>
-			<Pane size={32} class="bg-surface-secondary relative">
-				<PanelSection
-					title="Runnables"
-					class="bg-surface-secondary overflow-y-scroll absolute inset-0"
-					id="batch-rerun-options-runnable-list"
-				>
-					<div class="w-full flex flex-col gap-1">
-						{#await jobGroupsPromise then jobGroup}
-							{#each jobGroup as group}
+			{#if !hideRunnableSelector}
+				<Pane size={32} class="bg-surface-secondary relative">
+					<PanelSection
+						title="Runnables"
+						class="bg-surface-secondary overflow-y-scroll absolute inset-0"
+						id="batch-rerun-options-runnable-list"
+					>
+						<div class="w-full flex flex-col gap-1">
+							{#each jobGroups.current ?? [] as group}
 								<Button
 									variant="default"
 									unifiedSize="sm"
@@ -137,101 +134,113 @@ const jobGroupsPromise = $derived.by(() => {
 									<span class="text-hint">({jobGroupTotalCount(group)})</span>
 								</Button>
 							{/each}
-						{/await}
-					</div>
-				</PanelSection>
-			</Pane>
-			<Pane size={68} class="relative">
-				<PanelSection
-					title="Inputs"
-					class="overflow-y-scroll absolute inset-0"
-					id="batch-rerun-options-args"
-				>
-					{#if selected}
-						<div class="text-sm w-full pb-2">
-							<Alert type="info" title="Available expressions :">
-								Use the <code>job</code> object to access data about the original job
-							</Alert>
 						</div>
-						<Toggle
-							checked={selectedUsesLatestSchema}
-							disabled={selected?.kind === 'flow'}
-							on:change={(e) => {
-								if (!selected) return
-								;(options[selected.kind][selected.script_path] ??= {}).use_latest_version =
-									e.detail as boolean
-							}}
-							size="sm"
-							options={{
-								right: 'Always use latest version',
-								rightTooltip:
-									selected.kind === 'flow'
-										? 'Flow jobs will always run on the latest version of the flow'
-										: 'Run all jobs with the latest version of the script even if they originally ran an older version'
-							}}
-						/>
+					</PanelSection>
+				</Pane>
+			{/if}
+			<Pane size={hideRunnableSelector ? 100 : 68} class="relative">
+				<div class="flex flex-col absolute inset-0 bg-surface-tertiary">
+					<PanelSection
+						title="Inputs"
+						class="overflow-y-scroll flex-1"
+						id="batch-rerun-options-args"
+					>
+						{#if selected}
+							<div class="text-sm w-full pb-2">
+								<Alert type="info" title="Available expressions :">
+									Use the <code>job</code> object to access data about the original job
+								</Alert>
+							</div>
+							<Toggle
+								checked={selectedUsesLatestSchema}
+								disabled={selected?.kind === 'flow'}
+								on:change={(e) => {
+									if (!selected) return
+									;(options[selected.kind][selected.script_path] ??= {}).use_latest_version =
+										e.detail as boolean
+								}}
+								size="sm"
+								options={{
+									right: 'Always use latest version',
+									rightTooltip:
+										selected.kind === 'flow'
+											? 'Flow jobs will always run on the latest version of the flow'
+											: 'Run all jobs with the latest version of the script even if they originally ran an older version'
+								}}
+							/>
 
-						<!-- Even if we use the latest schema, we want the editor -->
-						<!-- to only lint the original jobs' values -->
-						{@const displayedSchema = selectedUsesLatestSchema
-							? (selected.latest_schema as Schema)
-							: mergeSchemasForBatchReruns(selected.schemas.map((s) => s.schema as Schema))}
-						{@const extraLib = buildExtraLibForBatchReruns({
-							schemas: selected.schemas,
-							script_path: selected.script_path
-						})}
-						<div class="w-full h-full">
-							{#key [selected, displayedSchema]}
-								{#each Object.keys(displayedSchema.properties) as propertyName}
-									<ResizeTransitionWrapper vertical innerClass="w-full">
-										<InputTransformForm
-											class="items-start mb-6"
-											arg={options[selected.kind][selected.script_path]?.input_transforms?.[
-												propertyName
-											] ?? {
-												type: 'javascript',
-												expr: batchReRunDefaultPropertyExpr(propertyName, selected.schemas)
-											}}
-											on:change={(e) => {
-												if (!selected) return
-												const newArg = e.detail.arg as InputTransform
-												;((options[selected.kind][selected.script_path] ??= {}).input_transforms ??=
-													{})[propertyName] = newArg
-											}}
-											argName={propertyName}
-											schema={displayedSchema}
-											{extraLib}
-											previousModuleId={undefined}
-											pickableProperties={{
-												hasResume: false,
-												previousId: undefined,
-												priorIds: {},
-												flow_input: {}
-											}}
-											hideHelpButton
-											{...propertyAlwaysExists(propertyName, selected)
-												? {}
-												: {
-														headerTooltip:
-															'This property does not exist on all versions of the script. You can handle different cases in the code below',
-														HeaderTooltipIcon: TriangleAlert,
-														headerTooltipIconClass: 'text-orange-500'
-													}}
-											{...propertyAlwaysHasSameType(propertyName, selected)
-												? {}
-												: {
-														headerTooltip:
-															'This property does not always have the same type depending on the version of the script. You can handle different cases in the code below',
-														HeaderTooltipIcon: TriangleAlert,
-														headerTooltipIconClass: 'text-orange-500'
-													}}
-										/>
-									</ResizeTransitionWrapper>
-								{/each}
-							{/key}
-						</div>
-					{/if}
-				</PanelSection>
+							<!-- Even if we use the latest schema, we want the editor -->
+							<!-- to only lint the original jobs' values -->
+							{@const displayedSchema = selectedUsesLatestSchema
+								? (selected.latest_schema as Schema | undefined)
+								: mergeSchemasForBatchReruns(
+										selected.schemas.map((s) => (s.schema as Schema) ?? {})
+									)}
+							{@const extraLib = buildExtraLibForBatchReruns({
+								schemas: selected.schemas,
+								script_path: selected.script_path
+							})}
+							<div class="w-full h-full">
+								{#key [selected, displayedSchema]}
+									{#each Object.keys(displayedSchema?.properties ?? {}) as propertyName}
+										<ResizeTransitionWrapper vertical innerClass="w-full">
+											<InputTransformForm
+												class="items-start mb-6"
+												arg={options[selected.kind][selected.script_path]?.input_transforms?.[
+													propertyName
+												] ?? {
+													type: 'javascript',
+													expr: batchReRunDefaultPropertyExpr(propertyName, selected.schemas)
+												}}
+												on:change={(e) => {
+													if (!selected) return
+													const newArg = e.detail.arg as InputTransform
+													;((options[selected.kind][selected.script_path] ??=
+														{}).input_transforms ??= {})[propertyName] = newArg
+												}}
+												argName={propertyName}
+												schema={displayedSchema ?? {}}
+												{extraLib}
+												previousModuleId={undefined}
+												pickableProperties={{
+													hasResume: false,
+													previousId: undefined,
+													priorIds: {},
+													flow_input: {}
+												}}
+												hideHelpButton
+												{...propertyAlwaysExists(propertyName, selected)
+													? {}
+													: {
+															headerTooltip:
+																'This property does not exist on all versions of the script. You can handle different cases in the code below',
+															HeaderTooltipIcon: TriangleAlert,
+															headerTooltipIconClass: 'text-orange-500'
+														}}
+												{...propertyAlwaysHasSameType(propertyName, selected)
+													? {}
+													: {
+															headerTooltip:
+																'This property does not always have the same type depending on the version of the script. You can handle different cases in the code below',
+															HeaderTooltipIcon: TriangleAlert,
+															headerTooltipIconClass: 'text-orange-500'
+														}}
+											/>
+										</ResizeTransitionWrapper>
+									{/each}
+								{/key}
+							</div>
+						{/if}
+					</PanelSection>
+					<div class="flex justify-end gap-2 w-full pt-2 pb-2 pr-4">
+						<Button variant="subtle" onClick={onCancel}>Cancel</Button>
+						<Button
+							variant="accent"
+							onClick={() => onConfirm(options)}
+							endIcon={{ icon: RefreshCwIcon }}>Run again</Button
+						>
+					</div>
+				</div>
 			</Pane>
 		</Splitpanes>
 	</div>

package/package/components/runs/BatchReRunOptionsPane.svelte.d.ts

@@ -11,8 +11,9 @@ export type BatchReRunOptions = {
 import { type InputTransform } from '../../gen';
 type $$ComponentProps = {
     selectedIds: string[];
-    options: BatchReRunOptions;
+    onCancel: () => void;
+    onConfirm: (options: BatchReRunOptions) => void;
 };
-declare const BatchReRunOptionsPane: import("svelte").Component<$$ComponentProps, {}, "options">;
+declare const BatchReRunOptionsPane: import("svelte").Component<$$ComponentProps, {}, "">;
 type BatchReRunOptionsPane = ReturnType<typeof BatchReRunOptionsPane>;
 export default BatchReRunOptionsPane;

package/package/components/runs/FlowExecutionStatus.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">import FlowStatusWaitingForEvents from '../FlowStatusWaitingForEvents.svelte';
+import {} from '../../utils';
+import { fade, slide } from 'svelte/transition';
+let { job, workspaceId, isOwner, suspendStatus } = $props();
+const isWaitingForEvents = $derived(job?.flow_status?.modules?.[job?.flow_status?.step]?.type === 'WaitingForEvents');
+const isSuspended = $derived(suspendStatus.val && Object.keys(suspendStatus.val).length > 0);
+const anyStatusActive = $derived(isWaitingForEvents || isSuspended);
+</script>
+
+{#if job && anyStatusActive}
+	<div
+		class="rounded-md border shadow-md p-4 bg-surface-tertiary flex flex-col justify-center"
+		transition:slide={{ duration: 150 }}
+	>
+		{#if isWaitingForEvents}
+			<FlowStatusWaitingForEvents {workspaceId} {job} {isOwner} />
+		{:else if isSuspended}
+			<div class="flex gap-2 flex-col" in:fade={{ duration: 150 }}>
+				{#each Object.values(suspendStatus.val) as suspendCount (suspendCount.job.id)}
+					<div>
+						<div class="text-sm">
+							Flow suspended, waiting for {suspendCount.nb} events
+						</div>
+						<FlowStatusWaitingForEvents job={suspendCount.job} {workspaceId} {isOwner} />
+					</div>
+				{/each}
+			</div>
+		{/if}
+	</div>
+{/if}

package/package/components/runs/FlowExecutionStatus.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { FlowStatusModule, Job } from '../../gen';
+import { type StateStore } from '../../utils';
+interface Props {
+    job: Job;
+    workspaceId: string | undefined;
+    isOwner: boolean;
+    innerModules: FlowStatusModule[] | undefined;
+    suspendStatus: StateStore<Record<string, {
+        job: Job;
+        nb: number;
+    }>>;
+}
+declare const FlowExecutionStatus: import("svelte").Component<Props, {}, "">;
+type FlowExecutionStatus = ReturnType<typeof FlowExecutionStatus>;
+export default FlowExecutionStatus;

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

@@ -0,0 +1,47 @@
+import type { Job } from '../../gen';
+/**
+ * Categories of job types for field configuration
+ */
+export type JobCategory = 'script' | 'flow' | 'dependencies' | 'flow_node' | 'ai_agent' | 'system' | 'trigger_job';
+/**
+ * Field types that can be displayed in the job header
+ */
+export type JobField = 'created_at' | 'started_at' | 'created_by' | 'permissioned_as' | 'memory_peak' | 'run_id' | 'trigger_info' | 'parent_job' | 'schedule_path' | 'script_hash' | 'script_path' | 'worker' | 'language' | 'step_info' | 'flow_status' | 'duration' | 'priority' | 'concurrency_key';
+/**
+ * Configuration for how a field should be displayed
+ */
+export interface FieldConfig {
+    field: JobField;
+    label: string;
+    getValue: (job: Job) => string | null;
+    getHref?: (job: Job, workspaceId: string) => string | null;
+}
+/**
+ * Configuration for field presence per job category
+ */
+export type FieldPresenceConfig = Record<JobCategory, Record<JobField, boolean>>;
+/**
+ * Categorizes a job based on its job_kind
+ */
+export declare function getJobCategory(job: Job): JobCategory;
+/**
+ * Gets trigger information from a job
+ */
+export declare function getTriggerInfo(job: Job): {
+    type: string;
+    icon: any;
+    detail?: string;
+} | null;
+/**
+ * Field configurations for all possible fields
+ */
+export declare const fieldConfigs: Record<JobField, FieldConfig>;
+/**
+ * Field presence configuration per job category
+ * Defines which fields should be shown for each job type
+ */
+export declare const categoryFieldPresence: FieldPresenceConfig;
+/**
+ * Gets relevant fields for a job based on its category and characteristics
+ */
+export declare function getRelevantFields(job: Job): FieldConfig[];