@burdenoff/fluidgrids-fe-sdk 2026.1112.7 → 2026.1112.9

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

@@ -1,13 +1,16 @@
 "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 { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
 import React, { Suspense, forwardRef, lazy, useCallback, useContext, useMemo, useState } from "react";
 import { useQuery } from "@apollo/client/react";
 import { gql } from "@apollo/client/core";
@@ -17,6 +20,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 +571,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 +589,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 +634,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 +677,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 +938,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 +971,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 +984,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 +1031,7 @@ function useImportWorkflowTemplate() {
 					workspaceId,
 					workflowId: importResult.workflow.id,
 					source: "template",
-					definition: definitionJson
+					definition: installSource ? importResult.workflow.definitionJson : definitionJson
 				});
 				emitTemplateUsed(bus, {
 					workspaceId,
@@ -864,7 +1065,8 @@ function useImportWorkflowTemplate() {
 			globalClient,
 			workspaceId,
 			context?.tenantId,
-			bus
+			bus,
+			codeTemplatesDurable
 		]),
 		/** Whether we're fetching template detail */
 		fetchingDetail,
@@ -1080,7 +1282,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-cd0-QVMZ.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
@@ -1139,10 +1341,10 @@ function useTemplateImportFlow({ onImported, onQuotaExhausted }) {
 			if (result.success && result.workflow) {
 				toast.success(tr("fluidgrids.builder.desktopSidebar.workflowCreatedToast", "Workflow created from template!"), {
 					id: "template-import",
-					description: `"${result.workflow.name}" is ready to edit`
+					description: tr("fluidgrids.pages.templatePreview.importSuccessDescription", "\"{{name}}\" is ready to edit", { name: result.workflow.name })
 				});
 				if ((content.requiredCredentialTypes?.length ?? 0) > 0) toast.info(tr("fluidgrids.builder.desktopSidebar.credentialsNeededToast", "Credentials needed"), {
-					description: `Configure ${content.requiredCredentialTypes?.join(", ")} in the Credentials page`,
+					description: tr("fluidgrids.builder.desktopSidebar.credentialsNeededDescription", "Configure {{types}} in the Credentials page", { types: (content.requiredCredentialTypes ?? []).join(", ") }),
 					duration: 6e3
 				});
 				onImported(result.workflow);
@@ -1286,12 +1488,78 @@ function templatePreview(template) {
 	};
 }
 
+// src/utils/template-price.ts
+/**
+* The price shown on a store template card and in the preview.
+*
+* USD (and a template with no currency) keeps the plain "$12" form the cards
+* have always shown; any other currency is written with its own symbol, so a
+* template priced in rupees or euros is not shown with a dollar sign.
+*/
+const formatters = /* @__PURE__ */ new Map();
+function formatterFor(currency) {
+	const cached = formatters.get(currency);
+	if (cached) return cached;
+	try {
+		const created = new Intl.NumberFormat(void 0, {
+			style: "currency",
+			currency,
+			maximumFractionDigits: 2
+		});
+		formatters.set(currency, created);
+		return created;
+	} catch {
+		return null;
+	}
+}
+function formatTemplatePrice(price, currency) {
+	const code = currency?.trim().toUpperCase() || "USD";
+	if (code === "USD") return `$${price?.toString() || "0"}`;
+	const formatter = formatterFor(code);
+	return formatter ? formatter.format(price ?? 0) : `${price?.toString() || "0"} ${code}`;
+}
+/**
+* A template that costs money and has not been bought yet: "Use this
+* template" asks first, naming the price (Navigation v2, BOFF-11848).
+*/
+function isPaidTemplate(template) {
+	return !!template.pricingModel && template.pricingModel !== "FREE" && (template.price ?? 0) > 0 && template.isPurchased !== true;
+}
+
 // src/builder/components/flow-builder/components/templates/TemplateCard.tsx
 function formatNumber(count) {
 	if (count >= 1e6) return `${(count / 1e6).toFixed(1)}M`;
 	if (count >= 1e3) return `${(count / 1e3).toFixed(1)}k`;
 	return count.toString();
 }
+function PriceBadge({ template }) {
+	const tr = useTr();
+	return template.pricingModel === "FREE" ? /* @__PURE__ */ jsx(Badge, {
+		variant: "secondary",
+		className: "bg-status-success-bg text-action-primary-text border-0",
+		children: tr("fluidgrids.builder.templateCard.freeBadge", "Free")
+	}) : /* @__PURE__ */ jsx(Badge, {
+		variant: "default",
+		className: "bg-status-info-bg text-action-primary-text border-0",
+		children: formatTemplatePrice(template.price, template.currency)
+	});
+}
+/** Downloads and views (today's card; Navigation v2 shows them on the preview). */
+function UsageCounts({ template }) {
+	const tr = useTr();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1",
+			title: tr("fluidgrids.builder.templateCard.downloadsTooltip", "Downloads"),
+			children: [/* @__PURE__ */ jsx(Download, { className: "size-3" }), /* @__PURE__ */ jsx("span", { children: formatNumber(template.downloads || 0) })]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1",
+			title: tr("fluidgrids.builder.templateCard.viewsTooltip", "Views"),
+			children: [/* @__PURE__ */ jsx(Eye, { className: "size-3" }), /* @__PURE__ */ jsx("span", { children: formatNumber(template.viewCount || 0) })]
+		})]
+	});
+}
 /**
 * Template card component inspired by ComfyUI's template showcase
 * Features:
@@ -1301,9 +1569,14 @@ function formatNumber(count) {
 * - Stats (downloads, views, rating)
 * - Featured badge
 * - Category/tags
+*
+* Navigation v2 (BOFF-11848, the Templates gallery only): the download and
+* view counts move to the template preview. The builder's template picker
+* turns the switch off for its cards (see TemplatesGrid), so it stays as is.
 */
 function TemplateCard({ template, onClick, onUseTemplate }) {
 	const tr = useTr();
+	const v2 = useNavigationV2();
 	const [imageError, setImageError] = React.useState(false);
 	const preview = templatePreview(template);
 	const previewImage = preview.kind === "image" ? preview.src : void 0;
@@ -1346,15 +1619,7 @@ function TemplateCard({ template, onClick, onUseTemplate }) {
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "absolute top-2 left-2",
-					children: template.pricingModel === "FREE" ? /* @__PURE__ */ jsx(Badge, {
-						variant: "secondary",
-						className: "bg-status-success-bg text-action-primary-text border-0",
-						children: tr("fluidgrids.builder.templateCard.freeBadge", "Free")
-					}) : /* @__PURE__ */ jsxs(Badge, {
-						variant: "default",
-						className: "bg-status-info-bg text-action-primary-text border-0",
-						children: ["$", template.price?.toString() || "0"]
-					})
+					children: /* @__PURE__ */ jsx(PriceBadge, { template })
 				}),
 				/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-bg-overlay via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" })
 			]
