@burdenoff/fluidgrids-fe-sdk 2026.1112.3 → 2026.1112.5

package/dist/{ExecutionsListPage-BgeqwVr2.js → ExecutionsListPage-DuuPSVEj.js}

@@ -1,30 +1,32 @@
 "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-DNGW4yxG.js";
+import { b as validateDateRange, c as EMPTY_SEARCH_FILTER, d as searchFilterConflicts, i as useExecutionStats, l as OPERATORS_BY_TYPE, o as useExecutionsWithStore, r as useExecutionActions, t as useAutoRefresh, u as buildSearchAttributeFilter } from "./useExecutions-DJXtbA15.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-VC6JMK3F.js";
-import { a as useRunStatusCounts, c as runStatusLabels, l as RUN_STATUS_CONFIG, o as ExecutionStatusBadge } from "./useDurableParity-fFmfa97r.js";
+import { t as TagFilterSelect } from "./TagFilterSelect-CqhxcDjh.js";
+import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
+import { a as useRunStatusCounts, c as TechnicalDetails, d as errorAdvice, g as RUN_STATUS_CONFIG, h as runStatusLabels, l as Disclosure, o as ConfirmStopRunDialog, p as ExecutionStatusBadge, s as RunActionsMenu, u as ADVICE_ERROR_TYPES } from "./useDurableParity-Cb9nOdE8.js";
 import { n as formatRunVersion } from "./run-display-BycKYSU0.js";
-import { dn as runDurationMs, ln as formatElapsedMs } from "./FluidGridsProvider-BFfTxl9m.js";
+import { dn as runDurationMs, ln as formatElapsedMs } from "./FluidGridsProvider-B1hgCbxG.js";
+import { r as useRunHumanRequests } from "./useHumanRequests-ZiR0sSzS.js";
 import { n as runListLinkKey, t as runListFilterFromSearch } from "./run-list-links-eUhZB1ju.js";
-import { h as useWorkflowDefinitions } from "./useWorkflows-CVb5zXKt.js";
+import { h as useWorkflowDefinitions } from "./useWorkflows-CP-d3ygY.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-DwaHAJtA.js";
+import { s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.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-Dvitj1aT.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 { Cr as WorkflowBatchOperationUpdatedDocument } from "./graphql-operation-types-BdU65FNm.js";
+import { Cr as WorkflowBatchOperationUpdatedDocument } from "./graphql-operation-types-z2oXfQvM.js";
 import { $F as WorkflowBatchOperationType, vI as WorkflowResetType } from "./graphql-types-v6CTGwA0.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, 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 { Fragment as Fragment$1, 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 { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, EmptyState, Input, Label, ResponsiveTable, 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
@@ -78,6 +80,7 @@ function FailedNodeTypeChip({ nodeType, onClear }) {
 }
 function ExecutionFilters({ workflows = [], onRefresh }) {
 	const tr = useTr();
+	const v2 = useNavigationV2();
 	const statusOptions = useMemo(() => [
 		{
 			value: "all",
@@ -112,7 +115,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 			label: tr("fluidgrids.executions.executionFilters.statusTerminated", "Terminated")
 		}
 	], [tr]);
-	const errorOptions = [
+	const rawErrorOptions = [
 		{
 			value: "TIMEOUT",
 			label: tr("fluidgrids.executions.executionFilters.errorTimeout", "TIMEOUT")
@@ -142,6 +145,10 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 			label: tr("fluidgrids.executions.executionFilters.errorUnknown", "UNKNOWN")
 		}
 	];
+	const errorOptions = v2 ? ADVICE_ERROR_TYPES.map((value) => ({
+		value,
+		label: errorAdvice(tr, value)
+	})) : rawErrorOptions;
 	const datePresets = [
 		{
 			value: "all",
@@ -173,6 +180,10 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 		}
 	];
 	const { filter, setStatusFilter, setWorkflowFilter, setDateRange, setSearchQuery, setTriggerTypeFilter, setDurationFilter, setErrorTypeFilter, setNodeFilter, setFailedNodeTypeFilter, setTagFilter, resetFilters, autoRefresh, setAutoRefresh } = useExecutionsStore();
+	const levelOneDatePresets = v2 ? datePresets.filter(({ value }) => value !== "custom" || filter.dateRange.preset === "custom") : datePresets;
+	const MORE_STATUSES = ["PENDING", "TERMINATED"];
+	const primaryStatusOptions = v2 ? statusOptions.filter(({ value }) => value === "all" || !MORE_STATUSES.includes(value)) : statusOptions;
+	const moreStatusOptions = v2 ? statusOptions.filter(({ value }) => MORE_STATUSES.includes(value)) : [];
 	const [showCustomDate, setShowCustomDate] = useState(() => filter.dateRange.preset === "custom");
 	const handleDatePresetChange = useCallback((preset) => {
 		const now = /* @__PURE__ */ new Date();
@@ -215,6 +226,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 	}, [setDateRange]);
 	const parityEnabled = useDurableParityEnabled();
 	const activeFiltersCount = countActiveFilters(filter, parityEnabled);
+	const hasMoreFiltersSet = filter.tagId !== "" || filter.triggerType !== "all" || filter.errorType !== "all" || filter.nodeId !== "" || filter.failedNodeType !== "" || filter.durationMinSeconds !== null || filter.durationMaxSeconds !== null || filter.dateRange.preset === "custom";
 	const assistantControls = useMemo(() => executionsControls({
 		page: tr("fluidgrids.executions.executionsList.title", "Executions"),
 		search: setSearchQuery,
@@ -277,15 +289,21 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 							})
 						]
 					}),
-					/* @__PURE__ */ jsx("select", {
+					/* @__PURE__ */ jsxs("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", {
+						children: [primaryStatusOptions.map((option) => /* @__PURE__ */ jsx("option", {
 							value: option.value,
 							className: "bg-bg-surface text-text-primary",
 							children: option.label
-						}, option.value))
+						}, option.value)), moreStatusOptions.length > 0 && /* @__PURE__ */ jsx("optgroup", {
+							label: tr("fluidgrids.executions.executionFilters.moreStatuses", "More statuses"),
+							children: moreStatusOptions.map((option) => /* @__PURE__ */ jsx("option", {
+								value: option.value,
+								children: option.label
+							}, option.value))
+						})]
 					}),
 					workflows.length > 0 && /* @__PURE__ */ jsxs("select", {
 						value: filter.workflowKey,
@@ -301,7 +319,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 							children: wf.name
 						}, wf.workflowKey))]
 					}),
