@burdenoff/fluidgrids-fe-sdk 2026.1112.11 → 2026.1113.2

package/dist/input-ChT6Q-Pr.js

@@ -0,0 +1,17 @@
+"use client";
+import { t as cn } from "./cn-QqidFIgr.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+// src/ui/input.tsx
+const Input = forwardRef(({ className, type, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		ref,
+		...props
+	});
+});
+Input.displayName = "Input";
+
+export { Input as t };

package/dist/logs-panel-DtG93ocy.js

@@ -0,0 +1,342 @@
+"use client";
+import { M as useFlowStore } from "./node-operation-selection-Czeeb2D4.js";
+import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Icon } from "@iconify/react";
+import { cn } from "@burdenoff/fe-libs/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useShallow } from "zustand/shallow";
+import { Button } from "@burdenoff/fe-libs/ui";
+
+// src/builder/components/flow-builder/components/logs-panel/logs-panel.tsx
+const JsonView = ({ data }) => {
+	const tr = useTr();
+	if (!data) return /* @__PURE__ */ jsx("div", {
+		className: "text-tertiary p-4",
+		children: tr("fluidgrids.builder.logsPanel.jsonViewNoData", "No data")
+	});
+	return /* @__PURE__ */ jsx("pre", {
+		className: "text-xs overflow-auto p-4 bg-card/50 rounded h-full",
+		children: JSON.stringify(data, null, 2)
+	});
+};
+const TableView = ({ data }) => {
+	const tr = useTr();
+	if (!data) return /* @__PURE__ */ jsx("div", {
+		className: "text-tertiary p-4",
+		children: tr("fluidgrids.builder.logsPanel.tableViewNoData", "No data")
+	});
+	const entries = Object.entries(data);
+	if (entries.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: "text-tertiary p-4",
+		children: tr("fluidgrids.builder.logsPanel.tableViewEmptyObject", "Empty object")
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "overflow-auto h-full",
+		children: /* @__PURE__ */ jsxs("table", {
+			className: "w-full text-xs",
+			children: [/* @__PURE__ */ jsx("thead", {
+				className: "bg-card-foreground/10 sticky top-0",
+				children: /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx("th", {
+						className: "text-left p-2",
+						children: tr("fluidgrids.builder.logsPanel.tableColumnField", "Field")
+					}),
+					/* @__PURE__ */ jsx("th", {
+						className: "text-left p-2",
+						children: tr("fluidgrids.builder.logsPanel.tableColumnType", "Type")
+					}),
+					/* @__PURE__ */ jsx("th", {
+						className: "text-left p-2",
+						children: tr("fluidgrids.builder.logsPanel.tableColumnValue", "Value")
+					})
+				] })
+			}), /* @__PURE__ */ jsx("tbody", { children: entries.map(([key, value]) => /* @__PURE__ */ jsxs("tr", {
+				className: "border-b border-card-foreground/10",
+				children: [
+					/* @__PURE__ */ jsx("td", {
+						className: "p-2 font-medium text-accent",
+						children: key
+					}),
+					/* @__PURE__ */ jsx("td", {
+						className: "p-2 text-secondary",
+						children: typeof value
+					}),
+					/* @__PURE__ */ jsx("td", {
+						className: "p-2 truncate max-w-[200px]",
+						children: typeof value === "object" ? JSON.stringify(value) : String(value)
+					})
+				]
+			}, key)) })]
+		})
+	});
+};
+const LogListItem = ({ log, isSelected, onClick }) => {
+	const statusIcon = {
+		pending: "mdi:clock-outline",
+		running: "svg-spinners:ring-resize",
+		completed: "mdi:check-circle",
+		failed: "mdi:close-circle"
+	}[log.status];
+	const statusColor = {
+		pending: "text-tertiary",
+		running: "text-accent",
+		completed: "text-[var(--color-status-success-text)]",
+		failed: "text-[var(--color-status-error-text)]"
+	}[log.status];
+	return /* @__PURE__ */ jsxs("button", {
+		onClick,
+		className: cn("w-full text-left p-2 flex items-center gap-2 text-xs transition-colors", isSelected ? "bg-primary/20 border-l-2 border-primary" : "hover:bg-card-foreground/10"),
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				icon: statusIcon,
+				className: cn("size-4", statusColor)
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "truncate flex-1",
+				children: log.nodeName
+			}),
+			log.duration && /* @__PURE__ */ jsxs("span", {
+				className: "text-tertiary text-[10px]",
+				children: [log.duration.toFixed(2), "s"]
+			})
+		]
+	});
+};
+const LogDetailView = ({ log }) => {
+	const tr = useTr();
+	const [activeTab, setActiveTab] = useState("output");
+	const [viewMode, setViewMode] = useState("json");
+	if (!log) return /* @__PURE__ */ jsx("div", {
+		className: "flex-1 flex items-center justify-center text-tertiary text-sm",
+		children: tr("fluidgrids.builder.logsPanel.detailEmptyState", "Select a step to view details")
+	});
+	const statusColor = {
+		pending: "text-tertiary",
+		running: "text-accent",
+		completed: "text-[var(--color-status-success-text)]",
+		failed: "text-[var(--color-status-error-text)]"
+	}[log.status];
+	const data = activeTab === "input" ? log.inputArgs : log.output;
+	const itemCount = data ? Object.keys(data).length : 0;
+	const resumeUrl = typeof log.output?._resumeUrl === "string" ? log.output._resumeUrl : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex-1 flex flex-col",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between p-2 border-b border-card-foreground/10",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium",
+							children: log.nodeName
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: cn("text-xs capitalize", statusColor),
+							children: log.status === "completed" ? tr("fluidgrids.builder.logsPanel.statusSuccess", "Success") : log.status
+						}),
+						log.duration && /* @__PURE__ */ jsxs("span", {
+							className: "text-xs text-text-muted",
+							children: [
+								"in ",
+								(log.duration * 1e3).toFixed(0),
+								"ms"
+							]
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: viewMode === "json" ? "secondary" : "ghost",
+						size: "icon",
+						className: "size-6",
+						onClick: () => setViewMode("json"),
+						title: tr("fluidgrids.builder.logsPanel.jsonViewTooltip", "JSON View"),
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:code-json",
+							className: "size-3"
+						})
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: viewMode === "table" ? "secondary" : "ghost",
+						size: "icon",
+						className: "size-6",
+						onClick: () => setViewMode("table"),
+						title: tr("fluidgrids.builder.logsPanel.tableViewTooltip", "Table View"),
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:table",
+							className: "size-3"
+						})
+					})]
+				})]
+			}),
+			resumeUrl && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 border-b border-card-foreground/10 px-2 py-2",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "shrink-0 text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground",
+						children: tr("fluidgrids.builder.logsPanel.resumeUrl", "Resume URL")
+					}),
+					/* @__PURE__ */ jsx("input", {
+						readOnly: true,
+						value: resumeUrl,
+						onFocus: (e) => e.currentTarget.select(),
+						className: "min-w-0 flex-1 rounded-md border border-border bg-muted/40 px-2 py-1 font-mono text-[11px] outline-none focus:border-primary"
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => void navigator.clipboard?.writeText(resumeUrl),
+						className: "shrink-0 rounded-md border border-border px-2 py-1 text-[11px] font-medium hover:bg-muted",
+						children: tr("fluidgrids.builder.logsPanel.copy", "Copy")
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex border-b border-card-foreground/10",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						className: cn("px-4 py-2 text-xs font-medium transition-colors duration-200", activeTab === "input" ? "border-b-2 border-primary text-primary" : "text-secondary hover:text-primary"),
+						onClick: () => setActiveTab("input"),
+						children: tr("fluidgrids.builder.logsPanel.tabInput", "Input")
+					}),
+					/* @__PURE__ */ jsx("button", {
+						className: cn("px-4 py-2 text-xs font-medium transition-colors duration-200", activeTab === "output" ? "border-b-2 border-primary text-primary" : "text-secondary hover:text-primary"),
+						onClick: () => setActiveTab("output"),
+						children: tr("fluidgrids.builder.logsPanel.tabOutput", "Output")
+					}),
+					/* @__PURE__ */ jsx("div", { className: "flex-1" }),
+					/* @__PURE__ */ jsxs("span", {
+						className: "px-4 py-2 text-xs text-tertiary",
+						children: [
+							itemCount,
+							" ",
+							itemCount !== 1 ? tr("fluidgrids.builder.logsPanel.itemCountOther", "items") : tr("fluidgrids.builder.logsPanel.itemCountOne", "item")
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1 overflow-auto",
+				children: log.error && activeTab === "output" ? /* @__PURE__ */ jsxs("div", {
+					className: "p-4 bg-[var(--color-status-error-bg-subtle)] text-[var(--color-status-error-text)] text-xs",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "font-medium mb-1",
+						children: tr("fluidgrids.builder.logsPanel.errorHeading", "Error:")
+					}), log.error]
+				}) : viewMode === "json" ? /* @__PURE__ */ jsx(JsonView, { data }) : /* @__PURE__ */ jsx(TableView, { data })
+			})
+		]
+	});
+};
+const LogsPanel = () => {
+	const tr = useTr();
+	const [logs, selectedLogId, panelExpanded, selectLog, togglePanel, clearLogs] = useFlowStore(useShallow((s) => [
+		s.execution.logs,
+		s.execution.selectedLogId,
+		s.execution.panelExpanded,
+		s.actions.execution.selectLog,
+		s.actions.execution.togglePanel,
+		s.actions.execution.clearLogs
+	]));
+	const selectedLog = logs.find((l) => l.id === selectedLogId) || null;
+	const [panelHeight, setPanelHeight] = useState(350);
+	const isResizing = useRef(false);
+	const startY = useRef(0);
+	const startHeight = useRef(0);
+	const handleMouseDown = useCallback((e) => {
+		e.preventDefault();
+		isResizing.current = true;
+		startY.current = e.clientY;
+		startHeight.current = panelHeight;
+		document.body.style.cursor = "ns-resize";
+		document.body.style.userSelect = "none";
+	}, [panelHeight]);
+	useEffect(() => {
+		const handleMouseMove = (e) => {
+			if (!isResizing.current) return;
+			const deltaY = startY.current - e.clientY;
+			const newHeight = Math.max(150, Math.min(600, startHeight.current + deltaY));
+			setPanelHeight(newHeight);
+		};
+		const handleMouseUp = () => {
+			isResizing.current = false;
+			document.body.style.cursor = "";
+			document.body.style.userSelect = "";
+		};
+		document.addEventListener("mousemove", handleMouseMove);
+		document.addEventListener("mouseup", handleMouseUp);
+		return () => {
+			document.removeEventListener("mousemove", handleMouseMove);
+			document.removeEventListener("mouseup", handleMouseUp);
+		};
+	}, []);
+	if (!panelExpanded && logs.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative border-t border-card-foreground/10 bg-card/95 backdrop-blur-sm transition-[height] duration-150", !panelExpanded && "h-10"),
+		style: { height: panelExpanded ? panelHeight : 40 },
+		children: [
+			panelExpanded && /* @__PURE__ */ jsx("div", {
+				className: "absolute top-0 left-0 right-0 h-1.5 cursor-ns-resize bg-transparent hover:bg-primary/30 transition-colors z-10 group",
+				onMouseDown: handleMouseDown,
+				children: /* @__PURE__ */ jsx("div", { className: "absolute top-0.5 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full bg-card-foreground/20 group-hover:bg-primary/50 transition-colors" })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "h-10 flex items-center justify-between px-3 border-b border-card-foreground/10",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "icon",
+							className: "size-6",
+							onClick: togglePanel,
+							children: /* @__PURE__ */ jsx(Icon, {
+								icon: panelExpanded ? "mdi:chevron-down" : "mdi:chevron-up",
+								className: "size-4"
+							})
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium",
+							children: tr("fluidgrids.builder.logsPanel.title", "Logs")
+						}),
+						logs.length > 0 && /* @__PURE__ */ jsxs("span", {
+							className: "text-xs text-tertiary",
+							children: [
+								"(",
+								logs.length,
+								" ",
+								tr("fluidgrids.builder.logsPanel.stepsSuffix", "steps"),
+								")"
+							]
+						})
+					]
+				}), logs.length > 0 && /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					size: "sm",
+					className: "h-6 text-xs",
+					onClick: clearLogs,
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:trash-can-outline",
+						className: "size-3 mr-1"
+					}), tr("fluidgrids.builder.logsPanel.clearExecution", "Clear execution")]
+				})]
+			}),
+			panelExpanded && /* @__PURE__ */ jsxs("div", {
+				className: "flex h-[calc(100%-40px)]",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "w-[200px] border-r border-card-foreground/10 overflow-y-auto",
+					children: logs.length === 0 ? /* @__PURE__ */ jsx("div", {
+						className: "p-4 text-xs text-tertiary text-center",
+						children: tr("fluidgrids.builder.logsPanel.emptyState", "No execution logs yet")
+					}) : logs.map((log) => /* @__PURE__ */ jsx(LogListItem, {
+						log,
+						isSelected: log.id === selectedLogId,
+						onClick: () => selectLog(log.id)
+					}, log.id))
+				}), /* @__PURE__ */ jsx(LogDetailView, { log: selectedLog })]
+			})
+		]
+	});
+};
+
+export { LogsPanel as n, TableView as r, JsonView as t };

