@burdenoff/fluidgrids-fe-sdk 2026.1111.16 → 2026.1111.17

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

@@ -1,6 +1,7 @@
 "use client";
-import { C as Dialog, D as DialogFooter, E as DialogDescription, O as DialogHeader, T as DialogContent, bt as Input, j as DialogTitle, x as Badge } from "./flow-builder-DEzT8TQu.js";
-import { i as Button } from "./PublishCustomNodeAction-D2F7oN0S.js";
+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 { 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-DfFfUcOe.js → TemplateDetailPanel-D4cUVr-m.js}

@@ -1,8 +1,8 @@
 "use client";
-import { i as Button } from "./PublishCustomNodeAction-D2F7oN0S.js";
-import { b as templatePreview, x as Badge } from "./flow-builder-DEzT8TQu.js";
+import { t as Button } from "./button-DG7y_FVJ.js";
+import { n as templatePreview, r as Badge } from "./TemplateCard-DsC0KNH1.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { hI as FLUIDGRIDS_PERMISSIONS, vI as SdkPermissionButton } from "./graphql-types-XcDLtFwU.js";
+import { i as SdkPermissionButton, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Calendar, Download, ExternalLink, Eye, Sparkles, Star, Tag, User, X } from "lucide-react";

package/dist/TemplatePreview-GthzCOSo.js

