@burdenoff/fluidgrids-fe-sdk 2026.1111.17 → 2026.1111.19

package/dist/{TemplateCard-DsC0KNH1.js → TemplateCard-BdB087SP.js}

@@ -1052,8 +1052,34 @@ function buildNodeCheck(requiredNodeTypes, installedAppIds) {
 	};
 }
 
+// src/utils/dismiss-toast.ts
+/** Resolves on the next zero-delay timer. */
+function nextTimer() {
+	return new Promise((resolve) => setTimeout(resolve, 0));
+}
+/**
+* Dismiss a toast that may have been created a moment ago.
+*
+* sonner adds a toast to the screen on a zero-delay timer, but delivers a
+* dismissal on animation frames. A dismissal sent while the add is still
+* queued (the work finished fast, or the main thread was busy rendering) is
+* applied first, finds nothing to remove, and the toast then appears and
+* stays: "Loading template..." stuck on the template preview page
+* (BOFF-11153). Timers of equal delay fire in the order they were set, so
+* waiting one zero-delay timer runs after the queued add, and the dismissal
+* then lands on the toast.
+*
+* Where a toast is followed by another message, replace it through the same
+* `id` instead (`toast.success(…, { id })`); that goes through the same
+* queue as the add and needs no dismissal.
+*/
+async function dismissToastWhenShown(id) {
+	await nextTimer();
+	toast.dismiss(id);
+}
+
 // src/hooks/store/useTemplateImportFlow.tsx