package/dist/mapping-colors-BIX_YeCQ.js

@@ -0,0 +1,48 @@
+"use client";
+import { edgeColor } from "@burdenoff/fe-libs/shared/utils";
+
+// src/builder/components/mapper/config/mapping-colors.ts
+/**
+* Colours for mapper edges and mapping-type chips (G19).
+*
+* Every value is a semantic token (a CSS `var()` reference to a `--color-`
+* custom property) from fe-libs: the compatible / incompatible pair uses the
+* canvas edge tokens and each mapping type gets a fixed categorical chart
+* colour series, so the mapper follows light / dark mode, the brand and the
+* high-contrast theme. These literal CSS-variable strings work in React Flow
+* edge styles, SVG `style` props and inline styles.
+*
+* NOTE: never write syntactically class-like placeholders (ellipsis or
+* wildcard arbitrary-value examples such as bracketed var references) in this
+* file's docs — Tailwind v4 extracts candidates from published package
+* content, and placeholder prose becomes invalid generated CSS in every
+* consuming app (BOFF-6688 / BOFF-6718).
+*/
+const MAPPING_COMPATIBILITY_COLORS = {
+	compatible: edgeColor("compatible"),
+	incompatible: edgeColor("incompatible")
+};
+const MAPPING_TYPE_COLORS = {
+	direct: MAPPING_COMPATIBILITY_COLORS.compatible,
+	expression: "var(--color-chart-3)",
+	transform: "var(--color-chart-10)",
+	cast: "var(--color-chart-2)",
+	array: "var(--color-chart-4)",
+	object: "var(--color-chart-12)",
+	context: "var(--color-chart-11)"
+};
+/** Colour for a mapping type that is unknown or has no colour configured. */
+const MAPPING_FALLBACK_COLOR = edgeColor("default");
+function isMappingTypeKey(value) {
+	return Object.prototype.hasOwnProperty.call(MAPPING_TYPE_COLORS, value);
+}
+/** The token colour of a mapping type; unknown types get the default edge colour. */
+function mappingTypeColor(mappingType) {
+	return isMappingTypeKey(mappingType) ? MAPPING_TYPE_COLORS[mappingType] : MAPPING_FALLBACK_COLOR;
+}
+/** Edge colour for a direct mapping, by whether the two field types are compatible. */
+function compatibilityColor(isCompatible) {
+	return isCompatible ? MAPPING_COMPATIBILITY_COLORS.compatible : MAPPING_COMPATIBILITY_COLORS.incompatible;
+}
+
+export { mappingTypeColor as a, compatibilityColor as i, MAPPING_FALLBACK_COLOR as n, MAPPING_TYPE_COLORS as r, MAPPING_COMPATIBILITY_COLORS as t };

