@burdenoff/fluidgrids-fe-sdk 2026.1112.7 → 2026.1112.8

package/dist/{TemplateCard-DanOe65C.js → TemplateCard-XBc0qEA4.js}

@@ -1,12 +1,14 @@
 "use client";
 import { _ as throwIfResultError, n as getFluidGridsClient, x as getFluidGridsConfig } from "./client-C9XSzSXr.js";
 import { i as getGlobalStoreClient } from "./node-registry-refresh-Dy0uRg9f.js";
-import { A as StoreNodeProductsByTypeDocument, C as GetMyNodeInstallationsDocument, D as InstallWorkflowNodeDocument, c as ensureInstalledNodeTypesLoaded, d as ensureRegistryNodeTypesLoaded, i as AVAILABLE_NODES, o as NODE_CONFIGS, t as FluidGridsContext, vn as useFluidGridsAnalytics, x as BrowseWorkflowTemplatesDocument } from "./FluidGridsProvider-B1hgCbxG.js";
+import { A as StoreNodeProductsByTypeDocument, C as GetMyNodeInstallationsDocument, D as InstallWorkflowNodeDocument, c as ensureInstalledNodeTypesLoaded, d as ensureRegistryNodeTypesLoaded, i as AVAILABLE_NODES, o as NODE_CONFIGS, t as FluidGridsContext, vn as useFluidGridsAnalytics, x as BrowseWorkflowTemplatesDocument } from "./FluidGridsProvider-TQ-aDPtn.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { h as usePhaseDFlags } from "./feature-flags-B_b8PJ6Z.js";
 import { c as isQuotaExhaustedFailure } from "./quota-Cdt8yz7N.js";
 import { a as emitTemplateUsed, s as emitWorkflowCreated, t as emitNodeInstalled } from "./fluidgridsEvents-Dm5CaHtr.js";
 import { t as cn } from "./cn-QqidFIgr.js";
 import { t as Button } from "./button-DG7y_FVJ.js";
+import { b as utf8Length } from "./workflow-code-transfer-Cshsgf2H.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
 import React, { Suspense, forwardRef, lazy, useCallback, useContext, useMemo, useState } from "react";
 import { useQuery } from "@apollo/client/react";
@@ -17,6 +19,7 @@ import { toast } from "sonner";
 import { useEventBus } from "@burdenoff/fe-libs/shared/events";
 import { cva } from "class-variance-authority";
 import { Download, Eye, Sparkles, Star } from "lucide-react";