@@ -0,0 +1,231 @@
+"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 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";
+import { f as BILLING_PLANS_PATH } from "./fluidgridsEvents-CNdcrUNN.js";
+import { useEffect, useState } from "react";
+import { useNavigate, useParams } from "react-router";
+import { Icon } from "@iconify/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ErrorBoundary } from "@burdenoff/fe-libs/shared/components";
+import { Button } from "@burdenoff/fe-libs/button";
+import "@xyflow/react/dist/style.css";
+
+// src/utils/template-graph.ts
+/**
+* Extract nodes/edges from a template `content` object.
+* Returns null when the content carries no renderable graph.
+*/
+function extractTemplateGraph(content) {
+	const dj = content?.definitionJson;
+	if (!dj) return null;
+	const graph = dj.data ?? dj;
+	const nodes = graph?.nodes ?? [];
+	const edges = graph?.edges ?? [];
+	if (!nodes.length) return null;
+	return {
+		nodes,
+		edges
+	};
+}
+
+// src/pages/TemplatePreview.tsx
+var TemplatePreview_exports = /* @__PURE__ */ __exportAll({ TemplatePreview: () => TemplatePreview });
+/**
+* TemplatePreview — a read-only, n8n-style preview of a store workflow template.
+*
+* It loads the template's `content.definitionJson`, seeds the builder's flow
+* store with the graph, and renders the *real* builder canvas in read-only mode
+* (no dragging/connecting/editing — pan + zoom only). A header shows the
+* template name/description and a "Use this template" CTA that imports the
+* template and opens the editable builder. Nothing is created until the user
+* clicks "Use this template".
+*/
+function TemplatePreview() {
+	const { productId } = useParams();
+	const navigate = useNavigate();
+	const tr = useTr();
+	const { getTemplateDetail, parseTemplateContent } = useImportWorkflowTemplate();
+	const [workflow, setWorkflow] = useState(null);
+	const [template, setTemplate] = useState(null);
+	const [loading, setLoading] = useState(true);
+	const [error, setError] = useState(null);
+	const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);
+	const workflowsBase = window.location.pathname.replace(/\/templates(\/.*)?$/, "");
+	useEffect(() => {
+		let mounted = true;
+		const load = async () => {
+			if (!productId) {
+				setError(tr("fluidgrids.pages.templatePreview.errorNoTemplateSpecified", "No template specified."));
+				setLoading(false);
+				return;
+			}
+			try {
+				const full = await getTemplateDetail(productId);
+				if (!full) {
+					if (mounted) {
+						setError(tr("fluidgrids.pages.templatePreview.errorLoadFailed", "Failed to load template."));
+						setLoading(false);
+					}
+					return;
+				}
+				const content = parseTemplateContent(full);
+				const graph = extractTemplateGraph(content);
+				const nodes = graph?.nodes ?? [];
+				const edges = graph?.edges ?? [];
+				if (!nodes.length) {
+					if (mounted) {
+						setError(tr("fluidgrids.pages.templatePreview.errorNoWorkflow", "This template has no workflow to preview."));
+						setLoading(false);
+					}
+					return;
+				}
+				if (mounted) {
+					setTemplate(full);
+					setWorkflow({
+						id: productId,
+						workflowKey: productId,
+						version: "preview",
+						name: full.name ?? tr("fluidgrids.pages.templatePreview.fallbackTemplateName", "Template"),
+						nodes,
+						edges,
+						sidebar: {
+							active: "none",
+							panels: { nodeProperties: { selectedNode: null } }
+						}
+					});
+					setLoading(false);
+				}
+			} catch (e) {
+				if (mounted) {
+					setError(e instanceof Error ? e.message : tr("fluidgrids.pages.templatePreview.errorLoadFailed", "Failed to load template."));
+					setLoading(false);
+				}
+			}
+		};
+		load();
+		return () => {
+			mounted = false;
+		};
+	}, [
+		productId,
+		getTemplateDetail,
+		parseTemplateContent,
+		tr
+	]);
+	const templateImport = useTemplateImportFlow({
+		onImported: (created) => navigate(`${workflowsBase}/workflow/${created.workflowKey}/${created.version}`),
+		onQuotaExhausted: () => setShowQuotaExhausted(true)
+	});
+	const importing = templateImport.busy;
+	const handleUse = () => {
+		if (template) templateImport.start(template);
+	};
+	const backToTemplates = () => navigate(`${workflowsBase}/templates`);
+	return /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex h-full w-full flex-col overflow-hidden",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex h-14 shrink-0 items-center justify-between gap-3 border-b border-card-foreground/10 bg-gradient-to-r from-primary/40 to-transparent px-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: [/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: backToTemplates,
+						title: tr("fluidgrids.pages.templatePreview.backTooltip", "Back to templates"),
+						className: "flex size-9 shrink-0 items-center justify-center rounded-md text-card-foreground transition-colors hover:bg-card-foreground/10",
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: "ion:arrow-back-outline",
+							className: "size-5"
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "truncate text-sm font-semibold text-card-foreground",
+								children: workflow?.name ?? template?.name ?? tr("fluidgrids.pages.templatePreview.fallbackHeaderTitle", "Template preview")
+							}), /* @__PURE__ */ jsx("span", {
+								className: "shrink-0 rounded-full bg-card-foreground/10 px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground",
+								children: tr("fluidgrids.pages.templatePreview.readOnlyBadge", "Preview · read-only")
+							})]
+						}), template?.description ? /* @__PURE__ */ jsx("span", {
+							className: "block truncate text-xs text-muted-foreground",
+							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("div", {
+				className: "relative min-h-0 w-full flex-1",
+				children: /* @__PURE__ */ jsx(ErrorBoundary, {
+					fallback: () => /* @__PURE__ */ jsxs("div", {
+						className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "text-sm text-muted-foreground",
+							children: tr("fluidgrids.pages.templatePreview.renderErrorMessage", "Something went wrong rendering this template preview.")
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							onClick: backToTemplates,
+							children: tr("fluidgrids.pages.templatePreview.backToTemplates", "Back to templates")
+						})]
+					}),
+					children: loading ? /* @__PURE__ */ jsxs("div", {
+						className: "flex h-full items-center justify-center gap-2 text-sm text-muted-foreground",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "svg-spinners:ring-resize",
+							className: "size-4"
+						}), tr("fluidgrids.pages.templatePreview.loadingPreview", "Loading preview…")]
+					}) : error ? /* @__PURE__ */ jsxs("div", {
+						className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center",
+						children: [
+							/* @__PURE__ */ jsx(Icon, {
+								icon: "mdi:alert-circle-outline",
+								className: "size-8 text-muted-foreground"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-sm text-muted-foreground",
+								children: error
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								onClick: backToTemplates,
+								children: tr("fluidgrids.pages.templatePreview.backToTemplates", "Back to templates")
+							})
+						]
+					}) : workflow ? /* @__PURE__ */ jsx(FlowBuilderPage, {
+						workflow,
+						readOnly: true
+					}) : null
+				})
+			})]
+		}),
+		templateImport.dialog,
+		/* @__PURE__ */ jsx(QuotaExhaustedDialog, {
+			surface: "template-import",
+			open: showQuotaExhausted,
+			onOpenChange: setShowQuotaExhausted,
+			onUpgrade: () => {
+				setShowQuotaExhausted(false);
+				navigate(BILLING_PLANS_PATH);
+			}
+		})
+	] });
+}
+
+export { TemplatePreview_exports as n, extractTemplateGraph as r, TemplatePreview as t };

