@burdenoff/fluidgrids-fe-sdk 2026.1113.4 → 2026.1113.5

package/dist/{HistoryPage-BTAkQ7O1.js → HistoryPage-8lQ6xf5Q.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { d as useRestoreWorkflowVersion, h as useWorkflowDefinitions } from "./useWorkflows-DwDzP-AD.js";
+import { d as useRestoreWorkflowVersion, h as useWorkflowDefinitions } from "./useWorkflows-Z4M64JlD.js";
 import { t as VersionDiffDialog } from "./VersionDiffDialog-D9W5Fm56.js";
 import { c as versionsOfWorkflow } from "./VersionLifecycleBar-DuphLOT0.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
@@ -121,7 +121,7 @@ function EmptyState$1() {
 		className: "flex flex-col items-center justify-center py-20 text-center",
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: "rounded-full bg-background-secondary p-4 mb-4",
+				className: "rounded-full bg-surface p-4 mb-4",
 				children: /* @__PURE__ */ jsx(Icon, {
 					icon: "mdi:history",
 					width: 40,
@@ -203,7 +203,7 @@ function ErrorState({ message, onRetry, v2 }) {
 }
 function StatCard({ label, value, valueClassName }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "p-3 rounded-lg bg-background-secondary border border-border-secondary",
+		className: "p-3 rounded-lg bg-surface border border-border-default",
 		children: [/* @__PURE__ */ jsx("p", {
 			className: "text-xs text-text-secondary",
 			children: label
@@ -394,7 +394,7 @@ function HistoryPage() {
 	const countByStatus = (status) => allRows.filter((r) => r.status === status).length;
 	const showOlder = () => setWindowOffset(windowOffset + FETCH_LIMIT);
 	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",
@@ -447,13 +447,13 @@ function HistoryPage() {
 						"aria-label": tr("fluidgrids.history.historyPage.searchLabel", "Search versions"),
 						value: search,
 						onChange: (e) => handleSearchChange(e.target.value),
-						className: "pl-10 bg-background-secondary border-border-secondary"
+						className: "pl-10 bg-surface border-border-default"
 					})]
 				}), /* @__PURE__ */ jsxs(Select, {
 					value: workflowFilter,
 					onValueChange: handleWorkflowFilterChange,
 					children: [/* @__PURE__ */ jsx(SelectTrigger, {
-						className: "w-[220px] bg-background-secondary border-border-secondary",
+						className: "w-[220px] bg-surface border-border-default",
 						"data-tour": "fluidgrids-history-workflow-filter",
 						children: /* @__PURE__ */ jsx(SelectValue, { placeholder: tr("fluidgrids.history.historyPage.workflowFilterPlaceholder", "All Workflows") })
 					}), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsx(SelectItem, {
@@ -512,11 +512,11 @@ function HistoryPage() {
 				})
 			}),
 			loading && !(v2 && allRows.length > 0) ? /* @__PURE__ */ jsx(HistoryTableSkeleton, {}) : filteredRows.length === 0 ? /* @__PURE__ */ jsx(EmptyState$1, {}) : /* @__PURE__ */ jsx("div", {
-				className: "overflow-x-auto rounded-lg border border-border-secondary",
+				className: "overflow-x-auto rounded-lg border border-border-default",
 				children: /* @__PURE__ */ jsxs("table", {
 					className: "w-full text-sm",
 					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
-						className: "border-b border-border-secondary bg-background-secondary",
+						className: "border-b border-border-default bg-surface",
 						children: [
 							/* @__PURE__ */ jsx("th", {
 								className: "text-left px-4 py-3 font-medium text-text-secondary",
@@ -546,7 +546,7 @@ function HistoryPage() {
 					}) }), /* @__PURE__ */ jsx("tbody", { children: paginatedRows.map((row) => {
 						const statusStyle = STATUS_STYLES[row.status] ?? STATUS_STYLES.DRAFT;
 						return /* @__PURE__ */ jsxs("tr", {
-							className: "border-b border-border-secondary last:border-0 hover:bg-background-secondary/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+							className: "border-b border-border-default last:border-0 hover:bg-surface-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
 							tabIndex: 0,
 							"aria-label": tr("fluidgrids.history.historyPage.openVersionLabel", "Open {{name}} {{version}} in the builder", {
 								name: row.name,
@@ -581,7 +581,7 @@ function HistoryPage() {
 								/* @__PURE__ */ jsx("td", {
 									className: "px-4 py-3",
 									children: /* @__PURE__ */ jsx("code", {
-										className: "text-xs bg-background-secondary px-2 py-0.5 rounded text-text-primary",
+										className: "text-xs bg-surface px-2 py-0.5 rounded text-text-primary",
 										children: row.version
 									})
 								}),
@@ -629,7 +629,7 @@ function HistoryPage() {
 													to: row.version
 												});
 											},
-											className: "p-1.5 rounded hover:bg-background-secondary text-text-secondary hover:text-text-primary transition-colors",
+											className: "p-1.5 rounded hover:bg-surface-sunken text-text-secondary hover:text-text-primary transition-colors",
 											children: /* @__PURE__ */ jsx(Icon, {
 												icon: "mdi:compare-horizontal",
 												width: 16
@@ -644,7 +644,7 @@ function HistoryPage() {
 												e.stopPropagation();
 												handleNavigateToVersion(row.workflowKey, row.version);
 											},
-											className: "p-1.5 rounded hover:bg-background-secondary text-text-secondary hover:text-text-primary transition-colors",
+											className: "p-1.5 rounded hover:bg-surface-sunken text-text-secondary hover:text-text-primary transition-colors",
 											children: /* @__PURE__ */ jsx(Icon, {
 												icon: "mdi:open-in-new",
 												width: 16

package/dist/{InsightsPage-CVSoyuat.js → InsightsPage-q5agPRFA.js}

@@ -3,9 +3,9 @@ import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
 import { t as TechnicalDetails } from "./TechnicalDetails-D4xGy201.js";
-import { o as useRunReplayActions, r as useInsightsData } from "./useObservability-BGrwZS5X.js";
+import { o as useRunReplayActions, r as useInsightsData } from "./useObservability-Cps9Y9a3.js";
 import { a as getTopFailingNodes, i as getFailureBreakdown, l as rankedFailingWorkflows, n as formatDuration, o as getTopFailingWorkflows, s as percentage, u as summarySuccessRate } from "./utils-C0dtnN4R.js";
-import { n as FailureTriagePanel } from "./FailureTriagePanel-CM-vmvbA.js";
+import { n as FailureTriagePanel } from "./FailureTriagePanel-DA91XKVj.js";
 import { c as useContinuousOptimisationEnabled } from "./feature-flags-B_b8PJ6Z.js";
 import { i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
 import { Cw as OptimisationSuggestionStatus, Sw as OptimisationKind, xw as OptimisationDismissReason } from "./graphql-types-C5Tr6508.js";
@@ -3043,7 +3043,7 @@ function OptimisationSuggestionsSection({ onOpenRun, onOpenProposal }) {
 		if (target) onOpenProposal(target);
 	};
 	return /* @__PURE__ */ jsxs("section", {
-		className: "mb-6 rounded-xl border border-border-secondary bg-background-secondary p-4",
+		className: "mb-6 rounded-xl border border-border-default bg-surface p-4",
 		"data-testid": "optimisation-panel",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
@@ -3203,7 +3203,7 @@ function OptimisationSuggestionRow({ suggestion, pending, onOpenRun, onApply, on
 	const runs = suggestion.sampleRunIds.slice(0, MAX_RUN_LINKS);
 	const updateDenied = tr("fluidgrids.optimisation.updateDenied", "You need edit access to workflows to change suggestions");
 	return /* @__PURE__ */ jsx("li", {
-		className: "rounded-lg border border-border-secondary bg-background-primary p-3",
+		className: "rounded-lg border border-border-default bg-surface-canvas p-3",
 		"data-testid": "optimisation-suggestion",
 		"data-kind": String(kind),
 		children: /* @__PURE__ */ jsxs("div", {
@@ -3215,7 +3215,7 @@ function OptimisationSuggestionRow({ suggestion, pending, onOpenRun, onApply, on
 						className: "flex flex-wrap items-center gap-2 text-sm",
 						children: [
 							/* @__PURE__ */ jsxs("span", {
-								className: "inline-flex items-center gap-1 rounded-full bg-background-secondary px-2 py-0.5 text-xs text-text-secondary",
+								className: "inline-flex items-center gap-1 rounded-full bg-surface px-2 py-0.5 text-xs text-text-secondary",
 								children: [/* @__PURE__ */ jsx(KindIcon, { className: "size-3.5" }), kindLabel(tr, kind)]
 							}),
 							/* @__PURE__ */ jsx("span", {
@@ -3465,7 +3465,7 @@ function AiSpendPanel() {
 	const [days, setDays] = useState(7);
 	const { usage, loading, error, refetch } = useWorkspaceAiUsage(days);
 	return /* @__PURE__ */ jsxs("section", {
-		className: "rounded-xl border border-border-secondary bg-background-secondary p-4 sm:p-5",
+		className: "rounded-xl border border-border-default bg-surface p-4 sm:p-5",
 		"aria-label": tr("fluidgrids.insights.aiSpend.title", "AI spend"),
 		"data-testid": "insights-ai-spend",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -3492,7 +3492,7 @@ function AiSpendPanel() {
 }
 function RangeSelector({ days, onChange, tr }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: "flex shrink-0 gap-1 rounded-lg border border-border-secondary p-1",
+		className: "flex shrink-0 gap-1 rounded-lg border border-border-default p-1",
 		role: "group",
 		"aria-label": tr("fluidgrids.insights.aiSpend.rangeLabel", "Period"),
 		children: AI_SPEND_RANGE_DAYS.map((option) => /* @__PURE__ */ jsx("button", {
@@ -3524,7 +3524,7 @@ function AiSpendBody({ usage, loading, error, onRetry, tr }) {
 			1,
 			2,
 			3
-		].map((item) => /* @__PURE__ */ jsx("div", { className: "h-20 animate-pulse rounded-lg bg-background-tertiary" }, item))
+		].map((item) => /* @__PURE__ */ jsx("div", { className: "h-20 animate-pulse rounded-lg bg-surface-sunken" }, item))
 	}) : null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: loading ? "opacity-60" : void 0,
@@ -3535,7 +3535,7 @@ function AiSpendBody({ usage, loading, error, onRetry, tr }) {
 				tr
 			}),
 			usage.lines.length === 0 ? /* @__PURE__ */ jsxs("div", {
-				className: "mt-4 rounded-lg border border-dashed border-border-secondary p-6 text-center",
+				className: "mt-4 rounded-lg border border-dashed border-border-default p-6 text-center",
 				children: [/* @__PURE__ */ jsx(Icon, {
 					icon: "mdi:robot-off-outline",
 					width: 28,
@@ -3586,7 +3586,7 @@ function SpendTotals({ total, tr }) {
 }
 function Total({ label, children, detail }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-lg border border-border-secondary bg-background-primary p-3",
+		className: "rounded-lg border border-border-default bg-surface-canvas p-3",
 		children: [
 			/* @__PURE__ */ jsx("p", {
 				className: "text-xs text-text-secondary",
@@ -3605,11 +3605,11 @@ function Total({ label, children, detail }) {
 }
 function SpendTable({ lines, tr }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: "mt-4 overflow-x-auto rounded-lg border border-border-secondary",
+		className: "mt-4 overflow-x-auto rounded-lg border border-border-default",
 		children: /* @__PURE__ */ jsxs("table", {
 			className: "w-full min-w-[640px] text-sm",
 			children: [/* @__PURE__ */ jsx("thead", {
-				className: "bg-background-tertiary text-left text-xs text-text-secondary",
+				className: "bg-surface-sunken text-left text-xs text-text-secondary",
 				children: /* @__PURE__ */ jsxs("tr", { children: [
 					/* @__PURE__ */ jsx("th", {
 						className: "px-3 py-2 font-medium",
@@ -3637,7 +3637,7 @@ function SpendTable({ lines, tr }) {
 					})
 				] })
 			}), /* @__PURE__ */ jsx("tbody", { children: lines.map((line) => /* @__PURE__ */ jsxs("tr", {
-				className: "border-t border-border-secondary",
+				className: "border-t border-border-default",
 				children: [
 					/* @__PURE__ */ jsx("td", {
 						className: "max-w-[16rem] px-3 py-2",
@@ -3693,7 +3693,7 @@ function barWidth(value, largest) {
 }
 function Ranking({ title, empty, children, testId }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-lg border border-border-secondary bg-background-primary p-4",
+		className: "rounded-lg border border-border-default bg-surface-canvas p-4",
 		"data-testid": testId,
 		children: [/* @__PURE__ */ jsx("h3", {
 			className: "mb-3 text-sm font-semibold text-text-primary",
@@ -3710,7 +3710,7 @@ function Ranking({ title, empty, children, testId }) {
 function RankingRow({ to, label, detail, count, largest, tone }) {
 	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, {
 		to,
-		className: "flex items-center gap-3 rounded-md px-2 py-1.5 hover:bg-background-tertiary",
+		className: "flex items-center gap-3 rounded-md px-2 py-1.5 hover:bg-surface-sunken",
 		"data-testid": "error-panel-row",
 		children: [
 			/* @__PURE__ */ jsxs("span", {
@@ -3724,7 +3724,7 @@ function RankingRow({ to, label, detail, count, largest, tone }) {
 				})]
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "h-2 w-24 shrink-0 overflow-hidden rounded-full bg-background-tertiary",
+				className: "h-2 w-24 shrink-0 overflow-hidden rounded-full bg-surface-sunken",
 				children: /* @__PURE__ */ jsx("span", {
 					className: `block h-full rounded-full ${tone === "error" ? "bg-status-error-bg" : "bg-status-warning-bg"}`,
 					style: { width: barWidth(count, largest) }
@@ -3740,7 +3740,7 @@ function RankingRow({ to, label, detail, count, largest, tone }) {
 function Trend({ trend, link, tr }) {
 	const largest = Math.max(0, ...trend.map((point) => point.count));
 	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-lg border border-border-secondary bg-background-primary p-4",
+		className: "rounded-lg border border-border-default bg-surface-canvas p-4",
 		"data-testid": "error-panel-trend",
 		children: [
 			/* @__PURE__ */ jsx("h3", {
@@ -3769,7 +3769,7 @@ function Trend({ trend, link, tr }) {
 							"aria-label": label,
 							"data-testid": "error-panel-day"
 						}) : /* @__PURE__ */ jsx("span", {
-							className: "block w-full rounded-t-sm bg-background-tertiary",
+							className: "block w-full rounded-t-sm bg-surface-sunken",
 							style: { height },
 							title: label
 						})
@@ -3814,7 +3814,7 @@ function ErrorAnalyticsPanel({ analytics, period, loading, error, onRetry }) {
 		]
 	});
 	else if (!analytics) body = /* @__PURE__ */ jsx("div", {
-		className: "h-40 animate-pulse rounded-lg bg-background-tertiary",
+		className: "h-40 animate-pulse rounded-lg bg-surface-sunken",
 		"aria-busy": "true"
 	});
 	else if (analytics.totalErrors === 0) body = /* @__PURE__ */ jsx("p", {
@@ -3884,7 +3884,7 @@ function ErrorAnalyticsPanel({ analytics, period, loading, error, onRetry }) {
 		});
 	}
 	return /* @__PURE__ */ jsxs("section", {
-		className: "rounded-xl border border-border-secondary bg-background-secondary p-5",
+		className: "rounded-xl border border-border-default bg-surface p-5",
 		"aria-labelledby": "insights-error-panel-heading",
 		"aria-busy": loading,
 		"data-testid": "insights-error-panel",
@@ -3984,7 +3984,7 @@ var InsightsPage_exports = /* @__PURE__ */ __exportAll({
 });
 function MetricCard({ icon, label, value, detail, tone = "text-text-primary" }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-xl border border-border-secondary bg-background-secondary p-4",
+		className: "rounded-xl border border-border-default bg-surface p-4",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 text-sm text-text-secondary",
@@ -4013,7 +4013,7 @@ function LoadingState() {
 			2,
 			3,
 			4
-		].map((item) => /* @__PURE__ */ jsx("div", { className: "h-28 animate-pulse rounded-xl border border-border-secondary bg-background-secondary" }, item))
+		].map((item) => /* @__PURE__ */ jsx("div", { className: "h-28 animate-pulse rounded-xl border border-border-default bg-surface" }, item))
 	});
 }
 function InsightsPage({ showErrors = false }) {
@@ -4031,7 +4031,7 @@ function InsightsPage({ showErrors = false }) {
 	const topWorkflows = useMemo(() => (serverRanking ? rankedFailingWorkflows(serverRanking) : getTopFailingWorkflows(failedRuns)).slice(0, 8), [serverRanking, failedRuns]);
 	const topNodes = useMemo(() => getTopFailingNodes(summary?.nodeUsageStats ?? []).slice(0, 8), [summary?.nodeUsageStats]);
 	if (error) return /* @__PURE__ */ jsx("div", {
-		className: "min-h-screen bg-background-primary p-4 sm:p-6",
+		className: "min-h-screen bg-surface-canvas p-4 sm:p-6",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-5 text-status-error-text",
 			role: "alert",
@@ -4056,7 +4056,7 @@ function InsightsPage({ showErrors = false }) {
 	});
 	const commonError = failureBreakdown[0];
 	return /* @__PURE__ */ jsxs("div", {
-		className: "min-h-screen bg-background-primary p-4 sm:p-6",
+		className: "min-h-screen bg-surface-canvas p-4 sm:p-6",
 		children: [
 			/* @__PURE__ */ jsx(InsightsHeader, {
 				v2,
@@ -4153,7 +4153,7 @@ function InsightsTabs({ activeTab, showErrors, onSelect }) {
 	};
 	const tabClass = (tab) => `border-b-2 px-3 py-2 text-sm ${activeTab === tab ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-secondary"}`;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "mb-6 flex gap-1 border-b border-border-secondary",
+		className: "mb-6 flex gap-1 border-b border-border-default",
 		role: "tablist",
 		"data-tour": "fluidgrids-insights-tabs",
 		children: [/* @__PURE__ */ jsx("button", {
@@ -4288,7 +4288,7 @@ function RankedBar({ label, count, largest, barClassName }) {
 				children: label
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: "h-2 w-28 overflow-hidden rounded-full bg-background-tertiary",
+				className: "h-2 w-28 overflow-hidden rounded-full bg-surface-sunken",
 				children: /* @__PURE__ */ jsx("div", {
 					className: `h-full rounded-full ${barClassName}`,
 					style: { width: `${Math.max(8, percentage(count, largest))}%` }
@@ -4304,7 +4304,7 @@ function RankedBar({ label, count, largest, barClassName }) {
 function InsightList({ title, empty, children, testId }) {
 	const hasChildren = Array.isArray(children) ? children.length > 0 : Boolean(children);
 	return /* @__PURE__ */ jsxs("section", {
-		className: "rounded-xl border border-border-secondary bg-background-secondary p-5",
+		className: "rounded-xl border border-border-default bg-surface p-5",
 		"data-testid": testId,
 		children: [/* @__PURE__ */ jsx("h2", {
 			className: "mb-4 text-base font-semibold text-text-primary",
@@ -4377,7 +4377,7 @@ function ErrorContent({ summary, failedRuns, commonError, retry, retryLoading, e
 			}),
 			errorPanel,
 			/* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", {
-				className: "rounded-xl border border-border-secondary bg-background-secondary p-5",
+				className: "rounded-xl border border-border-default bg-surface p-5",
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "mb-4 flex items-center justify-between gap-3",
 					children: [/* @__PURE__ */ jsx("h2", {
@@ -4388,7 +4388,7 @@ function ErrorContent({ summary, failedRuns, commonError, retry, retryLoading, e
 						children: tr("fluidgrids.insights.sampleNote", "Showing the latest 100 failures")
 					})]
 				}), /* @__PURE__ */ jsxs("div", {
-					className: "divide-y divide-border-secondary",
+					className: "divide-y divide-border-default",
 					children: [failedRuns.length === 0 && /* @__PURE__ */ jsx("p", {
 						className: "py-3 text-sm text-text-secondary",
 						children: tr("fluidgrids.insights.noRecentFailures", "No recent failures.")

package/dist/{NodesPage-C5Dq-ru-.js → NodesPage-DeBc3zix.js}

@@ -278,7 +278,7 @@ function EmptyState$1({ hasFilters }) {
 		className: "flex flex-col items-center justify-center py-20 text-center",
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: "rounded-full bg-background-secondary p-4 mb-4",
+				className: "rounded-full bg-surface p-4 mb-4",
 				children: /* @__PURE__ */ jsx(Icon, {
 					icon: "mdi:puzzle-outline",
 					width: 40,
@@ -332,14 +332,14 @@ function NodeCard({ node, category, v2 }) {
 	const catColor = CATEGORY_COLORS[category] ?? "bg-bg-sunken text-text-muted border-border-strong";
 	const catLabel = nodeCategoryLabel(tr, category);
 	return /* @__PURE__ */ jsxs(Card, {
-		className: "border border-border-secondary bg-background-secondary hover:border-border-primary transition-all duration-200 flex flex-col",
+		className: "border border-border-default bg-surface hover:border-border-strong transition-all duration-200 flex flex-col",
 		children: [/* @__PURE__ */ jsxs(CardHeader, {
 			className: "flex-1 pb-3",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-start justify-between gap-2 mb-3",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "rounded-lg bg-background-tertiary p-2",
+						className: "rounded-lg bg-surface-sunken p-2",
 						children: /* @__PURE__ */ jsx(Icon, {
 							icon: node.icon ?? node.favicon ?? "mdi:puzzle",
 							width: 22,
@@ -383,7 +383,7 @@ function NodeCard({ node, category, v2 }) {
 					children: /* @__PURE__ */ jsx("button", {
 						type: "button",
 						"aria-label": tr("fluidgrids.nodes.nodeCard.configureTooltip", "Configure node"),
-						className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary hover:text-text-primary transition-colors",
+						className: "p-1.5 rounded hover:bg-surface-sunken text-text-secondary hover:text-text-primary transition-colors",
 						children: /* @__PURE__ */ jsx(Icon, {
 							icon: "mdi:cog",
 							width: 16
@@ -431,7 +431,7 @@ function NodesPage() {
 		return counts;
 	}, [categorizedNodes]);
 	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",
@@ -472,7 +472,7 @@ function NodesPage() {
 				"data-tour": "fluidgrids-nodes-stats",
 				children: [
 					/* @__PURE__ */ jsxs("div", {
-						className: "p-3 rounded-lg bg-background-secondary border border-border-secondary",
+						className: "p-3 rounded-lg bg-surface border border-border-default",
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ jsx(Icon, {
@@ -489,7 +489,7 @@ function NodesPage() {
 						})]
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "p-3 rounded-lg bg-background-secondary border border-border-secondary",
+						className: "p-3 rounded-lg bg-surface border border-border-default",
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ jsx(Icon, {
@@ -506,7 +506,7 @@ function NodesPage() {
 						})]
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "p-3 rounded-lg bg-background-secondary border border-border-secondary",
+						className: "p-3 rounded-lg bg-surface border border-border-default",
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ jsx(Icon, {
@@ -536,7 +536,7 @@ function NodesPage() {
 					"aria-label": tr("fluidgrids.nodes.nodesPage.searchPlaceholder", "Search nodes by name, type, or keyword..."),
 					value: search,
 					onChange: (e) => setSearch(e.target.value),
-					className: "pl-10 bg-background-secondary border-border-secondary"
+					className: "pl-10 bg-surface border-border-default"
 				})]
 			}),
 			/* @__PURE__ */ jsx("div", {
@@ -549,7 +549,7 @@ function NodesPage() {
 						type: "button",
 						"aria-pressed": isActive,
 						onClick: () => setActiveCategory(cat.value),
-						className: `inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${isActive ? "bg-background-tertiary text-text-primary border border-border-primary" : "bg-background-secondary text-text-secondary border border-border-secondary hover:text-text-primary hover:border-border-primary"}`,
+						className: `inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${isActive ? "bg-surface-sunken text-text-primary border border-border-strong" : "bg-surface text-text-secondary border border-border-default hover:text-text-primary hover:border-border-strong"}`,
 						children: [
 							/* @__PURE__ */ jsx(Icon, {
 								icon: cat.icon,

package/dist/{PaidTemplateConfirm-DfFrr1pk.js → PaidTemplateConfirm-BadoJJPx.js}

@@ -1,6 +1,6 @@
 "use client";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { n as formatTemplatePrice } from "./TemplateCard-trfaDJLe.js";
+import { n as formatTemplatePrice } from "./TemplateCard-lKGodHU8.js";
 import { t as ConfirmActionDialog } from "./ConfirmActionDialog-D9Pir3bc.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{QuotaExhaustedDialog-BHZm4tQy.js → QuotaExhaustedDialog-BBK3aX_0.js}

@@ -1,6 +1,6 @@
 "use client";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { in as useFluidGridsAnalytics } from "./FluidGridsProvider-BgP5c-hH.js";
+import { in as useFluidGridsAnalytics } from "./FluidGridsProvider-gB2POEu6.js";
 import { c as emitWorkflowLimitHit, o as emitUpgradeClicked } from "./fluidgridsEvents-Dm5CaHtr.js";
 import { i as WORKFLOWS_QUOTA_NAME } from "./quota-Cdt8yz7N.js";
 import { useEffect, useRef } from "react";