@burdenoff/fluidgrids-fe-sdk 2026.1113.4 → 2026.1113.6

package/dist/{ExecutionsListPage-LsqVMwck.js → ExecutionsListPage-C-dujSS3.js}

@@ -1,26 +1,26 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { g as useExecutionsStore, h as DEFAULT_EXECUTIONS_FILTER } from "./config-X97zrIvn.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-BemEN_Zb.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-BvldyVgF.js";
 import { m as usePhaseCFlags, u as useDurableParityEnabled } from "./feature-flags-B_b8PJ6Z.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-CAShgvbS.js";
 import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
-import { a as useRunStatusCounts, c as errorAdvice, f as runStatusLabels, o as ConfirmStopRunDialog, p as RUN_STATUS_CONFIG, s as ADVICE_ERROR_TYPES, u as ExecutionStatusBadge } from "./useDurableParity-AowXKgBZ.js";
-import { t as Disclosure } from "./Disclosure-DQiUKrqd.js";
+import { a as useRunStatusCounts, c as errorAdvice, f as runStatusLabels, o as ConfirmStopRunDialog, p as RUN_STATUS_CONFIG, s as ADVICE_ERROR_TYPES, u as ExecutionStatusBadge } from "./useDurableParity-9mQYNpiP.js";
+import { t as Disclosure } from "./Disclosure-CsxDspR7.js";
 import { n as formatRunVersion } from "./run-display-BycKYSU0.js";
-import { Yt as formatElapsedMs, Zt as runDurationMs } from "./FluidGridsProvider-BgP5c-hH.js";
+import { Yt as formatElapsedMs, Zt as runDurationMs } from "./FluidGridsProvider-gB2POEu6.js";
 import { r as useRunHumanRequests } from "./useHumanRequests-DwG2tQ3f.js";
 import { n as runListLinkKey, t as runListFilterFromSearch } from "./run-list-links-DZ8Q5l35.js";
-import { t as TechnicalDetails } from "./TechnicalDetails-D4xGy201.js";
-import { t as RunActionsMenu } from "./RunActionsMenu-BE_1r3bF.js";
-import { h as useWorkflowDefinitions } from "./useWorkflows-DwDzP-AD.js";
+import { t as TechnicalDetails } from "./TechnicalDetails-r5JXr1jZ.js";
+import { t as RunActionsMenu } from "./RunActionsMenu-BZY4NreS.js";
+import { h as useWorkflowDefinitions } from "./useWorkflows-Z4M64JlD.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.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-BqA-f-AD.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-Ctl9ZHo1.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-CEnNq15C.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-C0LCTtyh.js";
 import { t as describeOperationError } from "./errors-xPZ-IbQd.js";
 import { n as getFluidGridsClient } from "./client-Ctl4jmY3.js";
 import { bI as WorkflowResetType, eI as WorkflowBatchOperationType } from "./graphql-types-C5Tr6508.js";
@@ -355,7 +355,7 @@ function FailedNodeTypeChip({ nodeType, onClear }) {
 		})]
 	});
 }