+import JSZip from "jszip";
 
 // src/feature-flags/durable-nodes.ts
 /**
@@ -567,7 +570,7 @@ function replaceVariables(str, inputs) {
 }
 
 // src/utils/template-import-flow.ts
-function isRecord(value) {
+function isRecord$1(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function graphOf(value) {
@@ -585,13 +588,13 @@ function graphOf(value) {
 * manifest holds neither.
 */
 function manifestTemplateGraph(manifest) {
-	if (!isRecord(manifest)) return null;
+	if (!isRecord$1(manifest)) return null;
 	const direct = graphOf(manifest);
 	if (direct) return direct;
 	if (typeof manifest.jsonContent !== "string") return null;
 	try {
 		const parsed = JSON.parse(manifest.jsonContent);
-		return isRecord(parsed) ? graphOf(parsed) : null;
+		return isRecord$1(parsed) ? graphOf(parsed) : null;
 	} catch {
 		return null;
 	}
@@ -630,9 +633,9 @@ async function resolveTemplateContent(product, requiredNodeTypesOf) {
 */
 function unwrapTemplateDefinition(definitionJson) {
 	const data = definitionJson.data;
-	if (!isRecord(data)) return definitionJson;
-	const nested = isRecord(data.workflowDefinition) ? data.workflowDefinition.definitionJson : void 0;
-	return isRecord(nested) ? nested : definitionJson;
+	if (!isRecord$1(data)) return definitionJson;
+	const nested = isRecord$1(data.workflowDefinition) ? data.workflowDefinition.definitionJson : void 0;
+	return isRecord$1(nested) ? nested : definitionJson;
 }
 /**
 * Whether "Use this template" must stop at the configuration dialog before
@@ -673,6 +676,201 @@ async function installNodesInOrder(nodes, install, onProgress, onFailure) {
 	return installed;
 }
 
+// src/utils/template-code.ts
+/**
+* Templates as code (BOFF-9907, PLAN-D D2 and C-TEMPLATE).
+*
+* A store WORKFLOW template may carry its project files in `content.sources`
+* next to the `definitionJson` every client installs. These helpers:
+*
+* - read a template's code defensively (store content is free JSON);
+* - package it as a project zip for *Open as code*;
+* - shape it as the `source` of `importWorkflowTemplate` for a tier-2
+*   install;
+* - check code before it is published, with the same rules global-store-svc
+*   applies on every write (DD3 size guard, path rules, DD7), so a refusal is
+*   explained before anything is sent.
+*
+* Nothing here lifts or lowers code: the service does that.
+*/
+/** DD3: the largest `content.sources` the store accepts, as UTF-8 JSON. */
+const TEMPLATE_SOURCES_MAX_BYTES = 1048576;
+/** DD3: the most files `content.sources` may hold. */
+const TEMPLATE_SOURCES_MAX_FILES = 64;
+/** The only package a tier-2 template's sources may import (C-TEMPLATE). */
+const TEMPLATE_RUNTIME_PACKAGE = "@fluidgrids/workflows";
+var TemplateCodeError = class extends Error {
+	problem;
+	constructor(problem) {
+		super(`Template code refused: ${problem.code}`);
+		this.problem = problem;
+		this.name = "TemplateCodeError";
+	}
+};
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/**
+* Whether a source path is a plain relative POSIX path, as global-store-svc
+* requires: not empty, not absolute, no drive letter, no backslash, no `.`,
+* `..` or empty segment, and no control character.
+*/
+function isSafeTemplateSourcePath(path) {
+	if (!path || path.startsWith("/") || path.includes("\\")) return false;
+	if (/^[A-Za-z]:/.test(path)) return false;
+	for (const character of path) {
+		const code = character.charCodeAt(0);
+		if (code < 32 || code === 127) return false;
+	}
+	return path.split("/").every((segment) => segment !== "" && segment !== "." && segment !== "..");
+}
+/** Bytes the store counts for a sources list: its UTF-8 JSON. */
+function templateSourcesBytes(sources) {
+	return utf8Length(JSON.stringify(sources));
+}
+/**
+* Module specifiers a source imports: static and dynamic `import`, `export
+* … from` and `require`. Comments are not stripped, so a commented-out import
+* is counted too; that only makes the check stricter.
+*/
+function importedSpecifiers(source) {
+	const found = [];
+	for (const pattern of [
+		/\b(?:import|export)\s[^'"`;]*?\bfrom\s*['"]([^'"]+)['"]/g,
+		/\bimport\s*['"]([^'"]+)['"]/g,
+		/\bimport\s*\(\s*['"]([^'"]+)['"]\s*\)/g,
+		/\brequire\s*\(\s*['"]([^'"]+)['"]\s*\)/g
+	]) for (const match of source.matchAll(pattern)) if (match[1] !== void 0) found.push(match[1]);
+	return found;
+}
+/** A specifier a tier-2 source may use: a project file or the SDK itself. */
+function isAllowedSpecifier(specifier) {
+	return specifier.startsWith("./") || specifier.startsWith("../") || specifier === "@fluidgrids/workflows";
+}
+/**
+* Checks sources against the store's rules (and, for tier 2, the import
+* rule). Throws {@link TemplateCodeError} with the first problem found.
+*/
+function assertTemplateSources(sources, tier) {
+	if (sources.length === 0) throw new TemplateCodeError({ code: "no-files" });
+	if (sources.length > 64) throw new TemplateCodeError({
+		code: "too-many-files",
+		limit: 64
+	});
+	const seen = /* @__PURE__ */ new Set();
+	for (const file of sources) {
+		if (!isSafeTemplateSourcePath(file.path)) throw new TemplateCodeError({
+			code: "unsafe-path",
+			path: file.path
+		});
+		const folded = file.path.toLowerCase();
+		if (seen.has(folded)) throw new TemplateCodeError({
+			code: "duplicate-path",
+			path: file.path
+		});
+		seen.add(folded);
+		if (tier === "tier2" && /\.[cm]?[jt]s$/.test(file.path)) {
+			const foreign = importedSpecifiers(file.content).find((specifier) => !isAllowedSpecifier(specifier));
+			if (foreign !== void 0) throw new TemplateCodeError({
+				code: "foreign-import",
+				path: file.path,
+				specifier: foreign
+			});
+		}
+	}
+	if (templateSourcesBytes(sources) > 1048576) throw new TemplateCodeError({
+		code: "too-large",
+		limitBytes: TEMPLATE_SOURCES_MAX_BYTES
+	});
+}
+/**
+* A template's code, or null when it has none or what it has is not usable
+* (not a list of files, unsafe paths, an unknown format or tier). The store
+* refuses such content on write; reading defensively keeps a template written
+* before the guard, or by another client, from breaking the page.
+*/
+function readTemplateCode(content) {
+	if (!content || !Array.isArray(content.sources)) return null;
+	const files = [];
+	for (const entry of content.sources) {
+		if (!isRecord(entry) || typeof entry.path !== "string" || typeof entry.content !== "string") return null;
+		files.push({
+			path: entry.path,
+			contentType: typeof entry.contentType === "string" ? entry.contentType : contentTypeOf(entry.path),
+			content: entry.content
+		});
+	}
+	const format = content.sourceFormat ?? "TYPESCRIPT";
+	if (format !== "TYPESCRIPT" && format !== "PYTHON") return null;
+	const tier = content.codeTier ?? "tier1";
+	if (tier !== "tier1" && tier !== "tier2") return null;
+	try {
+		assertTemplateSources(files, "tier1");
+	} catch {
+		return null;
+	}
+	return {
+		files,
+		format,
+		tier,
+		irHash: typeof content.sourceIrHash === "string" ? content.sourceIrHash : null
+	};
+}
+/** The content type a project file is stored with, by its extension. */
+function contentTypeOf(path) {
+	if (/\.[cm]?ts$/.test(path)) return "text/typescript";
+	if (/\.[cm]?js$/.test(path)) return "text/javascript";
+	if (path.endsWith(".py")) return "text/x-python";
+	if (path.endsWith(".json")) return "application/json";
+	return "text/plain";
+}
+/** A file name segment that is safe on every OS. */
+function safeSegment(value) {
+	return value.toLowerCase().replace(/[^a-z0-9._-]+/g, "-").replace(/^-+|-+$/g, "");
+}
+/** The zip *Open as code* downloads for a template. */
+function templateArchiveName(templateName) {
+	return `${safeSegment(templateName) || "template"}.code.zip`;
+}
+/**
+* *Open as code*: the template's project files as one zip that keeps their
+* paths, so unpacking it gives a FluidGrids project (`fluidgrids push`
+* reads it as it is).
+*/
+async function buildTemplateCodeDownload(templateName, code) {
+	const zip = new JSZip();
+	for (const file of code.files) zip.file(file.path, file.content);
+	return {
+		filename: templateArchiveName(templateName),
+		blob: await zip.generateAsync({
+			type: "blob",
+			mimeType: "application/zip"
+		})
+	};
+}
+/** The `source` of an `importWorkflowTemplate` for a tier-2 install. */
+function templateImportSource(code) {
+	return {
+		format: code.format,
+		files: code.files.map((file) => ({
+			path: file.path,
+			content: file.content
+		}))
+	};
+}
+/**
+* What `importWorkflowTemplate` installs a template from (PLAN-D D2): its
+* sources for a tier-2 TypeScript template while code-first, durable-functions and
+* code-templates are on (`codeTemplatesDurable`), else null, and the caller
+* sends `definitionJson` exactly as before (tier 1, Python, no code, or a
+* gate off).
+*/
+function templateInstallSource(content, codeTemplatesDurable) {
+	if (!codeTemplatesDurable) return null;
+	const code = readTemplateCode(content);
+	return code?.tier === "tier2" && code.format === "TYPESCRIPT" ? templateImportSource(code) : null;
+}
+
 // src/hooks/store/useImportWorkflowTemplate.ts
 const IMPORT_WORKFLOW_TEMPLATE = gql`
   mutation ImportWorkflowTemplate($input: ImportWorkflowTemplateInput!) {
@@ -739,6 +937,7 @@ function useImportWorkflowTemplate() {
 	const context = useContext(FluidGridsContext);
 	const workspaceId = context?.workspaceId ?? getFluidGridsConfig().workspaceId;
 	const bus = useEventBus();
+	const { codeTemplatesDurable } = usePhaseDFlags();
 	const getTemplateDetail = useCallback(async (templateId) => {
 		return fetchTemplateDetail(templateId);
 	}, [fetchTemplateDetail]);
@@ -771,8 +970,9 @@ function useImportWorkflowTemplate() {
 			try {
 				const content = options?.content ?? parseTemplateContent(template);
 				if (!content) throw new Error("Template does not contain valid workflow definition data");
+				const installSource = templateInstallSource(content, codeTemplatesDurable);
 				let definitionJson = unwrapTemplateDefinition(deepClone(content.definitionJson));
-				if (options?.templateInputs) definitionJson = applyTemplateInputs(definitionJson, options.templateInputs);
+				if (options?.templateInputs && !installSource) definitionJson = applyTemplateInputs(definitionJson, options.templateInputs);
 				const config = getFluidGridsConfig();
 				const importContext = {
 					...options?.context || {},
@@ -783,7 +983,7 @@ function useImportWorkflowTemplate() {
 				const importResult = throwIfResultError(await client.mutate({
 					mutation: IMPORT_WORKFLOW_TEMPLATE,
 					variables: { input: {
-						definitionJson,
+						...installSource ? { source: installSource } : { definitionJson },
 						name: options?.name || content.defaultWorkflowName || template.name,
 						description: options?.description || template.description,
 						sourceTemplateId: template.id,
@@ -830,7 +1030,7 @@ function useImportWorkflowTemplate() {
 					workspaceId,
 					workflowId: importResult.workflow.id,
 					source: "template",
-					definition: definitionJson
+					definition: installSource ? importResult.workflow.definitionJson : definitionJson
 				});
 				emitTemplateUsed(bus, {
 					workspaceId,
@@ -864,7 +1064,8 @@ function useImportWorkflowTemplate() {
 			globalClient,
 			workspaceId,
 			context?.tenantId,
-			bus
+			bus,
+			codeTemplatesDurable
 		]),
 		/** Whether we're fetching template detail */
 		fetchingDetail,
@@ -1080,7 +1281,7 @@ async function dismissToastWhenShown(id) {
 }
 
 // src/hooks/store/useTemplateImportFlow.tsx
-const LazyTemplateConfigurationModal = lazy(() => import("./TemplateConfigurationModal-CeMpPEhT.js").then((m) => ({ default: m.TemplateConfigurationModal })));
+const LazyTemplateConfigurationModal = lazy(() => import("./TemplateConfigurationModal-Dl_7RaCt.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
@@ -1450,4 +1651,4 @@ function TemplateCard({ template, onClick, onUseTemplate }) {
 	});
 }
 
-export { isDurableFunctionNodeType as A, CardFooter as C, RUN_CONTROL_NODE_TYPES as D, DURABLE_FUNCTION_NODE_TYPES as E, isRunControlNodeType as M, WORKFLOW_TEST_NODE_TYPES as O, CardDescription as S, CardTitle as T, storeNodeInstallVersion as _, useTemplateImportFlow as a, Card as b, getWorkflowNodeTypes as c, filterStoreNodesForPalette as d, getStoreNodeAvailability as f, storeNodeDisplayVersion as g, isStoreNodeUpdateAvailable as h, badgeVariants as i, isNodeTypeHiddenFromPalette as j, filterPaletteNodes as k, useImportWorkflowTemplate as l, getStoreNodeType as m, templatePreview as n, buildNodeCheck as o, getStoreNodeIcon as p, Badge as r, buildRequiredNodeTypes as s, TemplateCard as t, useWorkflowTemplates as u, useInstalledNodes as v, CardHeader as w, CardContent as x, useGlobalStoreClient as y };
+export { WORKFLOW_TEST_NODE_TYPES as A, CardContent as C, CardTitle as D, CardHeader as E, isDurableFunctionNodeType as M, isNodeTypeHiddenFromPalette as N, DURABLE_FUNCTION_NODE_TYPES as O, isRunControlNodeType as P, Card as S, CardFooter as T, isStoreNodeUpdateAvailable as _, useTemplateImportFlow as a, useInstalledNodes as b, getWorkflowNodeTypes as c, readTemplateCode as d, useWorkflowTemplates as f, getStoreNodeType as g, getStoreNodeIcon as h, badgeVariants as i, filterPaletteNodes as j, RUN_CONTROL_NODE_TYPES as k, useImportWorkflowTemplate as l, getStoreNodeAvailability as m, templatePreview as n, buildNodeCheck as o, filterStoreNodesForPalette as p, Badge as r, buildRequiredNodeTypes as s, TemplateCard as t, buildTemplateCodeDownload as u, storeNodeDisplayVersion as v, CardDescription as w, useGlobalStoreClient as x, storeNodeInstallVersion as y };

package/dist/{TemplateConfigurationModal-CeMpPEhT.js → TemplateConfigurationModal-Dl_7RaCt.js}

@@ -1,9 +1,10 @@
 "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-DanOe65C.js";
+import { r as Badge } from "./TemplateCard-XBc0qEA4.js";
 import { t as Label } from "./label-CDy86rIZ.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { t as OpenTemplateAsCodeButton } from "./OpenTemplateAsCodeButton-BgvgDaVe.js";
 import { useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AlertTriangle, CheckCircle2, Download, ExternalLink, KeyRound, Loader2, ShoppingCart, Sparkles } from "lucide-react";
@@ -246,16 +247,24 @@ function TemplateConfigurationModal({ open, onOpenChange, template, content, nod
 						})]
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex w-full justify-end gap-2",
-						children: [/* @__PURE__ */ jsx(Button, {
-							variant: "outline",
-							onClick: () => onOpenChange(false),
-							disabled: importing,
-							children: tr("fluidgrids.builder.templateConfigModal.cancelButton", "Cancel")
-						}), /* @__PURE__ */ jsx(Button, {
-							onClick: handleConfirm,
-							disabled: !isValid || importing || hasPaidBlockers,
-							children: importing ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Loader2, { className: "size-4 mr-2 animate-spin" }), buttonLabel] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Sparkles, { className: "size-4 mr-2" }), buttonLabel] })
-						})]
+						children: [
+							/* @__PURE__ */ jsx(OpenTemplateAsCodeButton, {
+								templateName: template.name,
+								content,
+								className: "mr-auto"
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								onClick: () => onOpenChange(false),
+								disabled: importing,
+								children: tr("fluidgrids.builder.templateConfigModal.cancelButton", "Cancel")
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								onClick: handleConfirm,
+								disabled: !isValid || importing || hasPaidBlockers,
+								children: importing ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Loader2, { className: "size-4 mr-2 animate-spin" }), buttonLabel] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Sparkles, { className: "size-4 mr-2" }), buttonLabel] })
+							})
+						]
 					})]
 				})
 			]

package/dist/{TemplateDetailPanel-DnoA6mC3.js → TemplateDetailPanel-0Cc6jguU.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-DanOe65C.js";
+import { n as templatePreview, r as Badge } from "./TemplateCard-XBc0qEA4.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
 import { Icon } from "@iconify/react";

package/dist/{TemplatePreview-DY4GxnfC.js → TemplatePreview-CRLUX5yI.js}

@@ -1,9 +1,10 @@
 "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-dvqpKs8d.js";
-import { a as useTemplateImportFlow, l as useImportWorkflowTemplate } from "./TemplateCard-DanOe65C.js";
-import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-Bj7AG_0y.js";
+import { t as FlowBuilderPage } from "./flow-builder-9jDNwkID.js";
+import { a as useTemplateImportFlow, l as useImportWorkflowTemplate } from "./TemplateCard-XBc0qEA4.js";
+import { S as QuotaExhaustedDialog } from "./workflow-code-transfer-Cshsgf2H.js";
+import { n as WithOpenTemplateAsCode } from "./OpenTemplateAsCodeButton-BgvgDaVe.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
 import { t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
@@ -52,6 +53,7 @@ function TemplatePreview() {
 	const { getTemplateDetail, parseTemplateContent } = useImportWorkflowTemplate();
 	const [workflow, setWorkflow] = useState(null);
 	const [template, setTemplate] = useState(null);
+	const [content, setContent] = useState(null);
 	const [loading, setLoading] = useState(true);
 	const [error, setError] = useState(null);
 	const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);
@@ -86,6 +88,7 @@ function TemplatePreview() {
 				}
 				if (mounted) {
 					setTemplate(full);
+					setContent(content);
 					setWorkflow({
 						id: productId,
 						workflowKey: productId,
@@ -158,17 +161,23 @@ function TemplatePreview() {
 							children: template.description
 						}) : null]
 					})]
-				}), /* @__PURE__ */ jsx(SdkPermissionButton, {
-					permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_CREATE,
-					deniedTooltip: tr("fluidgrids.templates.useDeniedTooltip", "You don't have permission to create workflows from templates"),
-					children: /* @__PURE__ */ jsxs(Button, {
-						onClick: handleUse,
-						disabled: importing || !template,
-						className: "shrink-0 gap-2",
-						children: [/* @__PURE__ */ jsx(Icon, {
-							icon: importing ? "svg-spinners:ring-resize" : "mdi:plus",
-							className: "size-4"
-						}), tr("fluidgrids.pages.templatePreview.useThisTemplate", "Use this template")]
+				}), /* @__PURE__ */ jsx(WithOpenTemplateAsCode, {
+					templateName: template ? template.name : null,
+					content,
+					className: "shrink-0",
+					wrapperClassName: "flex shrink-0 items-center gap-2",
+					children: /* @__PURE__ */ jsx(SdkPermissionButton, {
+						permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_CREATE,
+						deniedTooltip: tr("fluidgrids.templates.useDeniedTooltip", "You don't have permission to create workflows from templates"),
+						children: /* @__PURE__ */ jsxs(Button, {
+							onClick: handleUse,
+							disabled: importing || !template,
+							className: "shrink-0 gap-2",
+							children: [/* @__PURE__ */ jsx(Icon, {
+								icon: importing ? "svg-spinners:ring-resize" : "mdi:plus",
+								className: "size-4"
+							}), tr("fluidgrids.pages.templatePreview.useThisTemplate", "Use this template")]
+						})
 					})
 				})]
 			}), /* @__PURE__ */ jsx("div", {

package/dist/{TemplatesPage-C7f2xq12.js → TemplatesPage-wClKZLO4.js}

@@ -1,12 +1,12 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { h as useWorkflowDefinitions, l as useLazyWorkflowDefinition, s as useDuplicateWorkflow } from "./useWorkflows-CP-d3ygY.js";
-import { a as useTemplateImportFlow, t as TemplateCard, u as useWorkflowTemplates, y as useGlobalStoreClient } from "./TemplateCard-DanOe65C.js";
+import { h as useWorkflowDefinitions, l as useLazyWorkflowDefinition, s as useDuplicateWorkflow } from "./useWorkflows-CRUlQBd3.js";
+import { a as useTemplateImportFlow, f as useWorkflowTemplates, t as TemplateCard, x as useGlobalStoreClient } from "./TemplateCard-XBc0qEA4.js";
 import { kI as WorkflowStatus } from "./graphql-types-v6CTGwA0.js";
 import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
-import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-Bj7AG_0y.js";
+import { S as QuotaExhaustedDialog } from "./workflow-code-transfer-Cshsgf2H.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { O as MyWorkflowTemplateSubmissionsDocument, P as WithdrawWorkflowTemplateSubmissionDocument, j as SubmitWorkflowTemplateDocument, vn as useFluidGridsAnalytics } from "./FluidGridsProvider-B1hgCbxG.js";
+import { O as MyWorkflowTemplateSubmissionsDocument, P as WithdrawWorkflowTemplateSubmissionDocument, j as SubmitWorkflowTemplateDocument, vn as useFluidGridsAnalytics } from "./FluidGridsProvider-TQ-aDPtn.js";
 import { a as emitTemplateUsed } from "./fluidgridsEvents-Dm5CaHtr.js";
 import { n as useFluidGridsPageControls } from "./pageControlsBridge-0pX9s-3k.js";
 import { r as templatesControls } from "./pageControlSpecs-DZJ9K37m.js";

package/dist/{VersionDiffDialog-pLpG_I1r.js → VersionDiffDialog-c27yet_-.js}

@@ -1,7 +1,7 @@
 "use client";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { _ as throwIfResultError, m as describeOperationError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
-import { Or as WorkflowDefinitionDocument, xi as WorkflowVersionDiffDocument } from "./graphql-operation-types-z2oXfQvM.js";
+import { Or as WorkflowDefinitionDocument, Si as WorkflowVersionDiffDocument } from "./graphql-operation-types-DZVhCBEi.js";
 import { t as canvasFromDefinition } from "./definition-canvas-Bshn_dSP.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Background, Controls, Handle, MiniMap, Position, ReactFlow, ReactFlowProvider } from "@xyflow/react";

package/dist/{WorkflowBuilder-DY1_KJiV.js → WorkflowBuilder-CK6c0eRp.js}

@@ -1,18 +1,18 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { d as releaseLeaseKeptForReload, f as useWorkflowReloadStore, t as FlowBuilderPage } from "./flow-builder-dvqpKs8d.js";
+import { d as releaseLeaseKeptForReload, f as useWorkflowReloadStore, t as FlowBuilderPage } from "./flow-builder-9jDNwkID.js";
 import { n as registerLiveCanvasHandler } from "./liveCanvas-D5ytXDp8.js";
 import { _ as throwIfResultError, n as getFluidGridsClient, x as getFluidGridsConfig } from "./client-C9XSzSXr.js";
-import { Or as WorkflowDefinitionDocument } from "./graphql-operation-types-z2oXfQvM.js";
+import { Or as WorkflowDefinitionDocument } from "./graphql-operation-types-DZVhCBEi.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { B as createConfiguredNode, Dt as blankWorkflowCreateInput, Nt as useSaveStatusStore, Z as paramsFromOperation, Zt as rememberRevision, g as registerWorkflowNodeTypes, gn as resolveNodeOperation, h as registerNodeManifests, kt as classifyCreateRefusal, m as refetchStoreNodes, nn as codeBuildIdOf, o as NODE_CONFIGS, sn as workflowFingerprint, u as ensureNodeTypesLoaded } from "./FluidGridsProvider-B1hgCbxG.js";
+import { B as createConfiguredNode, Dt as blankWorkflowCreateInput, Nt as useSaveStatusStore, Z as paramsFromOperation, Zt as rememberRevision, g as registerWorkflowNodeTypes, gn as resolveNodeOperation, h as registerNodeManifests, kt as classifyCreateRefusal, m as refetchStoreNodes, nn as codeBuildIdOf, o as NODE_CONFIGS, sn as workflowFingerprint, u as ensureNodeTypesLoaded } from "./FluidGridsProvider-TQ-aDPtn.js";
 import { F as mergeStickyNotes, H as useFlowStore } from "./node-operation-selection-DAbS6jSY.js";
 import { t as canvasFromDefinition } from "./definition-canvas-Bshn_dSP.js";
-import { l as useLazyWorkflowDefinition, n as useCreateWorkflow } from "./useWorkflows-CP-d3ygY.js";
-import { c as getWorkflowNodeTypes, o as buildNodeCheck, s as buildRequiredNodeTypes, v as useInstalledNodes } from "./TemplateCard-DanOe65C.js";
+import { l as useLazyWorkflowDefinition, n as useCreateWorkflow } from "./useWorkflows-CRUlQBd3.js";
+import { b as useInstalledNodes, c as getWorkflowNodeTypes, o as buildNodeCheck, s as buildRequiredNodeTypes } from "./TemplateCard-XBc0qEA4.js";
 import { c as withoutGuidedTourIntent, l as decideMissingWorkflow, o as isGuidedTourIntent, s as pickGuidedTour, u as isCreateIntent } from "./firstWorkflow-C_h0KMB2.js";
 import { t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
-import { A as CreateWorkflowRefusalDialog } from "./useWorkflowCodeExport-D0zapXXm.js";
+import { c as CreateWorkflowRefusalDialog } from "./useWorkflowCodeExport-k5Emm4ZS.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-BkkgeFeN.js").then((m) => ({ default: m.MissingNodesInstallModal })));
+const LazyMissingNodesInstallModal = lazy(() => import("./MissingNodesInstallModal-BCbhddk4.js").then((m) => ({ default: m.MissingNodesInstallModal })));
 function WorkflowItem({ readonly = false }) {
 	if (readonly) {
 		const queryParams = new URLSearchParams(window.location.search);
@@ -1160,7 +1160,7 @@ function WorkflowItem({ readonly = false }) {
 			setInstallErrors([]);
 			try {
 				const { getGlobalStoreClient } = await import("./node-registry-refresh-Dy0uRg9f.js").then((n) => n.a);
-				const { InstallWorkflowNodeDocument } = await import("./FluidGridsProvider-B1hgCbxG.js").then((n) => n.y);
+				const { InstallWorkflowNodeDocument } = await import("./FluidGridsProvider-TQ-aDPtn.js").then((n) => n.y);
 				const { getFluidGridsConfig } = await import("./client-C9XSzSXr.js").then((n) => n.b);
 				const storeClient = getGlobalStoreClient();
 				const cfg = getFluidGridsConfig();

package/dist/{WorkflowBuilder-Aslfa2vj.js → WorkflowBuilder-qRGFtXJG.js}

@@ -1,12 +1,12 @@
 "use client";
-import { bn as useCanvasEdges, n as FluidGridsProvider } from "./FluidGridsProvider-B1hgCbxG.js";
+import { bn as useCanvasEdges, n as FluidGridsProvider } from "./FluidGridsProvider-TQ-aDPtn.js";
 import { H as useFlowStore } from "./node-operation-selection-DAbS6jSY.js";
 import { t as Button } from "./button-DG7y_FVJ.js";
 import { d as Input } from "./dialog-Cjb4lB4D.js";
-import { b as Card } from "./TemplateCard-DanOe65C.js";
+import { S as Card } from "./TemplateCard-XBc0qEA4.js";
 import { t as cn } from "./cn-QqidFIgr.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { _ as useNodeSelectedEvent, v as FluidGridsMark } from "./flow-builder-dvqpKs8d.js";
+import { _ as useNodeSelectedEvent, v as FluidGridsMark } from "./flow-builder-9jDNwkID.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Background, Controls, Handle, MarkerType, MiniMap, Position, ReactFlow, ReactFlowProvider, useReactFlow } from "@xyflow/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{WorkflowProposalCard-BjYAZH3q.js → WorkflowProposalCard-BvmJ5ea8.js}

@@ -1,7 +1,7 @@
 "use client";
 import { _ as throwIfResultError, h as isForbiddenError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { C as CancelWorkflowProposalDocument, Gt as ProposeRunFixDocument, Kr as WorkflowProposalDocument, Kt as ProposeWorkflowChangeDocument, L as CreateWorkflowTestCaseDocument, R as CreateWorkflowTestCaseFromRunDocument, Z as DeleteWorkflowTestCaseDocument, Zt as RejectWorkflowProposalDocument, _i as WorkflowTestRunDocument, c as ApplyWorkflowProposalDocument, fr as UpdateWorkflowTestCaseDocument, gi as WorkflowTestCasesDocument, wn as RunWorkflowTestsDocument, yi as WorkflowTestRunsDocument } from "./graphql-operation-types-z2oXfQvM.js";
+import { C as CancelWorkflowProposalDocument, Gt as ProposeRunFixDocument, Kt as ProposeWorkflowChangeDocument, L as CreateWorkflowTestCaseDocument, R as CreateWorkflowTestCaseFromRunDocument, Z as DeleteWorkflowTestCaseDocument, Zt as RejectWorkflowProposalDocument, _i as WorkflowTestCasesDocument, bi as WorkflowTestRunsDocument, c as ApplyWorkflowProposalDocument, fr as UpdateWorkflowTestCaseDocument, qr as WorkflowProposalDocument, vi as WorkflowTestRunDocument, wn as RunWorkflowTestsDocument } from "./graphql-operation-types-DZVhCBEi.js";
 import { MI as WorkflowTestExpectedStatus, NI as WorkflowTestRunSource, PI as WorkflowTestRunStatus, jI as WorkflowTestAssertionOperator, jd as ErrorType } from "./graphql-types-v6CTGwA0.js";
 import { a as notifyFluidGridsAiCreditsUpdated } from "./aiCreditsBridge-BuE92tKo.js";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/{WorkflowSearchRedirect-iPQBL6WO.js → WorkflowSearchRedirect-BGKduhfZ.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { m as useWorkflowDefinition } from "./useWorkflows-CP-d3ygY.js";
+import { m as useWorkflowDefinition } from "./useWorkflows-CRUlQBd3.js";
 import { Navigate, useParams } from "react-router";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{WorkflowShareDialog-DB-qJLB2.js → WorkflowShareDialog-BRwTF9QB.js}

@@ -3,7 +3,7 @@ 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 { DI as WorkflowSharePrincipalType, II as WorkflowVisibility, JF as WorkflowAccess, OI as WorkflowShareRole } from "./graphql-types-v6CTGwA0.js";
-import { Pn as ShareWorkflowDocument, di as WorkflowSharingDocument } from "./graphql-operation-types-z2oXfQvM.js";
+import { Pn as ShareWorkflowDocument, fi as WorkflowSharingDocument } from "./graphql-operation-types-DZVhCBEi.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { ResourceShareDialog, createSharePrincipalLister } from "@burdenoff/fe-libs/connections";

package/dist/{WorkflowsList-rOxlI49U.js → WorkflowsList-Bocag4TX.js}

@@ -1,20 +1,21 @@
 "use client";
 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-CP-d3ygY.js";
-import { At as createThenOpen, t as FluidGridsContext } from "./FluidGridsProvider-B1hgCbxG.js";
-import { A as CreateWorkflowRefusalDialog, D as typeScriptImportSource, O as typeScriptModuleFile, T as readProjectArchive, a as parseWorkflowImport, c as saveWorkflowDescription, d as CODE_EXPORT_FORMATS, f as ImportSourceError, g as checkTypeScriptImport, h as assertImportByteSize, i as downloadWorkflowExport, k as workflowNameFromFile, l as visibleWorkflowDescription, m as MAX_IMPORT_SOURCE_BYTES, n as useExportWorkflowAs, o as commitWorkflowDescription, p as MAX_IMPORT_ARCHIVE_BYTES, u as workflowDescriptionCharactersLeft, v as importAcceptAttribute, w as primaryImportModule, y as importFileKind } from "./useWorkflowCodeExport-D0zapXXm.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-CRUlQBd3.js";
+import { At as createThenOpen, t as FluidGridsContext } from "./FluidGridsProvider-TQ-aDPtn.js";
+import { a as saveWorkflowDescription, c as CreateWorkflowRefusalDialog, o as visibleWorkflowDescription, r as commitWorkflowDescription, s as workflowDescriptionCharactersLeft, t as useExportWorkflowAs } from "./useWorkflowCodeExport-k5Emm4ZS.js";
 import { c as isQuotaExhaustedFailure, t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
 import { H as useFlowStore } from "./node-operation-selection-DAbS6jSY.js";
 import { a as SdkPermissionGate, i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
-import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-Bj7AG_0y.js";
+import { S as QuotaExhaustedDialog, a as assertImportByteSize, g as readProjectArchive, h as primaryImportModule, i as MAX_IMPORT_SOURCE_BYTES, l as importAcceptAttribute, n as ImportSourceError, r as MAX_IMPORT_ARCHIVE_BYTES, s as checkTypeScriptImport, t as CODE_EXPORT_FORMATS, u as importFileKind, v as typeScriptImportSource, x as workflowNameFromFile, y as typeScriptModuleFile } from "./workflow-code-transfer-Cshsgf2H.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { YF as WorkflowAccessFilter, rI as WorkflowExportFormat } from "./graphql-types-v6CTGwA0.js";
-import { i as canShareWorkflow, r as canEditWorkflow, t as WorkflowShareDialog } from "./WorkflowShareDialog-DB-qJLB2.js";
+import { i as canShareWorkflow, r as canEditWorkflow, t as WorkflowShareDialog } from "./WorkflowShareDialog-BRwTF9QB.js";
 import { i as useOpenRequest, n as ACTION_PARAM_VALUES, r as useActionParam } from "./useActionParam-B0ebTZmg.js";
-import { l as useFluidGridsFlag, t as FLUIDGRIDS_FLAGS } from "./feature-flags-DM5myWaD.js";
+import { d as useFluidGridsFlag, t as FLUIDGRIDS_FLAGS } from "./feature-flags-B_b8PJ6Z.js";
+import { n as downloadWorkflowExport, r as parseWorkflowImport } from "./workflow-transfer-CQnQC-ke.js";
 import { _ as throwIfResultError, m as describeOperationError, n as getFluidGridsClient } from "./client-C9XSzSXr.js";
-import { Dt as MoveWorkflowFolderDocument, Fr as WorkflowFoldersDocument, J as DeleteWorkflowProjectDocument, N as CreateWorkflowFolderDocument, P as CreateWorkflowProjectDocument, Wr as WorkflowProjectsDocument, _ as BulkDeleteWorkflowsDocument, en as RenameWorkflowFolderDocument, g as BulkAssignWorkflowsToProjectDocument, q as DeleteWorkflowFolderDocument, tn as RenameWorkflowProjectDocument, v as BulkMoveWorkflowsToFolderDocument } from "./graphql-operation-types-z2oXfQvM.js";
-import { a as useExecutions } from "./useExecutions-DJXtbA15.js";
+import { Dt as MoveWorkflowFolderDocument, Fr as WorkflowFoldersDocument, J as DeleteWorkflowProjectDocument, N as CreateWorkflowFolderDocument, P as CreateWorkflowProjectDocument, Wr as WorkflowProjectsDocument, _ as BulkDeleteWorkflowsDocument, en as RenameWorkflowFolderDocument, g as BulkAssignWorkflowsToProjectDocument, q as DeleteWorkflowFolderDocument, tn as RenameWorkflowProjectDocument, v as BulkMoveWorkflowsToFolderDocument } from "./graphql-operation-types-DZVhCBEi.js";
+import { a as useExecutions } from "./useExecutions-BbkBSYpS.js";
 import { a as firstWorkflowProgress, i as builderPathFor, r as GUIDED_TOUR_STATE } from "./firstWorkflow-C_h0KMB2.js";
 import { n as useFluidGridsPageControls } from "./pageControlsBridge-0pX9s-3k.js";
 import { i as workflowsListControls } from "./pageControlSpecs-DZJ9K37m.js";

package/dist/{agentTools-B8gnHFVM.js → agentTools-BkQsycAp.js}

@@ -1,8 +1,8 @@
 "use client";
-import { B as createConfiguredNode, Nt as useSaveStatusStore, Q as selectedOperationOf, R as SENSITIVE_PARAM, Y as nodeTitle, Z as paramsFromOperation, _ as registryNodeData, f as isNodeConfigsInitialized, gt as autosaveAllowedFor, o as NODE_CONFIGS, q as fixedParameterState, wt as isFlowComplete } from "./FluidGridsProvider-B1hgCbxG.js";
+import { B as createConfiguredNode, Nt as useSaveStatusStore, Q as selectedOperationOf, R as SENSITIVE_PARAM, Y as nodeTitle, Z as paramsFromOperation, _ as registryNodeData, f as isNodeConfigsInitialized, gt as autosaveAllowedFor, o as NODE_CONFIGS, q as fixedParameterState, wt as isFlowComplete } from "./FluidGridsProvider-TQ-aDPtn.js";
 import { E as resolveOutputHandles, H as useFlowStore, T as resolveInputHandles } from "./node-operation-selection-DAbS6jSY.js";
-import { j as isNodeTypeHiddenFromPalette } from "./TemplateCard-DanOe65C.js";
-import { g as computeAttachPosition } from "./flow-builder-dvqpKs8d.js";
+import { N as isNodeTypeHiddenFromPalette } from "./TemplateCard-XBc0qEA4.js";
+import { g as computeAttachPosition } from "./flow-builder-9jDNwkID.js";
 import { AgentToolError, defineAgentTool } from "@burdenoff/fe-libs/shared/agent-tools";
 import { z } from "zod";
 

package/dist/{api-JpNuowX4.js → api-Dw8nfVRD.js}

@@ -1,6 +1,6 @@
 "use client";
 import { d as readTyped, f as writeTyped } from "./shared-CMfn30xT.js";
-import { A as CreateTaskQueueDocument, G as DeleteWorkerTokenDocument, Gn as TaskQueueStatsDocument, Kn as TaskQueuesDocument, Ti as WorkflowWorkersDocument, W as DeleteTaskQueueDocument, fn as RotateWorkerTokenDocument, gr as WorkerTokensDocument, j as CreateWorkerTokenDocument, jn as SetWorkerTokenConnectionAllowlistDocument, sr as UpdateTaskQueueDocument } from "./graphql-operation-types-z2oXfQvM.js";
+import { A as CreateTaskQueueDocument, Ei as WorkflowWorkersDocument, G as DeleteWorkerTokenDocument, Gn as TaskQueueStatsDocument, Kn as TaskQueuesDocument, W as DeleteTaskQueueDocument, fn as RotateWorkerTokenDocument, gr as WorkerTokensDocument, j as CreateWorkerTokenDocument, jn as SetWorkerTokenConnectionAllowlistDocument, sr as UpdateTaskQueueDocument } from "./graphql-operation-types-DZVhCBEi.js";
 
 // src/modules/task-queues/api.ts
 /**