@@ -1377,6 +1642,9 @@ function TemplateCard({ template, onClick, onUseTemplate }) {
 					}), template.publisher?.isVerified && /* @__PURE__ */ jsx(Badge, {
 						variant: "secondary",
 						className: "text-xs px-1.5 py-0",
+						role: "img",
+						"aria-label": tr("fluidgrids.builder.templateCard.verifiedLabel", "Verified publisher"),
+						title: tr("fluidgrids.builder.templateCard.verifiedLabel", "Verified publisher"),
 						children: "✓"
 					})]
 				}),
@@ -1402,18 +1670,7 @@ function TemplateCard({ template, onClick, onUseTemplate }) {
 								})
 							]
 						})
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-1",
-							title: tr("fluidgrids.builder.templateCard.downloadsTooltip", "Downloads"),
-							children: [/* @__PURE__ */ jsx(Download, { className: "size-3" }), /* @__PURE__ */ jsx("span", { children: formatNumber(template.downloads || 0) })]
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-1",
-							title: tr("fluidgrids.builder.templateCard.viewsTooltip", "Views"),
-							children: [/* @__PURE__ */ jsx(Eye, { className: "size-3" }), /* @__PURE__ */ jsx("span", { children: formatNumber(template.viewCount || 0) })]
-						})]
-					})]
+					}), !v2 && /* @__PURE__ */ jsx(UsageCounts, { template })]
 				}),
 				(template.category || template.tags?.length > 0) && /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-wrap gap-1",
@@ -1450,4 +1707,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 { DURABLE_FUNCTION_NODE_TYPES as A, useGlobalStoreClient as C, CardFooter as D, CardDescription as E, isNodeTypeHiddenFromPalette as F, isRunControlNodeType as I, WORKFLOW_TEST_NODE_TYPES as M, filterPaletteNodes as N, CardHeader as O, isDurableFunctionNodeType as P, useInstalledNodes as S, CardContent as T, getStoreNodeIcon as _, Badge as a, storeNodeDisplayVersion as b, buildNodeCheck as c, useImportWorkflowTemplate as d, buildTemplateCodeDownload as f, getStoreNodeAvailability as g, filterStoreNodesForPalette as h, templatePreview as i, RUN_CONTROL_NODE_TYPES as j, CardTitle as k, buildRequiredNodeTypes as l, useWorkflowTemplates as m, formatTemplatePrice as n, badgeVariants as o, readTemplateCode as p, isPaidTemplate as r, useTemplateImportFlow as s, TemplateCard as t, getWorkflowNodeTypes as u, getStoreNodeType as v, Card as w, storeNodeInstallVersion as x, isStoreNodeUpdateAvailable as y };

package/dist/{TemplateConfigurationModal-CeMpPEhT.js → TemplateConfigurationModal-cd0-QVMZ.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 { a as Badge } from "./TemplateCard--WYJZlA_.js";
 import { t as Label } from "./label-CDy86rIZ.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { t as OpenTemplateAsCodeButton } from "./OpenTemplateAsCodeButton-Dh3ee2OR.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-C-2JuXg6.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 { a as Badge, i as templatePreview } from "./TemplateCard--WYJZlA_.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";