-function ExecutionFilters({ workflows = [], onRefresh }) {
+function ExecutionFilters({ workflows = [], onRefresh, moreFilters, moreFiltersActive = 0, onClearMoreFilters }) {
 	const tr = useTr();
 	const v2 = useNavigationV2();
 	const statusOptions = useMemo(() => [
@@ -502,8 +502,13 @@ 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 pageFiltersActive = v2 ? moreFiltersActive : 0;
+	const activeFiltersCount = countActiveFilters(filter, parityEnabled) + pageFiltersActive;
+	const hasMoreFiltersSet = filter.tagId !== "" || filter.triggerType !== "all" || filter.errorType !== "all" || filter.nodeId !== "" || filter.failedNodeType !== "" || filter.durationMinSeconds !== null || filter.durationMaxSeconds !== null || filter.dateRange.preset === "custom" || parityEnabled && filter.workflowId.trim() !== "" || pageFiltersActive > 0;
+	const clearFilters = () => {
+		resetFilters();
+		if (v2) onClearMoreFilters?.();
+	};
 	const assistantControls = useMemo(() => executionsControls({
 		page: tr("fluidgrids.executions.executionsList.title", "Executions"),
 		search: setSearchQuery,
@@ -554,7 +559,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 								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"
+								className: "w-full pl-[3.25rem] pr-4 py-2 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 focus:border-transparent"
 							}),
 							filter.search && /* @__PURE__ */ jsx("button", {
 								onClick: () => setSearchQuery(""),
@@ -617,6 +622,11 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 				closedLabel: tr("fluidgrids.executions.executionFilters.moreFilters", "More filters"),
 				openLabel: tr("fluidgrids.executions.executionFilters.fewerFilters", "Fewer filters"),
 				defaultOpen: hasMoreFiltersSet,
+				keptContent: moreFilters === void 0 ? void 0 : /* @__PURE__ */ jsx("div", {
+					className: "mt-3 flex flex-col gap-3",
+					"data-testid": "runs-more-filters-page-rows",
+					children: moreFilters
+				}),
 				"data-testid": "runs-more-filters",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-5",
@@ -707,7 +717,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 						/* @__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",
+							className: "px-3 py-2 border border-border-default rounded-lg text-text-primary text-left hover:bg-surface-sunken",
 							"data-testid": "runs-custom-range",
 							children: tr("fluidgrids.executions.executionFilters.dateCustomRange", "Custom Range")
 						}),
@@ -717,7 +727,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 								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"
+								className: "w-4 h-4 rounded border-border-default 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")
@@ -811,7 +821,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 			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",
+					className: "flex flex-wrap gap-3 items-center p-3 bg-surface rounded-lg border border-border-default",
 					children: [
 						/* @__PURE__ */ jsx("label", {
 							className: "text-sm text-text-secondary",
@@ -825,7 +835,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 								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"
+							className: "px-3 py-1.5 bg-surface-canvas border border-border-default rounded text-text-primary text-sm"
 						}),
 						/* @__PURE__ */ jsx("label", {
 							className: "text-sm text-text-secondary",
@@ -839,7 +849,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 								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"
+							className: "px-3 py-1.5 bg-surface-canvas border border-border-default rounded text-text-primary text-sm"
 						}),
 						/* @__PURE__ */ jsx("button", {
 							onClick: () => setShowCustomDate(false),
@@ -866,7 +876,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 							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"
+							className: "w-4 h-4 rounded border-border-default 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")
@@ -895,7 +905,7 @@ function ExecutionFilters({ workflows = [], onRefresh }) {
 					}), activeFiltersCount > 0 && /* @__PURE__ */ jsxs(Button$1, {
 						variant: "ghost",
 						size: "sm",
-						onClick: resetFilters,
+						onClick: clearFilters,
 						className: "gap-1.5",
 						children: [/* @__PURE__ */ jsx(Icon, {
 							icon: "mdi:filter-remove",
@@ -914,8 +924,8 @@ function StatCard({ label, value, icon, color, trend, onClick }) {
 		onClick,
 		disabled: !onClick,
 		className: `
-        flex flex-col p-4 bg-background-secondary rounded-lg border border-border-secondary
-        hover:border-border-primary transition-colors
+        flex flex-col p-4 bg-surface rounded-lg border border-border-default
+        hover:border-border-strong transition-colors
         ${onClick ? "cursor-pointer" : "cursor-default"}
         text-left w-full
       `,
@@ -951,7 +961,7 @@ function ExecutionStats({ stats, loading, scoped = false, onFilterByStatus }) {
 	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(v2 ? 4 : 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-surface rounded-lg border border-border-default animate-pulse" }, i))
 	});
 	if (!stats) return null;
 	const formatDuration = (seconds) => {
@@ -1189,13 +1199,13 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 		}));
 	};
 	if (loading && executions.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: "bg-background-secondary rounded-lg border border-border-secondary overflow-hidden",
+		className: "bg-surface rounded-lg border border-border-default 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",
+					className: "bg-surface-sunken border-b border-border-default",
 					children: /* @__PURE__ */ jsxs("tr", { children: [
 						/* @__PURE__ */ jsx("th", { className: "w-10 px-4 py-3" }),
 						/* @__PURE__ */ jsx("th", {
@@ -1225,18 +1235,18 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 						/* @__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",
+					className: "border-b border-border-default",
 					children: /* @__PURE__ */ jsx("td", {
 						colSpan: 8,
 						className: "px-4 py-4",
-						children: /* @__PURE__ */ jsx("div", { className: "h-8 bg-background-tertiary rounded animate-pulse" })
+						children: /* @__PURE__ */ jsx("div", { className: "h-8 bg-surface-sunken 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",
+		className: "bg-surface rounded-lg border border-border-default p-12 text-center",
 		children: [
 			/* @__PURE__ */ jsx(Icon, {
 				icon: "mdi:play-box-outline",
@@ -1259,13 +1269,13 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 		]
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: "bg-background-secondary rounded-lg border border-border-secondary overflow-hidden",
+		className: "bg-surface rounded-lg border border-border-default 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",
+					className: "bg-surface-sunken border-b border-border-default",
 					children: /* @__PURE__ */ jsxs("tr", { children: [
 						/* @__PURE__ */ jsx("th", {
 							className: "w-10 px-4 py-3",
@@ -1273,7 +1283,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 								type: "checkbox",
 								checked: selection.allSelected,
 								onChange: () => selectAll(allRunIds),
-								className: "w-4 h-4 rounded border-border-secondary"
+								className: "w-4 h-4 rounded border-border-default"
 							})
 						}),
 						/* @__PURE__ */ jsx("th", {
@@ -1303,13 +1313,13 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 						/* @__PURE__ */ jsx("th", { className: "px-4 py-3 w-32" })
 					] })
 				}), /* @__PURE__ */ jsx("tbody", {
-					className: "divide-y divide-border-secondary",
+					className: "divide-y divide-border-default",
 					children: executions.map((execution) => {
 						const isSelected = selection.runIds.includes(execution.id);
 						const isExpanded = expandedRows.has(execution.id);
 						return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("tr", {
 							className: `
-                      hover:bg-background-tertiary/50 cursor-pointer transition-colors
+                      hover:bg-surface-sunken/50 cursor-pointer transition-colors
                       ${isSelected ? "bg-action-primary-bg/10" : ""}
                     `,
 							onClick: () => onRowClick?.(execution),
@@ -1321,7 +1331,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 										type: "checkbox",
 										checked: isSelected,
 										onChange: () => toggleSelectRun(execution.id),
-										className: "w-4 h-4 rounded border-border-secondary"
+										className: "w-4 h-4 rounded border-border-default"
 									})
 								}),
 								/* @__PURE__ */ jsx("td", {
@@ -1370,7 +1380,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 									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]",
+											className: "flex-1 h-2 bg-surface-sunken 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}%` }
@@ -1396,7 +1406,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 												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",
+												className: "p-1.5 rounded hover:bg-surface-sunken text-text-secondary",
 												children: /* @__PURE__ */ jsx(Icon, {
 													icon: isExpanded ? "mdi:chevron-up" : "mdi:chevron-down",
 													width: 18
@@ -1408,7 +1418,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 													"data-agent": "confirm",
 													type: "button",
 													onClick: () => onAction?.(action.action, execution),
-													className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary",
+													className: "p-1.5 rounded hover:bg-surface-sunken text-text-secondary",
 													title: action.label,
 													"aria-label": action.label,
 													children: /* @__PURE__ */ jsx(Icon, {
@@ -1419,7 +1429,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 											}),
 											/* @__PURE__ */ jsx("button", {
 												onClick: () => navigate(`../runs/${execution.id}`),
-												className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary",
+												className: "p-1.5 rounded hover:bg-surface-sunken text-text-secondary",
 												title: tr("fluidgrids.executions.executionTable.viewDetails", "View Details"),
 												"aria-label": tr("fluidgrids.executions.executionTable.viewDetails", "View Details"),
 												children: /* @__PURE__ */ jsx(Icon, {
@@ -1433,7 +1443,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 							]
 						}, execution.id), isExpanded && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
 							colSpan: 8,
-							className: "px-4 py-4 bg-background-tertiary/30",
+							className: "px-4 py-4 bg-surface-sunken/30",
 							children: /* @__PURE__ */ jsxs("div", {
 								className: "grid grid-cols-2 lg:grid-cols-4 gap-4",
 								children: [
@@ -1467,7 +1477,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 												]
 											}),
 											(execution.skippedNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("span", {
-												className: "text-tertiary",
+												className: "text-text-muted",
 												children: [
 													execution.skippedNodes,
 													" ",
@@ -1500,7 +1510,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 				})]
 			})
 		}), /* @__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",
+			className: "sm:hidden px-4 py-2 bg-surface-sunken border-t border-border-default text-xs text-text-secondary text-center",
 			children: tr("fluidgrids.executions.executionTable.swipeHint", "Swipe to see more columns")
 		})]
 	});
@@ -1561,17 +1571,17 @@ function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAct
 	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",
+			className: "rounded-lg border border-border-default bg-surface 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" })]
+					children: [/* @__PURE__ */ jsx("div", { className: "h-4 bg-surface-sunken rounded w-32" }), /* @__PURE__ */ jsx("div", { className: "h-5 bg-surface-sunken 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__ */ jsx("div", { className: "h-3 bg-surface-sunken rounded w-48 mb-2" }),
+				/* @__PURE__ */ jsx("div", { className: "h-2 bg-surface-sunken 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" })]
+					children: [/* @__PURE__ */ jsx("div", { className: "h-3 bg-surface-sunken rounded w-16" }), /* @__PURE__ */ jsx("div", { className: "h-3 bg-surface-sunken rounded w-24" })]
 				})
 			]
 		}, i))
@@ -1601,8 +1611,8 @@ function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAct
 			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
+              rounded-lg border bg-surface p-4 cursor-pointer
+              transition-all duration-200 hover:shadow-md hover:border-border-strong
               ${config.borderColor}
             `,
 				children: [
@@ -1614,7 +1624,7 @@ function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAct
 								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",
+								className: "text-xs text-text-muted mt-0.5",
 								children: formatRunVersion(execution.version)
 							})]
 						}), /* @__PURE__ */ jsx(ExecutionStatusBadge, {
@@ -1625,10 +1635,10 @@ function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAct
 					/* @__PURE__ */ jsxs("div", {
 						className: "mb-3",
 						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex justify-between text-xs text-text-tertiary mb-1",
+							className: "flex justify-between text-xs text-text-muted 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",
+							className: "h-1.5 bg-surface-sunken 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)}%` }
@@ -1672,7 +1682,7 @@ function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAct
 						]
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center justify-between text-xs text-text-tertiary pt-2 border-t border-border-secondary",
+						className: "flex items-center justify-between text-xs text-text-muted pt-2 border-t border-border-default",
 						children: [/* @__PURE__ */ jsxs("span", {
 							className: "flex items-center gap-1",
 							children: [/* @__PURE__ */ jsx(Icon, {
@@ -1687,7 +1697,7 @@ function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAct
 							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",
+								className: "flex gap-1 mt-2 pt-2 border-t border-border-default",
 								children: actions.map((action) => {
 									const { icon, label, hover } = CARD_ACTIONS(tr)[action];
 									return /* @__PURE__ */ jsxs("button", {
@@ -1697,7 +1707,7 @@ function ExecutionCards({ executions, workflowNames, loading, onCardClick, onAct
 											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}`,
+										className: `flex items-center gap-1 text-xs px-2 py-1 rounded bg-surface-sunken text-text-secondary transition-colors ${hover}`,
 										children: [
 											/* @__PURE__ */ jsx(Icon, {
 												icon,
@@ -1766,12 +1776,12 @@ function ExecutionTimeline({ executions, workflowNames, loading, onItemClick, on
 		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", {
+			children: [/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-surface-sunken 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" })
+					/* @__PURE__ */ jsx("div", { className: "h-4 bg-surface-sunken rounded w-48 mb-2" }),
+					/* @__PURE__ */ jsx("div", { className: "h-3 bg-surface-sunken rounded w-32 mb-1" }),
+					/* @__PURE__ */ jsx("div", { className: "h-3 bg-surface-sunken rounded w-24" })
 				]
 			})]
 		}, i))
@@ -1803,15 +1813,15 @@ function ExecutionTimeline({ executions, workflowNames, loading, onItemClick, on
 				/* @__PURE__ */ jsx(Icon, {
 					icon: "mdi:calendar",
 					width: 14,
-					className: "text-text-tertiary"
+					className: "text-text-muted"
 				}),
 				/* @__PURE__ */ jsx("span", {
-					className: "text-xs font-semibold text-text-tertiary uppercase tracking-wider",
+					className: "text-xs font-semibold text-text-muted uppercase tracking-wider",
 					children: dateLabel
 				}),
-				/* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-border-secondary" }),
+				/* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-border-default" }),
 				/* @__PURE__ */ jsxs("span", {
-					className: "text-xs text-text-tertiary",
+					className: "text-xs text-text-muted",
 					children: [
 						dateExecutions.length,
 						" ",
@@ -1821,7 +1831,7 @@ function ExecutionTimeline({ executions, workflowNames, loading, onItemClick, on
 			]
 		}), /* @__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", {
+			children: [/* @__PURE__ */ jsx("div", { className: "absolute left-[5px] top-0 bottom-0 w-px bg-border-default" }), /* @__PURE__ */ jsx("div", {
 				className: "space-y-4",
 				children: dateExecutions.map((execution, idx) => {
 					const isLast = idx === dateExecutions.length - 1;
@@ -1831,11 +1841,11 @@ function ExecutionTimeline({ executions, workflowNames, loading, onItemClick, on
 						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)}` })
+							children: /* @__PURE__ */ jsx("div", { className: `w-[11px] h-[11px] rounded-full border-2 border-surface-canvas ${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
+                        flex-1 rounded-lg border border-border-default bg-surface p-3
+                        transition-all duration-200 group-hover:shadow-sm group-hover:border-border-strong
                         ${isLast ? "" : "mb-0"}
                       `,
 							children: [/* @__PURE__ */ jsxs("div", {
@@ -1849,7 +1859,7 @@ function ExecutionTimeline({ executions, workflowNames, loading, onItemClick, on
 												className: "text-sm font-semibold text-text-primary truncate",
 												children: execution.workflow?.name || workflowNames?.[execution.workflowKey] || execution.workflowKey
 											}), /* @__PURE__ */ jsx("span", {
-												className: "text-xs text-text-tertiary",
+												className: "text-xs text-text-muted",
 												children: formatRunVersion(execution.version)
 											})]
 										}),
@@ -1902,7 +1912,7 @@ function ExecutionTimeline({ executions, workflowNames, loading, onItemClick, on
 											e.stopPropagation();
 											onAction("cancel", execution);
 										},
-										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",
+										className: "p-1 rounded opacity-60 group-hover:opacity-100 focus-visible:opacity-100 hover:bg-status-error-bg-subtle text-text-muted 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, {
@@ -1914,7 +1924,7 @@ function ExecutionTimeline({ executions, workflowNames, loading, onItemClick, on
 							}), execution.status === "RUNNING" && /* @__PURE__ */ jsx("div", {
 								className: "mt-2",
 								children: /* @__PURE__ */ jsx("div", {
-									className: "h-1 bg-background-tertiary rounded-full overflow-hidden",
+									className: "h-1 bg-surface-sunken 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)}%` }
@@ -2012,7 +2022,7 @@ function Pagination({ totalItems, showPageSize = true }) {
 					/* @__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",
+						className: "p-2 rounded hover:bg-surface-sunken disabled:opacity-50 disabled:cursor-not-allowed",
 						children: /* @__PURE__ */ jsx(Icon, {
 							icon: "mdi:chevron-left",
 							width: 20,
@@ -2028,7 +2038,7 @@ function Pagination({ totalItems, showPageSize = true }) {
 							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"}
+                      ${pageNum === page ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-surface-sunken text-text-secondary"}
                     `,
 							children: pageNum
 						}, pageNum))
@@ -2044,7 +2054,7 @@ function Pagination({ totalItems, showPageSize = true }) {
 					/* @__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",
+						className: "p-2 rounded hover:bg-surface-sunken disabled:opacity-50 disabled:cursor-not-allowed",
 						children: /* @__PURE__ */ jsx(Icon, {
 							icon: "mdi:chevron-right",
 							width: 20,
@@ -2188,7 +2198,7 @@ function RunsPlainTable({ executions, workflowNames, loading, canExecute = true,
 	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))
+		children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-12 rounded-lg bg-surface-sunken animate-pulse" }, i))
 	});
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "runs-plain-table",
@@ -2332,7 +2342,7 @@ const OPERATOR_LABELS = {
 	STARTS_WITH: "starts with",
 	CONTAINS: "contains"
 };
-function SearchAttributeFilterBar({ applied, onApply, conflicts }) {
+function SearchAttributeFilterBar({ applied, onApply, conflicts, className }) {
 	const tr = useTr();
 	const definitions = useResource("search-attributes", true, fetchSearchAttributes);
 	const [state, setState] = useState(EMPTY_SEARCH_FILTER);
@@ -2366,7 +2376,7 @@ function SearchAttributeFilterBar({ applied, onApply, conflicts }) {
 		}));
 	};
 	return /* @__PURE__ */ jsxs("section", {
-		className: "mb-4 space-y-3 rounded-lg border border-border-secondary bg-background-secondary p-3",
+		className: cn("mb-4 space-y-3 rounded-lg border border-border-default bg-surface p-3", className),
 		"data-testid": "search-attribute-filter",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
@@ -2809,7 +2819,7 @@ function BatchOperationDialog({ type, input, selection, onClose, onStarted }) {
 							})]
 						}),
 						dryRun && /* @__PURE__ */ jsx("p", {
-							className: "rounded-md bg-background-primary p-2 text-sm text-text-primary",
+							className: "rounded-md bg-surface-canvas 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 })
 						}),
@@ -2920,7 +2930,7 @@ function BatchProgressDrawer({ job: initial, open, onOpenChange, canCancel }) {
 						/* @__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",
+							className: "w-full rounded-md border border-border-default p-2 text-left hover:bg-surface-sunken",
 							onClick: () => setJob(item),
 							"data-testid": `batch-job-${item.id}`,
 							children: [/* @__PURE__ */ jsxs("div", {
@@ -2979,7 +2989,7 @@ function BatchJobProgress({ job, onCancel }) {
 				})]
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: "h-2 overflow-hidden rounded-full bg-background-tertiary",
+				className: "h-2 overflow-hidden rounded-full bg-surface-sunken",
 				children: /* @__PURE__ */ jsx("div", {
 					className: "h-full bg-[var(--color-status-info-bg)]",
 					style: { width: `${progress.percent}%` }
@@ -3057,7 +3067,7 @@ const RUN_STATUSES = [
 function isRunStatus(value) {
 	return RUN_STATUSES.includes(value);
 }
-function RunsParityBar({ workflowId, onWorkflowIdChange, total, counts, countsError, selectedStatus, onSelectStatus }) {
+function RunsParityBar({ workflowId, onWorkflowIdChange, total, counts, countsError, selectedStatus, onSelectStatus, className }) {
 	const tr = useTr();
 	const statusLabels = runStatusLabels(tr);
 	const [draft, setDraft] = useState(workflowId);
@@ -3075,7 +3085,7 @@ function RunsParityBar({ workflowId, onWorkflowIdChange, total, counts, countsEr
 	]);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "runs-parity-bar",
-		className: "mb-6 flex flex-col gap-3 lg:flex-row lg:items-center",
+		className: cn("mb-6 flex flex-col gap-3 lg:flex-row lg:items-center", className),
 		children: [/* @__PURE__ */ jsxs("label", {
 			className: "flex min-w-0 items-center gap-2 text-sm text-text-secondary lg:w-80",
 			children: [
@@ -3109,14 +3119,14 @@ function RunsParityBar({ workflowId, onWorkflowIdChange, total, counts, countsEr
 			}) : /* @__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"),
+				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-default 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"),
+				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-default text-text-secondary hover:text-text-primary"),
 				"aria-pressed": selectedStatus === status,
 				"data-testid": `runs-count-${status}`,
 				children: tr("fluidgrids.executions.parity.countStatus", "{{status}} {{count}}", {
@@ -3158,6 +3168,11 @@ function ExecutionsListPage() {
 	const parityEnabled = useDurableParityEnabled();
 	const phaseC = usePhaseCFlags();
 	const [searchFilter, setSearchFilter] = useState(null);
+	const [searchFilterBuilderKey, setSearchFilterBuilderKey] = useState(0);
+	const clearSearchFilter = () => {
+		setSearchFilter(null);
+		setSearchFilterBuilderKey((key) => key + 1);
+	};
 	const [allMatching, setAllMatching] = useState(false);
 	const [batchType, setBatchType] = useState(null);
 	const [batchDrawer, setBatchDrawer] = useState(null);
@@ -3354,6 +3369,17 @@ function ExecutionsListPage() {
 		label: viewLabel(mode),
 		onSelect: () => setViewMode(mode)
 	}));
+	const showBatchJobs = phaseC.runControl && selection.runIds.length === 0;
+	const batchJobsLabel = tr("fluidgrids.runControl.batch.jobs", "Batch jobs");
+	const openBatchJobs = () => setBatchDrawer({ job: null });
+	const headerMenuItems = showBatchJobs ? [...viewMenuItems, {
+		id: "batch-jobs",
+		icon: "mdi:layers-triple-outline",
+		label: batchJobsLabel,
+		onSelect: openBatchJobs,
+		separatorBefore: true,
+		testId: "batch-jobs-button"
+	}] : viewMenuItems;
 	const viewMenuToggles = [{
 		id: "details",
 		label: tr("fluidgrids.executions.executionsList.showRunDetails", "Show run details and bulk actions"),
@@ -3361,6 +3387,23 @@ function ExecutionsListPage() {
 		onCheckedChange: setShowDetails
 	}];
 	const filtersActive = countActiveFilters(filter, parityEnabled) > 0 || searchFilter !== null;
+	const parityBar = parityEnabled ? /* @__PURE__ */ jsx(RunsParityBar, {
+		workflowId: filter.workflowId,
+		onWorkflowIdChange: setWorkflowIdFilter,
+		total: statusCounts.total,
+		counts: statusCounts.counts,
+		countsError: statusCounts.error,
+		selectedStatus: filter.status,
+		onSelectStatus: handleFilterByStatus,
+		className: v2 ? "mb-0" : void 0
+	}) : null;
+	const searchAttributeBar = phaseC.searchAttributes ? /* @__PURE__ */ jsx(SearchAttributeFilterBar, {
+		applied: searchFilter,
+		onApply: setSearchFilter,
+		conflicts: searchFilter ? searchFilterConflicts(input) : [],
+		className: v2 ? "mb-0" : void 0
+	}, searchFilterBuilderKey) : null;
+	const moreFilterRows = v2 && (parityBar || searchAttributeBar) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [parityBar, searchAttributeBar] }) : void 0;
 	const showEmptyState = v2 && !loading && !error && executions.length === 0;
 	const scopedWorkflowName = workflowKeyParam ? workflowNames[workflowKeyParam] ?? workflowKeyParam : null;
 	const showAllWorkflows = () => {
@@ -3372,7 +3415,7 @@ function ExecutionsListPage() {
 		}, { replace: true });
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "p-4 sm:p-6 bg-background-primary min-h-screen",
+		className: "p-4 sm:p-6 bg-surface-canvas min-h-screen",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6",
@@ -3393,18 +3436,18 @@ function ExecutionsListPage() {
 				] }), /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-wrap items-center gap-3",
 					children: [v2 ? /* @__PURE__ */ jsx(RunActionsMenu, {
-						items: viewMenuItems,
+						items: headerMenuItems,
 						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",
+						className: "flex items-center bg-surface rounded-lg border border-border-default 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"}`,
+								className: `p-2 rounded ${viewMode === "table" ? "bg-surface-sunken 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",
@@ -3415,7 +3458,7 @@ function ExecutionsListPage() {
 								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"}`,
+								className: `p-2 rounded ${viewMode === "cards" ? "bg-surface-sunken 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",
@@ -3426,7 +3469,7 @@ function ExecutionsListPage() {
 								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"}`,
+								className: `p-2 rounded ${viewMode === "timeline" ? "bg-surface-sunken 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",
@@ -3474,35 +3517,26 @@ function ExecutionsListPage() {
 				"data-tour": "fluidgrids-runs-filters",
 				children: /* @__PURE__ */ jsx(ExecutionFilters, {
 					workflows: workflowOptions,
-					onRefresh: refetch
+					onRefresh: refetch,
+					moreFilters: moreFilterRows,
+					moreFiltersActive: phaseC.searchAttributes && searchFilter !== null ? 1 : 0,
+					onClearMoreFilters: clearSearchFilter
 				})
 			}),
-			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", {
+			!v2 && parityBar,
+			!v2 && searchAttributeBar,
+			!v2 && showBatchJobs && /* @__PURE__ */ jsx("div", {
 				className: "mb-4 flex justify-end",
 				children: /* @__PURE__ */ jsxs(Button$1, {
 					variant: "ghost",
 					size: "sm",
-					onClick: () => setBatchDrawer({ job: null }),
+					onClick: openBatchJobs,
 					"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")]
+					}), batchJobsLabel]
 				})
 			}),
 			selection.runIds.length > 0 && (!v2 || canExecuteRuns) && /* @__PURE__ */ jsxs("div", {
@@ -3623,7 +3657,7 @@ function ExecutionsListPage() {
 			showEmptyState && /* @__PURE__ */ jsx(RunsEmptyState, {
 				filtered: filtersActive,
 				onClearFilters: () => {
-					setSearchFilter(null);
+					clearSearchFilter();
 					resetFilters();
 				},
 				onOpenWorkflows: () => navigate("../list"),