-const LazyTemplateConfigurationModal = lazy(() => import("./TemplateConfigurationModal-BhGWIzpm.js").then((m) => ({ default: m.TemplateConfigurationModal })));
+const LazyTemplateConfigurationModal = lazy(() => import("./TemplateConfigurationModal-CPVcTDSi.js").then((m) => ({ default: m.TemplateConfigurationModal })));
 /**
 * "Use this template", the same everywhere it is offered: the builder's
 * template panel, the Templates page and the template preview page
@@ -1109,9 +1135,11 @@ function useTemplateImportFlow({ onImported, onQuotaExhausted }) {
 				name: overrides?.name,
 				templateInputs: overrides?.templateInputs
 			});
-			toast.dismiss("template-import");
 			if (result.success && result.workflow) {
-				toast.success(tr("fluidgrids.builder.desktopSidebar.workflowCreatedToast", "Workflow created from template!"), { description: `"${result.workflow.name}" is ready to edit` });
+				toast.success(tr("fluidgrids.builder.desktopSidebar.workflowCreatedToast", "Workflow created from template!"), {
+					id: "template-import",
+					description: `"${result.workflow.name}" is ready to edit`
+				});
 				if ((content.requiredCredentialTypes?.length ?? 0) > 0) toast.info(tr("fluidgrids.builder.desktopSidebar.credentialsNeededToast", "Credentials needed"), {
 					description: `Configure ${content.requiredCredentialTypes?.join(", ")} in the Credentials page`,
 					duration: 6e3
@@ -1120,14 +1148,20 @@ function useTemplateImportFlow({ onImported, onQuotaExhausted }) {
 				return true;
 			}
 			if (onQuotaExhausted && isQuotaExhaustedFailure(result.error?.cause ?? result.error)) {
+				dismissToastWhenShown("template-import");
 				onQuotaExhausted();
 				return false;
 			}
-			toast.error(tr("fluidgrids.builder.desktopSidebar.importTemplateErrorToast", "Failed to import template"), { description: result.message || tr("fluidgrids.builder.desktopSidebar.importTemplateErrorFallback", "Unknown error during import") });
+			toast.error(tr("fluidgrids.builder.desktopSidebar.importTemplateErrorToast", "Failed to import template"), {
+				id: "template-import",
+				description: result.message || tr("fluidgrids.builder.desktopSidebar.importTemplateErrorFallback", "Unknown error during import")
+			});
 			return false;
 		} catch (err) {
-			toast.dismiss("template-import");
-			toast.error(tr("fluidgrids.builder.desktopSidebar.importFailedToast", "Import failed"), { description: err instanceof Error ? err.message : tr("fluidgrids.builder.desktopSidebar.importFailedFallback", "Unknown error") });
+			toast.error(tr("fluidgrids.builder.desktopSidebar.importFailedToast", "Import failed"), {
+				id: "template-import",
+				description: err instanceof Error ? err.message : tr("fluidgrids.builder.desktopSidebar.importFailedFallback", "Unknown error")
+			});
 			return false;
 		} finally {
 			setInstallProgress(null);
@@ -1145,16 +1179,16 @@ function useTemplateImportFlow({ onImported, onQuotaExhausted }) {
 		toast.loading(tr("fluidgrids.builder.desktopSidebar.loadingTemplateToast", "Loading template..."), { id: "template-load" });
 		try {
 			const full = await getTemplateDetail(template.id);
-			toast.dismiss("template-load");
 			if (!full) {
-				toast.error(tr("fluidgrids.builder.desktopSidebar.templateDetailsErrorToast", "Failed to load template details"));
+				toast.error(tr("fluidgrids.builder.desktopSidebar.templateDetailsErrorToast", "Failed to load template details"), { id: "template-load" });
 				return;
 			}
 			const content = await resolveTemplateContent(full, buildRequiredNodeTypes);
 			if (!content) {
-				toast.error(tr("fluidgrids.builder.desktopSidebar.invalidTemplateDataToast", "Template does not contain valid workflow data"));
+				toast.error(tr("fluidgrids.builder.desktopSidebar.invalidTemplateDataToast", "Template does not contain valid workflow data"), { id: "template-load" });
 				return;
 			}
+			await dismissToastWhenShown("template-load");
 			const nodeCheck = buildNodeCheck(content.requiredNodeTypes ?? [], installedAppIds);
 			if (needsTemplateConfiguration(content, nodeCheck)) {
 				setPending({
@@ -1166,8 +1200,10 @@ function useTemplateImportFlow({ onImported, onQuotaExhausted }) {
 			}
 			await createCopy(full, content, nodeCheck);
 		} catch (err) {
-			toast.dismiss("template-load");
-			toast.error(tr("fluidgrids.builder.desktopSidebar.genericErrorToast", "Something went wrong"), { description: err instanceof Error ? err.message : tr("fluidgrids.builder.desktopSidebar.genericErrorFallback", "Failed to process template") });
+			toast.error(tr("fluidgrids.builder.desktopSidebar.genericErrorToast", "Something went wrong"), {
+				id: "template-load",
+				description: err instanceof Error ? err.message : tr("fluidgrids.builder.desktopSidebar.genericErrorFallback", "Failed to process template")
+			});
 		} finally {
 			setBusy(false);
 		}

package/dist/{TemplateConfigurationModal-BhGWIzpm.js → TemplateConfigurationModal-CPVcTDSi.js}

@@ -1,7 +1,7 @@
 "use client";
 import { a as DialogFooter, d as Input, i as DialogDescription, l as DialogTitle, o as DialogHeader, r as DialogContent, t as Dialog } from "./dialog-Cjb4lB4D.js";
 import { t as Button } from "./button-DG7y_FVJ.js";
-import { r as Badge } from "./TemplateCard-DsC0KNH1.js";
+import { r as Badge } from "./TemplateCard-BdB087SP.js";
 import { t as Label } from "./label-CDy86rIZ.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { useEffect, useMemo, useState } from "react";

package/dist/{TemplateDetailPanel-D4cUVr-m.js → TemplateDetailPanel-DruadMkg.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as Button } from "./button-DG7y_FVJ.js";
-import { n as templatePreview, r as Badge } from "./TemplateCard-DsC0KNH1.js";
+import { n as templatePreview, r as Badge } from "./TemplateCard-BdB087SP.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
 import { Icon } from "@iconify/react";

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

@@ -1,8 +1,8 @@
 "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 { a as useTemplateImportFlow, l as useImportWorkflowTemplate } from "./TemplateCard-DsC0KNH1.js";
+import { t as FlowBuilderPage } from "./flow-builder-CV5Zu_Hq.js";
+import { a as useTemplateImportFlow, l as useImportWorkflowTemplate } from "./TemplateCard-BdB087SP.js";
 import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-7IFSaLyi.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";

package/dist/{TemplatesPage-CsDNT54N.js → TemplatesPage-BU4tSqOo.js}

@@ -1,7 +1,7 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { h as useWorkflowDefinitions, l as useLazyWorkflowDefinition, s as useDuplicateWorkflow } from "./useWorkflows-BlVVu8NM.js";
-import { a as useTemplateImportFlow, t as TemplateCard, u as useWorkflowTemplates, y as useGlobalStoreClient } from "./TemplateCard-DsC0KNH1.js";
+import { a as useTemplateImportFlow, t as TemplateCard, u as useWorkflowTemplates, y as useGlobalStoreClient } from "./TemplateCard-BdB087SP.js";
 import { YF as WorkflowStatus } from "./graphql-types-CDKVWH2R.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
 import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-7IFSaLyi.js";

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

@@ -3,10 +3,10 @@ import { hn as useCanvasEdges, n as FluidGridsProvider } from "./FluidGridsProvi
 import { H as useFlowStore } from "./node-operation-selection--oy-yEq_.js";
 import { t as Button } from "./button-DG7y_FVJ.js";
 import { d as Input } from "./dialog-Cjb4lB4D.js";
-import { b as Card } from "./TemplateCard-DsC0KNH1.js";
+import { b as Card } from "./TemplateCard-BdB087SP.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-CV5Zu_Hq.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-DMonxuoY.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-CV5Zu_Hq.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";
@@ -9,10 +9,10 @@ import { At as useSaveStatusStore, Et as classifyCreateRefusal, J as paramsFromO
 import { F as mergeStickyNotes, H as useFlowStore } from "./node-operation-selection--oy-yEq_.js";
 import { t as canvasFromDefinition } from "./definition-canvas--3MPHoP-.js";
 import { l as useLazyWorkflowDefinition, n as useCreateWorkflow } from "./useWorkflows-BlVVu8NM.js";
-import { c as getWorkflowNodeTypes, o as buildNodeCheck, s as buildRequiredNodeTypes, v as useInstalledNodes } from "./TemplateCard-DsC0KNH1.js";
+import { c as getWorkflowNodeTypes, o as buildNodeCheck, s as buildRequiredNodeTypes, v as useInstalledNodes } from "./TemplateCard-BdB087SP.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";
@@ -1088,7 +1088,7 @@ function GuidedTourStarter({ ready }) {
 }
 
 // src/builder/app/workflow/work/page.tsx
-const LazyMissingNodesInstallModal = lazy(() => import("./MissingNodesInstallModal-CMybsI8h.js").then((m) => ({ default: m.MissingNodesInstallModal })));
+const LazyMissingNodesInstallModal = lazy(() => import("./MissingNodesInstallModal-Dly7T2_7.js").then((m) => ({ default: m.MissingNodesInstallModal })));
 function WorkflowItem({ readonly = false }) {
 	if (readonly) {
 		const queryParams = new URLSearchParams(window.location.search);

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-C7pdNJqE.js}

@@ -1,8 +1,8 @@
 "use client";
 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 { j as isNodeTypeHiddenFromPalette } from "./TemplateCard-BdB087SP.js";
+import { b as computeAttachPosition } from "./flow-builder-CV5Zu_Hq.js";
 import { AgentToolError, defineAgentTool } from "@burdenoff/fe-libs/shared/agent-tools";
 import { z } from "zod";
 

package/dist/{canvasNoteTools-CQIc7Oxg.js → canvasNoteTools-CqiPTBa1.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-CV5Zu_Hq.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 };