-					/* @__PURE__ */ jsx(TagFilterSelect, {
+					!v2 && /* @__PURE__ */ jsx(TagFilterSelect, {
 						value: filter.tagId,
 						onChange: setTagFilter,
 						className: "max-w-[200px]"
@@ -310,7 +328,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 						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", {
+						children: levelOneDatePresets.map((option) => /* @__PURE__ */ jsx("option", {
 							value: option.value,
 							className: "bg-bg-surface text-text-primary",
 							children: option.label
@@ -318,7 +336,119 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ jsxs("div", {
+			v2 ? /* @__PURE__ */ jsx(Disclosure, {
+				closedLabel: tr("fluidgrids.executions.executionFilters.moreFilters", "More filters"),
+				openLabel: tr("fluidgrids.executions.executionFilters.fewerFilters", "Fewer filters"),
+				defaultOpen: hasMoreFiltersSet,
+				"data-testid": "runs-more-filters",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-5",
+					children: [
+						/* @__PURE__ */ jsx(TagFilterSelect, {
+							value: filter.tagId,
+							onChange: setTagFilter,
+							className: "max-w-[200px]"
+						}),
+						/* @__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"
+						}),
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => handleDatePresetChange("custom"),
+							className: "px-3 py-2 border border-border-default rounded-lg text-text-primary text-left hover:bg-background-tertiary",
+							"data-testid": "runs-custom-range",
+							children: tr("fluidgrids.executions.executionFilters.dateCustomRange", "Custom Range")
+						}),
+						/* @__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.liveUpdates", "Live updates")
+							})]
+						})
+					]
+				})
+			}) : /* @__PURE__ */ jsxs("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-5",
 				children: [
 					/* @__PURE__ */ jsxs("select", {
@@ -453,7 +583,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 				className: "flex flex-wrap items-center justify-between gap-3",
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ jsxs("label", {
+					children: [!v2 && /* @__PURE__ */ jsxs("label", {
 						className: "inline-flex items-center gap-2 cursor-pointer",
 						children: [/* @__PURE__ */ jsx("input", {
 							type: "checkbox",
@@ -539,11 +669,12 @@ function StatCard({ label, value, icon, color, trend, onClick }) {
 		]
 	});
 }
-function ExecutionStats({ stats, loading, onFilterByStatus }) {
+function ExecutionStats({ stats, loading, scoped = false, onFilterByStatus }) {
 	const tr = useTr();
+	const v2 = useNavigationV2();
 	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))
+		children: [...Array(v2 ? 4 : 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) => {
@@ -551,6 +682,81 @@ function ExecutionStats({ stats, loading, onFilterByStatus }) {
 		if (seconds < 3600) return `${Math.round(seconds / 60)}m`;
 		return `${Math.round(seconds / 3600)}h`;
 	};
+	if (v2) {
+		const words = runStatusLabels(tr);
+		return /* @__PURE__ */ jsxs("div", {
+			className: "space-y-3",
+			"data-testid": "runs-stats",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 lg:grid-cols-4 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: words.RUNNING,
+						value: stats.running,
+						icon: "mdi:play-circle",
+						color: "text-[var(--color-status-info-text)]",
+						onClick: () => onFilterByStatus?.("RUNNING")
+					}),
+					/* @__PURE__ */ jsx(StatCard, {
+						label: words.COMPLETED,
+						value: stats.completed.toLocaleString(),
+						icon: "mdi:check-circle",
+						color: "text-[var(--color-status-success-text)]",
+						onClick: () => onFilterByStatus?.("COMPLETED")
+					}),
+					/* @__PURE__ */ jsx(StatCard, {
+						label: words.FAILED,
+						value: stats.failed,
+						icon: "mdi:alert-circle",
+						color: "text-[var(--color-status-error-text)]",
+						onClick: () => onFilterByStatus?.("FAILED")
+					})
+				]
+			}), /* @__PURE__ */ jsx(Disclosure, {
+				closedLabel: tr("fluidgrids.executions.executionStats.moreNumbers", "More numbers"),
+				openLabel: tr("fluidgrids.executions.executionStats.fewerNumbers", "Fewer numbers"),
+				"data-testid": "runs-more-numbers",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 lg:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ jsx(StatCard, {
+							label: tr("fluidgrids.executions.executionStats.successRate", "Success Rate"),
+							value: `${(stats.successRate ?? 0).toFixed(1)}%`,
+							icon: "mdi:percent",
+							color: "text-accent"
+						}),
+						!scoped && /* @__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)]"
+						}),
+						/* @__PURE__ */ jsx(StatCard, {
+							label: words.CANCELLED,
+							value: stats.cancelled,
+							icon: "mdi:cancel",
+							color: "text-[var(--color-status-warning-text)]",
+							onClick: () => onFilterByStatus?.("CANCELLED")
+						}),
+						/* @__PURE__ */ jsx(StatCard, {
+							label: words.WAITING,
+							value: stats.waiting,
+							icon: "mdi:timer-sand",
+							color: "text-text-primary",
+							onClick: () => onFilterByStatus?.("WAITING")
+						})
+					]
+				})
+			})]
+		});
+	}
 	return /* @__PURE__ */ jsxs("div", {
 		className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4",
 		children: [
@@ -598,8 +804,70 @@ function ExecutionStats({ stats, loading, onFilterByStatus }) {
 	});
 }
 
+// src/modules/executions/utils/run-actions.ts
+/** Run statuses a bulk or row "Retry" (a new run of the same version) applies to. */
+const RETRYABLE_STATUSES = ["FAILED"];
+/** How many selected runs one bulk retry starts. */
+const BULK_RETRY_LIMIT = 10;
+/**
+* The quick actions for a run, in display order.
+*
+* `resumeOffered` is the answer to "would the run page offer Resume?": a run
+* that is still waiting on a person's answer cannot be resumed (the service
+* refuses), so the list must not offer it either.
+*/
+function runQuickActions(status, { resumeOffered }) {
+	switch (status) {
+		case "RUNNING": return ["pause", "cancel"];
+		case "WAITING": return resumeOffered ? ["resume", "cancel"] : ["cancel"];
+		case "FAILED": return ["retry"];
+		case "PENDING": return ["cancel"];
+		default: return [];
+	}
+}
+/**
+* Which of the selected runs a bulk retry starts: only runs that failed (a
+* retry of a succeeded run would silently run it again), and at most the first
+* {@link BULK_RETRY_LIMIT}. What was left out is counted so the page can say so.
+*/
+function planBulkRetry(selectedIds, runs) {
+	const statusById = new Map(runs.map((run) => [run.id, run.status]));
+	const failed = selectedIds.filter((id) => {
+		const status = statusById.get(id);
+		return status !== void 0 && RETRYABLE_STATUSES.includes(status);
+	});
+	return {
+		runIds: failed.slice(0, 10),
+		skippedNotFailed: selectedIds.length - failed.length,
+		skippedOverLimit: Math.max(0, failed.length - 10)
+	};
+}
+
+// src/modules/executions/hooks/useResumeOffered.ts
+/**
+* Whether the Runs list may offer "Resume" on a row. The run page offers it
+* only once the run's asks are known to be answered (a run waiting on a person
+* continues only with their answer, and the service refuses a generic resume),
+* so the list asks the same question for WAITING rows and nothing otherwise
+* (BOFF-11846). Until the asks have been read, Resume is not offered.
+*/
+function useResumeOffered(run) {
+	const waiting = run.status === "WAITING";
+	const { items, loaded } = useRunHumanRequests(waiting ? run.id : void 0);
+	return waiting && loaded && !items.some((item) => item.status === "PENDING");
+}
+
+// src/modules/executions/components/WithResumeOffered.tsx
+/**
+* Lets a list row (which is rendered inside a `.map`, where hooks cannot be
+* called) ask whether Resume may be offered for its run (BOFF-11846).
+*/
+function WithResumeOffered({ run, children }) {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: children(useResumeOffered(run)) });
+}
+
 // src/modules/executions/components/ExecutionTable.tsx
-function ExecutionTable({ executions, workflowNames, loading, onRowClick, onAction }) {
+function ExecutionTable({ executions, workflowNames, loading, canExecute = true, onRowClick, onAction }) {
 	const tr = useTr();
 	const navigate = useNavigate();
 	const { selection, toggleSelectRun, selectAll, expandedRows, toggleRowExpanded } = useExecutionsStore();
@@ -619,47 +887,29 @@ function ExecutionTable({ executions, workflowNames, loading, onRowClick, onActi
 			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({
+	const getRowActions = (execution, resumeOffered) => {
+		const labels = {
+			pause: {
+				icon: "mdi:pause",
+				label: tr("fluidgrids.executions.executionTable.actionPause", "Pause")
+			},
+			cancel: {
 				icon: "mdi:stop",
-				label: tr("fluidgrids.executions.executionTable.actionCancel", "Cancel"),
-				action: "cancel"
-			});
-		}
-		return actions;
+				label: tr("fluidgrids.executions.executionTable.actionCancel", "Cancel")
+			},
+			resume: {
+				icon: "mdi:play",
+				label: tr("fluidgrids.executions.executionTable.actionResume", "Resume")
+			},
+			retry: {
+				icon: "mdi:refresh",
+				label: tr("fluidgrids.executions.executionTable.actionRetry", "Retry")
+			}
+		};
+		return runQuickActions(execution.status, { resumeOffered }).map((action) => ({
+			action,
+			...labels[action]
+		}));
 	};
 	if (loading && executions.length === 0) return /* @__PURE__ */ jsx("div", {
 		className: "bg-background-secondary rounded-lg border border-border-secondary overflow-hidden",
@@ -780,7 +1030,6 @@ function ExecutionTable({ executions, workflowNames, loading, onRowClick, onActi
 					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
@@ -866,27 +1115,36 @@ function ExecutionTable({ executions, workflowNames, loading, onRowClick, onActi
 										className: "flex items-center gap-1",
 										children: [
 											/* @__PURE__ */ jsx("button", {
+												type: "button",
 												onClick: () => toggleRowExpanded(execution.id),
+												"aria-expanded": isExpanded,
+												"aria-label": isExpanded ? tr("fluidgrids.executions.executionTable.collapseRow", "Hide run details") : tr("fluidgrids.executions.executionTable.expandRow", "Show run details"),
 												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(WithResumeOffered, {
+												run: execution,
+												children: (resumeOffered) => (canExecute ? getRowActions(execution, resumeOffered) : []).slice(0, 2).map((action) => /* @__PURE__ */ jsx("button", {
+													"data-agent": "confirm",
+													type: "button",
+													onClick: () => onAction?.(action.action, execution),
+													className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary",
+													title: action.label,
+													"aria-label": 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"),
+												"aria-label": tr("fluidgrids.executions.executionTable.viewDetails", "View Details"),
 												children: /* @__PURE__ */ jsx(Icon, {
 													icon: "mdi:arrow-right",
 													width: 18
@@ -960,7 +1218,7 @@ function ExecutionTable({ executions, workflowNames, loading, onRowClick, onActi
 									})] })
 								]
 							})
-						}) }, `${execution.id}-expanded`)] });
+						}) }, `${execution.id}-expanded`)] }, execution.id);
 					})
 				})]
 			})
@@ -988,6 +1246,29 @@ function formatRelativeTime(dateStr) {
 	if (diffHours < 24) return `${diffHours}h ago`;
 	return `${Math.floor(diffHours / 24)}d ago`;
 }
+/** Icon, label and hover colour of each card action. */
+const CARD_ACTIONS = (tr) => ({
+	pause: {
+		icon: "mdi:pause",
+		label: tr("fluidgrids.executions.executionCards.pauseButton", "Pause"),
+		hover: "hover:bg-status-warning-bg-subtle hover:text-status-warning-text"
+	},
+	cancel: {
+		icon: "mdi:stop",
+		label: tr("fluidgrids.executions.executionCards.cancelButton", "Cancel"),
+		hover: "hover:bg-status-error-bg-subtle hover:text-status-error-text"
+	},
+	resume: {
+		icon: "mdi:play",
+		label: tr("fluidgrids.executions.executionTable.actionResume", "Resume"),
+		hover: "hover:bg-status-info-bg-subtle hover:text-status-info-text"
+	},
+	retry: {
+		icon: "mdi:refresh",
+		label: tr("fluidgrids.executions.executionTable.actionRetry", "Retry"),
+		hover: "hover:bg-status-info-bg-subtle hover:text-status-info-text"
+	}
+});
 function getProgressColor(status) {
 	switch (status) {
 		case "COMPLETED": return "bg-status-success-bg";
@@ -1040,8 +1321,6 @@ function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAct
 		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: `
@@ -1125,39 +1404,35 @@ function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAct
 							}), 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")
-							]
-						})]
+					/* @__PURE__ */ jsx(WithResumeOffered, {
+						run: execution,
+						children: (resumeOffered) => {
+							const actions = runQuickActions(execution.status, { resumeOffered });
+							if (actions.length === 0) return null;
+							return /* @__PURE__ */ jsx("div", {
+								className: "flex gap-1 mt-2 pt-2 border-t border-border-secondary",
+								children: actions.map((action) => {
+									const { icon, label, hover } = CARD_ACTIONS(tr)[action];
+									return /* @__PURE__ */ jsxs("button", {
+										type: "button",
+										"data-agent": "confirm",
+										onClick: (e) => {
+											e.stopPropagation();
+											onAction(action, execution);
+										},
+										className: `flex items-center gap-1 text-xs px-2 py-1 rounded bg-background-tertiary text-text-secondary transition-colors ${hover}`,
+										children: [
+											/* @__PURE__ */ jsx(Icon, {
+												icon,
+												width: 12
+											}),
+											" ",
+											label
+										]
+									}, action);
+								})
+							});
+						}
 					})
 				]
 			}, execution.id);
@@ -1208,7 +1483,7 @@ function groupByDate(executions) {
 	}
 	return groups;
 }
-function ExecutionTimeline({ executions, loading, onItemClick, onAction }) {
+function ExecutionTimeline({ executions, workflowNames, loading, onItemClick, onAction }) {
 	const tr = useTr();
 	if (loading) return /* @__PURE__ */ jsx("div", {
 		className: "space-y-6 pl-8",
@@ -1295,10 +1570,10 @@ function ExecutionTimeline({ executions, loading, onItemClick, onAction }) {
 											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", {
+												children: execution.workflow?.name || workflowNames?.[execution.workflowKey] || execution.workflowKey
+											}), /* @__PURE__ */ jsx("span", {
 												className: "text-xs text-text-tertiary",
-												children: ["v", execution.version]
+												children: formatRunVersion(execution.version)
 											})]
 										}),
 										/* @__PURE__ */ jsxs("div", {
@@ -1350,8 +1625,9 @@ function ExecutionTimeline({ executions, loading, onItemClick, onAction }) {
 											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",
+										className: "p-1 rounded opacity-60 group-hover:opacity-100 focus-visible:opacity-100 hover:bg-status-error-bg-subtle text-text-tertiary hover:text-status-error-text transition-all",
 										title: tr("fluidgrids.executions.executionTimeline.cancelTooltip", "Cancel execution"),
+										"aria-label": tr("fluidgrids.executions.executionTimeline.cancelTooltip", "Cancel execution"),
 										children: /* @__PURE__ */ jsx(Icon, {
 											icon: "mdi:stop",
 											width: 14
@@ -1504,6 +1780,261 @@ function Pagination({ totalItems, showPageSize = true }) {
 	});
 }
 
+// src/modules/executions/components/RunsPlainTable.tsx
+/**
+* The Runs list as one plain table (BOFF-11846, Navigation v2 only): Status,
+* Workflow (with a one-line plain error under a failed run), Started and
+* Progress, with Run again / Stop / View on each row, and Pause / Resume under
+* "⋯". Phones get cards (fe-libs `ResponsiveTable`). Run ids, versions,
+* durations, the expand row and the selection checkboxes are in the full table
+* behind "Show run details" on the list page.
+*/
+/** Run statuses a row offers "Run again" on. */
+const RERUNNABLE = /* @__PURE__ */ new Set([
+	"FAILED",
+	"CANCELLED",
+	"TERMINATED"
+]);
+/** Run statuses a row offers "Stop" on. */
+const STOPPABLE = /* @__PURE__ */ new Set([
+	"RUNNING",
+	"WAITING",
+	"PENDING"
+]);
+/** The page's language (the app sets it), else the browser's. */
+function pageLocale() {
+	if (typeof document === "undefined") return void 0;
+	return document.documentElement.lang || void 0;
+}
+/** One relative-time formatter per page language, built once (not per row). */
+const relativeFormats = /* @__PURE__ */ new Map();
+function relativeFormat(locale) {
+	const cacheKey = locale ?? "";
+	let format = relativeFormats.get(cacheKey);
+	if (!format) {
+		format = new Intl.RelativeTimeFormat(locale, {
+			numeric: "always",
+			style: "narrow"
+		});
+		relativeFormats.set(cacheKey, format);
+	}
+	return format;
+}
+/**
+* "Just now", then "5m ago" / "3h ago" / "2d ago" in the page's language
+* (Intl's narrow relative time: the same English as before, translated in the
+* other locales), then a short date.
+*/
+function formatStarted(tr, dateStr) {
+	if (!dateStr) return "-";
+	const date = new Date(dateStr);
+	const diff = Date.now() - date.getTime();
+	if (diff < 6e4) return tr("fluidgrids.executions.executionTable.justNow", "Just now");
+	const locale = pageLocale();
+	const relative = relativeFormat(locale);
+	if (diff < 36e5) return relative.format(-Math.round(diff / 6e4), "minute");
+	if (diff < 864e5) return relative.format(-Math.round(diff / 36e5), "hour");
+	if (diff < 6048e5) return relative.format(-Math.round(diff / 864e5), "day");
+	return date.toLocaleDateString(locale, {
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function RowActions({ run, canExecute, onAction }) {
+	const tr = useTr();
+	const resumeOffered = useResumeOffered(run);
+	const menuItems = [];
+	if (canExecute && run.status === "RUNNING") menuItems.push({
+		id: "pause",
+		icon: "mdi:pause",
+		label: tr("fluidgrids.executions.executionTable.actionPause", "Pause"),
+		onSelect: () => onAction("pause", run)
+	});
+	if (canExecute && run.status === "WAITING" && resumeOffered) menuItems.push({
+		id: "resume",
+		icon: "mdi:play",
+		label: tr("fluidgrids.executions.executionTable.actionResume", "Resume"),
+		onSelect: () => onAction("resume", run)
+	});
+	const viewLabel = tr("fluidgrids.executions.executionTable.viewDetails", "View Details");
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex items-center gap-1",
+		onClick: (event) => event.stopPropagation(),
+		children: [
+			canExecute && RERUNNABLE.has(run.status) && /* @__PURE__ */ jsxs(Button$1, {
+				"data-agent": "confirm",
+				variant: "outline",
+				size: "sm",
+				onClick: () => onAction("retry", run),
+				"data-testid": "run-row-run-again",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:refresh",
+					className: "mr-1",
+					width: 14
+				}), tr("fluidgrids.executions.executionTable.actionRetry", "Retry")]
+			}),
+			canExecute && STOPPABLE.has(run.status) && /* @__PURE__ */ jsxs(Button$1, {
+				"data-agent": "confirm",
+				variant: "outline",
+				size: "sm",
+				onClick: () => onAction("cancel", run),
+				"data-testid": "run-row-stop",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:stop",
+					className: "mr-1",
+					width: 14
+				}), tr("fluidgrids.executions.executionTable.actionCancel", "Cancel")]
+			}),
+			/* @__PURE__ */ jsx(RunActionsMenu, {
+				items: menuItems,
+				label: tr("fluidgrids.executions.executionTable.moreActions", "More actions"),
+				"data-testid": `run-row-menu-${run.id}`
+			}),
+			/* @__PURE__ */ jsx(Button$1, {
+				variant: "ghost",
+				size: "sm",
+				onClick: () => onAction("view", run),
+				"aria-label": viewLabel,
+				title: viewLabel,
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:arrow-right",
+					width: 18
+				})
+			})
+		]
+	});
+}
+function RunsPlainTable({ executions, workflowNames, loading, canExecute = true, onRowClick, onAction }) {
+	const tr = useTr();
+	if (loading && executions.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: "space-y-2",
+		"aria-busy": "true",
+		children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-12 rounded-lg bg-background-tertiary animate-pulse" }, i))
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": "runs-plain-table",
+		children: /* @__PURE__ */ jsx(ResponsiveTable, {
+			data: executions,
+			rowKey: (run) => run.id,
+			onRowClick,
+			rowActionsLabel: tr("fluidgrids.executions.executionTable.colActions", "Actions"),
+			rowActions: (run) => /* @__PURE__ */ jsx(RowActions, {
+				run,
+				canExecute,
+				onAction
+			}),
+			columns: [
+				{
+					key: "status",
+					header: tr("fluidgrids.executions.executionTable.colStatus", "Status"),
+					priority: "primary",
+					cell: (run) => /* @__PURE__ */ jsxs("span", {
+						className: "inline-flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							title: run.status,
+							children: /* @__PURE__ */ jsx(ExecutionStatusBadge, {
+								status: run.status,
+								size: "sm"
+							})
+						}), run.mode === "TEST" && /* @__PURE__ */ jsx("span", {
+							className: "px-1.5 py-0.5 text-xs border border-border-default text-text-secondary rounded",
+							"data-testid": "run-row-test-badge",
+							children: tr("fluidgrids.executions.executionTable.testBadge", "Test")
+						})]
+					})
+				},
+				{
+					key: "workflow",
+					header: tr("fluidgrids.executions.executionTable.colWorkflow", "Workflow"),
+					priority: "primary",
+					cell: (run) => /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium text-text-primary",
+							children: run.workflow?.name || workflowNames?.[run.workflowKey] || run.workflowKey
+						}), run.status === "FAILED" && /* @__PURE__ */ jsx("span", {
+							className: "text-xs text-[var(--color-status-error-text)]",
+							"data-testid": "run-row-error",
+							children: errorAdvice(tr, run.errorType)
+						})]
+					})
+				},
+				{
+					key: "started",
+					header: tr("fluidgrids.executions.executionTable.colStarted", "Started"),
+					priority: "primary",
+					cell: (run) => /* @__PURE__ */ jsx("span", {
+						className: "text-sm text-text-secondary",
+						children: formatStarted(tr, run.startedAt || run.createdAt)
+					})
+				},
+				{
+					key: "progress",
+					header: tr("fluidgrids.executions.executionTable.colProgress", "Progress"),
+					priority: "secondary",
+					cell: (run) => /* @__PURE__ */ jsxs("span", {
+						className: "text-xs text-text-secondary",
+						children: [
+							run.completedNodes ?? 0,
+							"/",
+							run.totalNodes ?? 0
+						]
+					})
+				}
+			]
+		})
+	});
+}
+
+// src/modules/executions/components/RunsEmptyState.tsx
+/**
+* The Runs list's two empty states (BOFF-11846, Navigation v2 only): "no runs
+* yet" (the workspace has never run anything: point to My Workflows and
+* templates) versus "no matches" (filters hide everything: offer Clear
+* filters). Today's list says the filters are wrong to a person with none.
+*/
+function RunsEmptyState({ filtered, onClearFilters, onOpenWorkflows, onBrowseTemplates }) {
+	const tr = useTr();
+	if (filtered) return /* @__PURE__ */ jsx("div", {
+		"data-testid": "runs-empty-no-matches",
+		children: /* @__PURE__ */ jsx(EmptyState, {
+			icon: /* @__PURE__ */ jsx(Icon, {
+				icon: "mdi:filter-off-outline",
+				width: 48
+			}),
+			title: tr("fluidgrids.executions.executionTable.noMatchesTitle", "No matches"),
+			description: tr("fluidgrids.executions.executionTable.noMatchesDescription", "No runs match these filters."),
+			action: /* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				onClick: onClearFilters,
+				children: tr("fluidgrids.executions.executionFilters.clearFilters", "Clear Filters")
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": "runs-empty-no-runs",
+		children: /* @__PURE__ */ jsx(EmptyState, {
+			icon: /* @__PURE__ */ jsx(Icon, {
+				icon: "mdi:play-box-outline",
+				width: 48
+			}),
+			title: tr("fluidgrids.executions.executionTable.noRunsTitle", "No runs yet"),
+			description: tr("fluidgrids.executions.executionTable.noRunsDescription", "Your workflows haven't run yet. Open one and press Run, or start from a template."),
+			action: /* @__PURE__ */ jsx(Button$1, {
+				onClick: onOpenWorkflows,
+				children: tr("fluidgrids.executions.executionTable.myWorkflows", "My Workflows")
+			}),
+			secondaryAction: /* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				onClick: onBrowseTemplates,
+				children: tr("fluidgrids.executions.executionTable.browseTemplates", "Browse templates")
+			})
+		})
+	});
+}
+
 // src/modules/run-control/components/SearchAttributeFilterBar.tsx
 /**
 * The Runs list's search-attribute filter builder (BOFF-9906, spec code-first
@@ -1939,7 +2470,7 @@ function BatchOperationDialog({ type, input, selection, onClose, onStarted }) {
 				/* @__PURE__ */ jsxs("div", {
 					className: "space-y-3",
 					children: [
-						type === "SIGNAL" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+						type === "SIGNAL" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 							className: "space-y-1.5",
 							children: [/* @__PURE__ */ jsx(Label, {
 								htmlFor: "batch-signal-name",
@@ -2298,7 +2829,7 @@ function RunsParityBar({ workflowId, onWorkflowIdChange, total, counts, countsEr
 					" ",
 					countsError
 				]
-			}) : /* @__PURE__ */ jsxs(Fragment, { children: [total !== null && /* @__PURE__ */ jsx("button", {
+			}) : /* @__PURE__ */ jsxs(Fragment$1, { 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"),
@@ -2325,8 +2856,11 @@ var ExecutionsListPage_exports = /* @__PURE__ */ __exportAll({ ExecutionsListPag
 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 v2 = useNavigationV2();
+	const [showDetails, setShowDetails] = useState(false);
+	const [confirmStop, setConfirmStop] = useState(null);
+	const { viewMode, setViewMode, setSelectedExecution, selection, clearSelection, setStatusFilter, setWorkflowFilter, setWorkflowIdFilter, updateFilter, resetFilters, filter, autoRefresh, autoRefreshInterval } = useExecutionsStore();
+	const [searchParams, setSearchParams] = useSearchParams();
 	const workflowKeyParam = searchParams.get("workflowKey") ?? "";
 	const lastWorkflowKeyParam = useRef(null);
 	const linkKey = runListLinkKey(searchParams);
@@ -2377,21 +2911,42 @@ function ExecutionsListPage() {
 		canDeleteRuns
 	]);
 	const statusCounts = useRunStatusCounts(input, parityEnabled);
+	const scopedKey = v2 ? filter.workflowKey : "";
+	const scopedCounts = useRunStatusCounts({ workflowKey: scopedKey }, scopedKey !== "");
 	const refetchCounts = statusCounts.refetch;
+	const refetchScopedCounts = scopedCounts.refetch;
 	const { stats, loading: statsLoading, refetch: refetchStats } = useExecutionStats();
 	const { workflows } = useWorkflowDefinitions({ limit: 100 });
-	const { cancelExecution, pauseExecution, resumeExecution, retryExecution, retryExecutions } = useExecutionActions();
+	const { controlExecution, retryExecution, retryExecutions } = useExecutionActions();
 	useAutoRefresh(useCallback(() => {
 		refetch();
 		refetchStats();
 		refetchCounts();
+		refetchScopedCounts();
 	}, [
 		refetch,
 		refetchStats,
-		refetchCounts
+		refetchCounts,
+		refetchScopedCounts
 	]), autoRefresh, autoRefreshInterval);
 	const executionStats = useMemo(() => {
 		if (!stats) return null;
+		if (scopedKey !== "" && scopedCounts.total !== null && !scopedCounts.error) {
+			const count = (status) => scopedCounts.counts.find((entry) => entry.status === status)?.count ?? 0;
+			const completed = count("COMPLETED");
+			const failed = count("FAILED");
+			return {
+				total: scopedCounts.total,
+				running: count("RUNNING"),
+				completed,
+				failed,
+				cancelled: count("CANCELLED"),
+				pending: count("PENDING"),
+				waiting: count("WAITING"),
+				successRate: completed + failed > 0 ? completed / (completed + failed) * 100 : 0,
+				avgDuration: stats.avgWorkflowExecutionTimeSeconds
+			};
+		}
 		return {
 			total: stats.runsCountTotal,
 			running: stats.runsRunningCount,
@@ -2403,7 +2958,14 @@ function ExecutionsListPage() {
 			successRate: stats.workflowSuccessRate,
 			avgDuration: stats.avgWorkflowExecutionTimeSeconds
 		};
-	}, [stats]);
+	}, [
+		stats,
+		scopedKey,
+		scopedCounts.total,
+		scopedCounts.counts,
+		scopedCounts.error
+	]);
+	const statsScoped = scopedKey !== "" && scopedCounts.total !== null && !scopedCounts.error;
 	const workflowOptions = useMemo(() => workflows.map((w) => ({
 		workflowKey: w.workflowKey,
 		name: w.name
@@ -2426,16 +2988,32 @@ function ExecutionsListPage() {
 		toast.success(tr("fluidgrids.executions.executionsList.retryStarted", "New run started"));
 		navigate(`../runs/${result.run.runId}`);
 	};
+	const controlFailedTitle = (action) => {
+		switch (action) {
+			case "pause": return tr("fluidgrids.executions.executionsList.pauseFailed", "Could not pause this run");
+			case "resume": return tr("fluidgrids.executions.executionsList.resumeFailed", "Could not resume this run");
+			case "cancel": return tr("fluidgrids.executions.executionsList.cancelFailed", "Could not cancel this run");
+		}
+	};
+	const handleControl = async (action, execution) => {
+		const result = await controlExecution(action, execution.id);
+		if (!result.ok) toast.error(controlFailedTitle(action), { description: result.message });
+	};
 	const handleAction = async (action, execution) => {
 		switch (action) {
 			case "cancel":
-				await cancelExecution(execution.id);
+				if (v2) {
+					setConfirmStop({
+						kind: "row",
+						run: execution
+					});
+					return;
+				}
+				await handleControl(action, execution);
 				break;
 			case "pause":
-				await pauseExecution(execution.id);
-				break;
 			case "resume":
-				await resumeExecution(execution.id);
+				await handleControl(action, execution);
 				break;
 			case "retry":
 				await handleRetry(execution);
@@ -2449,30 +3027,73 @@ function ExecutionsListPage() {
 	};
 	const handleBulkRetry = async () => {
 		if (selection.runIds.length === 0) return;
-		const retried = await retryExecutions(selection.runIds.slice(0, 10));
+		const plan = planBulkRetry(selection.runIds, executions);
+		if (plan.runIds.length === 0) {
+			toast.info(tr("fluidgrids.executions.executionsList.bulkRetryNoneFailed", "None of the selected runs failed, so there is nothing to run again."));
+			return;
+		}
+		const retried = await retryExecutions(plan.runIds);
 		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`));
+		if (plan.skippedNotFailed > 0 || plan.skippedOverLimit > 0) toast.info(tr("fluidgrids.executions.executionsList.bulkRetrySkipped", "Only failed runs are run again, and at most {{limit}} at a time. Left out: {{notFailed}} that did not fail, {{overLimit}} over the limit.", {
+			limit: 10,
+			notFailed: plan.skippedNotFailed,
+			overLimit: plan.skippedOverLimit
+		}));
 		clearSelection();
 		refetch();
 	};
+	const handleConfirmedStop = async () => {
+		const pending = confirmStop;
+		setConfirmStop(null);
+		if (!pending) return;
+		if (pending.kind === "row") {
+			await handleControl("cancel", pending.run);
+			refetch();
+		} else await handleBulkAction("cancel");
+	};
 	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`);
+		const results = await Promise.all(selection.runIds.map((id) => controlExecution(action, id)));
+		const failed = results.filter((result) => !result.ok);
+		if (failed.length > 0) toast.error(tr("fluidgrids.executions.executionsList.bulkActionFailed", "{{failed}} of {{total}} runs could not be changed", {
+			failed: failed.length,
+			total: results.length
+		}));
 		clearSelection();
 		refetch();
 	};
+	const viewLabel = (mode) => mode === "table" ? tr("fluidgrids.executions.executionsList.tableViewTooltip", "Table View") : mode === "cards" ? tr("fluidgrids.executions.executionsList.cardViewTooltip", "Card View") : tr("fluidgrids.executions.executionsList.timelineViewTooltip", "Timeline View");
+	const viewMenuItems = [
+		"table",
+		"cards",
+		"timeline"
+	].map((mode) => ({
+		id: `view-${mode}`,
+		icon: viewMode === mode ? "mdi:check" : void 0,
+		label: viewLabel(mode),
+		onSelect: () => setViewMode(mode)
+	}));
+	const viewMenuToggles = [{
+		id: "details",
+		label: tr("fluidgrids.executions.executionsList.showRunDetails", "Show run details and bulk actions"),
+		checked: showDetails,
+		onCheckedChange: setShowDetails
+	}];
+	const filtersActive = countActiveFilters(filter, parityEnabled) > 0 || searchFilter !== null;
+	const showEmptyState = v2 && !loading && !error && executions.length === 0;
+	const scopedWorkflowName = workflowKeyParam ? workflowNames[workflowKeyParam] ?? workflowKeyParam : null;
+	const showAllWorkflows = () => {
+		setWorkflowFilter("");
+		setSearchParams((params) => {
+			const next = new URLSearchParams(params);
+			next.delete("workflowKey");
+			return next;
+		}, { replace: true });
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "p-4 sm:p-6 bg-background-primary min-h-screen",
 		children: [
@@ -2494,11 +3115,18 @@ function ExecutionsListPage() {
 					})
 				] }), /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-wrap items-center gap-3",
-					children: [/* @__PURE__ */ jsxs("div", {
+					children: [v2 ? /* @__PURE__ */ jsx(RunActionsMenu, {
+						items: viewMenuItems,
+						toggles: viewMenuToggles,
+						label: tr("fluidgrids.executions.executionsList.moreOptions", "More options"),
+						"data-testid": "runs-view-menu"
+					}) : /* @__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"),
+								"aria-pressed": viewMode === "table",
+								"aria-label": tr("fluidgrids.executions.executionsList.tableViewTooltip", "Table View"),
 								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, {
@@ -2508,6 +3136,8 @@ function ExecutionsListPage() {
 							}),
 							/* @__PURE__ */ jsx("button", {
 								onClick: () => setViewMode("cards"),
+								"aria-pressed": viewMode === "cards",
+								"aria-label": tr("fluidgrids.executions.executionsList.cardViewTooltip", "Card View"),
 								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, {
@@ -2517,6 +3147,8 @@ function ExecutionsListPage() {
 							}),
 							/* @__PURE__ */ jsx("button", {
 								onClick: () => setViewMode("timeline"),
+								"aria-pressed": viewMode === "timeline",
+								"aria-label": tr("fluidgrids.executions.executionsList.timelineViewTooltip", "Timeline View"),
 								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, {
@@ -2536,12 +3168,27 @@ function ExecutionsListPage() {
 					})]
 				})]
 			}),
+			v2 && scopedWorkflowName && /* @__PURE__ */ jsxs("p", {
+				className: "mb-3 text-sm text-text-secondary",
+				"data-testid": "runs-of-workflow",
+				children: [
+					tr("fluidgrids.executions.executionsList.runsOfWorkflow", "Runs of {{workflow}}", { workflow: scopedWorkflowName }),
+					" · ",
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: showAllWorkflows,
+						className: "text-text-link hover:text-text-linkHover hover:underline",
+						children: tr("fluidgrids.executions.executionsList.showAll", "Show all")
+					})
+				]
+			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "mb-6",
 				"data-tour": "fluidgrids-runs-stats",
 				children: /* @__PURE__ */ jsx(ExecutionStats, {
 					stats: executionStats,
-					loading: statsLoading,
+					loading: v2 ? statsLoading && !executionStats : statsLoading,
+					scoped: statsScoped,
 					onFilterByStatus: handleFilterByStatus
 				})
 			}),
@@ -2581,7 +3228,7 @@ function ExecutionsListPage() {
 					}), tr("fluidgrids.runControl.batch.jobs", "Batch jobs")]
 				})
 			}),
-			selection.runIds.length > 0 && /* @__PURE__ */ jsxs("div", {
+			selection.runIds.length > 0 && (!v2 || canExecuteRuns) && /* @__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", {
@@ -2610,7 +3257,7 @@ function ExecutionsListPage() {
 								"data-agent": "confirm",
 								variant: "outline",
 								size: "sm",
-								onClick: () => handleBulkAction("cancel"),
+								onClick: () => v2 ? setConfirmStop({ kind: "bulk" }) : handleBulkAction("cancel"),
 								children: [/* @__PURE__ */ jsx(Icon, {
 									icon: "mdi:stop",
 									className: "mr-1",
@@ -2641,7 +3288,7 @@ function ExecutionsListPage() {
 							})
 						]
 					}),
-					phaseC.runControl && /* @__PURE__ */ jsxs(Fragment, { children: [selection.allSelected && total > selection.runIds.length && /* @__PURE__ */ jsx("button", {
+					phaseC.runControl && /* @__PURE__ */ jsxs(Fragment$1, { 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",
@@ -2678,7 +3325,14 @@ function ExecutionsListPage() {
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "mt-1 text-sm text-[var(--color-status-error-text)]",
-						children: error.message
+						children: tr("fluidgrids.executions.executionsList.loadErrorDescription", "We couldn't load your runs. Try again in a moment.")
+					}),
+					/* @__PURE__ */ jsx(TechnicalDetails, {
+						className: "mt-2 text-[var(--color-status-error-text)]",
+						children: /* @__PURE__ */ jsx("p", {
+							className: "text-sm font-mono break-words",
+							children: error.message
+						})
 					}),
 					/* @__PURE__ */ jsx(Button$1, {
 						variant: "outline",
@@ -2689,27 +3343,58 @@ function ExecutionsListPage() {
 					})
 				]
 			}),
-			viewMode === "table" && /* @__PURE__ */ jsx(ExecutionTable, {
+			showEmptyState && /* @__PURE__ */ jsx(RunsEmptyState, {
+				filtered: filtersActive,
+				onClearFilters: () => {
+					setSearchFilter(null);
+					resetFilters();
+				},
+				onOpenWorkflows: () => navigate("../list"),
+				onBrowseTemplates: () => navigate("../templates")
+			}),
+			!showEmptyState && viewMode === "table" && v2 && !showDetails && /* @__PURE__ */ jsx(RunsPlainTable, {
 				workflowNames,
 				executions,
 				loading,
+				canExecute: canExecuteRuns,
 				onRowClick: handleRowClick,
 				onAction: handleAction
 			}),
-			viewMode === "cards" && /* @__PURE__ */ jsx(ExecutionCards, {
+			!showEmptyState && viewMode === "table" && (!v2 || showDetails) && /* @__PURE__ */ jsx(ExecutionTable, {
+				workflowNames,
+				executions,
+				loading,
+				canExecute: !v2 || canExecuteRuns,
+				onRowClick: handleRowClick,
+				onAction: handleAction
+			}),
+			!showEmptyState && viewMode === "cards" && /* @__PURE__ */ jsx(ExecutionCards, {
 				workflowNames,
 				executions,
 				loading,
 				onCardClick: handleRowClick,
 				onAction: handleAction
 			}),
-			viewMode === "timeline" && /* @__PURE__ */ jsx(ExecutionTimeline, {
+			!showEmptyState && viewMode === "timeline" && /* @__PURE__ */ jsx(ExecutionTimeline, {
+				workflowNames,
 				executions,
 				loading,
 				onItemClick: handleRowClick,
 				onAction: handleAction
 			}),
-			/* @__PURE__ */ jsx(Pagination, { totalItems: total }),
+			/* @__PURE__ */ jsx(Pagination, {
+				totalItems: total,
+				showPageSize: !v2 || showDetails
+			}),
+			v2 && /* @__PURE__ */ jsx(ConfirmStopRunDialog, {
+				open: confirmStop !== null,
+				workflowName: confirmStop?.kind === "row" ? confirmStop.run.workflow?.name || workflowNames[confirmStop.run.workflowKey] || confirmStop.run.workflowKey : null,
+				count: selection.runIds.length,
+				onConfirm: () => void handleConfirmedStop(),
+				onOpenChange: (open) => {
+					if (!open) setConfirmStop(null);
+				}
+			}),
 			batchType && /* @__PURE__ */ jsx(BatchOperationDialog, {
 				type: batchType,
 				input,