package/dist/TemplatesPage-BG3H-6v6.d.ts

@@ -0,0 +1,10 @@
+
+declare namespace TemplatePreview_d_exports {
+  export { TemplatePreview };
+}
+declare function TemplatePreview(): import("react").JSX.Element;
+declare namespace TemplatesPage_d_exports {
+  export { TemplatesPage };
+}
+declare function TemplatesPage(): import("react").JSX.Element;
+export { TemplatePreview_d_exports as i, TemplatesPage_d_exports as n, TemplatePreview as r, TemplatesPage as t };

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

@@ -1,27 +1,26 @@
 "use client";
-import { Bi as describeOperationError, Ui as throwIfResultError } from "./node-endpoint-configs-DHFGA5MQ.js";
-import { O as MyWorkflowTemplateSubmissionsDocument, P as WithdrawWorkflowTemplateSubmissionDocument, j as SubmitWorkflowTemplateDocument, pn as useFluidGridsAnalytics } from "./FluidGridsProvider-DmvFADFa.js";
+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 { 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";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { P as useTemplateImportFlow, R as useImportWorkflowTemplate, Z as useGlobalStoreClient, t as FlowBuilderPage, y as TemplateCard, z as useWorkflowTemplates } from "./flow-builder-DEzT8TQu.js";
+import { O as MyWorkflowTemplateSubmissionsDocument, P as WithdrawWorkflowTemplateSubmissionDocument, j as SubmitWorkflowTemplateDocument, pn as useFluidGridsAnalytics } from "./FluidGridsProvider-dvZSNtSW.js";
 import { a as emitTemplateUsed, f as BILLING_PLANS_PATH, y as isQuotaExhaustedFailure } from "./fluidgridsEvents-CNdcrUNN.js";
-import { h as useWorkflowDefinitions, l as useLazyWorkflowDefinition, s as useDuplicateWorkflow } from "./useWorkflows-w4Dx2fF2.js";
-import { k as QuotaExhaustedDialog } from "./WorkflowShareDialog-6RRDe-_v.js";
-import { YF as WorkflowStatus, hI as FLUIDGRIDS_PERMISSIONS, vI as SdkPermissionButton } from "./graphql-types-XcDLtFwU.js";
 import { n as useFluidGridsPageControls } from "./pageControlsBridge-0pX9s-3k.js";
 import { r as templatesControls } from "./pageControlSpecs-DZJ9K37m.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
+import { _ as throwIfResultError, m as describeOperationError } from "./client-C9XSzSXr.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { useNavigate, useParams } from "react-router";
+import { useNavigate } from "react-router";
 import { useQuery } from "@apollo/client/react";
 import { Icon } from "@iconify/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "sonner";
 import { Badge, Card, CardHeader, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Skeleton, Textarea } from "@burdenoff/fe-libs/ui";
-import { ErrorBoundary } from "@burdenoff/fe-libs/shared/components";
 import { Button as Button$1 } from "@burdenoff/fe-libs/button";
 import { v4 } from "uuid";
-import { ThemeProvider } from "@burdenoff/fe-libs/shared/providers/shell";
-import "@xyflow/react/dist/style.css";
 
 // src/hooks/store/usePublishToStore.ts
 /** Categories a community template can be filed under (matches the store). */
@@ -151,223 +150,6 @@ function useTemplateSubmissions(enabled = true, limit = 50) {
 	};
 }
 
