@burdenoff/fluidgrids-fe-sdk 2026.1111.16 → 2026.1111.18

package/dist/settings.d.ts

@@ -1,3 +1,4 @@
 
-import { n as ManagedAiRequestScope, r as SettingsPage, t as ManagedAiPolicyAuthorityProvider } from "./ManagedAiPolicyAuthority-CGux_DaV.js";
+import { t as SettingsPage } from "./SettingsPage-DMHQFj5-.js";
+import { n as ManagedAiRequestScope, t as ManagedAiPolicyAuthorityProvider } from "./ManagedAiPolicyAuthority-DM3t3wNr.js";
 export { ManagedAiPolicyAuthorityProvider, type ManagedAiRequestScope, SettingsPage };

package/dist/settings.js

@@ -1,4 +1,5 @@
 "use client";
-import { n as SettingsPage, t as ManagedAiPolicyAuthorityProvider } from "./ManagedAiPolicyAuthority-DsSaz-vg.js";
+import { t as SettingsPage } from "./SettingsPage-CJLZvv4J.js";
+import { t as ManagedAiPolicyAuthorityProvider } from "./ManagedAiPolicyAuthority-BxwJ3ptd.js";
 
 export { ManagedAiPolicyAuthorityProvider, SettingsPage };

package/dist/shared-CMfn30xT.js

