@burdenoff/fluidgrids-fe-sdk 2026.1111.16 → 2026.1111.17

package/dist/ExecutionsListPage-BCUJoAIE.js

@@ -0,0 +1,2742 @@
+"use client";
+import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
+import { M as DEFAULT_EXECUTIONS_FILTER, N as useExecutionsStore, m as describeOperationError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
+import { c as OPERATORS_BY_TYPE, i as useExecutionStats, l as buildSearchAttributeFilter, o as useExecutionsWithStore, r as useExecutionActions, s as EMPTY_SEARCH_FILTER, t as useAutoRefresh, u as searchFilterConflicts, y as validateDateRange } from "./useExecutions-9aLuOt1c.js";
+import { c as useDurableParityEnabled, f as usePhaseCFlags } from "./feature-flags-DM5myWaD.js";
+import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { n as useFluidGridsPageControls } from "./pageControlsBridge-0pX9s-3k.js";
+import { t as executionsControls } from "./pageControlSpecs-DZJ9K37m.js";
+import { t as TagFilterSelect } from "./TagFilterSelect-DCBOH6Ou.js";
+import { a as useRunStatusCounts, c as runStatusLabels, l as RUN_STATUS_CONFIG, o as ExecutionStatusBadge } from "./useDurableParity-CzUQMFJ3.js";
+import { n as formatRunVersion } from "./run-display-BycKYSU0.js";
+import { in as formatElapsedMs, on as runDurationMs } from "./FluidGridsProvider-dvZSNtSW.js";
+import { n as runListLinkKey, t as runListFilterFromSearch } from "./run-list-links-ByYC0OlV.js";
+import { h as useWorkflowDefinitions } from "./useWorkflows-BlVVu8NM.js";
+import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
+import { s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
+import { C as jsonArg, F as startBatchOperation, I as startBatchTerminate, P as startBatchExport, m as fetchBatchOperations, n as cancelBatchOperation, p as fetchBatchOperation, x as fetchSearchAttributes } from "./api-BrCHB5oA.js";
+import { a as RUN_CONTROL_DIALOG_STYLE, c as parseJsonInput, i as NativeSelect, o as StatusPill, r as JsonField, t as FieldError, u as useResource } from "./shared-CMfn30xT.js";
+import { xr as WorkflowBatchOperationUpdatedDocument } from "./graphql-operation-types-kX-MMjgW.js";
+import { RF as WorkflowResetType, bF as WorkflowBatchOperationType } from "./graphql-types-CDKVWH2R.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useNavigate, useSearchParams } from "react-router";
+import { Icon } from "@iconify/react";
+import { cn } from "@burdenoff/fe-libs/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Input, Label, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "@burdenoff/fe-libs/ui";
+import { Button as Button$1 } from "@burdenoff/fe-libs/button";
+
+// src/modules/executions/utils/active-filters.ts
+function countActiveFilters(filter, parityEnabled) {
+	return [
+		filter.status !== "all",
+		filter.workflowKey !== "",
+		filter.dateRange.preset !== "all",
+		filter.search !== "",
+		filter.triggerType !== "all",
+		filter.durationMinSeconds !== null,
+		filter.durationMaxSeconds !== null,
+		filter.errorType !== "all",
+		filter.nodeId !== "",
+		filter.failedNodeType !== "",
+		filter.tagId !== "",
+		parityEnabled && filter.workflowId.trim() !== ""
+	].filter(Boolean).length;
+}
+
+// src/modules/executions/components/ExecutionFilters.tsx
+/**
+* An error type set by a link (Insights, BOFF-9974) that the dropdown offers
+* no option for, so it still shows as selected.
+*/
+function LinkedErrorTypeOption({ errorType, offered }) {
+	if (errorType === "all" || offered.some(({ value }) => value === errorType)) return null;
+	return /* @__PURE__ */ jsx("option", {
+		value: errorType,
+		children: errorType
+	});
+}
+/** The failed-node-type filter (BOFF-9974), set only by links, with its clear button. */
+function FailedNodeTypeChip({ nodeType, onClear }) {
+	const tr = useTr();
+	if (!nodeType) return null;
+	return /* @__PURE__ */ jsxs("span", {
+		className: "inline-flex items-center gap-1.5 rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
+		"data-testid": "runs-failed-node-type-filter",
+		children: [tr("fluidgrids.executions.executionFilters.failedNodeType", "Failed node: {{nodeType}}", { nodeType }), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: onClear,
+			"aria-label": tr("fluidgrids.executions.executionFilters.clearFailedNodeType", "Remove the failed node filter"),
+			className: "text-text-secondary hover:text-text-primary",
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "mdi:close",
+				width: 14
+			})
+		})]
+	});
+}
+function ExecutionFilters({ workflows = [], onRefresh }) {
+	const tr = useTr();
+	const statusOptions = useMemo(() => [
+		{
+			value: "all",
+			label: tr("fluidgrids.executions.executionFilters.statusAll", "All Statuses")
+		},
+		{
+			value: "RUNNING",
+			label: tr("fluidgrids.executions.executionFilters.statusRunning", "Running")
+		},
+		{
+			value: "COMPLETED",
+			label: tr("fluidgrids.executions.executionFilters.statusCompleted", "Completed")
+		},
+		{
+			value: "FAILED",
+			label: tr("fluidgrids.executions.executionFilters.statusFailed", "Failed")
+		},
+		{
+			value: "PENDING",
+			label: tr("fluidgrids.executions.executionFilters.statusPending", "Pending")
+		},
+		{
+			value: "CANCELLED",
+			label: tr("fluidgrids.executions.executionFilters.statusCancelled", "Cancelled")
+		},
+		{
+			value: "WAITING",
+			label: tr("fluidgrids.executions.executionFilters.statusWaiting", "Waiting")
+		},
+		{
+			value: "TERMINATED",
+			label: tr("fluidgrids.executions.executionFilters.statusTerminated", "Terminated")
+		}
+	], [tr]);
+	const errorOptions = [
+		{
+			value: "TIMEOUT",
+			label: tr("fluidgrids.executions.executionFilters.errorTimeout", "TIMEOUT")
+		},
+		{
+			value: "TRANSIENT",
+			label: tr("fluidgrids.executions.executionFilters.errorTransient", "TRANSIENT")
+		},
+		{
+			value: "DEPENDENCY",
+			label: tr("fluidgrids.executions.executionFilters.errorDependency", "DEPENDENCY")
+		},
+		{
+			value: "AUTHORIZATION",
+			label: tr("fluidgrids.executions.executionFilters.errorAuthorization", "AUTHORIZATION")
+		},
+		{
+			value: "VALIDATION",
+			label: tr("fluidgrids.executions.executionFilters.errorValidation", "VALIDATION")
+		},
+		{
+			value: "PERMANENT",
+			label: tr("fluidgrids.executions.executionFilters.errorPermanent", "PERMANENT")
+		},
+		{
+			value: "UNKNOWN",
+			label: tr("fluidgrids.executions.executionFilters.errorUnknown", "UNKNOWN")
+		}
+	];
+	const datePresets = [
+		{
+			value: "all",
+			label: tr("fluidgrids.executions.executionFilters.dateAllTime", "All Time")
+		},
+		{
+			value: "today",
+			label: tr("fluidgrids.executions.executionFilters.dateToday", "Today")
+		},
+		{
+			value: "yesterday",
+			label: tr("fluidgrids.executions.executionFilters.dateYesterday", "Yesterday")
+		},
+		{
+			value: "7days",
+			label: tr("fluidgrids.executions.executionFilters.dateLast7Days", "Last 7 Days")
+		},
+		{
+			value: "30days",
+			label: tr("fluidgrids.executions.executionFilters.dateLast30Days", "Last 30 Days")
+		},
+		{
+			value: "90days",
+			label: tr("fluidgrids.executions.executionFilters.dateLast90Days", "Last 90 Days")
+		},
+		{
+			value: "custom",
+			label: tr("fluidgrids.executions.executionFilters.dateCustomRange", "Custom Range")
+		}
+	];
+	const { filter, setStatusFilter, setWorkflowFilter, setDateRange, setSearchQuery, setTriggerTypeFilter, setDurationFilter, setErrorTypeFilter, setNodeFilter, setFailedNodeTypeFilter, setTagFilter, resetFilters, autoRefresh, setAutoRefresh } = useExecutionsStore();
+	const [showCustomDate, setShowCustomDate] = useState(() => filter.dateRange.preset === "custom");
+	const handleDatePresetChange = useCallback((preset) => {
+		const now = /* @__PURE__ */ new Date();
+		let start = null;
+		let end = null;
+		switch (preset) {
+			case "today":
+				start = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+				end = now;
+				break;
+			case "yesterday":
+				start = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1);
+				end = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+				break;
+			case "7days":
+				start = /* @__PURE__ */ new Date(now.getTime() - 6048e5);
+				end = now;
+				break;
+			case "30days":
+				start = /* @__PURE__ */ new Date(now.getTime() - 2592e6);
+				end = now;
+				break;
+			case "90days":
+				start = /* @__PURE__ */ new Date(now.getTime() - 7776e6);
+				end = now;
+				break;
+			case "custom":
+				setShowCustomDate(true);
+				return;
+			default:
+				start = null;
+				end = null;
+		}
+		setShowCustomDate(false);
+		setDateRange({
+			start,
+			end,
+			preset
+		});
+	}, [setDateRange]);
+	const parityEnabled = useDurableParityEnabled();
+	const activeFiltersCount = countActiveFilters(filter, parityEnabled);
+	const assistantControls = useMemo(() => executionsControls({
+		page: tr("fluidgrids.executions.executionsList.title", "Executions"),
+		search: setSearchQuery,
+		status: {
+			label: tr("fluidgrids.executions.executionTable.colStatus", "Status"),
+			options: statusOptions,
+			neutral: "all",
+			value: filter.status,
+			set: setStatusFilter
+		},
+		workflow: {
+			label: tr("fluidgrids.executions.executionTable.colWorkflow", "Workflow"),
+			allLabel: tr("fluidgrids.executions.executionFilters.allWorkflows", "All Workflows"),
+			options: workflows.map((wf) => ({
+				value: wf.workflowKey,
+				label: wf.name
+			})),
+			value: filter.workflowKey,
+			set: setWorkflowFilter
+		}
+	}), [
+		tr,
+		statusOptions,
+		workflows,
+		filter.status,
+		filter.workflowKey,
+		setSearchQuery,
+		setStatusFilter,
+		setWorkflowFilter
+	]);
+	useFluidGridsPageControls(assistantControls);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col sm:flex-row gap-3",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "relative flex-1",
+						children: [
+							/* @__PURE__ */ jsx(Icon, {
+								icon: "mdi:magnify",
+								className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
+								width: 18
+							}),
+							/* @__PURE__ */ jsx("input", {
+								type: "text",
+								placeholder: tr("fluidgrids.executions.executionFilters.searchPlaceholder", "Search by workflow name or run ID..."),
+								value: filter.search,
+								onChange: (e) => setSearchQuery(e.target.value),
+								className: "w-full pl-[3.25rem] pr-4 py-2 bg-background-secondary border border-border-secondary rounded-lg text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-action-primary-bg focus:border-transparent"
+							}),
+							filter.search && /* @__PURE__ */ jsx("button", {
+								onClick: () => setSearchQuery(""),
+								className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:close",
+									width: 18
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("select", {
+						value: filter.status,
+						onChange: (e) => setStatusFilter(e.target.value),
+						className: "px-3 py-2 bg-bg-surface border border-border-default rounded-lg text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg scheme-normal dark:scheme-dark",
+						children: statusOptions.map((option) => /* @__PURE__ */ jsx("option", {
+							value: option.value,
+							className: "bg-bg-surface text-text-primary",
+							children: option.label
+						}, option.value))
+					}),
+					workflows.length > 0 && /* @__PURE__ */ jsxs("select", {
+						value: filter.workflowKey,
+						onChange: (e) => setWorkflowFilter(e.target.value),
+						className: "px-3 py-2 bg-bg-surface border border-border-default rounded-lg text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg max-w-[200px] scheme-normal dark:scheme-dark",
+						children: [/* @__PURE__ */ jsx("option", {
+							value: "",
+							className: "bg-bg-surface text-text-primary",
+							children: tr("fluidgrids.executions.executionFilters.allWorkflows", "All Workflows")
+						}), workflows.map((wf) => /* @__PURE__ */ jsx("option", {
+							value: wf.workflowKey,
+							className: "bg-bg-surface text-text-primary",
+							children: wf.name
+						}, wf.workflowKey))]
+					}),
+					/* @__PURE__ */ jsx(TagFilterSelect, {
+						value: filter.tagId,
+						onChange: setTagFilter,
+						className: "max-w-[200px]"
+					}),
+					/* @__PURE__ */ jsx("select", {
+						value: filter.dateRange.preset,
+						onChange: (e) => handleDatePresetChange(e.target.value),
+						className: "px-3 py-2 bg-bg-surface border border-border-default rounded-lg text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg scheme-normal dark:scheme-dark",
+						children: datePresets.map((option) => /* @__PURE__ */ jsx("option", {
+							value: option.value,
+							className: "bg-bg-surface text-text-primary",
+							children: option.label
+						}, option.value))
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-5",
+				children: [
+					/* @__PURE__ */ jsxs("select", {
+						"aria-label": tr("fluidgrids.executions.executionFilters.triggerType", "Trigger type"),
+						value: filter.triggerType,
+						onChange: (e) => setTriggerTypeFilter(e.target.value),
+						className: "px-3 py-2 bg-bg-surface border border-border-default rounded-lg text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg scheme-normal dark:scheme-dark",
+						children: [
+							/* @__PURE__ */ jsx("option", {
+								value: "all",
+								children: tr("fluidgrids.executions.executionFilters.allTriggers", "All trigger types")
+							}),
+							/* @__PURE__ */ jsx("option", {
+								value: "MANUAL",
+								children: tr("fluidgrids.executions.executionFilters.manual", "Manual")
+							}),
+							/* @__PURE__ */ jsx("option", {
+								value: "WEBHOOK",
+								children: tr("fluidgrids.executions.executionFilters.webhook", "Webhook")
+							}),
+							/* @__PURE__ */ jsx("option", {
+								value: "SCHEDULE",
+								children: tr("fluidgrids.executions.executionFilters.schedule", "Schedule")
+							}),
+							/* @__PURE__ */ jsx("option", {
+								value: "EVENT",
+								children: tr("fluidgrids.executions.executionFilters.event", "Event")
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("select", {
+						"aria-label": tr("fluidgrids.executions.executionFilters.errorType", "Error type"),
+						value: filter.errorType,
+						onChange: (e) => setErrorTypeFilter(e.target.value),
+						className: "px-3 py-2 bg-bg-surface border border-border-default rounded-lg text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg scheme-normal dark:scheme-dark",
+						children: [
+							/* @__PURE__ */ jsx("option", {
+								value: "all",
+								children: tr("fluidgrids.executions.executionFilters.allErrors", "All error types")
+							}),
+							errorOptions.map(({ value, label }) => /* @__PURE__ */ jsx("option", {
+								value,
+								children: label
+							}, value)),
+							/* @__PURE__ */ jsx(LinkedErrorTypeOption, {
+								errorType: filter.errorType,
+								offered: errorOptions
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(FailedNodeTypeChip, {
+						nodeType: filter.failedNodeType,
+						onClear: () => setFailedNodeTypeFilter("")
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "text",
+						value: filter.nodeId,
+						onChange: (e) => setNodeFilter(e.target.value),
+						placeholder: tr("fluidgrids.executions.executionFilters.nodePlaceholder", "Node ID"),
+						"aria-label": tr("fluidgrids.executions.executionFilters.nodeId", "Node ID"),
+						className: "px-3 py-2 bg-bg-surface border border-border-default rounded-lg text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "number",
+						min: 0,
+						value: filter.durationMinSeconds ?? "",
+						onChange: (e) => setDurationFilter(e.target.value ? Number(e.target.value) : null, filter.durationMaxSeconds),
+						placeholder: tr("fluidgrids.executions.executionFilters.durationMin", "Min seconds"),
+						"aria-label": tr("fluidgrids.executions.executionFilters.durationMin", "Minimum duration in seconds"),
+						className: "px-3 py-2 bg-bg-surface border border-border-default rounded-lg text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "number",
+						min: 0,
+						value: filter.durationMaxSeconds ?? "",
+						onChange: (e) => setDurationFilter(filter.durationMinSeconds, e.target.value ? Number(e.target.value) : null),
+						placeholder: tr("fluidgrids.executions.executionFilters.durationMax", "Max seconds"),
+						"aria-label": tr("fluidgrids.executions.executionFilters.durationMax", "Maximum duration in seconds"),
+						className: "px-3 py-2 bg-bg-surface border border-border-default rounded-lg text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+					})
+				]
+			}),
+			showCustomDate && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap gap-3 items-center p-3 bg-background-secondary rounded-lg border border-border-secondary",
+					children: [
+						/* @__PURE__ */ jsx("label", {
+							className: "text-sm text-text-secondary",
+							children: tr("fluidgrids.executions.executionFilters.fromLabel", "From:")
+						}),
+						/* @__PURE__ */ jsx("input", {
+							type: "datetime-local",
+							value: filter.dateRange.start?.toISOString().slice(0, 16) ?? "",
+							onChange: (e) => setDateRange({
+								...filter.dateRange,
+								start: e.target.value ? new Date(e.target.value) : null,
+								preset: "custom"
+							}),
+							className: "px-3 py-1.5 bg-background-primary border border-border-secondary rounded text-text-primary text-sm"
+						}),
+						/* @__PURE__ */ jsx("label", {
+							className: "text-sm text-text-secondary",
+							children: tr("fluidgrids.executions.executionFilters.toLabel", "To:")
+						}),
+						/* @__PURE__ */ jsx("input", {
+							type: "datetime-local",
+							value: filter.dateRange.end?.toISOString().slice(0, 16) ?? "",
+							onChange: (e) => setDateRange({
+								...filter.dateRange,
+								end: e.target.value ? new Date(e.target.value) : null,
+								preset: "custom"
+							}),
+							className: "px-3 py-1.5 bg-background-primary border border-border-secondary rounded text-text-primary text-sm"
+						}),
+						/* @__PURE__ */ jsx("button", {
+							onClick: () => setShowCustomDate(false),
+							className: "text-text-secondary hover:text-text-primary",
+							children: /* @__PURE__ */ jsx(Icon, {
+								icon: "mdi:close",
+								width: 18
+							})
+						})
+					]
+				}), !validateDateRange(filter.dateRange.start, filter.dateRange.end).valid && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "text-sm text-[var(--color-status-error-text)]",
+					children: tr("fluidgrids.executions.executionFilters.dateRangeInvalid", "Invalid date range: \"From\" must be before or equal to \"To\".")
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ jsxs("label", {
+						className: "inline-flex items-center gap-2 cursor-pointer",
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "checkbox",
+							checked: autoRefresh,
+							onChange: (e) => setAutoRefresh(e.target.checked),
+							className: "w-4 h-4 rounded border-border-secondary text-action-primary-bg focus:ring-action-primary-bg"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-sm text-text-secondary",
+							children: tr("fluidgrids.executions.executionFilters.autoRefresh", "Auto-refresh")
+						})]
+					}), onRefresh && /* @__PURE__ */ jsxs(Button$1, {
+						variant: "outline",
+						size: "sm",
+						onClick: onRefresh,
+						className: "gap-1.5",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:refresh",
+							width: 16
+						}), tr("fluidgrids.executions.executionFilters.refresh", "Refresh")]
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
+					children: [activeFiltersCount > 0 && /* @__PURE__ */ jsxs("span", {
+						className: "text-sm text-text-secondary",
+						children: [
+							activeFiltersCount,
+							" filter",
+							activeFiltersCount > 1 ? "s" : "",
+							" ",
+							"active"
+						]
+					}), activeFiltersCount > 0 && /* @__PURE__ */ jsxs(Button$1, {
+						variant: "ghost",
+						size: "sm",
+						onClick: resetFilters,
+						className: "gap-1.5",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:filter-remove",
+							width: 16
+						}), tr("fluidgrids.executions.executionFilters.clearFilters", "Clear Filters")]
+					})]
+				})]
+			})
+		]
+	});
+}
+
+// src/modules/executions/components/ExecutionStats.tsx
+function StatCard({ label, value, icon, color, trend, onClick }) {
+	return /* @__PURE__ */ jsxs("button", {
+		onClick,
+		disabled: !onClick,
+		className: `
+        flex flex-col p-4 bg-background-secondary rounded-lg border border-border-secondary
+        hover:border-border-primary transition-colors
+        ${onClick ? "cursor-pointer" : "cursor-default"}
+        text-left w-full
+      `,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between mb-2",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon,
+					className: color,
+					width: 24
+				}), trend && /* @__PURE__ */ jsxs("span", {
+					className: `text-xs font-medium ${trend.isPositive ? "text-[var(--color-status-success-text)]" : "text-[var(--color-status-error-text)]"}`,
+					children: [
+						trend.isPositive ? "+" : "-",
+						Math.abs(trend.value),
+						"%"
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "text-2xl font-bold text-text-primary",
+				children: value
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "text-sm text-text-secondary mt-1",
+				children: label
+			})
+		]
+	});
+}
+function ExecutionStats({ stats, loading, onFilterByStatus }) {
+	const tr = useTr();
+	if (loading) return /* @__PURE__ */ jsx("div", {
+		className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 gap-4",
+		children: [...Array(6)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-24 bg-background-secondary rounded-lg border border-border-secondary animate-pulse" }, i))
+	});
+	if (!stats) return null;
+	const formatDuration = (seconds) => {
+		if (seconds < 60) return `${Math.round(seconds)}s`;
+		if (seconds < 3600) return `${Math.round(seconds / 60)}m`;
+		return `${Math.round(seconds / 3600)}h`;
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4",
+		children: [
+			/* @__PURE__ */ jsx(StatCard, {
+				label: tr("fluidgrids.executions.executionStats.totalRuns", "Total Runs"),
+				value: stats.total.toLocaleString(),
+				icon: "mdi:play-box-multiple",
+				color: "text-text-primary",
+				onClick: () => onFilterByStatus?.("all")
+			}),
+			/* @__PURE__ */ jsx(StatCard, {
+				label: tr("fluidgrids.executions.executionStats.running", "Running"),
+				value: stats.running,
+				icon: "mdi:play-circle",
+				color: "text-[var(--color-status-info-text)]",
+				onClick: () => onFilterByStatus?.("RUNNING")
+			}),
+			/* @__PURE__ */ jsx(StatCard, {
+				label: tr("fluidgrids.executions.executionStats.completed", "Completed"),
+				value: stats.completed.toLocaleString(),
+				icon: "mdi:check-circle",
+				color: "text-[var(--color-status-success-text)]",
+				onClick: () => onFilterByStatus?.("COMPLETED")
+			}),
+			/* @__PURE__ */ jsx(StatCard, {
+				label: tr("fluidgrids.executions.executionStats.failed", "Failed"),
+				value: stats.failed,
+				icon: "mdi:alert-circle",
+				color: "text-[var(--color-status-error-text)]",
+				onClick: () => onFilterByStatus?.("FAILED")
+			}),
+			/* @__PURE__ */ jsx(StatCard, {
+				label: tr("fluidgrids.executions.executionStats.successRate", "Success Rate"),
+				value: `${(stats.successRate ?? 0).toFixed(1)}%`,
+				icon: "mdi:percent",
+				color: "text-accent"
+			}),
+			/* @__PURE__ */ jsx(StatCard, {
+				label: tr("fluidgrids.executions.executionStats.avgDuration", "Avg Duration"),
+				value: formatDuration(stats.avgDuration ?? 0),
+				icon: "mdi:timer",
+				color: "text-[var(--color-status-warning-text)]"
+			})
+		]
+	});
+}
+
+// src/modules/executions/components/ExecutionTable.tsx
+function ExecutionTable({ executions, workflowNames, loading, onRowClick, onAction }) {
+	const tr = useTr();
+	const navigate = useNavigate();
+	const { selection, toggleSelectRun, selectAll, expandedRows, toggleRowExpanded } = useExecutionsStore();
+	const allRunIds = useMemo(() => executions.map((e) => e.id), [executions]);
+	const formatDate = (dateStr) => {
+		if (!dateStr) return "-";
+		const date = new Date(dateStr);
+		const diff = (/* @__PURE__ */ new Date()).getTime() - date.getTime();
+		if (diff < 6e4) return tr("fluidgrids.executions.executionTable.justNow", "Just now");
+		if (diff < 36e5) return `${Math.round(diff / 6e4)}m ago`;
+		if (diff < 864e5) return `${Math.round(diff / 36e5)}h ago`;
+		if (diff < 6048e5) return `${Math.round(diff / 864e5)}d ago`;
+		return date.toLocaleDateString("en-US", {
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+	};
+	const getRowActions = (execution) => {
+		const actions = [];
+		switch (execution.status) {
+			case "RUNNING":
+				actions.push({
+					icon: "mdi:pause",
+					label: tr("fluidgrids.executions.executionTable.actionPause", "Pause"),
+					action: "pause"
+				});
+				actions.push({
+					icon: "mdi:stop",
+					label: tr("fluidgrids.executions.executionTable.actionCancel", "Cancel"),
+					action: "cancel"
+				});
+				break;
+			case "WAITING":
+				actions.push({
+					icon: "mdi:play",
+					label: tr("fluidgrids.executions.executionTable.actionResume", "Resume"),
+					action: "resume"
+				});
+				actions.push({
+					icon: "mdi:stop",
+					label: tr("fluidgrids.executions.executionTable.actionCancel", "Cancel"),
+					action: "cancel"
+				});
+				break;
+			case "FAILED":
+				actions.push({
+					icon: "mdi:refresh",
+					label: tr("fluidgrids.executions.executionTable.actionRetry", "Retry"),
+					action: "retry"
+				});
+				break;
+			case "PENDING": actions.push({
+				icon: "mdi:stop",
+				label: tr("fluidgrids.executions.executionTable.actionCancel", "Cancel"),
+				action: "cancel"
+			});
+		}
+		return actions;
+	};
+	if (loading && executions.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: "bg-background-secondary rounded-lg border border-border-secondary overflow-hidden",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ jsxs("table", {
+				className: "w-full min-w-[800px]",
+				children: [/* @__PURE__ */ jsx("thead", {
+					className: "bg-background-tertiary border-b border-border-secondary",
+					children: /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("th", { className: "w-10 px-4 py-3" }),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
+							children: tr("fluidgrids.executions.executionTable.colStatus", "Status")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
+							children: tr("fluidgrids.executions.executionTable.colWorkflow", "Workflow")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
+							children: tr("fluidgrids.executions.executionTable.colRunId", "Run ID")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
+							children: tr("fluidgrids.executions.executionTable.colStarted", "Started")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
+							children: tr("fluidgrids.executions.executionTable.colDuration", "Duration")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
+							children: tr("fluidgrids.executions.executionTable.colProgress", "Progress")
+						}),
+						/* @__PURE__ */ jsx("th", { className: "px-4 py-3" })
+					] })
+				}), /* @__PURE__ */ jsx("tbody", { children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsx("tr", {
+					className: "border-b border-border-secondary",
+					children: /* @__PURE__ */ jsx("td", {
+						colSpan: 8,
+						className: "px-4 py-4",
+						children: /* @__PURE__ */ jsx("div", { className: "h-8 bg-background-tertiary rounded animate-pulse" })
+					})
+				}, i)) })]
+			})
+		})
+	});
+	if (executions.length === 0) return /* @__PURE__ */ jsxs("div", {
+		className: "bg-background-secondary rounded-lg border border-border-secondary p-12 text-center",
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				icon: "mdi:play-box-outline",
+				className: "mx-auto text-text-secondary mb-4",
+				width: 48
+			}),
+			/* @__PURE__ */ jsx("h3", {
+				className: "text-lg font-medium text-text-primary mb-2",
+				children: tr("fluidgrids.executions.executionTable.emptyTitle", "No executions found")
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-text-secondary mb-4",
+				children: tr("fluidgrids.executions.executionTable.emptyDescription", "There are no workflow executions matching your filters.")
+			}),
+			/* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				onClick: () => navigate("../list"),
+				children: tr("fluidgrids.executions.executionTable.viewWorkflows", "View Workflows")
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "bg-background-secondary rounded-lg border border-border-secondary overflow-hidden",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ jsxs("table", {
+				className: "w-full min-w-[800px]",
+				children: [/* @__PURE__ */ jsx("thead", {
+					className: "bg-background-tertiary border-b border-border-secondary",
+					children: /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("th", {
+							className: "w-10 px-4 py-3",
+							children: /* @__PURE__ */ jsx("input", {
+								type: "checkbox",
+								checked: selection.allSelected,
+								onChange: () => selectAll(allRunIds),
+								className: "w-4 h-4 rounded border-border-secondary"
+							})
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: tr("fluidgrids.executions.executionTable.colStatus", "Status")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: tr("fluidgrids.executions.executionTable.colWorkflow", "Workflow")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: tr("fluidgrids.executions.executionTable.colRunId", "Run ID")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: tr("fluidgrids.executions.executionTable.colStarted", "Started")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: tr("fluidgrids.executions.executionTable.colDuration", "Duration")
+						}),
+						/* @__PURE__ */ jsx("th", {
+							className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: tr("fluidgrids.executions.executionTable.colProgress", "Progress")
+						}),
+						/* @__PURE__ */ jsx("th", { className: "px-4 py-3 w-32" })
+					] })
+				}), /* @__PURE__ */ jsx("tbody", {
+					className: "divide-y divide-border-secondary",
+					children: executions.map((execution) => {
+						const isSelected = selection.runIds.includes(execution.id);
+						const isExpanded = expandedRows.has(execution.id);
+						const actions = getRowActions(execution);
+						return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("tr", {
+							className: `
+                      hover:bg-background-tertiary/50 cursor-pointer transition-colors
+                      ${isSelected ? "bg-action-primary-bg/10" : ""}
+                    `,
+							onClick: () => onRowClick?.(execution),
+							children: [
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-3",
+									onClick: (e) => e.stopPropagation(),
+									children: /* @__PURE__ */ jsx("input", {
+										type: "checkbox",
+										checked: isSelected,
+										onChange: () => toggleSelectRun(execution.id),
+										className: "w-4 h-4 rounded border-border-secondary"
+									})
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ jsx(ExecutionStatusBadge, {
+										status: execution.status,
+										size: "sm"
+									})
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "flex flex-col",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: execution.workflow?.name || workflowNames?.[execution.workflowKey] || execution.workflowKey
+										}), /* @__PURE__ */ jsx("span", {
+											className: "text-xs text-text-secondary",
+											children: formatRunVersion(execution.version)
+										})]
+									})
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ jsxs("span", {
+										className: "text-sm font-mono text-text-secondary",
+										children: [execution.id.slice(0, 8), "..."]
+									})
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ jsx("span", {
+										className: "text-sm text-text-secondary",
+										children: formatDate(execution.startedAt || execution.createdAt)
+									})
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ jsx("span", {
+										className: "text-sm text-text-secondary",
+										children: formatElapsedMs(runDurationMs(execution))
+									})
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ jsx("div", {
+											className: "flex-1 h-2 bg-background-tertiary rounded-full overflow-hidden max-w-[100px]",
+											children: /* @__PURE__ */ jsx("div", {
+												className: `h-full transition-all ${execution.status === "FAILED" ? "bg-[var(--color-status-error-bg)]" : execution.status === "COMPLETED" ? "bg-[var(--color-status-success-bg)]" : "bg-[var(--color-status-info-bg)]"}`,
+												style: { width: `${execution.progress}%` }
+											})
+										}), /* @__PURE__ */ jsxs("span", {
+											className: "text-xs text-text-secondary min-w-[45px]",
+											children: [
+												execution.completedNodes ?? 0,
+												"/",
+												execution.totalNodes ?? 0
+											]
+										})]
+									})
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-3",
+									onClick: (e) => e.stopPropagation(),
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ jsx("button", {
+												onClick: () => toggleRowExpanded(execution.id),
+												className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary",
+												children: /* @__PURE__ */ jsx(Icon, {
+													icon: isExpanded ? "mdi:chevron-up" : "mdi:chevron-down",
+													width: 18
+												})
+											}),
+											actions.slice(0, 2).map((action) => /* @__PURE__ */ jsx("button", {
+												"data-agent": "confirm",
+												onClick: () => onAction?.(action.action, execution),
+												className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary",
+												title: action.label,
+												children: /* @__PURE__ */ jsx(Icon, {
+													icon: action.icon,
+													width: 18
+												})
+											}, action.action)),
+											/* @__PURE__ */ jsx("button", {
+												onClick: () => navigate(`../runs/${execution.id}`),
+												className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary",
+												title: tr("fluidgrids.executions.executionTable.viewDetails", "View Details"),
+												children: /* @__PURE__ */ jsx(Icon, {
+													icon: "mdi:arrow-right",
+													width: 18
+												})
+											})
+										]
+									})
+								})
+							]
+						}, execution.id), isExpanded && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+							colSpan: 8,
+							className: "px-4 py-4 bg-background-tertiary/30",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "grid grid-cols-2 lg:grid-cols-4 gap-4",
+								children: [
+									/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+										className: "text-xs text-text-secondary mb-1",
+										children: tr("fluidgrids.executions.executionTable.triggerNode", "Trigger Node")
+									}), /* @__PURE__ */ jsx("div", {
+										className: "text-sm text-text-primary font-medium",
+										children: execution.triggerNodeId
+									})] }),
+									/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+										className: "text-xs text-text-secondary mb-1",
+										children: tr("fluidgrids.executions.executionTable.nodeStats", "Node Stats")
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "flex gap-2 text-sm",
+										children: [
+											/* @__PURE__ */ jsxs("span", {
+												className: "text-[var(--color-status-success-text)]",
+												children: [
+													execution.completedNodes ?? 0,
+													" ",
+													tr("fluidgrids.executions.executionTable.completed", "completed")
+												]
+											}),
+											(execution.failedNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("span", {
+												className: "text-[var(--color-status-error-text)]",
+												children: [
+													execution.failedNodes,
+													" ",
+													tr("fluidgrids.executions.executionTable.failed", "failed")
+												]
+											}),
+											(execution.skippedNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("span", {
+												className: "text-tertiary",
+												children: [
+													execution.skippedNodes,
+													" ",
+													tr("fluidgrids.executions.executionTable.skipped", "skipped")
+												]
+											})
+										]
+									})] }),
+									execution.errorMessage && /* @__PURE__ */ jsxs("div", {
+										className: "col-span-2",
+										children: [/* @__PURE__ */ jsx("div", {
+											className: "text-xs text-text-secondary mb-1",
+											children: tr("fluidgrids.executions.executionTable.error", "Error")
+										}), /* @__PURE__ */ jsx("div", {
+											className: "text-sm text-[var(--color-status-error-text)] bg-[var(--color-status-error-bg-subtle)] p-2 rounded",
+											children: execution.errorMessage
+										})]
+									}),
+									/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+										className: "text-xs text-text-secondary mb-1",
+										children: tr("fluidgrids.executions.executionTable.fullRunId", "Full Run ID")
+									}), /* @__PURE__ */ jsx("div", {
+										className: "text-sm font-mono text-text-secondary break-all",
+										children: execution.id
+									})] })
+								]
+							})
+						}) }, `${execution.id}-expanded`)] });
+					})
+				})]
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "sm:hidden px-4 py-2 bg-background-tertiary border-t border-border-secondary text-xs text-text-secondary text-center",
+			children: tr("fluidgrids.executions.executionTable.swipeHint", "Swipe to see more columns")
+		})]
+	});
+}
+
+// src/modules/executions/components/ExecutionCards.tsx
+/**
+* ExecutionCards — Card-grid view for workflow executions.
+* Displays each execution as a card with status badge, timing info, and progress bar.
+* Used when viewMode is 'cards' in ExecutionsListPage.
+*/
+function formatRelativeTime(dateStr) {
+	if (!dateStr) return "--";
+	const date = new Date(dateStr);
+	const diffMs = (/* @__PURE__ */ new Date()).getTime() - date.getTime();
+	const diffMins = Math.floor(diffMs / 6e4);
+	if (diffMins < 1) return "just now";
+	if (diffMins < 60) return `${diffMins}m ago`;
+	const diffHours = Math.floor(diffMins / 60);
+	if (diffHours < 24) return `${diffHours}h ago`;
+	return `${Math.floor(diffHours / 24)}d ago`;
+}
+function getProgressColor(status) {
+	switch (status) {
+		case "COMPLETED": return "bg-status-success-bg";
+		case "FAILED":
+		case "TERMINATED": return "bg-status-error-bg";
+		case "RUNNING": return "bg-status-info-bg";
+		case "CANCELLED": return "bg-status-warning-bg";
+		default: return "bg-text-muted";
+	}
+}
+function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAction }) {
+	const tr = useTr();
+	if (loading) return /* @__PURE__ */ jsx("div", {
+		className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+		children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", {
+			className: "rounded-lg border border-border-secondary bg-background-secondary p-4 animate-pulse",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between mb-3",
+					children: [/* @__PURE__ */ jsx("div", { className: "h-4 bg-background-tertiary rounded w-32" }), /* @__PURE__ */ jsx("div", { className: "h-5 bg-background-tertiary rounded-full w-20" })]
+				}),
+				/* @__PURE__ */ jsx("div", { className: "h-3 bg-background-tertiary rounded w-48 mb-2" }),
+				/* @__PURE__ */ jsx("div", { className: "h-2 bg-background-tertiary rounded w-full mb-3" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between",
+					children: [/* @__PURE__ */ jsx("div", { className: "h-3 bg-background-tertiary rounded w-16" }), /* @__PURE__ */ jsx("div", { className: "h-3 bg-background-tertiary rounded w-24" })]
+				})
+			]
+		}, i))
+	});
+	if (executions.length === 0) return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center justify-center py-16 text-text-secondary",
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				icon: "mdi:play-circle-outline",
+				width: 48,
+				className: "mb-3 opacity-40"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-lg font-medium",
+				children: tr("fluidgrids.executions.executionCards.emptyTitle", "No executions found")
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm mt-1",
+				children: tr("fluidgrids.executions.executionCards.emptyDescription", "Run a workflow to see results here")
+			})
+		]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+		children: executions.map((execution) => {
+			const config = RUN_STATUS_CONFIG[execution.status];
+			const canCancel = execution.status === "RUNNING" || execution.status === "PENDING";
+			const canPause = execution.status === "RUNNING";
+			return /* @__PURE__ */ jsxs("div", {
+				onClick: () => onCardClick(execution),
+				className: `
+              rounded-lg border bg-background-secondary p-4 cursor-pointer
+              transition-all duration-200 hover:shadow-md hover:border-border-primary
+              ${config.borderColor}
+            `,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-start justify-between mb-3",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "min-w-0 flex-1 mr-2",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "text-sm font-semibold text-text-primary truncate",
+								children: execution.workflow?.name || workflowNames?.[execution.workflowKey] || execution.workflowKey
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-xs text-text-tertiary mt-0.5",
+								children: formatRunVersion(execution.version)
+							})]
+						}), /* @__PURE__ */ jsx(ExecutionStatusBadge, {
+							status: execution.status,
+							size: "sm"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mb-3",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-between text-xs text-text-tertiary mb-1",
+							children: [/* @__PURE__ */ jsx("span", { children: tr("fluidgrids.executions.executionCards.progressLabel", "Progress") }), /* @__PURE__ */ jsxs("span", { children: [Math.round(execution.progress), "%"] })]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "h-1.5 bg-background-tertiary rounded-full overflow-hidden",
+							children: /* @__PURE__ */ jsx("div", {
+								className: `h-full rounded-full transition-all duration-500 ${getProgressColor(execution.status)}`,
+								style: { width: `${Math.min(execution.progress, 100)}%` }
+							})
+						})]
+					}),
+					(execution.totalNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("div", {
+						className: "flex gap-3 text-xs text-text-secondary mb-3",
+						children: [
+							/* @__PURE__ */ jsxs("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:check-circle",
+									width: 12,
+									className: "text-status-success-text"
+								}), execution.completedNodes ?? 0]
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:alert-circle",
+									width: 12,
+									className: "text-status-error-text"
+								}), execution.failedNodes ?? 0]
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:skip-next",
+									width: 12,
+									className: "text-text-muted"
+								}), execution.skippedNodes ?? 0]
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "flex items-center gap-1 ml-auto",
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:sigma",
+									width: 12
+								}), execution.totalNodes]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between text-xs text-text-tertiary pt-2 border-t border-border-secondary",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ jsx(Icon, {
+								icon: "mdi:timer-outline",
+								width: 12
+							}), formatElapsedMs(runDurationMs(execution), "--")]
+						}), /* @__PURE__ */ jsx("span", { children: formatRelativeTime(execution.startedAt ?? execution.createdAt) })]
+					}),
+					(canCancel || canPause) && /* @__PURE__ */ jsxs("div", {
+						className: "flex gap-1 mt-2 pt-2 border-t border-border-secondary",
+						children: [canPause && /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							onClick: (e) => {
+								e.stopPropagation();
+								onAction("pause", execution);
+							},
+							className: "flex items-center gap-1 text-xs px-2 py-1 rounded bg-background-tertiary hover:bg-status-warning-bg-subtle text-text-secondary hover:text-status-warning-text transition-colors",
+							children: [
+								/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:pause",
+									width: 12
+								}),
+								" ",
+								tr("fluidgrids.executions.executionCards.pauseButton", "Pause")
+							]
+						}), canCancel && /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							onClick: (e) => {
+								e.stopPropagation();
+								onAction("cancel", execution);
+							},
+							className: "flex items-center gap-1 text-xs px-2 py-1 rounded bg-background-tertiary hover:bg-status-error-bg-subtle text-text-secondary hover:text-status-error-text transition-colors",
+							children: [
+								/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:stop",
+									width: 12
+								}),
+								" ",
+								tr("fluidgrids.executions.executionCards.cancelButton", "Cancel")
+							]
+						})]
+					})
+				]
+			}, execution.id);
+		})
+	});
+}
+
+// src/modules/executions/components/ExecutionTimeline.tsx
+/**
+* ExecutionTimeline — Chronological timeline view for workflow executions.
+* Displays executions as a vertical timeline with status indicators and duration bars.
+* Used when viewMode is 'timeline' in ExecutionsListPage.
+*/
+function formatTime(dateStr) {
+	if (!dateStr) return "--";
+	return new Date(dateStr).toLocaleTimeString(void 0, {
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit"
+	});
+}
+function formatDate(dateStr) {
+	if (!dateStr) return "";
+	return new Date(dateStr).toLocaleDateString(void 0, {
+		weekday: "short",
+		month: "short",
+		day: "numeric"
+	});
+}
+function getStatusDotColor(status) {
+	switch (status) {
+		case "COMPLETED": return "bg-status-success-bg";
+		case "FAILED":
+		case "TERMINATED": return "bg-status-error-bg";
+		case "RUNNING": return "bg-status-info-bg animate-pulse";
+		case "CANCELLED": return "bg-status-warning-bg";
+		case "WAITING": return "bg-chart-3";
+		default: return "bg-text-muted";
+	}
+}
+/** Group executions by date for timeline sections */
+function groupByDate(executions) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const exec of executions) {
+		const dateKey = formatDate(exec.startedAt ?? exec.createdAt);
+		if (!groups.has(dateKey)) groups.set(dateKey, []);
+		groups.get(dateKey).push(exec);
+	}
+	return groups;
+}
+function ExecutionTimeline({ executions, loading, onItemClick, onAction }) {
+	const tr = useTr();
+	if (loading) return /* @__PURE__ */ jsx("div", {
+		className: "space-y-6 pl-8",
+		children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-4 animate-pulse",
+			children: [/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-background-tertiary mt-1.5 shrink-0" }), /* @__PURE__ */ jsxs("div", {
+				className: "flex-1",
+				children: [
+					/* @__PURE__ */ jsx("div", { className: "h-4 bg-background-tertiary rounded w-48 mb-2" }),
+					/* @__PURE__ */ jsx("div", { className: "h-3 bg-background-tertiary rounded w-32 mb-1" }),
+					/* @__PURE__ */ jsx("div", { className: "h-3 bg-background-tertiary rounded w-24" })
+				]
+			})]
+		}, i))
+	});
+	if (executions.length === 0) return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center justify-center py-16 text-text-secondary",
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				icon: "mdi:timeline",
+				width: 48,
+				className: "mb-3 opacity-40"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-lg font-medium",
+				children: tr("fluidgrids.executions.executionTimeline.emptyTitle", "No executions found")
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm mt-1",
+				children: tr("fluidgrids.executions.executionTimeline.emptyDescription", "Run a workflow to see the timeline")
+			})
+		]
+	});
+	const grouped = groupByDate(executions);
+	return /* @__PURE__ */ jsx("div", {
+		className: "space-y-8",
+		children: Array.from(grouped.entries()).map(([dateLabel, dateExecutions]) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 mb-4",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:calendar",
+					width: 14,
+					className: "text-text-tertiary"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-xs font-semibold text-text-tertiary uppercase tracking-wider",
+					children: dateLabel
+				}),
+				/* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-border-secondary" }),
+				/* @__PURE__ */ jsxs("span", {
+					className: "text-xs text-text-tertiary",
+					children: [
+						dateExecutions.length,
+						" ",
+						tr("fluidgrids.executions.executionTimeline.runsCountSuffix", "runs")
+					]
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "relative ml-4",
+			children: [/* @__PURE__ */ jsx("div", { className: "absolute left-[5px] top-0 bottom-0 w-px bg-border-secondary" }), /* @__PURE__ */ jsx("div", {
+				className: "space-y-4",
+				children: dateExecutions.map((execution, idx) => {
+					const isLast = idx === dateExecutions.length - 1;
+					const canCancel = execution.status === "RUNNING" || execution.status === "PENDING";
+					return /* @__PURE__ */ jsxs("div", {
+						onClick: () => onItemClick(execution),
+						className: "relative flex gap-4 cursor-pointer group",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "relative z-10 shrink-0 mt-1.5",
+							children: /* @__PURE__ */ jsx("div", { className: `w-[11px] h-[11px] rounded-full border-2 border-background-primary ${getStatusDotColor(execution.status)}` })
+						}), /* @__PURE__ */ jsxs("div", {
+							className: `
+                        flex-1 rounded-lg border border-border-secondary bg-background-secondary p-3
+                        transition-all duration-200 group-hover:shadow-sm group-hover:border-border-primary
+                        ${isLast ? "" : "mb-0"}
+                      `,
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "min-w-0 flex-1",
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ jsx("span", {
+												className: "text-sm font-semibold text-text-primary truncate",
+												children: execution.workflowKey
+											}), /* @__PURE__ */ jsxs("span", {
+												className: "text-xs text-text-tertiary",
+												children: ["v", execution.version]
+											})]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-3 mt-1 text-xs text-text-secondary",
+											children: [
+												/* @__PURE__ */ jsxs("span", {
+													className: "flex items-center gap-1",
+													children: [/* @__PURE__ */ jsx(Icon, {
+														icon: "mdi:clock-outline",
+														width: 12
+													}), formatTime(execution.startedAt ?? execution.createdAt)]
+												}),
+												/* @__PURE__ */ jsxs("span", {
+													className: "flex items-center gap-1",
+													children: [/* @__PURE__ */ jsx(Icon, {
+														icon: "mdi:timer-outline",
+														width: 12
+													}), formatElapsedMs(runDurationMs(execution), "--")]
+												}),
+												(execution.totalNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ jsx(Icon, {
+															icon: "mdi:puzzle-outline",
+															width: 12
+														}),
+														execution.completedNodes ?? 0,
+														"/",
+														execution.totalNodes,
+														" ",
+														tr("fluidgrids.executions.executionTimeline.nodesCountSuffix", "nodes")
+													]
+												})
+											]
+										}),
+										execution.errorMessage && /* @__PURE__ */ jsx("p", {
+											className: "mt-1.5 text-xs text-status-error-text truncate max-w-sm",
+											children: execution.errorMessage
+										})
+									]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2 shrink-0",
+									children: [/* @__PURE__ */ jsx(ExecutionStatusBadge, {
+										status: execution.status,
+										size: "sm"
+									}), canCancel && /* @__PURE__ */ jsx("button", {
+										type: "button",
+										onClick: (e) => {
+											e.stopPropagation();
+											onAction("cancel", execution);
+										},
+										className: "opacity-0 group-hover:opacity-100 p-1 rounded hover:bg-status-error-bg-subtle text-text-tertiary hover:text-status-error-text transition-all",
+										title: tr("fluidgrids.executions.executionTimeline.cancelTooltip", "Cancel execution"),
+										children: /* @__PURE__ */ jsx(Icon, {
+											icon: "mdi:stop",
+											width: 14
+										})
+									})]
+								})]
+							}), execution.status === "RUNNING" && /* @__PURE__ */ jsx("div", {
+								className: "mt-2",
+								children: /* @__PURE__ */ jsx("div", {
+									className: "h-1 bg-background-tertiary rounded-full overflow-hidden",
+									children: /* @__PURE__ */ jsx("div", {
+										className: "h-full bg-status-info-bg rounded-full transition-all duration-500 animate-pulse",
+										style: { width: `${Math.min(execution.progress, 100)}%` }
+									})
+								})
+							})]
+						})]
+					}, execution.id);
+				})
+			})]
+		})] }, dateLabel))
+	});
+}
+
+// src/modules/executions/components/Pagination.tsx
+function Pagination({ totalItems, showPageSize = true }) {
+	const tr = useTr();
+	const { pagination, setPage, setPageSize } = useExecutionsStore();
+	const { page, pageSize, total } = pagination;
+	const totalPages = Math.ceil((totalItems ?? total) / pageSize);
+	const startItem = (page - 1) * pageSize + 1;
+	const endItem = Math.min(page * pageSize, totalItems ?? total);
+	const pageSizeOptions = [
+		10,
+		25,
+		50,
+		100
+	];
+	const goToPage = (newPage) => {
+		if (newPage >= 1 && newPage <= totalPages) setPage(newPage);
+	};
+	const getPageNumbers = () => {
+		const pages = [];
+		if (totalPages <= 7) for (let i = 1; i <= totalPages; i++) pages.push(i);
+		else {
+			pages.push(1);
+			if (page > 3) pages.push("ellipsis");
+			const start = Math.max(2, page - 1);
+			const end = Math.min(totalPages - 1, page + 1);
+			for (let i = start; i <= end; i++) pages.push(i);
+			if (page < totalPages - 2) pages.push("ellipsis");
+			pages.push(totalPages);
+		}
+		return pages;
+	};
+	if (totalPages <= 1 && !showPageSize) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col sm:flex-row items-center justify-between gap-4 py-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "text-sm text-text-secondary",
+			children: [
+				tr("fluidgrids.executions.pagination.showingLabel", "Showing"),
+				" ",
+				/* @__PURE__ */ jsx("span", {
+					className: "font-medium text-text-primary",
+					children: startItem
+				}),
+				" ",
+				tr("fluidgrids.executions.pagination.toLabel", "to"),
+				" ",
+				/* @__PURE__ */ jsx("span", {
+					className: "font-medium text-text-primary",
+					children: endItem
+				}),
+				" ",
+				tr("fluidgrids.executions.pagination.ofLabel", "of"),
+				" ",
+				/* @__PURE__ */ jsx("span", {
+					className: "font-medium text-text-primary",
+					children: totalItems ?? total
+				}),
+				" ",
+				tr("fluidgrids.executions.pagination.resultsLabel", "results")
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-4",
+			children: [showPageSize && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("label", {
+					className: "text-sm text-text-secondary",
+					children: tr("fluidgrids.executions.pagination.pageSizeLabel", "Show")
+				}), /* @__PURE__ */ jsx("select", {
+					value: pageSize,
+					onChange: (e) => setPageSize(Number(e.target.value)),
+					className: "px-2 py-1 bg-bg-surface border border-border-default rounded text-sm text-text-primary scheme-normal dark:scheme-dark",
+					children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx("option", {
+						value: size,
+						className: "bg-bg-surface text-text-primary",
+						children: size
+					}, size))
+				})]
+			}), totalPages > 1 && /* @__PURE__ */ jsxs("nav", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						onClick: () => goToPage(page - 1),
+						disabled: page === 1,
+						className: "p-2 rounded hover:bg-background-tertiary disabled:opacity-50 disabled:cursor-not-allowed",
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:chevron-left",
+							width: 20,
+							className: "text-text-secondary"
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "hidden sm:flex items-center gap-1",
+						children: getPageNumbers().map((pageNum, index) => pageNum === "ellipsis" ? /* @__PURE__ */ jsx("span", {
+							className: "px-2 text-text-secondary",
+							children: "..."
+						}, `ellipsis-${index}`) : /* @__PURE__ */ jsx("button", {
+							onClick: () => goToPage(pageNum),
+							className: `
+                      min-w-[32px] h-8 px-2 rounded text-sm font-medium
+                      ${pageNum === page ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-background-tertiary text-text-secondary"}
+                    `,
+							children: pageNum
+						}, pageNum))
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "sm:hidden px-3 text-sm text-text-secondary",
+						children: [
+							page,
+							" / ",
+							totalPages
+						]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						onClick: () => goToPage(page + 1),
+						disabled: page === totalPages,
+						className: "p-2 rounded hover:bg-background-tertiary disabled:opacity-50 disabled:cursor-not-allowed",
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:chevron-right",
+							width: 20,
+							className: "text-text-secondary"
+						})
+					})
+				]
+			})]
+		})]
+	});
+}
+
+// src/modules/run-control/components/SearchAttributeFilterBar.tsx
+/**
+* The Runs list's search-attribute filter builder (BOFF-9906, spec code-first
+* 11 §2.8): rows of attribute, operator and value over the workspace's
+* definitions, combined with "all" or "any", plus free text over TEXT
+* attributes. *Apply* hands the filter to the list; the list sends it only
+* when no filter the service refuses alongside it is set (search, node,
+* trigger type), and says so here.
+*/
+const OPERATOR_LABELS = {
+	EQ: "=",
+	NEQ: "≠",
+	IN: "in",
+	GT: ">",
+	GTE: "≥",
+	LT: "<",
+	LTE: "≤",
+	STARTS_WITH: "starts with",
+	CONTAINS: "contains"
+};
+function SearchAttributeFilterBar({ applied, onApply, conflicts }) {
+	const tr = useTr();
+	const definitions = useResource("search-attributes", true, fetchSearchAttributes);
+	const [state, setState] = useState(EMPTY_SEARCH_FILTER);
+	const types = useMemo(() => new Map((definitions.data ?? []).map((definition) => [definition.name, definition.type])), [definitions.data]);
+	const built = buildSearchAttributeFilter(state, types);
+	const names = [...types.keys()].sort();
+	const setRow = (index, patch) => setState((current) => ({
+		...current,
+		rows: current.rows.map((row, i) => {
+			if (i !== index) return row;
+			const next = {
+				...row,
+				...patch
+			};
+			const type = types.get(next.name);
+			if (type && !OPERATORS_BY_TYPE[type].includes(next.op)) next.op = OPERATORS_BY_TYPE[type][0];
+			return next;
+		})
+	}));
+	const addRow = () => {
+		const name = names[0];
+		if (!name) return;
+		const type = types.get(name);
+		setState((current) => ({
+			...current,
+			rows: [...current.rows, {
+				name,
+				op: type ? OPERATORS_BY_TYPE[type][0] : "EQ",
+				value: ""
+			}]
+		}));
+	};
+	return /* @__PURE__ */ jsxs("section", {
+		className: "mb-4 space-y-3 rounded-lg border border-border-secondary bg-background-secondary p-3",
+		"data-testid": "search-attribute-filter",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:tag-search-outline",
+						width: 18,
+						className: "text-text-secondary"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm font-medium text-text-primary",
+						children: tr("fluidgrids.runControl.searchFilter.title", "Search attributes")
+					}),
+					state.rows.length > 1 && /* @__PURE__ */ jsxs(NativeSelect, {
+						value: state.combine,
+						onChange: (value) => setState((current) => ({
+							...current,
+							combine: value === "or" ? "or" : "and"
+						})),
+						ariaLabel: tr("fluidgrids.runControl.searchFilter.combine", "Match"),
+						testId: "search-filter-combine",
+						children: [/* @__PURE__ */ jsx("option", {
+							value: "and",
+							children: tr("fluidgrids.runControl.searchFilter.all", "all conditions")
+						}), /* @__PURE__ */ jsx("option", {
+							value: "or",
+							children: tr("fluidgrids.runControl.searchFilter.any", "any condition")
+						})]
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						value: state.text,
+						onChange: (event) => setState((current) => ({
+							...current,
+							text: event.target.value
+						})),
+						placeholder: tr("fluidgrids.runControl.searchFilter.text", "Words in text attributes"),
+						className: "h-9 max-w-xs",
+						maxLength: 256,
+						"data-testid": "search-filter-text"
+					}),
+					/* @__PURE__ */ jsxs(Button$1, {
+						size: "sm",
+						variant: "outline",
+						onClick: addRow,
+						disabled: names.length === 0 || state.rows.length >= 20,
+						"data-testid": "search-filter-add",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:plus",
+							className: "mr-1",
+							width: 14
+						}), tr("fluidgrids.runControl.searchFilter.add", "Condition")]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "ml-auto flex gap-2",
+						children: [applied && /* @__PURE__ */ jsx(Button$1, {
+							size: "sm",
+							variant: "ghost",
+							onClick: () => {
+								setState(EMPTY_SEARCH_FILTER);
+								onApply(null);
+							},
+							"data-testid": "search-filter-clear",
+							children: tr("fluidgrids.runControl.searchFilter.clear", "Clear")
+						}), /* @__PURE__ */ jsx(Button$1, {
+							size: "sm",
+							onClick: () => onApply(built.filter),
+							disabled: built.incomplete > 0,
+							"data-testid": "search-filter-apply",
+							children: tr("fluidgrids.runControl.searchFilter.apply", "Apply")
+						})]
+					})
+				]
+			}),
+			definitions.data && names.length === 0 && /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-text-secondary",
+				"data-testid": "search-filter-no-definitions",
+				children: tr("fluidgrids.runControl.searchFilter.noDefinitions", "No search attributes are defined. Define them in Settings → Run control.")
+			}),
+			/* @__PURE__ */ jsx(FieldError, { message: definitions.error }),
+			state.rows.map((row, index) => {
+				const type = types.get(row.name);
+				return /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-2",
+					"data-testid": `search-filter-row-${index}`,
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "w-44",
+							children: /* @__PURE__ */ jsx(NativeSelect, {
+								value: row.name,
+								onChange: (name) => setRow(index, { name }),
+								ariaLabel: tr("fluidgrids.runControl.searchFilter.attribute", "Attribute"),
+								testId: `search-filter-name-${index}`,
+								children: names.map((name) => /* @__PURE__ */ jsx("option", {
+									value: name,
+									children: name
+								}, name))
+							})
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "w-32",
+							children: /* @__PURE__ */ jsx(NativeSelect, {
+								value: row.op,
+								onChange: (op) => setRow(index, { op: (type ? OPERATORS_BY_TYPE[type] : []).find((item) => item === op) ?? row.op }),
+								ariaLabel: tr("fluidgrids.runControl.searchFilter.operator", "Operator"),
+								testId: `search-filter-op-${index}`,
+								children: (type ? OPERATORS_BY_TYPE[type] : []).map((op) => /* @__PURE__ */ jsx("option", {
+									value: op,
+									children: OPERATOR_LABELS[op]
+								}, op))
+							})
+						}),
+						/* @__PURE__ */ jsx(Input, {
+							value: row.value,
+							onChange: (event) => setRow(index, { value: event.target.value }),
+							placeholder: row.op === "IN" ? tr("fluidgrids.runControl.searchFilter.listValue", "a, b, c") : type ?? "",
+							className: "h-9 max-w-xs",
+							"aria-label": tr("fluidgrids.runControl.searchFilter.value", "Value"),
+							"data-testid": `search-filter-value-${index}`
+						}),
+						/* @__PURE__ */ jsx(Button$1, {
+							size: "sm",
+							variant: "ghost",
+							"aria-label": tr("fluidgrids.runControl.searchFilter.remove", "Remove condition"),
+							onClick: () => setState((current) => ({
+								...current,
+								rows: current.rows.filter((_, i) => i !== index)
+							})),
+							children: /* @__PURE__ */ jsx(Icon, {
+								icon: "mdi:close",
+								width: 14
+							})
+						})
+					]
+				}, index);
+			}),
+			built.incomplete > 0 && /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-[var(--color-status-warning-text)]",
+				"data-testid": "search-filter-incomplete",
+				children: tr("fluidgrids.runControl.searchFilter.incomplete", "Give every condition a value of its attribute's type.")
+			}),
+			applied && conflicts.length > 0 && /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-[var(--color-status-warning-text)]",
+				"data-testid": "search-filter-conflicts",
+				children: tr("fluidgrids.runControl.searchFilter.conflicts", "The attribute filter is not applied while these filters are set: {{filters}}. Clear them to use it.", { filters: conflicts.join(", ") })
+			})
+		]
+	});
+}
+
+// src/modules/run-control/utils/batch.ts
+/** The operations the batch menu offers, in menu order. */
+const BATCH_MENU_OPERATIONS = [
+	"SIGNAL",
+	"CANCEL",
+	"TERMINATE",
+	"RESET",
+	"PAUSE_ACTIVITY",
+	"UNPAUSE_ACTIVITY",
+	"RESET_ACTIVITY",
+	"EXPORT"
+];
+/**
+* Operations on durable work only. A copy of the service's
+* `DURABLE_BATCH_TYPES` (as far as the menu offers them): the service refuses
+* them with FEATURE_DISABLED unless durable functions are on besides run
+* control.
+*/
+const DURABLE_BATCH_OPERATIONS = /* @__PURE__ */ new Set([
+	"RESET",
+	"PAUSE_ACTIVITY",
+	"UNPAUSE_ACTIVITY",
+	"RESET_ACTIVITY"
+]);
+/**
+* The operations the batch menu offers: nothing without run control; the
+* durable-only ones need run control with durable functions; TERMINATE the
+* workflow-run delete permission, EXPORT run archival, the rest execute.
+*/
+function allowedBatchOperations(gates, permissions) {
+	const allowed = /* @__PURE__ */ new Set();
+	if (!gates.runControl) return allowed;
+	if (permissions.canExecute) for (const type of BATCH_MENU_OPERATIONS) {
+		if (type === "TERMINATE" || type === "EXPORT") continue;
+		if (DURABLE_BATCH_OPERATIONS.has(type) && !gates.runControlDurable) continue;
+		allowed.add(type);
+	}
+	if (permissions.canDelete) allowed.add("TERMINATE");
+	if (gates.runArchival) allowed.add("EXPORT");
+	return allowed;
+}
+/**
+* The mutation (and so the RBAC pair) each operation goes through: TERMINATE
+* is the workflow-run delete pair, EXPORT the read pair, the rest execute.
+*/
+function batchMutationOf(type) {
+	if (type === "TERMINATE") return "terminate";
+	if (type === "EXPORT") return "export";
+	return "operation";
+}
+/** The most run ids one job takes; beyond that, a filter selects. */
+const MAX_BATCH_RUN_IDS = 1e3;
+/**
+* The runs a job selects: the chosen ids, or (for "select all matching") the
+* list's filter without paging, which the service ignores anyway.
+*/
+function batchSelection(input, selection) {
+	if (selection.allMatching) {
+		const filter = { ...input };
+		delete filter.limit;
+		delete filter.offset;
+		return { filter };
+	}
+	return { runIds: selection.runIds.slice(0, MAX_BATCH_RUN_IDS) };
+}
+/** Whether the operation needs the activity selector. */
+function needsActivitySelector(type) {
+	return type === "PAUSE_ACTIVITY" || type === "UNPAUSE_ACTIVITY" || type === "RESET_ACTIVITY";
+}
+/** Progress of a job: succeeded, failed and skipped runs out of its total. */
+function batchProgress(job) {
+	const done = job.succeeded + job.failed + job.skipped;
+	const total = Math.max(job.total, 0);
+	const finished = job.status === "COMPLETED" || job.status === "FAILED" || job.status === "CANCELLED";
+	return {
+		done,
+		total,
+		percent: total === 0 ? finished ? 100 : 0 : Math.min(100, Math.round(done / total * 100)),
+		finished
+	};
+}
+
+// src/modules/run-control/components/BatchOperations.tsx
+/**
+* Batch operations of the Runs list (BOFF-9906, spec code-first 11 §2.19):
+* the batch menu over the selected runs (or every run matching the list's
+* filter), the dialog that dry-runs and starts a job, and the progress drawer
+* that follows it. TERMINATE goes through startBatchTerminate (the workflow-run
+* delete pair) and EXPORT through startBatchExport (the read pair); the rest
+* through startBatchOperation.
+*/
+/** The drawer re-reads a running job this often (besides the subscription). */
+const BATCH_POLL_INTERVAL_MS = 3e3;
+const OPERATION_TYPES = {
+	SIGNAL: "SIGNAL",
+	CANCEL: "CANCEL",
+	TERMINATE: "TERMINATE",
+	RESET: "RESET",
+	PAUSE_ACTIVITY: "PAUSE_ACTIVITY",
+	UNPAUSE_ACTIVITY: "UNPAUSE_ACTIVITY",
+	RESET_ACTIVITY: "RESET_ACTIVITY",
+	EXPORT: "EXPORT"
+};
+function useBatchOperationLabels() {
+	const tr = useTr();
+	return {
+		SIGNAL: tr("fluidgrids.runControl.batch.op.signal", "Signal"),
+		CANCEL: tr("fluidgrids.runControl.batch.op.cancel", "Cancel"),
+		TERMINATE: tr("fluidgrids.runControl.batch.op.terminate", "Terminate"),
+		RESET: tr("fluidgrids.runControl.batch.op.reset", "Reset to last clean task"),
+		PAUSE_ACTIVITY: tr("fluidgrids.runControl.batch.op.pauseActivity", "Pause activities"),
+		UNPAUSE_ACTIVITY: tr("fluidgrids.runControl.batch.op.unpauseActivity", "Unpause activities"),
+		RESET_ACTIVITY: tr("fluidgrids.runControl.batch.op.resetActivity", "Reset activity attempts"),
+		EXPORT: tr("fluidgrids.runControl.batch.op.export", "Export to archive")
+	};
+}
+function BatchMenu({ allowed, onPick, onShowJobs }) {
+	const tr = useTr();
+	const labels = useBatchOperationLabels();
+	const offered = BATCH_MENU_OPERATIONS.filter((type) => allowed.has(type));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button$1, {
+				variant: "outline",
+				size: "sm",
+				disabled: offered.length === 0,
+				"data-testid": "batch-menu",
+				children: [
+					/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:layers-triple-outline",
+						className: "mr-1",
+						width: 14
+					}),
+					tr("fluidgrids.runControl.batch.menu", "Batch"),
+					/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:chevron-down",
+						className: "ml-1",
+						width: 14
+					})
+				]
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+			style: RUN_CONTROL_DIALOG_STYLE,
+			children: offered.map((type) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+				onSelect: () => onPick(type),
+				"data-testid": `batch-op-${type}`,
+				children: labels[type]
+			}, type))
+		})] }), /* @__PURE__ */ jsx(Button$1, {
+			variant: "ghost",
+			size: "sm",
+			onClick: onShowJobs,
+			"data-testid": "batch-jobs-button",
+			children: tr("fluidgrids.runControl.batch.jobs", "Batch jobs")
+		})]
+	});
+}
+async function startJob(type, selection, common, payload) {
+	const mutation = batchMutationOf(type);
+	if (mutation === "terminate") return startBatchTerminate({
+		...selection,
+		...common
+	});
+	if (mutation === "export") return startBatchExport({
+		...selection,
+		...common
+	});
+	return startBatchOperation({
+		...selection,
+		...common,
+		type: OPERATION_TYPES[type],
+		payload
+	});
+}
+function BatchOperationDialog({ type, input, selection, onClose, onStarted }) {
+	const tr = useTr();
+	const labels = useBatchOperationLabels();
+	const [reason, setReason] = useState("");
+	const [rate, setRate] = useState("50");
+	const [signalName, setSignalName] = useState("");
+	const [signalPayload, setSignalPayload] = useState("");
+	const [pauseReason, setPauseReason] = useState("");
+	const [dryRun, setDryRun] = useState(null);
+	const [busy, setBusy] = useState(null);
+	const [error, setError] = useState(null);
+	const parsedPayload = parseJsonInput(signalPayload);
+	const maxOperationsPerSecond = Math.min(50, Math.max(1, Math.round(Number(rate) || 0)));
+	const payload = () => {
+		if (type === "SIGNAL") return {
+			signalName: signalName.trim(),
+			signalPayload: parsedPayload.ok ? jsonArg(parsedPayload.value) : null
+		};
+		if (type === "RESET") return { resetTo: { type: "LAST_TASK" } };
+		if (needsActivitySelector(type)) return { selector: { all: true } };
+		return null;
+	};
+	const valid = reason.trim().length > 0 && Number.isFinite(Number(rate)) && (type !== "SIGNAL" || signalName.trim().length > 0 && parsedPayload.ok) && (type !== "PAUSE_ACTIVITY" || pauseReason.trim().length > 0);
+	const jobReason = type === "PAUSE_ACTIVITY" && pauseReason.trim() ? pauseReason.trim() : reason.trim();
+	const run = async (asDryRun) => {
+		if (!valid) return;
+		setBusy(asDryRun ? "dry" : "start");
+		setError(null);
+		try {
+			const chosen = batchSelection(input, selection);
+			const job = await startJob(type, "filter" in chosen ? { filter: chosen.filter } : { runIds: chosen.runIds }, {
+				reason: jobReason,
+				maxOperationsPerSecond,
+				dryRun: asDryRun
+			}, payload());
+			if (asDryRun) setDryRun(job);
+			else onStarted(job);
+		} catch (err) {
+			setError(describeOperationError(err));
+		} finally {
+			setBusy(null);
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			style: RUN_CONTROL_DIALOG_STYLE,
+			"data-testid": "batch-dialog",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: labels[type] }), /* @__PURE__ */ jsx(DialogDescription, { children: selection.allMatching ? tr("fluidgrids.runControl.batch.allMatching", "Every run that matches the list's filters.") : tr("fluidgrids.runControl.batch.selected", "{{count}} selected runs.", { count: Math.min(selection.runIds.length, 1e3) }) })] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [
+						type === "SIGNAL" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "batch-signal-name",
+								children: tr("fluidgrids.runControl.batch.signalName", "Signal name")
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "batch-signal-name",
+								value: signalName,
+								onChange: (event) => setSignalName(event.target.value),
+								"data-testid": "batch-signal-name"
+							})]
+						}), /* @__PURE__ */ jsx(JsonField, {
+							id: "batch-signal-payload",
+							label: tr("fluidgrids.runControl.batch.signalPayload", "Payload (JSON, optional)"),
+							value: signalPayload,
+							onChange: setSignalPayload,
+							rows: 3,
+							error: parsedPayload.ok ? null : parsedPayload.error
+						})] }),
+						type === "PAUSE_ACTIVITY" && /* @__PURE__ */ jsxs("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "batch-pause-reason",
+								children: tr("fluidgrids.runControl.batch.pauseReason", "Pause reason")
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "batch-pause-reason",
+								value: pauseReason,
+								onChange: (event) => setPauseReason(event.target.value),
+								"data-testid": "batch-pause-reason"
+							})]
+						}),
+						needsActivitySelector(type) && /* @__PURE__ */ jsx("p", {
+							className: "text-xs text-text-secondary",
+							children: tr("fluidgrids.runControl.batch.allActivities", "Applies to every open activity of each run.")
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "batch-reason",
+								children: tr("fluidgrids.runControl.batch.reason", "Reason")
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "batch-reason",
+								value: reason,
+								maxLength: 1e3,
+								onChange: (event) => setReason(event.target.value),
+								"data-testid": "batch-reason"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "batch-rate",
+								children: tr("fluidgrids.runControl.batch.rate", "Runs per second (1 to 50)")
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "batch-rate",
+								inputMode: "numeric",
+								value: rate,
+								onChange: (event) => setRate(event.target.value),
+								"data-testid": "batch-rate"
+							})]
+						}),
+						dryRun && /* @__PURE__ */ jsx("p", {
+							className: "rounded-md bg-background-primary p-2 text-sm text-text-primary",
+							"data-testid": "batch-dry-run-result",
+							children: tr("fluidgrids.runControl.batch.dryRunResult", "The job would select {{count}} runs.", { count: dryRun.total })
+						}),
+						/* @__PURE__ */ jsx(FieldError, {
+							message: error,
+							testId: "batch-error"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [
+					/* @__PURE__ */ jsx(Button$1, {
+						variant: "outline",
+						onClick: onClose,
+						disabled: busy !== null,
+						children: tr("fluidgrids.runControl.common.cancel", "Cancel")
+					}),
+					/* @__PURE__ */ jsx(Button$1, {
+						variant: "outline",
+						onClick: () => void run(true),
+						disabled: !valid || busy !== null,
+						"data-testid": "batch-dry-run",
+						children: busy === "dry" ? tr("fluidgrids.runControl.batch.counting", "Counting…") : tr("fluidgrids.runControl.batch.dryRun", "Dry run")
+					}),
+					/* @__PURE__ */ jsx(Button$1, {
+						onClick: () => void run(false),
+						disabled: !valid || busy !== null,
+						"data-testid": "batch-start",
+						children: busy === "start" ? tr("fluidgrids.runControl.common.working", "Working…") : tr("fluidgrids.runControl.batch.start", "Start job")
+					})
+				] })
+			]
+		})
+	});
+}
+function statusTone(status) {
+	if (status === "COMPLETED") return "success";
+	if (status === "FAILED") return "error";
+	if (status === "CANCELLED") return "neutral";
+	return "info";
+}
+function isBatchMenuOperation(type) {
+	return BATCH_MENU_OPERATIONS.some((item) => item === type);
+}
+/** Follows one job: its subscription, plus a re-read on a timer while it runs. */
+function useBatchJob(initial) {
+	const [job, setJob] = useState(initial);
+	const id = job?.id ?? null;
+	const finished = job ? batchProgress(job).finished : true;
+	useEffect(() => {
+		if (!id || finished) return;
+		let cancelled = false;
+		const subscription = getFluidGridsClient().subscribe({
+			query: WorkflowBatchOperationUpdatedDocument,
+			variables: { id }
+		}).subscribe({
+			next: ({ data }) => {
+				if (!cancelled && data?.workflowBatchOperationUpdated) setJob(data.workflowBatchOperationUpdated);
+			},
+			error: () => void 0
+		});
+		const timer = setInterval(() => {
+			fetchBatchOperation(id).then((next) => {
+				if (!cancelled) setJob(next);
+			}).catch(() => void 0);
+		}, BATCH_POLL_INTERVAL_MS);
+		return () => {
+			cancelled = true;
+			subscription.unsubscribe();
+			clearInterval(timer);
+		};
+	}, [id, finished]);
+	return {
+		job,
+		setJob
+	};
+}
+function BatchProgressDrawer({ job: initial, open, onOpenChange, canCancel }) {
+	const tr = useTr();
+	const labels = useBatchOperationLabels();
+	const { job, setJob } = useBatchJob(initial);
+	const [error, setError] = useState(null);
+	const jobs = useResource("batch-jobs", open && !job, () => fetchBatchOperations({ first: 20 }));
+	useEffect(() => setJob(initial), [initial, setJob]);
+	const cancel = async () => {
+		if (!job) return;
+		try {
+			setJob(await cancelBatchOperation(job.id));
+		} catch (err) {
+			setError(describeOperationError(err));
+		}
+	};
+	const labelOf = (type) => isBatchMenuOperation(type) ? labels[type] : type;
+	return /* @__PURE__ */ jsx(Sheet, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			style: RUN_CONTROL_DIALOG_STYLE,
+			className: "w-full sm:max-w-md",
+			"data-testid": "batch-drawer",
+			children: [
+				/* @__PURE__ */ jsxs(SheetHeader, { children: [/* @__PURE__ */ jsx(SheetTitle, { children: job ? labelOf(job.type) : tr("fluidgrids.runControl.batch.jobs", "Batch jobs") }), /* @__PURE__ */ jsx(SheetDescription, { children: job ? job.reason : tr("fluidgrids.runControl.batch.jobsDescription", "The workspace's recent batch jobs.") })] }),
+				job ? /* @__PURE__ */ jsx(BatchJobProgress, {
+					job,
+					onCancel: canCancel ? () => void cancel() : void 0
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "mt-4 space-y-2",
+					children: [
+						/* @__PURE__ */ jsx(FieldError, { message: jobs.error }),
+						(jobs.data?.items ?? []).map((item) => /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: "w-full rounded-md border border-border-secondary p-2 text-left hover:bg-background-tertiary",
+							onClick: () => setJob(item),
+							"data-testid": `batch-job-${item.id}`,
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2 text-sm",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "font-medium text-text-primary",
+										children: labelOf(item.type)
+									}),
+									/* @__PURE__ */ jsx(StatusPill, {
+										tone: statusTone(item.status),
+										children: item.status
+									}),
+									/* @__PURE__ */ jsxs("span", {
+										className: "ml-auto text-xs text-text-secondary",
+										children: [batchProgress(item).percent, "%"]
+									})
+								]
+							}), /* @__PURE__ */ jsx("p", {
+								className: "truncate text-xs text-text-secondary",
+								children: item.reason
+							})]
+						}, item.id)),
+						jobs.data && jobs.data.items.length === 0 && /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-text-secondary",
+							children: tr("fluidgrids.runControl.batch.noJobs", "No batch jobs yet.")
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(FieldError, { message: error })
+			]
+		})
+	});
+}
+function BatchJobProgress({ job, onCancel }) {
+	const tr = useTr();
+	const progress = batchProgress(job);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-4 space-y-3",
+		"data-testid": "batch-progress",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(StatusPill, {
+					tone: statusTone(job.status),
+					testId: "batch-progress-status",
+					children: job.status
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "text-sm text-text-secondary",
+					"data-testid": "batch-progress-count",
+					children: [
+						progress.done,
+						" / ",
+						progress.total
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "h-2 overflow-hidden rounded-full bg-background-tertiary",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "h-full bg-[var(--color-status-info-bg)]",
+					style: { width: `${progress.percent}%` }
+				})
+			}),
+			/* @__PURE__ */ jsxs("dl", {
+				className: "grid grid-cols-3 gap-2 text-center text-xs",
+				children: [
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-text-secondary",
+						children: tr("fluidgrids.runControl.batch.succeeded", "Succeeded")
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "text-base font-semibold text-text-primary",
+						children: job.succeeded
+					})] }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-text-secondary",
+						children: tr("fluidgrids.runControl.batch.failed", "Failed")
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "text-base font-semibold text-text-primary",
+						children: job.failed
+					})] }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-text-secondary",
+						children: tr("fluidgrids.runControl.batch.skipped", "Skipped")
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "text-base font-semibold text-text-primary",
+						children: job.skipped
+					})] })
+				]
+			}),
+			job.failureMessage && /* @__PURE__ */ jsx(FieldError, { message: job.failureMessage }),
+			job.errors.length > 0 && /* @__PURE__ */ jsx("ul", {
+				className: "max-h-48 space-y-1 overflow-auto text-xs",
+				"data-testid": "batch-progress-errors",
+				children: job.errors.map((item) => /* @__PURE__ */ jsxs("li", { children: [
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: item.runId.slice(0, 12)
+					}),
+					" ",
+					item.message
+				] }, item.runId))
+			}),
+			onCancel && !progress.finished && !job.cancelRequestedAt && /* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				size: "sm",
+				onClick: onCancel,
+				"data-testid": "batch-cancel",
+				children: tr("fluidgrids.runControl.batch.cancel", "Cancel job")
+			})
+		]
+	});
+}
+
+// src/modules/executions/components/RunsParityBar.tsx
+/**
+* Runs list additions from durable-function parity (BOFF-9905, spec
+* code-first 11 §2.1, §2.34): a workflow-id filter and the number of runs per
+* status for the current filter (`workflowRunsCount`, the same filter and
+* visibility as the list). Rendered only while fluidgrids.durable-parity is
+* on.
+*/
+/** How long typing in the workflow-id box settles before it filters. */
+const WORKFLOW_ID_FILTER_DEBOUNCE_MS = 350;
+const RUN_STATUSES = [
+	"PENDING",
+	"RUNNING",
+	"WAITING",
+	"COMPLETED",
+	"FAILED",
+	"CANCELLED",
+	"TERMINATED"
+];
+function isRunStatus(value) {
+	return RUN_STATUSES.includes(value);
+}
+function RunsParityBar({ workflowId, onWorkflowIdChange, total, counts, countsError, selectedStatus, onSelectStatus }) {
+	const tr = useTr();
+	const statusLabels = runStatusLabels(tr);
+	const [draft, setDraft] = useState(workflowId);
+	useEffect(() => {
+		setDraft(workflowId);
+	}, [workflowId]);
+	useEffect(() => {
+		if (draft === workflowId) return;
+		const timer = setTimeout(() => onWorkflowIdChange(draft), 350);
+		return () => clearTimeout(timer);
+	}, [
+		draft,
+		workflowId,
+		onWorkflowIdChange
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "runs-parity-bar",
+		className: "mb-6 flex flex-col gap-3 lg:flex-row lg:items-center",
+		children: [/* @__PURE__ */ jsxs("label", {
+			className: "flex min-w-0 items-center gap-2 text-sm text-text-secondary lg:w-80",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:key-outline",
+					width: 16,
+					className: "shrink-0"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: tr("fluidgrids.executions.parity.workflowIdFilter", "Workflow ID")
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					value: draft,
+					maxLength: 256,
+					placeholder: tr("fluidgrids.executions.parity.workflowIdPlaceholder", "Filter by workflow ID"),
+					onChange: (event) => setDraft(event.target.value),
+					"data-testid": "runs-workflow-id-filter"
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-wrap items-center gap-2",
+			"data-testid": "runs-status-counts",
+			children: countsError ? /* @__PURE__ */ jsxs("span", {
+				className: "text-xs text-[var(--color-status-error-text)]",
+				children: [
+					tr("fluidgrids.executions.parity.countsError", "Could not count the runs:"),
+					" ",
+					countsError
+				]
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [total !== null && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => onSelectStatus("all"),
+				className: cn("rounded-full border px-2.5 py-1 text-xs", selectedStatus === "all" ? "border-action-primary-bg bg-action-primary-bg text-action-primary-text" : "border-border-secondary text-text-secondary hover:text-text-primary"),
+				"aria-pressed": selectedStatus === "all",
+				"data-testid": "runs-count-all",
+				children: tr("fluidgrids.executions.parity.countAll", "All {{count}}", { count: total })
+			}), counts.map(({ status, count }) => isRunStatus(status) ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => onSelectStatus(status),
+				className: cn("rounded-full border px-2.5 py-1 text-xs", selectedStatus === status ? "border-action-primary-bg bg-action-primary-bg text-action-primary-text" : "border-border-secondary text-text-secondary hover:text-text-primary"),
+				"aria-pressed": selectedStatus === status,
+				"data-testid": `runs-count-${status}`,
+				children: tr("fluidgrids.executions.parity.countStatus", "{{status}} {{count}}", {
+					status: statusLabels[status],
+					count
+				})
+			}, status) : null)] })
+		})]
+	});
+}
+
+// src/modules/executions/pages/ExecutionsListPage.tsx
+var ExecutionsListPage_exports = /* @__PURE__ */ __exportAll({ ExecutionsListPage: () => ExecutionsListPage });
+function ExecutionsListPage() {
+	const tr = useTr();
+	const navigate = useNavigate();
+	const { viewMode, setViewMode, setSelectedExecution, selection, clearSelection, setStatusFilter, setWorkflowFilter, setWorkflowIdFilter, updateFilter, filter, autoRefresh, autoRefreshInterval } = useExecutionsStore();
+	const [searchParams] = useSearchParams();
+	const workflowKeyParam = searchParams.get("workflowKey") ?? "";
+	const lastWorkflowKeyParam = useRef(null);
+	const linkKey = runListLinkKey(searchParams);
+	const [appliedLinkKey, setAppliedLinkKey] = useState(null);
+	if (appliedLinkKey !== linkKey) {
+		setAppliedLinkKey(linkKey);
+		const linked = runListFilterFromSearch(searchParams);
+		if (linked) updateFilter({
+			...DEFAULT_EXECUTIONS_FILTER,
+			...linked,
+			workflowKey: workflowKeyParam
+		});
+	}
+	if (lastWorkflowKeyParam.current !== workflowKeyParam) {
+		lastWorkflowKeyParam.current = workflowKeyParam;
+		if (useExecutionsStore.getState().filter.workflowKey !== workflowKeyParam) setWorkflowFilter(workflowKeyParam);
+	}
+	const parityEnabled = useDurableParityEnabled();
+	const phaseC = usePhaseCFlags();
+	const [searchFilter, setSearchFilter] = useState(null);
+	const [allMatching, setAllMatching] = useState(false);
+	const [batchType, setBatchType] = useState(null);
+	const [batchDrawer, setBatchDrawer] = useState(null);
+	const { allowed: canExecuteRuns } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.WORKFLOW_RUN_EXECUTE);
+	const { allowed: canDeleteRuns } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.WORKFLOW_RUN_DELETE);
+	const { executions, total, loading, error, refetch, input } = useExecutionsWithStore({
+		durableParity: parityEnabled,
+		searchAttributes: phaseC.searchAttributes ? searchFilter : null
+	});
+	const inputKey = JSON.stringify({
+		...input,
+		limit: 0,
+		offset: 0
+	});
+	useEffect(() => setAllMatching(false), [inputKey]);
+	const batchOperations = useMemo(() => allowedBatchOperations({
+		runControl: phaseC.runControl,
+		runControlDurable: phaseC.runControlDurable,
+		runArchival: phaseC.runArchival
+	}, {
+		canExecute: canExecuteRuns,
+		canDelete: canDeleteRuns
+	}), [
+		phaseC.runControl,
+		phaseC.runControlDurable,
+		phaseC.runArchival,
+		canExecuteRuns,
+		canDeleteRuns
+	]);
+	const statusCounts = useRunStatusCounts(input, parityEnabled);
+	const refetchCounts = statusCounts.refetch;
+	const { stats, loading: statsLoading, refetch: refetchStats } = useExecutionStats();
+	const { workflows } = useWorkflowDefinitions({ limit: 100 });
+	const { cancelExecution, pauseExecution, resumeExecution, retryExecution, retryExecutions } = useExecutionActions();
+	useAutoRefresh(useCallback(() => {
+		refetch();
+		refetchStats();
+		refetchCounts();
+	}, [
+		refetch,
+		refetchStats,
+		refetchCounts
+	]), autoRefresh, autoRefreshInterval);
+	const executionStats = useMemo(() => {
+		if (!stats) return null;
+		return {
+			total: stats.runsCountTotal,
+			running: stats.runsRunningCount,
+			completed: stats.runsCompletedCount,
+			failed: stats.runsFailedCount,
+			cancelled: stats.runsCancelledCount ?? 0,
+			pending: stats.runsPendingCount,
+			waiting: stats.runsWaitingCount ?? 0,
+			successRate: stats.workflowSuccessRate,
+			avgDuration: stats.avgWorkflowExecutionTimeSeconds
+		};
+	}, [stats]);
+	const workflowOptions = useMemo(() => workflows.map((w) => ({
+		workflowKey: w.workflowKey,
+		name: w.name
+	})), [workflows]);
+	const workflowNames = useMemo(() => {
+		const map = {};
+		for (const w of workflows) map[w.workflowKey] = w.name;
+		return map;
+	}, [workflows]);
+	const handleRowClick = (execution) => {
+		setSelectedExecution(execution);
+		navigate(`../runs/${execution.id}`);
+	};
+	const handleRetry = async (execution) => {
+		const result = await retryExecution(execution);
+		if (!result.ok) {
+			toast.error(tr("fluidgrids.executions.executionsList.retryFailed", "Could not start a new run"), { description: result.message });
+			return;
+		}
+		toast.success(tr("fluidgrids.executions.executionsList.retryStarted", "New run started"));
+		navigate(`../runs/${result.run.runId}`);
+	};
+	const handleAction = async (action, execution) => {
+		switch (action) {
+			case "cancel":
+				await cancelExecution(execution.id);
+				break;
+			case "pause":
+				await pauseExecution(execution.id);
+				break;
+			case "resume":
+				await resumeExecution(execution.id);
+				break;
+			case "retry":
+				await handleRetry(execution);
+				break;
+			case "view": navigate(`../runs/${execution.id}`);
+		}
+		refetch();
+	};
+	const handleFilterByStatus = (status) => {
+		setStatusFilter(status);
+	};
+	const handleBulkRetry = async () => {
+		if (selection.runIds.length === 0) return;
+		const retried = await retryExecutions(selection.runIds.slice(0, 10));
+		if (retried.length === 0) {
+			toast.error(tr("fluidgrids.executions.executionsList.bulkRetryFailed", "Could not retry the selected runs"));
+			return;
+		}
+		toast.success(tr("fluidgrids.executions.executionsList.bulkRetryStarted", `${retried.length} new run${retried.length === 1 ? "" : "s"} started`));
+		clearSelection();
+		refetch();
+	};
+	const handleBulkAction = async (action) => {
+		if (selection.runIds.length === 0) return;
+		const promises = selection.runIds.map((id) => {
+			switch (action) {
+				case "cancel": return cancelExecution(id);
+				case "pause": return pauseExecution(id);
+				case "resume": return resumeExecution(id);
+			}
+		});
+		const results = await Promise.allSettled(promises);
+		const failures = results.filter((r) => r.status === "rejected");
+		if (failures.length > 0) console.error(`Bulk action partially failed: ${failures.length}/${results.length} failed`);
+		clearSelection();
+		refetch();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "p-4 sm:p-6 bg-background-primary min-h-screen",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6",
+				"data-tour": "fluidgrids-runs-header",
+				children: [/* @__PURE__ */ jsxs("div", { children: [
+					/* @__PURE__ */ jsx("h1", {
+						className: "text-2xl sm:text-3xl font-bold text-text-primary",
+						children: tr("fluidgrids.executions.executionsList.title", "Executions")
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-text-secondary mt-1",
+						children: tr("fluidgrids.executions.executionsList.subtitle", "Monitor and manage your workflow runs")
+					}),
+					/* @__PURE__ */ jsx(FluidGridsDocsLink, {
+						topic: "runs",
+						className: "mt-1"
+					})
+				] }), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center bg-background-secondary rounded-lg border border-border-secondary p-1",
+						children: [
+							/* @__PURE__ */ jsx("button", {
+								onClick: () => setViewMode("table"),
+								className: `p-2 rounded ${viewMode === "table" ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+								title: tr("fluidgrids.executions.executionsList.tableViewTooltip", "Table View"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:table",
+									width: 18
+								})
+							}),
+							/* @__PURE__ */ jsx("button", {
+								onClick: () => setViewMode("cards"),
+								className: `p-2 rounded ${viewMode === "cards" ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+								title: tr("fluidgrids.executions.executionsList.cardViewTooltip", "Card View"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:view-grid",
+									width: 18
+								})
+							}),
+							/* @__PURE__ */ jsx("button", {
+								onClick: () => setViewMode("timeline"),
+								className: `p-2 rounded ${viewMode === "timeline" ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+								title: tr("fluidgrids.executions.executionsList.timelineViewTooltip", "Timeline View"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:timeline",
+									width: 18
+								})
+							})
+						]
+					}), /* @__PURE__ */ jsxs(Button$1, {
+						variant: "outline",
+						onClick: () => navigate("../list"),
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:arrow-left",
+							className: "mr-2",
+							width: 16
+						}), tr("fluidgrids.executions.executionsList.backToWorkflows", "Back to Workflows")]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-6",
+				"data-tour": "fluidgrids-runs-stats",
+				children: /* @__PURE__ */ jsx(ExecutionStats, {
+					stats: executionStats,
+					loading: statsLoading,
+					onFilterByStatus: handleFilterByStatus
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-6",
+				"data-tour": "fluidgrids-runs-filters",
+				children: /* @__PURE__ */ jsx(ExecutionFilters, {
+					workflows: workflowOptions,
+					onRefresh: refetch
+				})
+			}),
+			parityEnabled && /* @__PURE__ */ jsx(RunsParityBar, {
+				workflowId: filter.workflowId,
+				onWorkflowIdChange: setWorkflowIdFilter,
+				total: statusCounts.total,
+				counts: statusCounts.counts,
+				countsError: statusCounts.error,
+				selectedStatus: filter.status,
+				onSelectStatus: handleFilterByStatus
+			}),
+			phaseC.searchAttributes && /* @__PURE__ */ jsx(SearchAttributeFilterBar, {
+				applied: searchFilter,
+				onApply: setSearchFilter,
+				conflicts: searchFilter ? searchFilterConflicts(input) : []
+			}),
+			phaseC.runControl && selection.runIds.length === 0 && /* @__PURE__ */ jsx("div", {
+				className: "mb-4 flex justify-end",
+				children: /* @__PURE__ */ jsxs(Button$1, {
+					variant: "ghost",
+					size: "sm",
+					onClick: () => setBatchDrawer({ job: null }),
+					"data-testid": "batch-jobs-button",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:layers-triple-outline",
+						className: "mr-1",
+						width: 14
+					}), tr("fluidgrids.runControl.batch.jobs", "Batch jobs")]
+				})
+			}),
+			selection.runIds.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mb-4 p-3 bg-action-primary-bg/10 rounded-lg flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: "text-sm text-text-primary",
+						children: [
+							selection.runIds.length,
+							" ",
+							selection.runIds.length > 1 ? tr("fluidgrids.executions.executionsList.selectionCountPlural", "executions selected") : tr("fluidgrids.executions.executionsList.selectionCountSingular", "execution selected")
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex gap-2",
+						children: [
+							/* @__PURE__ */ jsxs(Button$1, {
+								"data-agent": "confirm",
+								variant: "outline",
+								size: "sm",
+								onClick: () => void handleBulkRetry(),
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:refresh",
+									className: "mr-1",
+									width: 14
+								}), tr("fluidgrids.executions.executionsList.bulkRetryButton", "Retry selected")]
+							}),
+							/* @__PURE__ */ jsxs(Button$1, {
+								"data-agent": "confirm",
+								variant: "outline",
+								size: "sm",
+								onClick: () => handleBulkAction("cancel"),
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:stop",
+									className: "mr-1",
+									width: 14
+								}), tr("fluidgrids.executions.executionsList.bulkCancelButton", "Cancel")]
+							}),
+							/* @__PURE__ */ jsxs(Button$1, {
+								"data-agent": "confirm",
+								variant: "outline",
+								size: "sm",
+								onClick: () => handleBulkAction("pause"),
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:pause",
+									className: "mr-1",
+									width: 14
+								}), tr("fluidgrids.executions.executionsList.bulkPauseButton", "Pause")]
+							}),
+							/* @__PURE__ */ jsxs(Button$1, {
+								"data-agent": "confirm",
+								variant: "outline",
+								size: "sm",
+								onClick: () => handleBulkAction("resume"),
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:play",
+									className: "mr-1",
+									width: 14
+								}), tr("fluidgrids.executions.executionsList.bulkResumeButton", "Resume")]
+							})
+						]
+					}),
+					phaseC.runControl && /* @__PURE__ */ jsxs(Fragment, { children: [selection.allSelected && total > selection.runIds.length && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => setAllMatching((current) => !current),
+						className: "text-sm text-action-primary-text hover:underline",
+						"data-testid": "select-all-matching",
+						"aria-pressed": allMatching,
+						children: allMatching ? tr("fluidgrids.runControl.batch.allMatchingSelected", "All {{count}} matching runs are selected", { count: total }) : tr("fluidgrids.runControl.batch.selectAllMatching", "Select all {{count}} matching runs", { count: total })
+					}), /* @__PURE__ */ jsx(BatchMenu, {
+						allowed: batchOperations,
+						onPick: setBatchType,
+						onShowJobs: () => setBatchDrawer({ job: null })
+					})] }),
+					/* @__PURE__ */ jsx("button", {
+						onClick: () => {
+							setAllMatching(false);
+							clearSelection();
+						},
+						className: "ml-auto text-sm text-text-secondary hover:text-text-primary",
+						children: tr("fluidgrids.executions.executionsList.clearSelection", "Clear selection")
+					})
+				]
+			}),
+			error && /* @__PURE__ */ jsxs("div", {
+				className: "mb-6 p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 text-[var(--color-status-error-text)]",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:alert-circle",
+							width: 20
+						}), /* @__PURE__ */ jsx("span", {
+							className: "font-medium",
+							children: tr("fluidgrids.executions.executionsList.loadErrorTitle", "Error loading executions")
+						})]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-1 text-sm text-[var(--color-status-error-text)]",
+						children: error.message
+					}),
+					/* @__PURE__ */ jsx(Button$1, {
+						variant: "outline",
+						size: "sm",
+						onClick: refetch,
+						className: "mt-3 border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]",
+						children: tr("fluidgrids.executions.executionsList.retryButton", "Retry")
+					})
+				]
+			}),
+			viewMode === "table" && /* @__PURE__ */ jsx(ExecutionTable, {
+				workflowNames,
+				executions,
+				loading,
+				onRowClick: handleRowClick,
+				onAction: handleAction
+			}),
+			viewMode === "cards" && /* @__PURE__ */ jsx(ExecutionCards, {
+				workflowNames,
+				executions,
+				loading,
+				onCardClick: handleRowClick,
+				onAction: handleAction
+			}),
+			viewMode === "timeline" && /* @__PURE__ */ jsx(ExecutionTimeline, {
+				executions,
+				loading,
+				onItemClick: handleRowClick,
+				onAction: handleAction
+			}),
+			/* @__PURE__ */ jsx(Pagination, { totalItems: total }),
+			batchType && /* @__PURE__ */ jsx(BatchOperationDialog, {
+				type: batchType,
+				input,
+				selection: {
+					runIds: selection.runIds,
+					allMatching
+				},
+				onClose: () => setBatchType(null),
+				onStarted: (job) => {
+					setBatchType(null);
+					setAllMatching(false);
+					clearSelection();
+					setBatchDrawer({ job });
+				}
+			}),
+			batchDrawer && /* @__PURE__ */ jsx(BatchProgressDrawer, {
+				job: batchDrawer.job,
+				open: true,
+				onOpenChange: (open) => {
+					if (open) return;
+					setBatchDrawer(null);
+					refetch();
+				},
+				canCancel: canExecuteRuns
+			})
+		]
+	});
+}
+
+export { ExecutionsListPage_exports as n, ExecutionsListPage as t };