@burdenoff/fluidgrids-fe-sdk 2026.1113.4 → 2026.1113.6

package/dist/{AiStudioPage-DmgLQG62.js → AiStudioPage-DzvEkuoS.js}

@@ -1,15 +1,15 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { t as ThemeProvider } from "./theme-provider-B3mIuz2d.js";
-import { a as useAiWorkflowTemplates, i as enrichDraftNodes, n as AI_DRAFT_MAX_PROMPT_LENGTH, r as draftToCanvas, t as FlowBuilderPage } from "./flow-builder-CksAvhgV.js";
-import { T as buildOperationSeed, ht as classifyCreateRefusal, mt as builderPathOf, u as ensureNodeTypesLoaded } from "./FluidGridsProvider-BgP5c-hH.js";
+import { a as useAiWorkflowTemplates, i as enrichDraftNodes, n as AI_DRAFT_MAX_PROMPT_LENGTH, r as draftToCanvas, t as FlowBuilderPage } from "./flow-builder-CErj7Fgi.js";
+import { T as buildOperationSeed, ht as classifyCreateRefusal, mt as builderPathOf, u as ensureNodeTypesLoaded } from "./FluidGridsProvider-gB2POEu6.js";
 import { n as getFluidGridsClient } from "./client-Ctl4jmY3.js";
 import { o as throwIfResultError } from "./errors-xPZ-IbQd.js";
 import { a as notifyFluidGridsAiCreditsUpdated, t as AiCreditBalanceSlot } from "./aiCreditsBridge-BuE92tKo.js";
-import { n as useCreateWorkflow } from "./useWorkflows-DwDzP-AD.js";
+import { n as useCreateWorkflow } from "./useWorkflows-Z4M64JlD.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.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 { s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useNavigate } from "react-router";
@@ -898,7 +898,7 @@ function AiStudioPage() {
 	]);
 	const showExamples = phase === "idle" && !requestRef.current;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "min-h-full bg-background-primary p-4 sm:p-6",