-// src/builder/components/theme-provider.tsx
-function ThemeProvider$1({ children }) {
-	return /* @__PURE__ */ jsx(ThemeProvider, { children });
-}
-
-// src/utils/template-graph.ts
-/**
-* Extract nodes/edges from a template `content` object.
-* Returns null when the content carries no renderable graph.
-*/
-function extractTemplateGraph(content) {
-	const dj = content?.definitionJson;
-	if (!dj) return null;
-	const graph = dj.data ?? dj;
-	const nodes = graph?.nodes ?? [];
-	const edges = graph?.edges ?? [];
-	if (!nodes.length) return null;
-	return {
-		nodes,
-		edges
-	};
-}
-
-// src/pages/TemplatePreview.tsx
-/**
-* TemplatePreview — a read-only, n8n-style preview of a store workflow template.
-*
-* It loads the template's `content.definitionJson`, seeds the builder's flow
-* store with the graph, and renders the *real* builder canvas in read-only mode
-* (no dragging/connecting/editing — pan + zoom only). A header shows the
-* template name/description and a "Use this template" CTA that imports the
-* template and opens the editable builder. Nothing is created until the user
-* clicks "Use this template".
-*/
-function TemplatePreview() {
-	const { productId } = useParams();
-	const navigate = useNavigate();
-	const tr = useTr();
-	const { getTemplateDetail, parseTemplateContent } = useImportWorkflowTemplate();
-	const [workflow, setWorkflow] = useState(null);
-	const [template, setTemplate] = useState(null);
-	const [loading, setLoading] = useState(true);
-	const [error, setError] = useState(null);
-	const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);
-	const workflowsBase = window.location.pathname.replace(/\/templates(\/.*)?$/, "");
-	useEffect(() => {
-		let mounted = true;
-		const load = async () => {
-			if (!productId) {
-				setError(tr("fluidgrids.pages.templatePreview.errorNoTemplateSpecified", "No template specified."));
-				setLoading(false);
-				return;
-			}
-			try {
-				const full = await getTemplateDetail(productId);
-				if (!full) {
-					if (mounted) {
-						setError(tr("fluidgrids.pages.templatePreview.errorLoadFailed", "Failed to load template."));
-						setLoading(false);
-					}
-					return;
-				}
-				const content = parseTemplateContent(full);
-				const graph = extractTemplateGraph(content);
-				const nodes = graph?.nodes ?? [];
-				const edges = graph?.edges ?? [];
-				if (!nodes.length) {
-					if (mounted) {
-						setError(tr("fluidgrids.pages.templatePreview.errorNoWorkflow", "This template has no workflow to preview."));
-						setLoading(false);
-					}
-					return;
-				}
-				if (mounted) {
-					setTemplate(full);
-					setWorkflow({
-						id: productId,
-						workflowKey: productId,
-						version: "preview",
-						name: full.name ?? tr("fluidgrids.pages.templatePreview.fallbackTemplateName", "Template"),
-						nodes,
-						edges,
-						sidebar: {
-							active: "none",
-							panels: { nodeProperties: { selectedNode: null } }
-						}
-					});
-					setLoading(false);
-				}
-			} catch (e) {
-				if (mounted) {
-					setError(e instanceof Error ? e.message : tr("fluidgrids.pages.templatePreview.errorLoadFailed", "Failed to load template."));
-					setLoading(false);
-				}
-			}
-		};
-		load();
-		return () => {
-			mounted = false;
-		};
-	}, [
-		productId,
-		getTemplateDetail,
-		parseTemplateContent,
-		tr
-	]);
-	const templateImport = useTemplateImportFlow({
-		onImported: (created) => navigate(`${workflowsBase}/workflow/${created.workflowKey}/${created.version}`),
-		onQuotaExhausted: () => setShowQuotaExhausted(true)
-	});
-	const importing = templateImport.busy;
-	const handleUse = () => {
-		if (template) templateImport.start(template);
-	};
-	const backToTemplates = () => navigate(`${workflowsBase}/templates`);
-	return /* @__PURE__ */ jsxs(ThemeProvider$1, { children: [
-		/* @__PURE__ */ jsxs("div", {
-			className: "flex h-full w-full flex-col overflow-hidden",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex h-14 shrink-0 items-center justify-between gap-3 border-b border-card-foreground/10 bg-gradient-to-r from-primary/40 to-transparent px-3",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-0 items-center gap-2",
-					children: [/* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: backToTemplates,
-						title: tr("fluidgrids.pages.templatePreview.backTooltip", "Back to templates"),
-						className: "flex size-9 shrink-0 items-center justify-center rounded-md text-card-foreground transition-colors hover:bg-card-foreground/10",
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: "ion:arrow-back-outline",
-							className: "size-5"
-						})
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "min-w-0",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "truncate text-sm font-semibold text-card-foreground",
-								children: workflow?.name ?? template?.name ?? tr("fluidgrids.pages.templatePreview.fallbackHeaderTitle", "Template preview")
-							}), /* @__PURE__ */ jsx("span", {
-								className: "shrink-0 rounded-full bg-card-foreground/10 px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground",
-								children: tr("fluidgrids.pages.templatePreview.readOnlyBadge", "Preview · read-only")
-							})]
-						}), template?.description ? /* @__PURE__ */ jsx("span", {
-							className: "block truncate text-xs text-muted-foreground",
-							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$1, {
-						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", {
-				className: "relative min-h-0 w-full flex-1",
-				children: /* @__PURE__ */ jsx(ErrorBoundary, {
-					fallback: () => /* @__PURE__ */ jsxs("div", {
-						className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center",
-						children: [/* @__PURE__ */ jsx("p", {
-							className: "text-sm text-muted-foreground",
-							children: tr("fluidgrids.pages.templatePreview.renderErrorMessage", "Something went wrong rendering this template preview.")
-						}), /* @__PURE__ */ jsx(Button$1, {
-							variant: "outline",
-							onClick: backToTemplates,
-							children: tr("fluidgrids.pages.templatePreview.backToTemplates", "Back to templates")
-						})]
-					}),
-					children: loading ? /* @__PURE__ */ jsxs("div", {
-						className: "flex h-full items-center justify-center gap-2 text-sm text-muted-foreground",
-						children: [/* @__PURE__ */ jsx(Icon, {
-							icon: "svg-spinners:ring-resize",
-							className: "size-4"
-						}), tr("fluidgrids.pages.templatePreview.loadingPreview", "Loading preview…")]
-					}) : error ? /* @__PURE__ */ jsxs("div", {
-						className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center",
-						children: [
-							/* @__PURE__ */ jsx(Icon, {
-								icon: "mdi:alert-circle-outline",
-								className: "size-8 text-muted-foreground"
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "text-sm text-muted-foreground",
-								children: error
-							}),
-							/* @__PURE__ */ jsx(Button$1, {
-								variant: "outline",
-								onClick: backToTemplates,
-								children: tr("fluidgrids.pages.templatePreview.backToTemplates", "Back to templates")
-							})
-						]
-					}) : workflow ? /* @__PURE__ */ jsx(FlowBuilderPage, {
-						workflow,
-						readOnly: true
-					}) : null
-				})
-			})]
-		}),
-		templateImport.dialog,
-		/* @__PURE__ */ jsx(QuotaExhaustedDialog, {
-			surface: "template-import",
-			open: showQuotaExhausted,
-			onOpenChange: setShowQuotaExhausted,
-			onUpgrade: () => {
-				setShowQuotaExhausted(false);
-				navigate(BILLING_PLANS_PATH);
-			}
-		})
-	] });
-}
-
 // src/modules/templates/utils/template-categories.ts
 /** English labels for the store's template categories (BOFF-4316). */
 const TEMPLATE_CATEGORY_LABELS = {
@@ -973,6 +755,7 @@ function galleryCategory(workflow) {
 }
 
 // src/modules/templates/pages/TemplatesPage.tsx
+var TemplatesPage_exports = /* @__PURE__ */ __exportAll({ TemplatesPage: () => TemplatesPage });
 /**
 * Category chips, shared by My Templates and From Store. My Templates groups
 * by the same store categories, read from each workflow's stored category
@@ -1480,4 +1263,4 @@ function TemplatesPage() {
 	});
 }
 
-export { ThemeProvider$1 as i, TemplatePreview as n, extractTemplateGraph as r, TemplatesPage as t };
+export { TemplatesPage_exports as n, TemplatesPage as t };