@burdenoff/fluidgrids-fe-sdk 2026.1111.17 → 2026.1111.18

package/dist/{TemplatePreview-GthzCOSo.js → TemplatePreview-FayF6jxh.js}

@@ -1,7 +1,7 @@
 "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-y2Y1iG4Y.js";
+import { t as FlowBuilderPage } from "./flow-builder-CZDKRc6f.js";
 import { a as useTemplateImportFlow, l as useImportWorkflowTemplate } from "./TemplateCard-DsC0KNH1.js";
 import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-7IFSaLyi.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";

package/dist/{WorkflowBuilder-DEi_9YOb.js → WorkflowBuilder-CPnXEL5J.js}

@@ -6,7 +6,7 @@ import { d as Input } from "./dialog-Cjb4lB4D.js";
 import { b as Card } from "./TemplateCard-DsC0KNH1.js";
 import { t as cn } from "./cn-QqidFIgr.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { B as FluidGridsMark, z as useNodeSelectedEvent } from "./flow-builder-y2Y1iG4Y.js";
+import { S as FluidGridsMark, x as useNodeSelectedEvent } from "./flow-builder-CZDKRc6f.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Background, Controls, Handle, MarkerType, MiniMap, Position, ReactFlow, ReactFlowProvider, useReactFlow } from "@xyflow/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{WorkflowBuilder-iPqXgbYr.js → WorkflowBuilder-YXRysvZc.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { h as useWorkflowReloadStore, m as releaseLeaseKeptForReload, t as FlowBuilderPage } from "./flow-builder-y2Y1iG4Y.js";
+import { g as useWorkflowReloadStore, h as releaseLeaseKeptForReload, t as FlowBuilderPage } from "./flow-builder-CZDKRc6f.js";
 import { n as registerLiveCanvasHandler } from "./liveCanvas-D5ytXDp8.js";
 import { _ as throwIfResultError, n as getFluidGridsClient, x as getFluidGridsConfig } from "./client-C9XSzSXr.js";
 import { Er as WorkflowDefinitionDocument } from "./graphql-operation-types-kX-MMjgW.js";
@@ -12,7 +12,7 @@ import { l as useLazyWorkflowDefinition, n as useCreateWorkflow } from "./useWor
 import { c as getWorkflowNodeTypes, o as buildNodeCheck, s as buildRequiredNodeTypes, v as useInstalledNodes } from "./TemplateCard-DsC0KNH1.js";
 import { c as withoutGuidedTourIntent, l as decideMissingWorkflow, o as isGuidedTourIntent, s as pickGuidedTour, u as isCreateIntent } from "./firstWorkflow-C_h0KMB2.js";
 import { f as BILLING_PLANS_PATH } from "./fluidgridsEvents-CNdcrUNN.js";
-import { O as CreateWorkflowRefusalDialog } from "./WorkflowShareDialog-B_gn968c.js";
+import { T as CreateWorkflowRefusalDialog } from "./useWorkflowCodeExport-Bu2QYJzA.js";
 import { Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useLocation, useNavigate, useParams } from "react-router";
 import { Icon } from "@iconify/react";

package/dist/WorkflowShareDialog-mbIwRQUY.js

@@ -0,0 +1,168 @@
+"use client";
+import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
+import { n as getFluidGridsClient } from "./client-C9XSzSXr.js";
+import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { JF as WorkflowShareRole, hF as WorkflowAccess, nI as WorkflowVisibility, qF as WorkflowSharePrincipalType } from "./graphql-types-CDKVWH2R.js";
+import { Mn as ShareWorkflowDocument, li as WorkflowSharingDocument } from "./graphql-operation-types-kX-MMjgW.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ResourceShareDialog, createSharePrincipalLister } from "@burdenoff/fe-libs/connections";
+
+// src/utils/workflow-sharing.ts
+/** Whether someone reaching a workflow this way may change who it is shared with. */
+function canShareWorkflow(access) {
+	return access === "OWNER" || access === "EDITOR" || access === "ADMINISTRATOR";
+}
+/** Whether someone reaching a workflow this way may change or run it. */
+function canEditWorkflow(access) {
+	return access !== "VIEWER";
+}
+const VISIBILITY_OUT = {
+	WORKSPACE: "WORKSPACE",
+	RESTRICTED: "RESTRICTED"
+};
+const VISIBILITY_IN = {
+	["WORKSPACE"]: "WORKSPACE",
+	["RESTRICTED"]: "RESTRICTED"
+};
+const PRINCIPAL_OUT = {
+	USER: "USER",
+	GROUP: "GROUP",
+	PROJECT: "PROJECT"
+};
+const PRINCIPAL_IN = {
+	["USER"]: "USER",
+	["GROUP"]: "GROUP",
+	["PROJECT"]: "PROJECT"
+};
+const ROLE_OUT = {
+	VIEWER: "VIEWER",
+	EDITOR: "EDITOR"
+};
+const ROLE_IN = {
+	["VIEWER"]: "VIEWER",
+	["EDITOR"]: "EDITOR"
+};
+/** The service's answer as the dialog sees it; `name` is what the title shows. */
+function toResourceSharing(sharing, name = sharing.workflowKey) {
+	const shares = sharing.shares.map((share) => ({
+		principalType: PRINCIPAL_IN[share.principalType],
+		principalId: share.principalId,
+		role: ROLE_IN[share.role]
+	}));
+	return {
+		id: sharing.workflowKey,
+		name,
+		ownerId: sharing.ownerId ?? "",
+		visibility: VISIBILITY_IN[sharing.visibility],
+		canManage: canShareWorkflow(sharing.myAccess),
+		administrator: sharing.canTransferOwnership,
+		shares
+	};
+}
+/** The workflow service behind the generic Share dialog. */
+function workflowSharingApi(client, listPrincipals) {
+	return {
+		async getSharing(workflowKey) {
+			const result = await client.query({
+				query: WorkflowSharingDocument,
+				variables: { workflowKey },
+				fetchPolicy: "network-only"
+			});
+			if (!result.data) throw new Error("Workflow not found");
+			return toResourceSharing(result.data.workflowSharing);
+		},
+		listPrincipals,
+		async share(input) {
+			const result = await client.mutate({
+				mutation: ShareWorkflowDocument,
+				variables: { input: {
+					workflowKey: input.resourceId,
+					visibility: VISIBILITY_OUT[input.visibility],
+					shares: input.shares.map((share) => ({
+						principalType: PRINCIPAL_OUT[share.principalType],
+						principalId: share.principalId,
+						role: ROLE_OUT[share.role]
+					})),
+					...input.ownerId ? { ownerId: input.ownerId } : {}
+				} }
+			});
+			if (!result.data) throw new Error("Workflow not found");
+			return toResourceSharing(result.data.shareWorkflow);
+		}
+	};
+}
+
+// src/components/WorkflowShareDialog.tsx
+/**
+* WorkflowShareDialog — who can reach a workflow (BOFF-9726).
+*
+* The workflow version of fe-libs' ResourceShareDialog: a workflow is shared
+* with people, groups or workspace projects as "Can view" or "Can edit", or
+* left to the whole workspace. The workflow service decides who may change
+* the sharing (its owner, an editor it is shared with, or a workspace admin)
+* and answers NOT_FOUND to anyone else; this dialog only shows what the
+* caller may do and sends the complete new sharing back.
+*/
+var WorkflowShareDialog_exports = /* @__PURE__ */ __exportAll({ WorkflowShareDialog: () => WorkflowShareDialog });
+function workflowShareCopy(tr, name) {
+	return {
+		title: (loaded) => tr("fluidgrids.sharing.title", "Share {{name}}", { name: name || loaded }),
+		titleLoading: tr("fluidgrids.sharing.titleLoading", "Share workflow"),
+		loading: tr("fluidgrids.sharing.loading", "Loading sharing…"),
+		readOnly: tr("fluidgrids.sharing.readOnly", "Only the owner, editors and workspace admins can change who can open this workflow."),
+		save: tr("fluidgrids.sharing.save", "Save"),
+		cancel: tr("fluidgrids.sharing.cancel", "Cancel"),
+		close: tr("fluidgrids.sharing.close", "Close"),
+		owner: tr("fluidgrids.sharing.owner", "Owner"),
+		add: tr("fluidgrids.sharing.add", "Share with people, groups or projects"),
+		addPlaceholder: tr("fluidgrids.sharing.addPlaceholder", "Search by name or email"),
+		sharedWith: tr("fluidgrids.sharing.sharedWith", "Shared with"),
+		onlyOwner: tr("fluidgrids.sharing.onlyOwner", "No one else yet. Only the owner and workspace admins can open it."),
+		none: tr("fluidgrids.sharing.none", "No one in particular."),
+		principalType: {
+			USER: tr("fluidgrids.sharing.type.user", "Person"),
+			GROUP: tr("fluidgrids.sharing.type.group", "Group"),
+			PROJECT: tr("fluidgrids.sharing.type.project", "Project")
+		},
+		roleFor: (grantee) => tr("fluidgrids.sharing.roleFor", "Access for {{name}}", { name: grantee }),
+		remove: (grantee) => tr("fluidgrids.sharing.remove", "Stop sharing with {{name}}", { name: grantee }),
+		visibility: {
+			legend: tr("fluidgrids.sharing.visibility.label", "Who can open this workflow"),
+			restricted: tr("fluidgrids.sharing.visibility.restricted", "Only people I choose"),
+			restrictedHint: tr("fluidgrids.sharing.visibility.restrictedHint", "You, the people, groups or projects you share it with, and workspace admins. Everyone else cannot find it."),
+			workspace: tr("fluidgrids.sharing.visibility.workspace", "Everyone in this workspace"),
+			workspaceHint: tr("fluidgrids.sharing.visibility.workspaceHint", "Anyone in the workspace can open it, as their workspace role allows.")
+		}
+	};
+}
+function WorkflowShareDialog({ open, onClose, workflowKey, workflowName, workspaceId, client, onShared, api: apiOverride }) {
+	const tr = useTr();
+	const api = useMemo(() => {
+		if (apiOverride) return apiOverride;
+		const apollo = client ?? getFluidGridsClient();
+		return workflowSharingApi(apollo, createSharePrincipalLister(apollo));
+	}, [apiOverride, client]);
+	const copy = useMemo(() => workflowShareCopy(tr, workflowName), [tr, workflowName]);
+	const roles = useMemo(() => [{
+		value: "VIEWER",
+		label: tr("fluidgrids.sharing.role.viewer", "Can view")
+	}, {
+		value: "EDITOR",
+		label: tr("fluidgrids.sharing.role.editor", "Can edit")
+	}], [tr]);
+	return /* @__PURE__ */ jsx(ResourceShareDialog, {
+		open,
+		onClose,
+		api,
+		resourceId: workflowKey,
+		workspaceId,
+		roles,
+		copy,
+		testIdPrefix: "share-workflow",
+		translate: tr,
+		onShared: onShared ? () => onShared() : void 0
+	});
+}
+
+export { canShareWorkflow as i, WorkflowShareDialog_exports as n, canEditWorkflow as r, WorkflowShareDialog as t };

package/dist/{WorkflowsList-CA20dVIl.js → WorkflowsList-DiiGyZkT.js}

@@ -2,13 +2,14 @@
 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-BlVVu8NM.js";
 import { Dt as createThenOpen, t as FluidGridsContext } from "./FluidGridsProvider-dvZSNtSW.js";
-import { C as readProjectArchive, D as workflowNameFromFile, E as typeScriptModuleFile, O as CreateWorkflowRefusalDialog, S as primaryImportModule, T as typeScriptImportSource, _ as importFileKind, a as downloadWorkflowExport, c as canShareWorkflow, d as MAX_IMPORT_ARCHIVE_BYTES, f as MAX_IMPORT_SOURCE_BYTES, g as importAcceptAttribute, l as CODE_EXPORT_FORMATS, m as checkTypeScriptImport, o as parseWorkflowImport, p as assertImportByteSize, r as useExportWorkflowAs, s as canEditWorkflow, t as WorkflowShareDialog, u as ImportSourceError } from "./WorkflowShareDialog-B_gn968c.js";
+import { C as typeScriptModuleFile, S as typeScriptImportSource, T as CreateWorkflowRefusalDialog, a as parseWorkflowImport, b as readProjectArchive, c as MAX_IMPORT_ARCHIVE_BYTES, d as checkTypeScriptImport, i as downloadWorkflowExport, l as MAX_IMPORT_SOURCE_BYTES, m as importFileKind, n as useExportWorkflowAs, o as CODE_EXPORT_FORMATS, p as importAcceptAttribute, s as ImportSourceError, u as assertImportByteSize, w as workflowNameFromFile, y as primaryImportModule } from "./useWorkflowCodeExport-Bu2QYJzA.js";
 import { f as BILLING_PLANS_PATH, y as isQuotaExhaustedFailure } from "./fluidgridsEvents-CNdcrUNN.js";
 import { H as useFlowStore } from "./node-operation-selection--oy-yEq_.js";
 import { a as SdkPermissionGate, i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
 import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-7IFSaLyi.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { CF as WorkflowExportFormat, gF as WorkflowAccessFilter } from "./graphql-types-CDKVWH2R.js";
+import { i as canShareWorkflow, r as canEditWorkflow, t as WorkflowShareDialog } from "./WorkflowShareDialog-mbIwRQUY.js";
 import { l as useFluidGridsFlag, t as FLUIDGRIDS_FLAGS } from "./feature-flags-DM5myWaD.js";
 import { _ as throwIfResultError, m as describeOperationError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
 import { $t as RenameWorkflowProjectDocument, G as DeleteWorkflowFolderDocument, Hr as WorkflowProjectsDocument, K as DeleteWorkflowProjectDocument, M as CreateWorkflowProjectDocument, Nr as WorkflowFoldersDocument, Qt as RenameWorkflowFolderDocument, Tt as MoveWorkflowFolderDocument, g as BulkMoveWorkflowsToFolderDocument, h as BulkDeleteWorkflowsDocument, j as CreateWorkflowFolderDocument, m as BulkAssignWorkflowsToProjectDocument } from "./graphql-operation-types-kX-MMjgW.js";

package/dist/{agentTools-CkRJB7r5.js → agentTools-8s_25Q_F.js}

@@ -2,7 +2,7 @@
 import { At as useSaveStatusStore, J as paramsFromOperation, K as nodeTitle, L as createConfiguredNode, W as fixedParameterState, Y as selectedOperationOf, _ as registryNodeData, f as isNodeConfigsInitialized, o as NODE_CONFIGS, pt as autosaveAllowedFor, xt as isFlowComplete } from "./FluidGridsProvider-dvZSNtSW.js";
 import { E as resolveOutputHandles, H as useFlowStore, T as resolveInputHandles } from "./node-operation-selection--oy-yEq_.js";
 import { j as isNodeTypeHiddenFromPalette } from "./TemplateCard-DsC0KNH1.js";
-import { y as computeAttachPosition } from "./flow-builder-y2Y1iG4Y.js";
+import { b as computeAttachPosition } from "./flow-builder-CZDKRc6f.js";
 import { AgentToolError, defineAgentTool } from "@burdenoff/fe-libs/shared/agent-tools";
 import { z } from "zod";
 

package/dist/{canvasNoteTools-CQIc7Oxg.js → canvasNoteTools-B6pYARgU.js}

@@ -2,7 +2,7 @@
 import { n as useAgentMarksStore, r as toPlainText } from "./marksStore-DGCXjTmZ.js";
 import { J as paramsFromOperation, K as nodeTitle, Y as selectedOperationOf } from "./FluidGridsProvider-dvZSNtSW.js";
 import { H as useFlowStore } from "./node-operation-selection--oy-yEq_.js";
-import { g as notesKeyOf } from "./flow-builder-y2Y1iG4Y.js";
+import { _ as notesKeyOf } from "./flow-builder-CZDKRc6f.js";
 import { AgentToolError, defineAgentTool } from "@burdenoff/fe-libs/shared/agent-tools";
 import { z } from "zod";
 

package/dist/code-editor-field-9-GdVE_8.js

@@ -0,0 +1,111 @@
+"use client";
+import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
+import { g as toCodeMirrorDiagnostics } from "./node-operation-selection--oy-yEq_.js";
+import { Fn as useBuilderReadOnly } from "./FluidGridsProvider-dvZSNtSW.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { cn } from "@burdenoff/fe-libs/utils";
+import { jsx } from "react/jsx-runtime";
+import CodeMirror, { EditorView } from "@uiw/react-codemirror";
+import { lintGutter, setDiagnostics } from "@codemirror/lint";
+
+// src/builder/components/ndv/code-editor-field.tsx
+var code_editor_field_exports = /* @__PURE__ */ __exportAll({ CodeEditorField: () => CodeEditorField });
+/**
+* Loads the grammar for the selected language on demand (BOFF-6695). The
+* lezer parsers are heavy and only one language is ever shown per editor, so
+* each language pack is a separate chunk that loads when an editor for it
+* mounts. `null` until the pack resolves: the editor renders as plain text
+* for that first moment and reconfigures once highlighting arrives.
+*/
+function useLanguageExtension(language) {
+	const [extension, setExtension] = useState(null);
+	useEffect(() => {
+		let cancelled = false;
+		(language === "python" ? import("@codemirror/lang-python").then((m) => m.python()) : import("@codemirror/lang-javascript").then((m) => m.javascript({ typescript: language === "typescript" }))).then((ext) => {
+			if (!cancelled) setExtension(ext);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [language]);
+	return extension;
+}
+function normalizeCodeLanguage(value) {
+	return typeof value === "string" && value.toLowerCase().startsWith("py") ? "python" : "javascript";
+}
+/**
+* Follows the app shell's `.dark` class on <html> so the editor theme matches
+* the surrounding UI (fe-libs toggles that class; there is no context to read).
+*/
+function useIsDarkTheme() {
+	const [dark, setDark] = useState(() => typeof document !== "undefined" && document.documentElement.classList.contains("dark"));
+	useEffect(() => {
+		const root = document.documentElement;
+		const observer = new MutationObserver(() => setDark(root.classList.contains("dark")));
+		observer.observe(root, {
+			attributes: true,
+			attributeFilter: ["class"]
+		});
+		return () => observer.disconnect();
+	}, []);
+	return dark;
+}
+/**
+* CodeMirror-backed editor for `code`-typed NDV parameters (n8n-style Code
+* node). Purely presentational — the stored value stays a plain string in
+* `args.state`, exactly like the single-line input it replaces.
+*/
+function CodeEditorField({ value, language, placeholder, label, onChange, readOnly: readOnlyProp = false, diagnostics, minHeight = "180px", maxHeight = "420px", className, "data-testid": testId }) {
+	const dark = useIsDarkTheme();
+	const withLint = diagnostics !== void 0;
+	const builderReadOnly = useBuilderReadOnly();
+	const readOnly = readOnlyProp || builderReadOnly;
+	const languageExtension = useLanguageExtension(language);
+	const extensions = useMemo(() => [
+		...languageExtension ? [languageExtension] : [],
+		...label ? [EditorView.contentAttributes.of({ "aria-label": label })] : [],
+		...withLint ? [lintGutter()] : []
+	], [
+		languageExtension,
+		label,
+		withLint
+	]);
+	const viewRef = useRef(null);
+	useEffect(() => {
+		const view = viewRef.current;
+		if (!view || diagnostics === void 0) return;
+		view.dispatch(setDiagnostics(view.state, toCodeMirrorDiagnostics(view.state.doc.toString(), diagnostics)));
+	}, [diagnostics]);
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": testId,
+		className: cn("overflow-hidden rounded-md border border-input text-sm transition-colors focus-within:border-primary", className),
+		onKeyDown: (e) => e.stopPropagation(),
+		onMouseDown: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ jsx(CodeMirror, {
+			value,
+			onChange: readOnly ? void 0 : onChange,
+			extensions,
+			theme: dark ? "dark" : "light",
+			placeholder,
+			minHeight,
+			maxHeight,
+			editable: !readOnly,
+			readOnly,
+			onCreateEditor: (view) => {
+				viewRef.current = view;
+				if (diagnostics?.length) view.dispatch(setDiagnostics(view.state, toCodeMirrorDiagnostics(view.state.doc.toString(), diagnostics)));
+			},
+			basicSetup: {
+				lineNumbers: true,
+				foldGutter: true,
+				highlightActiveLine: !readOnly,
+				autocompletion: !readOnly,
+				bracketMatching: true,
+				closeBrackets: !readOnly,
+				indentOnInput: !readOnly
+			}
+		})
+	});
+}
+
+export { code_editor_field_exports as n, normalizeCodeLanguage as r, CodeEditorField as t };