package/dist/{node-detail-view-BDXhEGVD.js → node-detail-view-BKI_2kM6.js}

@@ -1,18 +1,19 @@
 "use client";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { H as useFlowStore, a as changedSourceFiles, c as diagnosticsByPath, d as isEditableSourcePath, f as projectLanguage, h as sourceLanguageOf, l as interfaceFields, o as childRunIdOf, p as readCodeWorkflowState, r as CODE_WORKFLOW_NODE_TYPE, s as defaultSourcePath, u as interfaceHandlers } from "./node-operation-selection-DAbS6jSY.js";
-import { Cn as clearCodeWorkflowDefinitionCache, Dn as declaredSignals, Rn as getNodeDetail, Tn as useCodeWorkflowInterface, X as nodeTitle, Y as nodeSubtitle, et as useNodeConfig, ft as latestNodeLog, gn as fieldsFromValue, ht as useGuardedNavigate, ln as useNodeExecution, ut as FieldTree } from "./FluidGridsProvider-CGi9a1So.js";
-import { a as TabButton, c as NDV_Z_INDEX, i as ReadOnlyFieldset, n as SchedulePanel, o as NodeSettingsPanel, r as NodeExecutionActions, s as NodeParamsForm, t as SCHEDULE_NODE_TYPE } from "./schedule-panel-CFAKmrBH.js";
-import { _ as throwIfResultError, m as describeOperationError, n as getFluidGridsClient, r as getFluidGridsClientSafe } from "./client-C9XSzSXr.js";
-import { Dr as WorkflowCodeSourceDocument, Nr as WorkflowEditLeaseStatusDocument, Pt as NodeStatesDocument, _t as FileDownloadUrlDocument, p as BuildWorkflowCodeDocument } from "./graphql-operation-types-DZVhCBEi.js";
-import { h as TableView, m as JsonView } from "./flow-builder-B2JGvYeK.js";
-import { jt as useUnpinNodeDataMutation, qt as useWorkflowPinnedDataQuery, st as usePinNodeDataMutation } from "./useAgentDefinitions-B4sw7bLw.js";
+import { M as useFlowStore, a as changedSourceFiles, c as diagnosticsByPath, d as isEditableSourcePath, f as projectLanguage, h as sourceLanguageOf, l as interfaceFields, o as childRunIdOf, p as readCodeWorkflowState, r as CODE_WORKFLOW_NODE_TYPE, s as defaultSourcePath, u as interfaceHandlers } from "./node-operation-selection-Czeeb2D4.js";
+import { F as nodeTitle, In as getNodeDetail, Jt as useNodeExecution, P as nodeSubtitle, Y as FieldTree, Z as latestNodeLog, cn as clearCodeWorkflowDefinitionCache, et as useGuardedNavigate, fn as declaredSignals, tn as fieldsFromValue, un as useCodeWorkflowInterface, z as useNodeConfig } from "./FluidGridsProvider-Dc_Jhtch.js";
+import { a as TabButton, c as NDV_Z_INDEX, i as ReadOnlyFieldset, n as SchedulePanel, o as NodeSettingsPanel, r as NodeExecutionActions, s as NodeParamsForm, t as SCHEDULE_NODE_TYPE } from "./schedule-panel-C1KwfLCE.js";
+import { n as getFluidGridsClient, r as getFluidGridsClientSafe } from "./client-Ctl4jmY3.js";
+import { o as throwIfResultError, t as describeOperationError } from "./errors-xPZ-IbQd.js";
+import { i as FileDownloadUrlDocument, n as WorkflowCodeSourceDocument, r as BuildWorkflowCodeDocument, t as WorkflowEditLeaseStatusDocument } from "./WorkflowEditLeaseStatusDocument-Dp62med3.js";
+import { r as TableView, t as JsonView } from "./logs-panel-DtG93ocy.js";
+import { hn as NodeStatesDocument, jt as useUnpinNodeDataMutation, qt as useWorkflowPinnedDataQuery, st as usePinNodeDataMutation } from "./useAgentDefinitions-ZKX2N9aP.js";
 import { l as useDurableFunctionNodesEnabled, m as usePhaseCFlags } from "./feature-flags-B_b8PJ6Z.js";
 import { s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
-import { t as CodeEditorField } from "./code-editor-field-B2l-B8in.js";
-import { h as fetchCodeBundleSdk } from "./api-m8hX_l2k.js";
-import { n as SignalRunDialog, s as RunHistoryView, t as useRunHistory } from "./useRunHistory-BhVY82Pg.js";
-import { s as isAgentNodeType } from "./agent-form-Bfvm32j1.js";
+import { t as CodeEditorField } from "./code-editor-field-Cv907s3W.js";
+import { h as fetchCodeBundleSdk } from "./api-BqA-f-AD.js";
+import { n as SignalRunDialog, s as RunHistoryView, t as useRunHistory } from "./useRunHistory-CGfjCsJ3.js";
+import { s as isAgentNodeType } from "./agent-form-D0uLvzx4.js";
 import { n as agentTracePath } from "./ai-usage-bmUn-gJP.js";
 import * as React$1 from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/{node-editor-tab-body-DBnsqYUK.js → node-editor-tab-body-Cc1MWEFR.js}

@@ -1,10 +1,10 @@
 "use client";
-import { H as useFlowStore } from "./node-operation-selection-DAbS6jSY.js";
-import { X as nodeTitle, ut as FieldTree } from "./FluidGridsProvider-CGi9a1So.js";
+import { M as useFlowStore } from "./node-operation-selection-Czeeb2D4.js";
+import { F as nodeTitle, Y as FieldTree } from "./FluidGridsProvider-Dc_Jhtch.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { m as usePhaseCFlags } from "./feature-flags-B_b8PJ6Z.js";
 import { s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
-import { a as TabButton, i as ReadOnlyFieldset, n as SchedulePanel, o as NodeSettingsPanel, s as NodeParamsForm, t as SCHEDULE_NODE_TYPE } from "./schedule-panel-CFAKmrBH.js";
+import { a as TabButton, i as ReadOnlyFieldset, n as SchedulePanel, o as NodeSettingsPanel, s as NodeParamsForm, t as SCHEDULE_NODE_TYPE } from "./schedule-panel-C1KwfLCE.js";
 import { useState } from "react";
 import { Icon } from "@iconify/react";
 import { cn } from "@burdenoff/fe-libs/utils";

package/dist/{node-operation-selection-DAbS6jSY.js → node-operation-selection-Czeeb2D4.js}

@@ -1,5 +1,6 @@
 "use client";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { t as editorSeverity } from "./code-editor-diagnostics-Zr0cIcx1.js";
 import * as React$1 from "react";
 import { useCallback, useEffect, useMemo } from "react";
 import { create } from "zustand";
@@ -825,100 +826,6 @@ const useFlowStore = create()((set, get) => {
 });
 if (typeof window !== "undefined" && import.meta.env?.DEV) window.__fgFlowStore = useFlowStore;
 
-// src/builder/contants/symbols.ts
-const NODE_TYPE_DRAG_DATA_FORMAT = "application/flow-builder.node-type";
-/**
-* Optional companion to NODE_TYPE_DRAG_DATA_FORMAT: carries the operation name
-* a node instance should be pinned to when dropped. Set by the Node Store
-* operation rows so a dragged operation lands on the canvas already configured
-* (no on-card operation dropdown). Absent for built-in / control-flow drags.
-*/
-const NODE_OPERATION_DRAG_DATA_FORMAT = "application/flow-builder.node-operation";
-/**
-* Node type of the canvas sticky note (n8n-style annotation). Stickies are
-* pure canvas decorations persisted in the workflow definition: they have no
-* handles, are skipped by flow validation, and are never reached by execution
-* (the run planner is trigger-rooted and edge-driven).
-*/
-const STICKY_NOTE_TYPE = "sticky-note";
-
-// src/builder/lib/sticky-notes.ts
-/**
-* Sticky notes are persisted OUTSIDE `definitionJson.data.nodes`, under a
-* sibling `stickyNotes` key, so nothing execution-adjacent (backend
-* validators, run planning, trigger sync, analytics over nodes) ever sees
-* them. On the canvas they still live as React Flow nodes; these helpers
-* convert between the two shapes at the save/load boundary.
-*/
-/**
-* n8n-parity sticky-note palette. The keys are persisted in workflow JSON
-* (`data.color`); each value is built from semantic categorical tokens
-* (fe-libs chart-* series), so the tints follow light/dark mode and the brand
-* themes. The default theme has no orange series, so orange is mixed from
-* the yellow and red series rather than borrowed from a status token: the
-* warning token resolves to the same hue as chart-4, which made orange and
-* yellow notes look identical.
-*/
-const STICKY_COLORS = {
-	yellow: "var(--color-chart-4)",
-	orange: "color-mix(in srgb, var(--color-chart-4) 50%, var(--color-chart-5))",
-	blue: "var(--color-chart-1)",
-	green: "var(--color-chart-2)",
-	red: "var(--color-chart-5)",
-	purple: "var(--color-chart-3)",
-	gray: "var(--color-chart-axis)"
-};
-const DEFAULT_STICKY_COLOR = "yellow";
-/** Palette key for a stored note colour; unknown or missing keys fall back to the default. */
-function resolveStickyColor(color) {
-	return typeof color === "string" && Object.hasOwn(STICKY_COLORS, color) ? color : DEFAULT_STICKY_COLOR;
-}
-/**
-* Opacity of a sticky note's body fill and border, in percent. These match
-* the hex alpha suffixes the notes used before the palette moved to semantic
-* tokens (`1F` ≈ 12 %, `59` ≈ 35 %), so existing notes look the same.
-*/
-const STICKY_FILL_PERCENT = 12;
-const STICKY_BORDER_PERCENT = 35;
-/**
-* Translucent tint of a palette colour. The palette holds CSS variables
-* (`var(--color-chart-4)`), so a hex alpha suffix cannot be appended: the
-* result (`var(--color-chart-4)1F`) is invalid CSS and the browser drops the
-* whole declaration. `color-mix` works with any colour value, including
-* variables, and keeps the note following the active theme.
-*/
-function stickyTint(color, percent) {
-	return `color-mix(in srgb, ${color} ${Math.min(100, Math.max(0, percent))}%, transparent)`;
-}
-/** Inline fill and border colours for a sticky note body. */
-function stickySurfaceStyle(color) {
-	return {
-		backgroundColor: stickyTint(color, 12),
-		borderColor: stickyTint(color, 35)
-	};
-}
-function isStickyNode(node) {
-	return node?.type === STICKY_NOTE_TYPE;
-}
-/** Split canvas nodes into executable nodes and sticky notes (for save). */
-function partitionStickyNotes(nodes) {
-	return {
-		nodes: nodes.filter((n) => !isStickyNode(n)),
-		stickyNotes: nodes.filter((n) => isStickyNode(n))
-	};
-}
-/**
-* Combine a loaded definition's nodes + stickyNotes into one canvas node list
-* (for load). Tolerates legacy definitions that still carry sticky nodes
-* inside `nodes` (de-duplicated by id).
-*/
-function mergeStickyNotes(def) {
-	const nodes = Array.isArray(def.nodes) ? def.nodes : [];
-	const stickies = Array.isArray(def.stickyNotes) ? def.stickyNotes : [];
-	const seen = new Set(nodes.map((n) => n.id));
-	return [...nodes, ...stickies.filter((s) => s?.id && !seen.has(s.id))];
-}
-
 // src/builder/components/flow-builder/components/ui/node-type-icon.tsx
 /**
 * True when a manifest icon value is an image reference (URL / data URI)
@@ -1805,50 +1712,6 @@ function LogicNodeCard({ title, subtitle, icon, accent, selected, executionStatu
 	});
 }
 
-// src/builder/components/ndv/code-editor-diagnostics.ts
-/** Maps the service's severity strings onto CodeMirror's three. */
-function editorSeverity(value) {
-	const lower = value.toLowerCase();
-	if (lower.startsWith("warn")) return "warning";
-	if (lower === "info" || lower === "hint" || lower === "suggestion") return "info";
-	return "error";
-}
-/** Start offsets of each line of `text`. */
-function lineStarts(text) {
-	const starts = [0];
-	for (let i = 0; i < text.length; i += 1) if (text.charCodeAt(i) === 10) starts.push(i + 1);
-	return starts;
-}
-/**
-* Converts line/column diagnostics into CodeMirror ranges over `text`. A
-* position beyond the text is clamped to its end, so a diagnostic computed for
-* an older text never throws. A column marks the token that starts there (up
-* to the next non-word character); no column marks the whole line.
-*/
-function toCodeMirrorDiagnostics(text, diagnostics) {
-	const starts = lineStarts(text);
-	return diagnostics.map((diagnostic) => {
-		const lineIndex = Math.min(Math.max((diagnostic.line ?? 1) - 1, 0), starts.length - 1);
-		const lineStart = starts[lineIndex];
-		const lineEnd = lineIndex + 1 < starts.length ? starts[lineIndex + 1] - 1 : text.length;
-		let from = lineStart;
-		let to = lineEnd;
-		if (diagnostic.column && diagnostic.column > 0) {
-			from = Math.min(lineStart + diagnostic.column - 1, lineEnd);
-			to = from;
-			while (to < lineEnd && /[\w$]/.test(text.charAt(to))) to += 1;
-			if (to === from) to = Math.min(from + 1, lineEnd);
-		}
-		const message = diagnostic.code ? `${diagnostic.code}: ${diagnostic.message}` : diagnostic.message;
-		return {
-			from,
-			to,
-			severity: diagnostic.severity,
-			message
-		};
-	});
-}
-
 // src/builder/components/code-workflow/code-workflow-state.ts
 /**
 * Pure helpers behind the code-workflow node's card, Source, Trace and
@@ -2011,4 +1874,4 @@ function synchronizeOperationUpdate(currentData, updates, registeredOperations)
 	};
 }
 
-export { nodeAccent as A, NODE_TYPE_DRAG_DATA_FORMAT as B, nodeAdaptersOf as C, NodeCard as D, resolveOutputHandles as E, mergeStickyNotes as F, isTriggerOperation as G, useFlowStore as H, partitionStickyNotes as I, resolveStickyColor as L, isImageIcon as M, DEFAULT_STICKY_COLOR as N, NodeCardBody as O, STICKY_COLORS as P, stickySurfaceStyle as R, landingSourceHandle as S, resolveInputHandles as T, useIsValidConnection as U, STICKY_NOTE_TYPE as V, isNodeTrigger as W, LogicNodeCard as _, changedSourceFiles as a, alignPlainOutputEdges as b, diagnosticsByPath as c, isEditableSourcePath as d, projectLanguage as f, toCodeMirrorDiagnostics as g, sourceLanguageOf as h, WAIT_FOR_SIGNAL_NODE_TYPE as i, NodeTypeIcon as j, NodeCardHeader as k, interfaceFields as l, readSignalName as m, synchronizeOperationUpdate as n, childRunIdOf as o, readCodeWorkflowState as p, CODE_WORKFLOW_NODE_TYPE as r, defaultSourcePath as s, resolveOperationName as t, interfaceHandlers as u, InputHandles as v, outputHandlesSpacerHeight as w, hasNodeManifest as x, OutputHandles as y, NODE_OPERATION_DRAG_DATA_FORMAT as z };
+export { NodeTypeIcon as A, outputHandlesSpacerHeight as C, NodeCardBody as D, NodeCard as E, isTriggerOperation as F, useFlowStore as M, useIsValidConnection as N, NodeCardHeader as O, isNodeTrigger as P, nodeAdaptersOf as S, resolveOutputHandles as T, InputHandles as _, changedSourceFiles as a, hasNodeManifest as b, diagnosticsByPath as c, isEditableSourcePath as d, projectLanguage as f, LogicNodeCard as g, sourceLanguageOf as h, WAIT_FOR_SIGNAL_NODE_TYPE as i, isImageIcon as j, nodeAccent as k, interfaceFields as l, readSignalName as m, synchronizeOperationUpdate as n, childRunIdOf as o, readCodeWorkflowState as p, CODE_WORKFLOW_NODE_TYPE as r, defaultSourcePath as s, resolveOperationName as t, interfaceHandlers as u, OutputHandles as v, resolveInputHandles as w, landingSourceHandle as x, alignPlainOutputEdges as y };

package/dist/node-registry-refresh-s3okf83X.js

@@ -0,0 +1,27 @@
+"use client";
+// src/builder/node-registry-refresh.ts
+/**
+* Refreshing the builder's node registry without loading it (BOFF-11826).
+*
+* A host calls `refreshNodeRegistry()` when it sets the workspace's clients, so
+* a registry that is already loaded reloads for the new workspace. The registry
+* itself (`blocks/index.ts`) is part of the builder's code. Importing it for
+* this call put the builder's registry, its node components and every GraphQL
+* document into each workflow page's first load. While the registry module has
+* not loaded there is nothing loaded to refresh, so this module only holds the
+* refresh the registry hands it when it loads.
+*/
+let refresh = null;
+/** Called once by the registry module when it loads. */
+function provideNodeRegistryRefresh(fn) {
+	refresh = fn;
+}
+/**
+* Reloads the node registry if it has loaded; otherwise there is nothing to
+* refresh and it resolves at once. The builder loads the registry on demand.
+*/
+function refreshNodeRegistry() {
+	return refresh ? refresh() : Promise.resolve();
+}
+
+export { refreshNodeRegistry as n, provideNodeRegistryRefresh as t };

package/dist/nodes.js

@@ -1,4 +1,4 @@
 "use client";
-import { t as NodesPage } from "./NodesPage-YQ-hP60x.js";
+import { t as NodesPage } from "./NodesPage-C5Dq-ru-.js";
 
 export { NodesPage };