+		className: "min-h-full bg-surface-canvas p-4 sm:p-6",
 		"data-testid": "ai-studio-page",
 		children: [
 			/* @__PURE__ */ jsxs("header", {
@@ -1120,7 +1120,7 @@ function AiStudioPage() {
 						className: "flex flex-col gap-4",
 						children: [
 							/* @__PURE__ */ jsx("div", {
-								className: "relative h-[360px] w-full overflow-hidden rounded-lg border border-border-secondary sm:h-[440px]",
+								className: "relative h-[360px] w-full overflow-hidden rounded-lg border border-border-default sm:h-[440px]",
 								children: draft && current ? /* @__PURE__ */ jsx(DraftCanvas, {
 									generationId: current.id,
 									name: draft.name,

package/dist/{ApprovalInboxPage-BsJX4osU.js → ApprovalInboxPage-CbkmOXaq.js}

@@ -5,7 +5,7 @@ import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
 import { o as throwIfResultError, r as isForbiddenError, t as describeOperationError } from "./errors-xPZ-IbQd.js";
 import { a as useRecipientLabel, i as notAnswerableText, n as ApprovalApprovers, r as answeredToastText, t as channelLabel } from "./channel-DtF1n_ab.js";
 import { n as useRespondToHumanRequest, t as usePendingHumanRequests } from "./useHumanRequests-DwG2tQ3f.js";
-import { t as TechnicalDetails } from "./TechnicalDetails-D4xGy201.js";
+import { t as TechnicalDetails } from "./TechnicalDetails-r5JXr1jZ.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
 import { n as getFluidGridsClient } from "./client-Ctl4jmY3.js";
 import { r as nodeDisplayTitle, t as buildNodeDisplayMap } from "./run-display-BycKYSU0.js";
@@ -149,7 +149,7 @@ function FormControls({ requestId, fields, values, onChange }) {
 				}) : type === "dropdown" || type === "select" ? /* @__PURE__ */ jsxs("select", {
 					id,
 					"aria-required": required,
-					className: "w-full rounded-md border border-border-secondary bg-background-primary px-3 py-2 text-sm text-text-primary",
+					className: "w-full rounded-md border border-border-default bg-surface-canvas px-3 py-2 text-sm text-text-primary",
 					value: values[field.name] ?? "",
 					onChange: (event) => onChange(field.name, event.target.value),
 					children: [/* @__PURE__ */ jsx("option", {
@@ -293,7 +293,7 @@ function HumanRequestCard({ request, onAnswered, workflowName, stepName }) {
 	};
 	const recipient = useRecipientLabel(request, request.channel === "IN_APP" ? tr("fluidgrids.humanResponse.anyMember", "any workspace member") : "");
 	return /* @__PURE__ */ jsxs(Card, {
-		className: "border border-border-secondary bg-background-secondary",
+		className: "border border-border-default bg-surface",
 		"data-testid": "human-request-card",
 		"data-request-id": request.id,
 		children: [/* @__PURE__ */ jsxs(CardHeader, {
@@ -853,7 +853,7 @@ function PlainToolCall({ call }) {
 	const tr = useTr();
 	const summary = summarizeToolArguments(call.argsJson);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-md border border-border-secondary bg-background-primary p-3",
+		className: "rounded-md border border-border-default bg-surface-canvas p-3",
 		"data-testid": "tool-approval-call",
 		children: [/* @__PURE__ */ jsx("p", {
 			className: "text-sm font-medium text-text-primary",
@@ -879,7 +879,7 @@ function PlainToolCall({ call }) {
 /** Today's call block: the raw tool name and its JSON arguments. */
 function RawToolCall({ call }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-md border border-border-secondary bg-background-primary p-3",
+		className: "rounded-md border border-border-default bg-surface-canvas p-3",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "mb-1 flex items-center gap-2",
 			children: [/* @__PURE__ */ jsx(Icon, {
@@ -923,7 +923,7 @@ function ToolApprovalCard({ request, onDecided, workflowName, stepName }) {
 	};
 	const deniedTooltip = tr("fluidgrids.toolApproval.decideDeniedTooltip", "You don't have permission to decide tool approvals");
 	return /* @__PURE__ */ jsxs(Card, {
-		className: "border border-border-secondary bg-background-secondary",
+		className: "border border-border-default bg-surface",
 		"data-testid": "tool-approval-card",
 		"data-request-id": request.id,
 		children: [
@@ -1125,7 +1125,7 @@ function HumanRequestsSection({ items, totalCount, offset, onOffsetChange, onAns
 function ToolApprovalsNoAccess() {
 	const tr = useTr();
 	return /* @__PURE__ */ jsx(Card, {
-		className: "mb-6 border border-border-secondary bg-background-secondary",
+		className: "mb-6 border border-border-default bg-surface",
 		"data-testid": "tool-approval-no-access",
 		children: /* @__PURE__ */ jsxs(CardContent, {
 			className: "flex items-start gap-3 py-4",
@@ -1147,7 +1147,7 @@ function ToolApprovalsNoAccess() {
 function ApprovalsEmptyState({ plain }) {
 	const tr = useTr();
 	return /* @__PURE__ */ jsx(Card, {
-		className: "border border-border-secondary bg-background-secondary",
+		className: "border border-border-default bg-surface",
 		"data-tour": "fluidgrids-approvals-empty",
 		children: /* @__PURE__ */ jsxs(CardContent, {
 			className: "flex flex-col items-center gap-2 py-10 text-center",
@@ -1241,7 +1241,7 @@ function ApprovalInboxPage() {
 		};
 	};
 	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",

package/dist/{DataSinkDashboardPage-iBalc66y.js → DataSinkDashboardPage-DYuBqD2Y.js}

@@ -2,7 +2,7 @@
 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 { n as useDataSinks, t as useDataSinkData } from "./useObservability-BGrwZS5X.js";
+import { n as useDataSinks, t as useDataSinkData } from "./useObservability-Cps9Y9a3.js";
 import { c as prettyJson, r as formatTimestamp, t as formatBytes } from "./utils-C0dtnN4R.js";
 import { useEffect, useMemo, useState } from "react";
 import { Icon } from "@iconify/react";
@@ -38,17 +38,17 @@ function DataPreview({ value }) {
 		if (rows.length > 0) {
 			const keys = [...new Set(rows.flatMap((row) => Object.keys(row)))].slice(0, 12);
 			return /* @__PURE__ */ jsxs("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: "min-w-full text-left text-sm",
 					children: [/* @__PURE__ */ jsx("thead", {
-						className: "bg-background-tertiary text-xs uppercase text-text-secondary",
+						className: "bg-surface-sunken text-xs uppercase text-text-secondary",
 						children: /* @__PURE__ */ jsx("tr", { children: keys.map((key) => /* @__PURE__ */ jsx("th", {
 							className: "whitespace-nowrap px-3 py-2 font-medium",
 							children: key
 						}, key)) })
 					}), /* @__PURE__ */ jsx("tbody", {
-						className: "divide-y divide-border-secondary",
+						className: "divide-y divide-border-default",
 						children: rows.slice(0, 50).map((row, index) => /* @__PURE__ */ jsx("tr", {
 							className: "text-text-primary",
 							children: keys.map((key) => /* @__PURE__ */ jsx("td", {
@@ -58,14 +58,14 @@ function DataPreview({ value }) {
 						}, index))
 					})]
 				}), rows.length > 50 && /* @__PURE__ */ jsx("p", {
-					className: "border-t border-border-secondary px-3 py-2 text-xs text-text-secondary",
+					className: "border-t border-border-default px-3 py-2 text-xs text-text-secondary",
 					children: tr("fluidgrids.dataSinks.previewLimit", "Showing the first 50 rows")
 				})]
 			});
 		}
 	}
 	return /* @__PURE__ */ jsx("pre", {
-		className: "max-h-[28rem] overflow-auto rounded-lg border border-border-secondary bg-background-primary p-4 text-xs text-text-primary",
+		className: "max-h-[28rem] overflow-auto rounded-lg border border-border-default bg-surface-canvas p-4 text-xs text-text-primary",
 		children: prettyJson(value)
 	});
 }
@@ -74,7 +74,7 @@ function SinkCard({ sink, selected, onSelect }) {
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		onClick: onSelect,
-		className: `w-full rounded-lg border p-4 text-left transition-colors ${selected ? "border-action-primary-bg bg-action-primary-bg/10" : "border-border-secondary bg-background-secondary hover:border-action-primary-bg/60"}`,
+		className: `w-full rounded-lg border p-4 text-left transition-colors ${selected ? "border-action-primary-bg bg-action-primary-bg/10" : "border-border-default bg-surface hover:border-action-primary-bg/60"}`,
 		"aria-pressed": selected,
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-start justify-between gap-3",
@@ -88,7 +88,7 @@ function SinkCard({ sink, selected, onSelect }) {
 					children: sink.key
 				})]
 			}), /* @__PURE__ */ jsx("span", {
-				className: "shrink-0 rounded-full bg-background-tertiary px-2 py-0.5 text-xs text-text-secondary",
+				className: "shrink-0 rounded-full bg-surface-sunken px-2 py-0.5 text-xs text-text-secondary",
 				children: sink.status
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
@@ -117,7 +117,7 @@ function DataSinkDashboardPage() {
 	const totalBytes = sinks.reduce((total, sink) => total + sink.sizeBytes, 0);
 	const selectedUpdatedAt = formatTimestamp(selectedSink?.lastRefreshedAt);
 	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__ */ jsxs("header", {
 				className: "mb-6 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
@@ -151,7 +151,7 @@ function DataSinkDashboardPage() {
 				"data-tour": "fluidgrids-data-sinks-stats",
 				children: [
 					/* @__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__ */ jsx("p", {
 							className: "text-sm text-text-secondary",
 							children: tr("fluidgrids.dataSinks.totalSinks", "DataSinks")
@@ -161,7 +161,7 @@ function DataSinkDashboardPage() {
 						})]
 					}),
 					/* @__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__ */ jsx("p", {
 							className: "text-sm text-text-secondary",
 							children: tr("fluidgrids.dataSinks.activeSinks", "Active sinks")
@@ -171,7 +171,7 @@ function DataSinkDashboardPage() {
 						})]
 					}),
 					/* @__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__ */ jsx("p", {
 							className: "text-sm text-text-secondary",
 							children: tr("fluidgrids.dataSinks.totalStorage", "Visible storage")
@@ -204,7 +204,7 @@ function DataSinkDashboardPage() {
 							children: tr("fluidgrids.dataSinks.loading", "Loading DataSinks…")
 						}),
 						!loading && sinks.length === 0 && /* @__PURE__ */ jsx("div", {
-							className: "rounded-lg border border-dashed border-border-secondary p-6 text-center text-sm text-text-secondary",
+							className: "rounded-lg border border-dashed border-border-default p-6 text-center text-sm text-text-secondary",
 							children: v2 ? tr("fluidgrids.dataSinks.emptyAll", "No data sinks found.") : tr("fluidgrids.dataSinks.empty", "No active DataSinks found.")
 						}),
 						sinks.map((sink) => /* @__PURE__ */ jsx(SinkCard, {
@@ -214,7 +214,7 @@ function DataSinkDashboardPage() {
 						}, sink.id))
 					]
 				}), /* @__PURE__ */ jsxs("main", {
-					className: "min-w-0 rounded-xl border border-border-secondary bg-background-secondary p-5",
+					className: "min-w-0 rounded-xl border border-border-default bg-surface p-5",
 					"data-tour": "fluidgrids-data-sinks-preview",
 					children: [!selectedSink && /* @__PURE__ */ jsxs("div", {
 						className: "flex min-h-64 flex-col items-center justify-center text-center",
@@ -268,7 +268,7 @@ function DataSinkDashboardPage() {
 							className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
 							children: dataError.message
 						}),
-						dataLoading && !sinkData && /* @__PURE__ */ jsx("div", { className: "h-64 animate-pulse rounded-lg bg-background-primary" }),
+						dataLoading && !sinkData && /* @__PURE__ */ jsx("div", { className: "h-64 animate-pulse rounded-lg bg-surface-canvas" }),
 						!dataLoading && sinkData && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 							className: "mb-4 flex flex-wrap gap-3 text-xs text-text-secondary",
 							children: [

package/dist/{DataTablesPage-BBvABuxE.js → DataTablesPage-DR6BesNp.js}

@@ -11,9 +11,9 @@ import { n as getFluidGridsClient } from "./client-Ctl4jmY3.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
 import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
 import { t as ConfirmActionDialog } from "./ConfirmActionDialog-D9Pir3bc.js";
-import { t as Disclosure } from "./Disclosure-DQiUKrqd.js";
-import { t as RunActionsMenu } from "./RunActionsMenu-BE_1r3bF.js";
-import { t as TechnicalDetails } from "./TechnicalDetails-D4xGy201.js";
+import { t as Disclosure } from "./Disclosure-CsxDspR7.js";
+import { t as RunActionsMenu } from "./RunActionsMenu-BZY4NreS.js";
+import { t as TechnicalDetails } from "./TechnicalDetails-r5JXr1jZ.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useNavigate } from "react-router";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -975,7 +975,7 @@ function RowsPanelHeaderV2({ table, total, importProgress, exporting, deletingRo
 		onCheckedChange: onSelectModeChange
 	}] : [];
 	return /* @__PURE__ */ jsxs(CardHeader, {
-		className: "gap-4 border-b border-border-secondary p-4 sm:p-5",
+		className: "gap-4 border-b border-border-default p-4 sm:p-5",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
@@ -1448,7 +1448,7 @@ function ColumnEditor({ column, index, canRemove, onRename, onChange, onRemove }
 	const tr = useTr();
 	const kinds = column.type === "JSON" ? [...EVERYDAY_KINDS, "JSON"] : EVERYDAY_KINDS;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2 rounded-md border border-border-secondary p-3",
+		className: "space-y-2 rounded-md border border-border-default p-3",
 		"data-testid": "column-editor",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
@@ -1483,7 +1483,7 @@ function ColumnEditor({ column, index, canRemove, onRename, onChange, onRemove }
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
-						className: "justify-self-end rounded p-2 text-text-secondary hover:bg-background-tertiary hover:text-text-primary disabled:opacity-40",
+						className: "justify-self-end rounded p-2 text-text-secondary hover:bg-surface-sunken hover:text-text-primary disabled:opacity-40",
 						onClick: () => onRemove(column.uid),
 						disabled: !canRemove,
 						title: tr("fluidgrids.dataTables.removeColumn", "Remove column"),
@@ -1685,7 +1685,7 @@ function TableFormDialog({ open, table, onOpenChange, onSaved }) {
 						}), /* @__PURE__ */ jsx("div", {
 							className: "space-y-2",
 							children: columns.map((column, index) => /* @__PURE__ */ jsxs("div", {
-								className: "grid gap-2 rounded-md border border-border-secondary p-3 sm:grid-cols-[1fr_1fr_8rem_auto] sm:items-end",
+								className: "grid gap-2 rounded-md border border-border-default p-3 sm:grid-cols-[1fr_1fr_8rem_auto] sm:items-end",
 								children: [
 									/* @__PURE__ */ jsxs("div", {
 										className: "space-y-1",
@@ -1736,7 +1736,7 @@ function TableFormDialog({ open, table, onOpenChange, onSaved }) {
 											}), tr("fluidgrids.dataTables.required", "Required")]
 										}), /* @__PURE__ */ jsx("button", {
 											type: "button",
-											className: "rounded p-1 text-text-secondary hover:bg-background-tertiary hover:text-text-primary disabled:opacity-40",
+											className: "rounded p-1 text-text-secondary hover:bg-surface-sunken hover:text-text-primary disabled:opacity-40",
 											onClick: () => setColumns((current) => current.filter((_, columnIndex) => columnIndex !== index)),
 											disabled: columns.length === 1,
 											title: tr("fluidgrids.dataTables.removeColumn", "Remove column"),
@@ -2062,7 +2062,7 @@ function TableRowsPanel({ table, onTableChanged, onEditTable, onDeleteTable, del
 		setRowDialogOpen(true);
 	}, []);
 	return /* @__PURE__ */ jsxs(Card, {
-		className: "min-w-0 border-border-secondary",
+		className: "min-w-0 border-border-default",
 		children: [
 			v2 && /* @__PURE__ */ jsx("input", {
 				ref: fileInputRef,
@@ -2100,7 +2100,7 @@ function TableRowsPanel({ table, onTableChanged, onEditTable, onDeleteTable, del
 				onDeleteSelected: handleDeleteRows,
 				onTagsChanged
 			}) : /* @__PURE__ */ jsxs(CardHeader, {
-				className: "gap-4 border-b border-border-secondary p-4 sm:p-5",
+				className: "gap-4 border-b border-border-default p-4 sm:p-5",
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex flex-wrap items-start justify-between gap-3",
 					children: [/* @__PURE__ */ jsxs("div", {
@@ -2262,7 +2262,7 @@ function TableRowsPanel({ table, onTableChanged, onEditTable, onDeleteTable, del
 				className: "p-0",
 				children: [
 					error && /* @__PURE__ */ jsx("div", {
-						className: "m-4 rounded-md border border-border-secondary bg-background-secondary p-3 text-sm text-text-secondary",
+						className: "m-4 rounded-md border border-border-default bg-surface p-3 text-sm text-text-secondary",
 						children: v2 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", { children: tr("fluidgrids.dataTables.rowsLoadFailed", "We couldn't load the rows. Try again in a moment.") }), /* @__PURE__ */ jsx(TechnicalDetails, {
 							className: "mt-2",
 							children: /* @__PURE__ */ jsx("code", {
@@ -2392,7 +2392,7 @@ function TableRowsPanel({ table, onTableChanged, onEditTable, onDeleteTable, del
 						] })] })
 					}),
 					total > 0 && /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-wrap items-center justify-between gap-3 border-t border-border-secondary px-4 py-3 text-xs text-text-secondary",
+						className: "flex flex-wrap items-center justify-between gap-3 border-t border-border-default px-4 py-3 text-xs text-text-secondary",
 						children: [/* @__PURE__ */ jsx("span", {
 							"aria-live": "polite",
 							children: tr("fluidgrids.dataTables.showingRange", `Showing ${range.from}–${range.to} of ${total}`)
@@ -2568,7 +2568,7 @@ function DataTablesPage() {
 		setSearch(searchInput);
 	}, [searchInput]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "min-h-screen bg-background-primary p-4 pb-24 sm:p-6 sm:pb-24",
+		className: "min-h-screen bg-surface-canvas p-4 pb-24 sm:p-6 sm:pb-24",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "mx-auto flex max-w-[1500px] flex-col gap-5",
@@ -2667,10 +2667,10 @@ function DataTablesPage() {
 						className: "grid gap-5 xl:grid-cols-[minmax(16rem,22rem)_minmax(0,1fr)]",
 						children: [
 							/* @__PURE__ */ jsxs(Card, {
-								className: "h-fit border-border-secondary",
+								className: "h-fit border-border-default",
 								"data-tour": "fluidgrids-data-tables-list",
 								children: [/* @__PURE__ */ jsxs(CardHeader, {
-									className: "gap-3 border-b border-border-secondary p-4",
+									className: "gap-3 border-b border-border-default p-4",
 									children: [
 										/* @__PURE__ */ jsxs("div", {
 											className: "flex items-center justify-between gap-2",
@@ -2755,7 +2755,7 @@ function DataTablesPage() {
 										!loading && tables.map((table) => /* @__PURE__ */ jsxs("button", {
 											type: "button",
 											onClick: () => setSelectedId(table.id),
-											className: `mb-1 flex w-full items-start justify-between gap-3 rounded-md px-3 py-3 text-left transition-colors ${selectedId === table.id ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:bg-background-secondary hover:text-text-primary"}`,
+											className: `mb-1 flex w-full items-start justify-between gap-3 rounded-md px-3 py-3 text-left transition-colors ${selectedId === table.id ? "bg-surface-sunken text-text-primary" : "text-text-secondary hover:bg-surface-sunken hover:text-text-primary"}`,
 											children: [/* @__PURE__ */ jsxs("span", {
 												className: "min-w-0",
 												children: [
@@ -2795,7 +2795,7 @@ function DataTablesPage() {
 								})]
 							}),
 							error && !selectedTable && /* @__PURE__ */ jsx(Card, {
-								className: "border-border-secondary",
+								className: "border-border-default",
 								children: /* @__PURE__ */ jsxs(CardContent, {
 									className: "p-6 text-sm text-text-secondary",
 									children: [v2 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", { children: tr("fluidgrids.dataTables.loadFailed", "We couldn't load your tables. Try again in a moment.") }), /* @__PURE__ */ jsx(TechnicalDetails, {
@@ -2816,7 +2816,7 @@ function DataTablesPage() {
 								})
 							}),
 							!error && !selectedTable && !loading && !(v2 && tables.length === 0 && tagFilter === "") && /* @__PURE__ */ jsx(Card, {
-								className: "border-border-secondary",
+								className: "border-border-default",
 								children: /* @__PURE__ */ jsxs(CardContent, {
 									className: "flex min-h-[22rem] flex-col items-center justify-center p-6 text-center",
 									children: [

package/dist/{Disclosure-DQiUKrqd.js → Disclosure-CsxDspR7.js}

@@ -13,8 +13,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * The content is rendered only while open (closed inputs are not focusable).
 * Whatever the content edits lives in the Runs store, so closing never loses a
 * value, and callers open it from the start when a value inside is set.
+* Content that keeps unsaved state of its own (a half-built condition, a value
+* still being typed) goes in `keptContent` instead: it stays mounted, hidden,
+* while the disclosure is closed.
 */
-function Disclosure({ closedLabel, openLabel, children, defaultOpen = false, className, "data-testid": testId }) {
+function Disclosure({ closedLabel, openLabel, children, keptContent, defaultOpen = false, className, "data-testid": testId }) {
 	const [open, setOpen] = useState(defaultOpen);
 	const panelId = useId();
 	return /* @__PURE__ */ jsxs("div", {
@@ -30,10 +33,11 @@ function Disclosure({ closedLabel, openLabel, children, defaultOpen = false, cla
 				icon: open ? "mdi:chevron-down" : "mdi:chevron-right",
 				width: 16
 			}), open ? openLabel : closedLabel]
-		}), open && /* @__PURE__ */ jsx("div", {
+		}), (open || keptContent !== void 0) && /* @__PURE__ */ jsxs("div", {
 			id: panelId,
 			className: "mt-2",
-			children
+			hidden: !open,
+			children: [open && children, keptContent]
 		})]
 	});
 }