@@ -0,0 +1,196 @@
+"use client";
+import { _ as throwIfResultError, m as describeOperationError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Label, Textarea } from "@burdenoff/fe-libs/ui";
+
+// src/graphql/typed-calls.ts
+async function readTyped(query, variables) {
+	const result = await getFluidGridsClient().query({
+		query,
+		variables,
+		fetchPolicy: "network-only"
+	});
+	throwIfResultError(result);
+	if (!result.data) throw new Error("The request returned no data");
+	return result.data;
+}
+async function writeTyped(mutation, variables) {
+	const result = await getFluidGridsClient().mutate({
+		mutation,
+		variables
+	});
+	throwIfResultError(result);
+	if (!result.data) throw new Error("The request returned no data");
+	return result.data;
+}
+
+// src/modules/run-control/hooks/useResource.ts
+/**
+* A read keyed by its arguments that sends nothing while `enabled` is false,
+* keeps the last good answer, ignores answers to superseded requests, and
+* re-reads every `intervalMs` while `live`. The Phase C views use it so that
+* a gateway or service without the Phase C release only leaves a view empty.
+*/
+function useResource(key, enabled, load, { live = false, intervalMs = 0 } = {}) {
+	const [data, setData] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(null);
+	const request = useRef(0);
+	const loadRef = useRef(load);
+	loadRef.current = load;
+	const active = enabled && key !== null;
+	const refetch = useCallback(async () => {
+		if (!enabled || key === null) return;
+		const id = ++request.current;
+		setLoading(true);
+		try {
+			const next = await loadRef.current();
+			if (id !== request.current) return;
+			setData(next);
+			setError(null);
+		} catch (err) {
+			if (id !== request.current) return;
+			setError(describeOperationError(err));
+		} finally {
+			if (id === request.current) setLoading(false);
+		}
+	}, [enabled, key]);
+	useEffect(() => {
+		request.current += 1;
+		setData(null);
+		setError(null);
+		setLoading(false);
+		refetch();
+	}, [refetch]);
+	useEffect(() => {
+		if (!live || !active || intervalMs <= 0) return;
+		const timer = setInterval(() => void refetch(), intervalMs);
+		return () => clearInterval(timer);
+	}, [
+		live,
+		active,
+		intervalMs,
+		refetch
+	]);
+	const set = useCallback((value) => {
+		request.current += 1;
+		setData(value);
+		setError(null);
+		setLoading(false);
+	}, []);
+	return {
+		data: active ? data : null,
+		loading,
+		error,
+		refetch,
+		set
+	};
+}
+
+// src/modules/run-control/utils/json-input.ts
+function parseJsonInput(text) {
+	const trimmed = text.trim();
+	if (!trimmed) return {
+		ok: true,
+		value: void 0
+	};
+	try {
+		return {
+			ok: true,
+			value: JSON.parse(trimmed)
+		};
+	} catch (error) {
+		return {
+			ok: false,
+			error: error instanceof Error ? error.message : String(error)
+		};
+	}
+}
+/** Like {@link parseJsonInput}, but the value must be a JSON object. */
+function parseJsonObjectInput(text) {
+	const parsed = parseJsonInput(text);
+	if (!parsed.ok) return parsed;
+	const value = parsed.value;
+	if (typeof value !== "object" || value === null || Array.isArray(value)) return {
+		ok: false,
+		error: "Enter a JSON object, for example {\"key\": 1}"
+	};
+	return {
+		ok: true,
+		value: Object.fromEntries(Object.entries(value))
+	};
+}
+/** Pretty JSON for display; `undefined` and `null` show as an em dash. */
+function formatJson(value) {
+	if (value === void 0 || value === null) return "—";
+	if (typeof value === "string") return JSON.stringify(value);
+	return JSON.stringify(value, null, 2);
+}
+/** A fresh idempotency id for an update (kept while its dialog stays open). */
+function newRunControlId(prefix) {
+	return `${prefix}-${typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`}`;
+}
+
+// src/modules/run-control/components/shared.tsx
+/** Dialog layers sit above the builder's canvas and the NDV (1100). */
+const RUN_CONTROL_DIALOG_STYLE = { zIndex: 1100 };
+function FieldError({ message, testId }) {
+	if (!message) return null;
+	return /* @__PURE__ */ jsx("p", {
+		role: "alert",
+		className: "text-sm text-[var(--color-status-error-text)]",
+		"data-testid": testId,
+		children: message
+	});
+}
+function JsonField({ id, label, value, onChange, placeholder, error, rows = 4, testId }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-1.5",
+		children: [
+			/* @__PURE__ */ jsx(Label, {
+				htmlFor: id,
+				children: label
+			}),
+			/* @__PURE__ */ jsx(Textarea, {
+				id,
+				value,
+				onChange: (event) => onChange(event.target.value),
+				placeholder,
+				rows,
+				className: "font-mono text-xs",
+				"data-testid": testId
+			}),
+			/* @__PURE__ */ jsx(FieldError, { message: error })
+		]
+	});
+}
+function JsonBlock({ value, testId }) {
+	return /* @__PURE__ */ jsx("pre", {
+		className: "max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-md bg-background-primary p-3 font-mono text-xs text-text-primary",
+		"data-testid": testId,
+		children: formatJson(value)
+	});
+}
+function NativeSelect({ id, value, onChange, children, testId, disabled, ariaLabel }) {
+	return /* @__PURE__ */ jsx("select", {
+		id,
+		value,
+		disabled,
+		"aria-label": ariaLabel,
+		onChange: (event) => onChange(event.target.value),
+		className: "h-9 w-full rounded-md border border-border-primary bg-background-primary px-2 text-sm text-text-primary",
+		"data-testid": testId,
+		children
+	});
+}
+function StatusPill({ tone, children, testId }) {
+	const classes = tone === "neutral" ? "border-border-secondary bg-background-tertiary text-text-secondary" : `border-[var(--color-status-${tone}-border)] bg-[var(--color-status-${tone}-bg-subtle)] text-[var(--color-status-${tone}-text)]`;
+	return /* @__PURE__ */ jsx("span", {
+		className: `inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium ${classes}`,
+		"data-testid": testId,
+		children
+	});
+}
+
+export { RUN_CONTROL_DIALOG_STYLE as a, parseJsonInput as c, readTyped as d, writeTyped as f, NativeSelect as i, parseJsonObjectInput as l, JsonBlock as n, StatusPill as o, JsonField as r, newRunControlId as s, FieldError as t, useResource as u };

package/dist/sidebar-node-editor-CR1PiZO-.js

@@ -0,0 +1,177 @@
+"use client";
+import { A as nodeAccent, H as useFlowStore, j as NodeTypeIcon } from "./node-operation-selection--oy-yEq_.js";
+import { G as nodeSubtitle, K as nodeTitle, Mn as getNodeDetail, X as useNodeConfig, rn as useNodeExecution } from "./FluidGridsProvider-dvZSNtSW.js";
+import { i as NodeInputFields, n as useNodeEditorTab, r as NodeEditorTabs, t as NodeEditorTabBody } from "./node-editor-tab-body-DU-dh35X.js";
+import { r as NodeExecutionActions } from "./schedule-panel-C0mfGQSD.js";
+import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { useEffect, useState } from "react";
+import { Icon } from "@iconify/react";
+import { cn } from "@burdenoff/fe-libs/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/builder/components/sidebar-node-editor/sidebar-node-editor.tsx
+/**
+* The node editor in the builder's right sidebar (BOFF-11325).
+*
+* It is the NDV's middle column in sidebar form: the same `useNodeConfig`
+* model and the same `NodeParamsForm` / `NodeSettingsPanel` (and the Schedule
+* tab for a Schedule Trigger), so a node is configured identically from the
+* NDV, the single-click quick panel and here. Writes go straight to the flow
+* store, as in the other two editors. It replaces the legacy property panels,
+* which rendered the manifest's adaptive card instead.
+*/
+function SidebarNodeEditor({ nodeId, type }) {
+	return /* @__PURE__ */ jsx(SidebarNodeEditorInner, {
+		nodeId,
+		type
+	}, nodeId);
+}
+function SidebarNodeEditorInner({ nodeId, type }) {
+	const config = useNodeConfig({
+		nodeId,
+		type
+	}, { webhookEnabled: true });
+	const { node, nodes } = config;
+	const setSelectedNode = useFlowStore((s) => s.actions.sidebar.panels.nodeProperties.setSelectedNode);
+	const { tab, setTab, hasSchedule } = useNodeEditorTab(node?.type);
+	const [showInput, setShowInput] = useState(false);
+	useEffect(() => {
+		if (!nodes.some((n) => n.id === nodeId)) setSelectedNode(null);
+	}, [
+		nodes,
+		nodeId,
+		setSelectedNode
+	]);
+	if (!node) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-h-0 flex-1 flex-col",
+		"data-testid": "sidebar-node-editor",
+		children: [
+			/* @__PURE__ */ jsx(EditorHeader, {
+				config,
+				nodeId,
+				type,
+				showInput,
+				onToggleInput: () => setShowInput((v) => !v)
+			}),
+			/* @__PURE__ */ jsx(NodeEditorTabs, {
+				active: tab,
+				onChange: setTab,
+				hasSchedule,
+				testIdPrefix: "sp"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "min-h-0 flex-1 overflow-auto",
+				children: [showInput && /* @__PURE__ */ jsx("div", {
+					className: "m-3 flex max-h-64 flex-col overflow-hidden rounded-lg border border-border bg-card",
+					"data-testid": "sp-input-fields",
+					children: /* @__PURE__ */ jsx(NodeInputFields, {
+						config,
+						testIdPrefix: "sp"
+					})
+				}), /* @__PURE__ */ jsx(NodeEditorTabBody, {
+					tab,
+					config,
+					nodeId,
+					testIdPrefix: "sp"
+				})]
+			}),
+			/* @__PURE__ */ jsx(EditorRunActions, { nodeId })
+		]
+	});
+}
+/** The node, plus the input-mapper toggle and the switch to the full NDV. */
+function EditorHeader({ config, nodeId, type, showInput, onToggleInput }) {
+	const tr = useTr();
+	const openNdv = useFlowStore((s) => s.actions.ndv.open);
+	const meta = getNodeDetail(config.node?.type);
+	const accent = nodeAccent(config.node?.type || meta.title);
+	const subtitle = nodeSubtitle(config.node);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex shrink-0 items-center gap-2.5 border-b border-border px-3 py-2.5",
+		style: { borderTop: `3px solid ${accent}` },
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex size-7 shrink-0 items-center justify-center rounded-lg",
+				style: {
+					backgroundColor: `color-mix(in srgb, ${accent} 13%, transparent)`,
+					color: accent,
+					border: `1px solid color-mix(in srgb, ${accent} 26%, transparent)`
+				},
+				children: /* @__PURE__ */ jsx(NodeTypeIcon, {
+					icon: meta.icon,
+					className: "size-4"
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "truncate text-sm font-semibold leading-tight text-foreground",
+					children: nodeTitle(config.node)
+				}), subtitle && /* @__PURE__ */ jsx("p", {
+					className: "truncate font-mono text-[11px] leading-tight text-muted-foreground",
+					children: subtitle
+				})]
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				title: showInput ? tr("fluidgrids.builder.quickConfigPanel.hideInputDataTooltip", "Hide input data") : tr("fluidgrids.builder.quickConfigPanel.mapInputDataTooltip", "Map data from input"),
+				"aria-label": tr("fluidgrids.builder.quickConfigPanel.toggleMapperAriaLabel", "Toggle input mapper"),
+				"aria-pressed": showInput,
+				onClick: onToggleInput,
+				className: cn("rounded-md p-1.5 transition-colors hover:bg-muted hover:text-foreground", showInput ? "text-primary" : "text-muted-foreground"),
+				"data-testid": "sp-toggle-mapper",
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:tray-arrow-down",
+					className: "size-4"
+				})
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				title: tr("fluidgrids.builder.quickConfigPanel.openFullEditorTooltip", "Open full editor"),
+				"aria-label": tr("fluidgrids.builder.quickConfigPanel.openFullEditorAriaLabel", "Open full editor"),
+				onClick: () => openNdv({
+					nodeId,
+					type
+				}),
+				className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+				"data-testid": "sp-expand",
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:arrow-expand",
+					className: "size-4"
+				})
+			})
+		]
+	});
+}
+/** Run this step / continue from this node, as in the NDV and the quick panel. */
+function EditorRunActions({ nodeId }) {
+	const nodes = useFlowStore((s) => s.workflow.nodes);
+	const edges = useFlowStore((s) => s.workflow.edges);
+	const workflowKey = useFlowStore((s) => s.workflow.workflowKey);
+	const workflowId = useFlowStore((s) => s.workflow.id);
+	const workflowVersion = useFlowStore((s) => s.workflow.version);
+	const logs = useFlowStore((s) => s.execution.logs);
+	const sourceRun = useFlowStore((s) => s.execution.sourceRun);
+	const isExecuting = useFlowStore((s) => s.execution.isExecuting);
+	const { executeStep, executeFromNode } = useNodeExecution();
+	return /* @__PURE__ */ jsx(NodeExecutionActions, {
+		targetNodeId: nodeId,
+		nodes,
+		edges,
+		logs,
+		workflowKey: workflowKey || workflowId,
+		workflowVersion: workflowVersion || "1.0.0",
+		sourceRun,
+		isExecuting,
+		onExecuteStep: async (targetId) => {
+			await executeStep(targetId);
+		},
+		onContinueFromNode: async (sourceRunId, targetId) => {
+			await executeFromNode(sourceRunId, targetId);
+		},
+		testIdPrefix: "sp"
+	});
+}
+
+export { SidebarNodeEditor };

package/dist/templates.d.ts

@@ -1,3 +1,3 @@
 
-import { n as TemplatePreview, t as TemplatesPage } from "./TemplatesPage-D0qnXzHh.js";
+import { r as TemplatePreview, t as TemplatesPage } from "./TemplatesPage-BG3H-6v6.js";
 export { TemplatePreview, TemplatesPage };

package/dist/templates.js

@@ -1,4 +1,5 @@
 "use client";
-import { n as TemplatePreview, t as TemplatesPage } from "./TemplatesPage-Cku13bav.js";
+import { t as TemplatesPage } from "./TemplatesPage-CsDNT54N.js";
+import { t as TemplatePreview } from "./TemplatePreview-FayF6jxh.js";
 
 export { TemplatePreview, TemplatesPage };

package/dist/theme-provider-B3mIuz2d.js

@@ -0,0 +1,11 @@
+"use client";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { ThemeProvider } from "@burdenoff/fe-libs/shared/providers/shell";
+
+// src/builder/components/theme-provider.tsx
+function ThemeProvider$1({ children }) {
+	return /* @__PURE__ */ jsx(ThemeProvider, { children });
+}
+
+export { ThemeProvider$1 as t };