@burdenoff/fluidgrids-fe-sdk 2026.1113.4 → 2026.1113.6

package/dist/{TaskQueuesPage-BwnNad_J.js → TaskQueuesPage-DsGNGmGN.js}

@@ -4,8 +4,8 @@ import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { t as describeOperationError } from "./errors-xPZ-IbQd.js";
 import { g as useSelfHostedWorkersEnabled } from "./feature-flags-B_b8PJ6Z.js";
 import { s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
-import { a as RUN_CONTROL_DIALOG_STYLE, i as NativeSelect, o as StatusPill, t as FieldError, u as useResource } from "./shared-Ctl9ZHo1.js";
-import { a as fetchTaskQueueStats, c as fetchWorkflowWorkers, d as updateTaskQueue, i as deleteWorkerToken, l as rotateWorkerToken, n as createWorkerToken, o as fetchTaskQueues, r as deleteTaskQueue, s as fetchWorkerTokens, t as createTaskQueue, u as setWorkerTokenConnectionAllowlist } from "./api-BZVyX5d2.js";
+import { a as RUN_CONTROL_DIALOG_STYLE, i as NativeSelect, o as StatusPill, t as FieldError, u as useResource } from "./shared-C0LCTtyh.js";
+import { a as fetchTaskQueueStats, c as fetchWorkflowWorkers, d as updateTaskQueue, i as deleteWorkerToken, l as rotateWorkerToken, n as createWorkerToken, o as fetchTaskQueues, r as deleteTaskQueue, s as fetchWorkerTokens, t as createTaskQueue, u as setWorkerTokenConnectionAllowlist } from "./api-DKfMt0IX.js";
 import { rI as WorkflowEnvironment } from "./graphql-types-C5Tr6508.js";
 import { useState } from "react";
 import { Icon } from "@iconify/react";
@@ -421,7 +421,7 @@ function WorkerTokenSecretDialog({ created, onClose }) {
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "flex gap-2",
 						children: [/* @__PURE__ */ jsx("code", {
-							className: "min-w-0 flex-1 break-all rounded-md bg-background-primary p-2 font-mono text-xs text-text-primary",
+							className: "min-w-0 flex-1 break-all rounded-md bg-surface-canvas p-2 font-mono text-xs text-text-primary",
 							"data-testid": "worker-token-value",
 							children: created.token
 						}), /* @__PURE__ */ jsx(Button$1, {
@@ -436,7 +436,7 @@ function WorkerTokenSecretDialog({ created, onClose }) {
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "space-y-1.5",
 						children: [/* @__PURE__ */ jsx(Label, { children: tr("fluidgrids.taskQueues.startWorker", "Start a worker") }), /* @__PURE__ */ jsx("code", {
-							className: "block break-all rounded-md bg-background-primary p-2 font-mono text-xs text-text-primary",
+							className: "block break-all rounded-md bg-surface-canvas p-2 font-mono text-xs text-text-primary",
 							"data-testid": "worker-run-command",
 							children: command
 						})]
@@ -595,7 +595,7 @@ function TaskQueuesContent() {
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "min-h-screen space-y-6 bg-background-primary p-4 sm:p-6",
+		className: "min-h-screen space-y-6 bg-surface-canvas p-4 sm:p-6",
 		"data-testid": "task-queues-page",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
@@ -617,12 +617,12 @@ function TaskQueuesContent() {
 				})]
 			}),
 			/* @__PURE__ */ jsxs("section", {
-				className: "rounded-lg border border-border-secondary bg-background-secondary",
+				className: "rounded-lg border border-border-default bg-surface",
 				"data-testid": "task-queues-table",
 				children: [/* @__PURE__ */ jsx(FieldError, { message: queues.error }), /* @__PURE__ */ jsxs("table", {
 					className: "w-full text-sm",
 					children: [/* @__PURE__ */ jsx("thead", {
-						className: "border-b border-border-secondary text-left text-xs uppercase text-text-secondary",
+						className: "border-b border-border-default text-left text-xs uppercase text-text-secondary",
 						children: /* @__PURE__ */ jsxs("tr", { children: [
 							/* @__PURE__ */ jsx("th", {
 								className: "px-4 py-2",
@@ -643,7 +643,7 @@ function TaskQueuesContent() {
 							/* @__PURE__ */ jsx("th", { className: "px-4 py-2" })
 						] })
 					}), /* @__PURE__ */ jsx("tbody", {
-						className: "divide-y divide-border-secondary",
+						className: "divide-y divide-border-default",
 						children: (queues.data ?? []).map((queue) => /* @__PURE__ */ jsxs("tr", {
 							className: selected?.name === queue.name && selected.environment === queue.environment ? "bg-action-primary-bg/10" : "",
 							"data-testid": `task-queue-${queue.name}`,
@@ -706,11 +706,11 @@ function TaskQueuesContent() {
 			}),
 			selected && /* @__PURE__ */ jsx(TaskQueueStatsCard, { queue: selected }),
 			/* @__PURE__ */ jsxs("section", {
-				className: "rounded-lg border border-border-secondary bg-background-secondary",
+				className: "rounded-lg border border-border-default bg-surface",
 				"data-testid": "workers-table",
 				children: [
 					/* @__PURE__ */ jsxs("header", {
-						className: "flex items-center gap-2 border-b border-border-secondary px-4 py-3",
+						className: "flex items-center gap-2 border-b border-border-default px-4 py-3",
 						children: [/* @__PURE__ */ jsx(Icon, {
 							icon: "mdi:server-network",
 							width: 18,
@@ -726,7 +726,7 @@ function TaskQueuesContent() {
 						children: tr("fluidgrids.taskQueues.noWorkers", "No worker is connected.")
 					}),
 					/* @__PURE__ */ jsx("ul", {
-						className: "divide-y divide-border-secondary",
+						className: "divide-y divide-border-default",
 						children: (workers.data ?? []).map((worker) => /* @__PURE__ */ jsxs("li", {
 							className: "flex flex-wrap items-center gap-3 px-4 py-2 text-sm",
 							"data-testid": `worker-${worker.id}`,
@@ -768,11 +768,11 @@ function TaskQueuesContent() {
 				]
 			}),
 			canReadTokens && /* @__PURE__ */ jsxs("section", {
-				className: "rounded-lg border border-border-secondary bg-background-secondary",
+				className: "rounded-lg border border-border-default bg-surface",
 				"data-testid": "worker-tokens",
 				children: [
 					/* @__PURE__ */ jsxs("header", {
-						className: "flex items-center gap-2 border-b border-border-secondary px-4 py-3",
+						className: "flex items-center gap-2 border-b border-border-default px-4 py-3",
 						children: [
 							/* @__PURE__ */ jsx(Icon, {
 								icon: "mdi:key-variant",
@@ -799,7 +799,7 @@ function TaskQueuesContent() {
 					}),
 					/* @__PURE__ */ jsx(FieldError, { message: tokens.error }),
 					/* @__PURE__ */ jsxs("ul", {
-						className: "divide-y divide-border-secondary",
+						className: "divide-y divide-border-default",
 						children: [(tokens.data ?? []).map((token) => /* @__PURE__ */ jsxs("li", {
 							className: "flex flex-wrap items-center gap-3 px-4 py-2 text-sm",
 							"data-testid": `worker-token-${token.id}`,
@@ -910,7 +910,7 @@ function TaskQueueStatsCard({ queue }) {
 	});
 	const data = stats.data;
 	return /* @__PURE__ */ jsxs("section", {
-		className: "grid gap-4 rounded-lg border border-border-secondary bg-background-secondary p-4 sm:grid-cols-3",
+		className: "grid gap-4 rounded-lg border border-border-default bg-surface p-4 sm:grid-cols-3",
 		"data-testid": "task-queue-stats",
 		children: [
 			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {

package/dist/{TechnicalDetails-D4xGy201.js → TechnicalDetails-r5JXr1jZ.js}

@@ -1,6 +1,6 @@
 "use client";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { t as Disclosure } from "./Disclosure-DQiUKrqd.js";
+import { t as Disclosure } from "./Disclosure-CsxDspR7.js";
 import { jsx } from "react/jsx-runtime";
 
 // src/modules/executions/components/TechnicalDetails.tsx

package/dist/{TemplateCard-trfaDJLe.js → TemplateCard-lKGodHU8.js}

@@ -3,7 +3,7 @@ import { r as getFluidGridsConfig } from "./config-X97zrIvn.js";
 import { o as throwIfResultError } from "./errors-xPZ-IbQd.js";
 import { n as getFluidGridsClient } from "./client-Ctl4jmY3.js";
 import { n as getGlobalStoreClient } from "./global-client-DP_Wxe5t.js";
-import { c as ensureInstalledNodeTypesLoaded, d as ensureRegistryNodeTypesLoaded, i as AVAILABLE_NODES, in as useFluidGridsAnalytics, o as NODE_CONFIGS, t as FluidGridsContext, y as GetMyNodeInstallationsDocument } from "./FluidGridsProvider-BgP5c-hH.js";
+import { c as ensureInstalledNodeTypesLoaded, d as ensureRegistryNodeTypesLoaded, i as AVAILABLE_NODES, in as useFluidGridsAnalytics, o as NODE_CONFIGS, t as FluidGridsContext, y as GetMyNodeInstallationsDocument } from "./FluidGridsProvider-gB2POEu6.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { o as isNodeTypeHiddenFromPalette } from "./durable-nodes-DXCCQYWD.js";
 import { h as usePhaseDFlags } from "./feature-flags-B_b8PJ6Z.js";
@@ -13,7 +13,7 @@ import { n as InstallWorkflowNodeDocument } from "./global-operations-7pvXw_j9.j
 import { t as cn } from "./cn-QqidFIgr.js";
 import { t as Button } from "./button-DG7y_FVJ.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
-import { t as useGlobalStoreClient } from "./useGlobalStoreClient-BmjWfAjc.js";
+import { t as useGlobalStoreClient } from "./useGlobalStoreClient-CpTRykJx.js";
 import { r as templateInstallSource } from "./template-code-CobAYaeH.js";
 import { t as Badge } from "./badge-CXfPhoMH.js";
 import { t as templatePreview } from "./template-preview-C01KV277.js";

package/dist/{TemplatePreview-BuEMVZiI.js → TemplatePreview-CwJfGqoH.js}

@@ -1,18 +1,18 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { t as ThemeProvider } from "./theme-provider-B3mIuz2d.js";
-import { t as FlowBuilderPage } from "./flow-builder-CksAvhgV.js";
-import { _ as useInstalledNodes, a as buildNodeCheck, c as useImportWorkflowTemplate, i as useTemplateImportFlow, n as formatTemplatePrice, o as buildRequiredNodeTypes, r as isPaidTemplate } from "./TemplateCard-trfaDJLe.js";
-import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-BHZm4tQy.js";
+import { t as FlowBuilderPage } from "./flow-builder-CErj7Fgi.js";
+import { _ as useInstalledNodes, a as buildNodeCheck, c as useImportWorkflowTemplate, i as useTemplateImportFlow, n as formatTemplatePrice, o as buildRequiredNodeTypes, r as isPaidTemplate } from "./TemplateCard-lKGodHU8.js";
+import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-BBK3aX_0.js";
 import { n as WithOpenTemplateAsCode } from "./OpenTemplateAsCodeButton-BdcTxemq.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
 import { t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
 import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
 import { t as describeOperationError } from "./errors-xPZ-IbQd.js";
-import { t as Disclosure } from "./Disclosure-DQiUKrqd.js";
+import { t as Disclosure } from "./Disclosure-CsxDspR7.js";
 import { c as useVariables, t as useCreateVariable } from "./useVariables-DFdZofLQ.js";
-import { t as PaidTemplateConfirm } from "./PaidTemplateConfirm-DfFrr1pk.js";
+import { t as PaidTemplateConfirm } from "./PaidTemplateConfirm-BadoJJPx.js";
 import { useEffect, useMemo, useState } from "react";
 import { useLocation, useNavigate, useParams } from "react-router";
 import { Icon } from "@iconify/react";

package/dist/{TemplatesPage-UISz_6vU.js → TemplatesPage-mRzYPtOC.js}

@@ -1,23 +1,23 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { h as useWorkflowDefinitions, l as useLazyWorkflowDefinition, s as useDuplicateWorkflow } from "./useWorkflows-DwDzP-AD.js";
-import { i as useTemplateImportFlow, l as useWorkflowTemplates, r as isPaidTemplate, t as TemplateCard } from "./TemplateCard-trfaDJLe.js";
+import { h as useWorkflowDefinitions, l as useLazyWorkflowDefinition, s as useDuplicateWorkflow } from "./useWorkflows-Z4M64JlD.js";
+import { i as useTemplateImportFlow, l as useWorkflowTemplates, r as isPaidTemplate, t as TemplateCard } from "./TemplateCard-lKGodHU8.js";
 import { jI as WorkflowStatus } from "./graphql-types-C5Tr6508.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
-import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-BHZm4tQy.js";
+import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-BBK3aX_0.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { in as useFluidGridsAnalytics, t as FluidGridsContext } from "./FluidGridsProvider-BgP5c-hH.js";
+import { in as useFluidGridsAnalytics, t as FluidGridsContext } from "./FluidGridsProvider-gB2POEu6.js";
 import { a as emitTemplateUsed } from "./fluidgridsEvents-Dm5CaHtr.js";
 import { n as useFluidGridsPageControls } from "./pageControlsBridge-0pX9s-3k.js";
 import { r as templatesControls } from "./pageControlSpecs-DZJ9K37m.js";
 import { c as isQuotaExhaustedFailure, t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
-import { t as useGlobalStoreClient } from "./useGlobalStoreClient-BmjWfAjc.js";
+import { t as useGlobalStoreClient } from "./useGlobalStoreClient-CpTRykJx.js";
 import { o as throwIfResultError, t as describeOperationError } from "./errors-xPZ-IbQd.js";
 import { n as formatRunVersion } from "./run-display-BycKYSU0.js";
 import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
-import { t as TechnicalDetails } from "./TechnicalDetails-D4xGy201.js";
-import { t as PaidTemplateConfirm } from "./PaidTemplateConfirm-DfFrr1pk.js";
+import { t as TechnicalDetails } from "./TechnicalDetails-r5JXr1jZ.js";
+import { t as PaidTemplateConfirm } from "./PaidTemplateConfirm-BadoJJPx.js";
 import { r as getFluidGridsConfig } from "./config-X97zrIvn.js";
 import { t as cn } from "./cn-QqidFIgr.js";
 import { useCallback, useContext, useEffect, useMemo, useState } from "react";
@@ -1178,7 +1178,7 @@ const STATUS_STYLES = {
 		key: "draft",
 		label: "Draft",
 		icon: "mdi:pencil",
-		className: "bg-background-tertiary text-text-secondary border-border-secondary"
+		className: "bg-surface-sunken text-text-secondary border-border-default"
 	}
 };
 const RESUBMITTABLE = /* @__PURE__ */ new Set([
@@ -1226,7 +1226,7 @@ function MySubmissionsPanel({ onResubmit }) {
 		"data-testid": "my-submissions-empty",
 		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:store-plus",
 					width: 40,
@@ -1251,7 +1251,7 @@ function MySubmissionsPanel({ onResubmit }) {
 			const category = categoryLabel$1(submission.category);
 			const busy = withdrawingId === submission.id;
 			return /* @__PURE__ */ jsx(Card, {
-				className: "border border-border-secondary bg-background-secondary",
+				className: "border border-border-default bg-surface",
 				"data-testid": "my-submission-row",
 				children: /* @__PURE__ */ jsxs(CardHeader, {
 					className: "gap-3",
@@ -1261,7 +1261,7 @@ function MySubmissionsPanel({ onResubmit }) {
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "flex items-start gap-3 min-w-0",
 								children: [/* @__PURE__ */ jsx("div", {
-									className: "rounded-lg bg-background-tertiary p-2.5 shrink-0",
+									className: "rounded-lg bg-surface-sunken p-2.5 shrink-0",
 									children: /* @__PURE__ */ jsx(Icon, {
 										icon: submission.icon ?? "mdi:workflow",
 										width: 22,
@@ -1484,7 +1484,7 @@ function TabButton({ tab, selected, onSelect }) {
 		"aria-selected": selected,
 		onClick: onSelect,
 		"data-testid": `templates-tab-${tab.id}`,
-		className: `px-4 py-2 rounded-md text-sm font-medium transition-colors ${selected ? "bg-background-primary text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"}`,
+		className: `px-4 py-2 rounded-md text-sm font-medium transition-colors ${selected ? "bg-surface-canvas text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"}`,
 		children: [
 			tab.icon && /* @__PURE__ */ jsx(Icon, {
 				icon: tab.icon,
@@ -1505,7 +1505,7 @@ function PageTabsWithMore({ tabs, moreTabs, value, onChange, label, "data-tour":
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-wrap items-center gap-2 mb-6",
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "flex gap-1 p-1 bg-background-secondary rounded-lg w-fit",
+			className: "flex gap-1 p-1 bg-surface rounded-lg w-fit",
 			role: "tablist",
 			"aria-label": label,
 			"data-tour": dataTour,
@@ -1676,7 +1676,7 @@ function CategoryChip({ label, icon, active, onSelect, count }) {
 	return /* @__PURE__ */ jsxs("button", {
 		onClick: onSelect,
 		"aria-pressed": active,
-		className: `inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${active ? "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 ${active ? "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,
@@ -1706,7 +1706,7 @@ function EmptyState$1({ hasSearch, hint }) {
 		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:file-document-multiple-outline",
 					width: 40,
@@ -1764,14 +1764,14 @@ function WorkspaceTemplateCard({ workflow, category, onUseTemplate, onPublish, i
 	const tr = useTr();
 	const v2 = useNavigationV2();
 	return /* @__PURE__ */ jsxs(Card, {
-		className: "group border border-border-secondary bg-background-secondary hover:border-border-primary transition-colors duration-200 flex flex-col",
+		className: "group border border-border-default bg-surface hover:border-border-strong transition-colors 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.5",
+						className: "rounded-lg bg-surface-sunken p-2.5",
 						children: /* @__PURE__ */ jsx(Icon, {
 							icon: workflow.icon ?? "mdi:workflow",
 							width: 24,
@@ -2054,7 +2054,7 @@ function TemplatesPage() {
 		}
 	];
 	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",
@@ -2090,7 +2090,7 @@ function TemplatesPage() {
 				label: tr("fluidgrids.templates.templatesPage.heading", "Templates"),
 				"data-tour": "fluidgrids-templates-source-tabs"
 			}) : /* @__PURE__ */ jsx("div", {
-				className: "flex gap-1 p-1 bg-background-secondary rounded-lg w-fit mb-6",
+				className: "flex gap-1 p-1 bg-surface rounded-lg w-fit mb-6",
 				"data-tour": "fluidgrids-templates-source-tabs",
 				role: "tablist",
 				children: sourceTabs.map((tab) => /* @__PURE__ */ jsx(TabButton, {
@@ -2110,7 +2110,7 @@ function TemplatesPage() {
 					placeholder: activeSource === "workspace" ? tr("fluidgrids.templates.templatesPage.searchWorkspacePlaceholder", "Search workspace templates...") : tr("fluidgrids.templates.templatesPage.searchStorePlaceholder", "Search store templates..."),
 					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"
 				})]
 			}),
 			activeSource === "workspace" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {

package/dist/{VariablesPage-CgUBKhAe.js → VariablesPage-8yuyDzCH.js}

@@ -4,7 +4,7 @@ import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
 import { t as describeOperationError } from "./errors-xPZ-IbQd.js";
 import { t as ConfirmActionDialog } from "./ConfirmActionDialog-D9Pir3bc.js";
-import { t as Disclosure } from "./Disclosure-DQiUKrqd.js";
+import { t as Disclosure } from "./Disclosure-CsxDspR7.js";
 import { a as useWorkflowProjects } from "./useWorkflowOrganization-r5FWNBs6.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
 import { a as useSecretsProviderConfigs, c as useVariables, i as useSaveSecretsProviderConfig, n as useDeleteVariable, o as useTestSecretsProviderConnection, r as useRevealVariableValue, s as useUpdateVariable, t as useCreateVariable } from "./useVariables-DFdZofLQ.js";
@@ -323,7 +323,7 @@ function ValueSourceFields({ source, externalRef, onSourceChange, onExternalRefC
 	const offerAws = !!aws?.isEnabled || source === "AWS_SECRETS_MANAGER";
 	const prefix = aws?.awsSecretsManagerPrefix;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-3 rounded-md border border-border-secondary p-3",
+		className: "space-y-3 rounded-md border border-border-default p-3",
 		"data-testid": "variable-value-source",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
@@ -691,7 +691,7 @@ function VariablesTab({ onOpenProviders }) {
 			onRetry: () => void refetch()
 		}),
 		/* @__PURE__ */ jsx(Card, {
-			className: "border border-border-secondary bg-background-secondary",
+			className: "border border-border-default bg-surface",
 			"data-tour": "fluidgrids-variables-table",
 			children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
 				/* @__PURE__ */ jsx(TableHead, { children: tr("fluidgrids.variables.colKey", "Key") }),
@@ -742,7 +742,7 @@ function VariablesTab({ onOpenProviders }) {
 								children: /* @__PURE__ */ jsx("button", {
 									type: "button",
 									onClick: () => handleEdit(variable),
-									className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary hover:text-text-primary",
+									className: "p-1.5 rounded hover:bg-surface-sunken text-text-secondary hover:text-text-primary",
 									title: tr("fluidgrids.variables.edit", "Edit"),
 									"aria-label": tr("fluidgrids.variables.editNamed", "Edit {{key}}", { key: variable.key }),
 									children: /* @__PURE__ */ jsx(Icon, {
@@ -756,7 +756,7 @@ function VariablesTab({ onOpenProviders }) {
 								children: /* @__PURE__ */ jsx("button", {
 									type: "button",
 									onClick: () => void handleDelete(variable),
-									className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary hover:text-status-error-text",
+									className: "p-1.5 rounded hover:bg-surface-sunken text-text-secondary hover:text-status-error-text",
 									title: tr("fluidgrids.variables.delete", "Delete"),
 									"aria-label": tr("fluidgrids.variables.deleteNamed", "Delete {{key}}", { key: variable.key }),
 									children: /* @__PURE__ */ jsx(Icon, {
@@ -861,7 +861,7 @@ function ExternalProvidersTab() {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4 max-w-xl",
 		children: [/* @__PURE__ */ jsx(Card, {
-			className: "border border-border-secondary bg-background-secondary",
+			className: "border border-border-default bg-surface",
 			children: /* @__PURE__ */ jsxs(CardHeader, {
 				className: "pb-3 space-y-4",
 				children: [
@@ -947,7 +947,7 @@ function VariablesPage() {
 	const navigate = useNavigate();
 	const [activeTab, setActiveTab] = useState("variables");
 	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",
 			"data-tour": "fluidgrids-variables-header",
@@ -972,7 +972,7 @@ function VariablesPage() {
 			className: "w-full",
 			children: [
 				/* @__PURE__ */ jsxs(TabsList, {
-					className: "bg-background-secondary border border-border-secondary mb-6",
+					className: "bg-surface border border-border-default mb-6",
 					"data-tour": "fluidgrids-variables-tabs",
 					children: [/* @__PURE__ */ jsxs(TabsTrigger, {
 						value: "variables",

package/dist/{WorkflowBuilder-Cmj59UU-.js → WorkflowBuilder-DKqz8W6n.js}

@@ -1,12 +1,12 @@
 "use client";
-import { n as FluidGridsProvider, on as useCanvasEdges } from "./FluidGridsProvider-BgP5c-hH.js";
+import { n as FluidGridsProvider, on as useCanvasEdges } from "./FluidGridsProvider-gB2POEu6.js";
 import { M as useFlowStore } from "./node-operation-selection-Czeeb2D4.js";
 import { t as Button } from "./button-DG7y_FVJ.js";
 import { t as Input } from "./input-ChT6Q-Pr.js";
-import { v as Card } from "./TemplateCard-trfaDJLe.js";
+import { v as Card } from "./TemplateCard-lKGodHU8.js";
 import { t as cn } from "./cn-QqidFIgr.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { m as FluidGridsMark, p as useNodeSelectedEvent } from "./flow-builder-CksAvhgV.js";
+import { m as FluidGridsMark, p as useNodeSelectedEvent } from "./flow-builder-CErj7Fgi.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Background, Controls, Handle, MarkerType, MiniMap, Position, ReactFlow, ReactFlowProvider, useReactFlow } from "@xyflow/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{WorkflowBuilder-nnSlI7Fd.js → WorkflowBuilder-DtSOvYST.js}

@@ -1,21 +1,21 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { d as releaseLeaseKeptForReload, f as useWorkflowReloadStore, t as FlowBuilderPage } from "./flow-builder-CksAvhgV.js";
+import { d as releaseLeaseKeptForReload, f as useWorkflowReloadStore, t as FlowBuilderPage } from "./flow-builder-CErj7Fgi.js";
 import { n as registerLiveCanvasHandler } from "./liveCanvas-D5ytXDp8.js";
 import { r as getFluidGridsConfig } from "./config-X97zrIvn.js";
 import { n as getFluidGridsClient } from "./client-Ctl4jmY3.js";
 import { o as throwIfResultError } from "./errors-xPZ-IbQd.js";
 import { t as WorkflowDefinitionDocument } from "./WorkflowDefinitionDocument-DZLbTPUZ.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { E as createConfiguredNode, Ht as codeBuildIdOf, L as paramsFromOperation, Lt as rememberRevision, g as registerWorkflowNodeTypes, h as registerNodeManifests, ht as classifyCreateRefusal, m as refetchStoreNodes, nn as resolveNodeOperation, o as NODE_CONFIGS, pt as blankWorkflowCreateInput, qt as workflowFingerprint, u as ensureNodeTypesLoaded, yt as useSaveStatusStore } from "./FluidGridsProvider-BgP5c-hH.js";
+import { E as createConfiguredNode, Ht as codeBuildIdOf, L as paramsFromOperation, Lt as rememberRevision, g as registerWorkflowNodeTypes, h as registerNodeManifests, ht as classifyCreateRefusal, m as refetchStoreNodes, nn as resolveNodeOperation, o as NODE_CONFIGS, pt as blankWorkflowCreateInput, qt as workflowFingerprint, u as ensureNodeTypesLoaded, yt as useSaveStatusStore } from "./FluidGridsProvider-gB2POEu6.js";
 import { M as useFlowStore } from "./node-operation-selection-Czeeb2D4.js";
 import { t as canvasFromDefinition } from "./definition-canvas-DL25_6NH.js";
-import { l as useLazyWorkflowDefinition, n as useCreateWorkflow } from "./useWorkflows-DwDzP-AD.js";
-import { _ as useInstalledNodes, a as buildNodeCheck, o as buildRequiredNodeTypes, s as getWorkflowNodeTypes } from "./TemplateCard-trfaDJLe.js";
+import { l as useLazyWorkflowDefinition, n as useCreateWorkflow } from "./useWorkflows-Z4M64JlD.js";
+import { _ as useInstalledNodes, a as buildNodeCheck, o as buildRequiredNodeTypes, s as getWorkflowNodeTypes } from "./TemplateCard-lKGodHU8.js";
 import { r as mergeStickyNotes } from "./sticky-notes-23j-wL6Q.js";
 import { c as withoutGuidedTourIntent, l as decideMissingWorkflow, o as isGuidedTourIntent, s as pickGuidedTour, u as isCreateIntent } from "./firstWorkflow-C_h0KMB2.js";
 import { t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
-import { c as CreateWorkflowRefusalDialog } from "./useWorkflowCodeExport-ej7y3Gi3.js";
+import { c as CreateWorkflowRefusalDialog } from "./useWorkflowCodeExport-BLl0hv2J.js";
 import { Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useLocation, useNavigate, useParams } from "react-router";
 import { Icon } from "@iconify/react";
@@ -1584,7 +1584,7 @@ function WorkflowBuilder() {
 						}), /* @__PURE__ */ jsx("button", {
 							type: "button",
 							onClick: () => navigate("../list"),
-							className: "px-4 py-2 text-sm font-medium rounded-md border border-default text-[var(--color-text-secondary)] hover:bg-[var(--color-bg-elevated)] transition-colors",
+							className: "px-4 py-2 text-sm font-medium rounded-md border border-border-default text-[var(--color-text-secondary)] hover:bg-[var(--color-bg-elevated)] transition-colors",
 							children: "Back to Workflows"
 						})]
 					})

package/dist/{WorkflowProposalCard-zCdUpCk8.js → WorkflowProposalCard-SmRv_Egf.js}

@@ -91,7 +91,7 @@ function WorkflowProposalCard({ proposal, isDeciding = false, onOpenWorkflow, on
 		version: proposal.baseVersion
 	} : null;
 	return /* @__PURE__ */ jsxs("section", {
-		className: "rounded-lg border border-border-secondary bg-background-secondary p-4",
+		className: "rounded-lg border border-border-default bg-surface p-4",
 		"data-testid": "workflow-proposal-card",
 		"data-status": status,
 		children: [

package/dist/{WorkflowSearchRedirect-pEIU2nvw.js → WorkflowSearchRedirect-mX-YNhkj.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { m as useWorkflowDefinition } from "./useWorkflows-DwDzP-AD.js";
+import { m as useWorkflowDefinition } from "./useWorkflows-Z4M64JlD.js";
 import { Navigate, useParams } from "react-router";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{WorkflowsList-B6ASopzn.js → WorkflowsList-DBKQLEUU.js}

@@ -1,12 +1,12 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { c as useImportWorkflow, h as useWorkflowDefinitions, l as useLazyWorkflowDefinition, n as useCreateWorkflow, o as useDeleteWorkflow, s as useDuplicateWorkflow, u as usePreviewN8nImport } from "./useWorkflows-DwDzP-AD.js";
-import { gt as createThenOpen, t as FluidGridsContext } from "./FluidGridsProvider-BgP5c-hH.js";
-import { a as saveWorkflowDescription, c as CreateWorkflowRefusalDialog, o as visibleWorkflowDescription, r as commitWorkflowDescription, s as workflowDescriptionCharactersLeft, t as useExportWorkflowAs } from "./useWorkflowCodeExport-ej7y3Gi3.js";
+import { c as useImportWorkflow, h as useWorkflowDefinitions, l as useLazyWorkflowDefinition, n as useCreateWorkflow, o as useDeleteWorkflow, s as useDuplicateWorkflow, u as usePreviewN8nImport } from "./useWorkflows-Z4M64JlD.js";
+import { gt as createThenOpen, t as FluidGridsContext } from "./FluidGridsProvider-gB2POEu6.js";
+import { a as saveWorkflowDescription, c as CreateWorkflowRefusalDialog, o as visibleWorkflowDescription, r as commitWorkflowDescription, s as workflowDescriptionCharactersLeft, t as useExportWorkflowAs } from "./useWorkflowCodeExport-BLl0hv2J.js";
 import { c as isQuotaExhaustedFailure, t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
 import { M as useFlowStore } from "./node-operation-selection-Czeeb2D4.js";
 import { a as SdkPermissionGate, i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
-import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-BHZm4tQy.js";
+import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-BBK3aX_0.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { a as isExecutionMode, i as isAutonomyLevel, n as EXECUTION_MODES, o as useAutonomyLevelCopy, r as EXECUTION_MODE_ICONS, s as useExecutionModeCopy } from "./run-mode-BMxym0mD.js";
 import { YF as WorkflowAccessFilter, aI as WorkflowExportFormat } from "./graphql-types-C5Tr6508.js";
@@ -17,7 +17,7 @@ import { d as useFluidGridsFlag, t as FLUIDGRIDS_FLAGS } from "./feature-flags-B
 import { n as downloadWorkflowExport, r as parseWorkflowImport } from "./workflow-transfer-CQnQC-ke.js";
 import { a as useWorkflowProjects, i as useWorkflowProjectActions, n as useWorkflowFolderActions, r as useWorkflowFolders, t as useBulkWorkflowActions } from "./useWorkflowOrganization-r5FWNBs6.js";
 import { t as describeOperationError } from "./errors-xPZ-IbQd.js";
-import { a as useExecutions } from "./useExecutions-BemEN_Zb.js";
+import { a as useExecutions } from "./useExecutions-BvldyVgF.js";
 import { a as firstWorkflowProgress, i as builderPathFor, r as GUIDED_TOUR_STATE } from "./firstWorkflow-C_h0KMB2.js";
 import { n as useFluidGridsPageControls } from "./pageControlsBridge-0pX9s-3k.js";
 import { i as workflowsListControls } from "./pageControlSpecs-DZJ9K37m.js";
@@ -2232,7 +2232,7 @@ function WorkflowsList() {
 		})
 	});
 	return /* @__PURE__ */ jsxs("main", {
-		className: "flex min-h-screen w-full flex-row bg-background-primary",
+		className: "flex min-h-screen w-full flex-row bg-surface-canvas",
 		children: [
 			/* @__PURE__ */ jsx(WorkflowFolderSidebar, {
 				selectedFolderId: folderFilter,
@@ -2459,7 +2459,7 @@ function WorkflowsList() {
 						children: filtered.map((workflow) => /* @__PURE__ */ jsxs("div", {
 							className: "relative",
 							children: [selectMode && /* @__PURE__ */ jsx(Checkbox, {
-								className: "absolute right-3 top-3 z-10 bg-background-primary",
+								className: "absolute right-3 top-3 z-10 bg-surface-canvas",
 								checked: selectedIds.has(workflow.id),
 								onCheckedChange: () => toggleSelected(workflow.id),
 								"aria-label": tr("fluidgrids.workflowsList.bulk.selectWorkflowAriaLabel", "Select workflow")

package/dist/{agentTools-7CFfwySg.js → agentTools-Dle04WMj.js}

@@ -1,5 +1,5 @@
 "use client";
-import { E as createConfiguredNode, F as nodeTitle, L as paramsFromOperation, N as fixedParameterState, R as selectedOperationOf, _ as registryNodeData, f as isNodeConfigsInitialized, nt as autosaveAllowedFor, o as NODE_CONFIGS, ut as isFlowComplete, w as SENSITIVE_PARAM, yt as useSaveStatusStore } from "./FluidGridsProvider-BgP5c-hH.js";
+import { E as createConfiguredNode, F as nodeTitle, L as paramsFromOperation, N as fixedParameterState, R as selectedOperationOf, _ as registryNodeData, f as isNodeConfigsInitialized, nt as autosaveAllowedFor, o as NODE_CONFIGS, ut as isFlowComplete, w as SENSITIVE_PARAM, yt as useSaveStatusStore } from "./FluidGridsProvider-gB2POEu6.js";
 import { M as useFlowStore, T as resolveOutputHandles, w as resolveInputHandles } from "./node-operation-selection-Czeeb2D4.js";
 import { o as isNodeTypeHiddenFromPalette } from "./durable-nodes-DXCCQYWD.js";
 import { t as computeAttachPosition } from "./attach-node-helpers-CNsYtLOR.js";

package/dist/{api-BqA-f-AD.js → api-CEnNq15C.js}

@@ -1,5 +1,5 @@
 "use client";
-import { d as readTyped, f as writeTyped } from "./shared-Ctl9ZHo1.js";
+import { d as readTyped, f as writeTyped } from "./shared-C0LCTtyh.js";
 
 // src/generated/documents/wspace/PauseActivityDocument.ts
 const PauseActivityDocument = {

package/dist/{api-BZVyX5d2.js → api-DKfMt0IX.js}

@@ -1,5 +1,5 @@
 "use client";
-import { d as readTyped, f as writeTyped } from "./shared-Ctl9ZHo1.js";
+import { d as readTyped, f as writeTyped } from "./shared-C0LCTtyh.js";
 
 // src/generated/documents/wspace/CreateTaskQueueDocument.ts
 const CreateTaskQueueDocument = {

package/dist/{app-BJUvugPM.js → app-BIsCEL65.js}

@@ -275,7 +275,7 @@ function getCategoryColor(category) {
 		case "context": return "border-[var(--color-status-success-border)]/50 bg-[var(--color-status-success-bg-subtle)]";
 		case "output": return "border-[var(--color-border-accent)]/30 bg-[var(--color-bg-accent)]/5";
 		case "config": return "border-[var(--color-status-error-border)]/50 bg-[var(--color-status-error-bg-subtle)]";
-		default: return "border-default";
+		default: return "border-border-default";
 	}
 }
 /** Translucent category tint for the field badge (semantic tokens, light + dark). */
@@ -337,7 +337,7 @@ const MappingEdge = memo(({ id, sourceX, sourceY, targetX, targetY, sourcePositi
 		y: labelY - 20,
 		className: "overflow-visible",
 		children: /* @__PURE__ */ jsx("div", {
-			className: "flex items-center justify-center bg-surface border border-default rounded-md shadow-sm px-2 py-1",
+			className: "flex items-center justify-center bg-surface border border-border-default rounded-md shadow-sm px-2 py-1",
 			children: /* @__PURE__ */ jsxs("span", {
 				className: "text-xs font-medium",
 				style: { color: mappingColor },
@@ -1422,7 +1422,7 @@ function MappingDialogContent({ open, onOpenChange, onSave, mappingType, sourceF
 													}, field.path))
 												})]
 											}) : /* @__PURE__ */ jsxs("div", {
-												className: "p-3 border border-default rounded-md bg-muted",
+												className: "p-3 border border-border-default rounded-md bg-muted",
 												children: [/* @__PURE__ */ jsx("p", {
 													className: "text-sm text-muted-foreground",
 													children: tr("fluidgrids.builder.mappingDialog.noArrayFieldsHint", "No array fields found in schema. Enter the array path manually:")
@@ -1479,7 +1479,7 @@ function MappingDialogContent({ open, onOpenChange, onSave, mappingType, sourceF
 										/* @__PURE__ */ jsxs("div", {
 											className: "grid gap-2",
 											children: [/* @__PURE__ */ jsx(Label, { children: tr("fluidgrids.builder.mappingDialog.stepGeneratedExpression", "3. Generated Expression") }), /* @__PURE__ */ jsx("div", {
-												className: "p-3 bg-muted rounded-md border border-default",
+												className: "p-3 bg-muted rounded-md border border-border-default",
 												children: /* @__PURE__ */ jsx("code", {
 													className: "text-sm break-all block font-mono",
 													children: expression || "${output.arrayField.map(item => item.property)}"
@@ -3768,7 +3768,7 @@ function App({ dataConfig = defaultDataConfig, sourceSchema: propSourceSchema, t
 							edgeId
 						})]
 					}), process.env.NODE_ENV === "development" && /* @__PURE__ */ jsxs("div", {
-						className: "mt-8 p-4 border border-default rounded-lg bg-muted",
+						className: "mt-8 p-4 border border-border-default rounded-lg bg-muted",
 						children: [/* @__PURE__ */ jsx("h3", {
 							className: "text-md font-medium mb-2",
 							children: "Debug Information"

package/dist/{canvasNoteTools-BikeF-pN.js → canvasNoteTools-Bror30X8.js}

@@ -1,6 +1,6 @@
 "use client";
 import { n as useAgentMarksStore, r as toPlainText } from "./marksStore-DGCXjTmZ.js";
-import { F as nodeTitle, L as paramsFromOperation, R as selectedOperationOf } from "./FluidGridsProvider-BgP5c-hH.js";
+import { F as nodeTitle, L as paramsFromOperation, R as selectedOperationOf } from "./FluidGridsProvider-gB2POEu6.js";
 import { M as useFlowStore } from "./node-operation-selection-Czeeb2D4.js";
 import { t as notesKeyOf } from "./notesKey-5EaREBGA.js";
 import { AgentToolError, defineAgentTool } from "@burdenoff/fe-libs/shared/agent-tools";

package/dist/executions.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as ExecutionsListPage } from "./ExecutionsListPage-LsqVMwck.js";
-import { t as ExecutionDetailPage } from "./ExecutionDetailPage-D1E_Rf3U.js";
+import { t as ExecutionsListPage } from "./ExecutionsListPage-C-dujSS3.js";
+import { t as ExecutionDetailPage } from "./ExecutionDetailPage-D40dK9iB.js";
 
 export { ExecutionDetailPage, ExecutionsListPage };