@burdenoff/microfe-tours 2026.527.1 → 2026.527.3

package/dist/tours/pages/TourBuilderPage.js

@@ -11,11 +11,11 @@ import { PermissionGate as l } from "@burdenoff/fe-libs/shared/components";
 import { ArrowLeft as re, BarChart3 as ie, Calendar as ae, Eye as oe, LayoutTemplate as se, ListOrdered as ce, Save as le, Sparkles as ue } from "lucide-react";
 import { Fragment as de, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { useNavigate as fe, useParams as pe } from "react-router-dom";
-import { useGatewayClient as f } from "@burdenoff/fe-libs/shared/graphql";
-import { useEventBus as me } from "@burdenoff/fe-libs/shared/events";
-import { gql as p } from "@apollo/client/core";
+import { useGatewayClient as me } from "@burdenoff/fe-libs/shared/graphql";
+import { useEventBus as he } from "@burdenoff/fe-libs/shared/events";
+import { gql as f } from "@apollo/client/core";
 //#region src/tours/pages/TourBuilderPage.tsx
-var he = 250, ge = p`
+var ge = 250, _e = f`
   mutation SeedVibeControlsUserTours {
     seedVibeControlsUserTours {
       productId
@@ -33,7 +33,7 @@ var he = 250, ge = p`
     }
   }
 `;
-function _e(e) {
+function ve(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e, n = t.error;
 	if (n instanceof Error) return n.message;
@@ -47,7 +47,7 @@ function _e(e) {
 	}).filter((e) => !!e);
 	return i.length > 0 ? i.join("; ") : "Seed mutation returned errors.";
 }
-var m = [
+var p = [
 	{
 		productId: "vibecontrols",
 		moduleId: "dashboard",
@@ -280,37 +280,38 @@ var m = [
 		path: "/conversations/settings"
 	}
 ];
-function h(e) {
+function m(e) {
 	return e?.trim() || void 0;
 }
-function g(e) {
-	let t = h(e);
-	return t ? m.filter((e) => e.productId === t) : [];
+function h(e) {
+	let t = m(e);
+	return t ? p.filter((e) => e.productId === t) : [];
 }
-function ve(e) {
+function ye(e) {
 	let t = /* @__PURE__ */ new Map();
-	for (let n of g(e)) (!t.get(n.moduleId) || n.isModuleHome) && t.set(n.moduleId, {
+	for (let n of h(e)) (!t.get(n.moduleId) || n.isModuleHome) && t.set(n.moduleId, {
 		moduleId: n.moduleId,
 		label: n.moduleLabel,
 		path: n.path
 	});
 	return [...t.values()];
 }
-function ye(e, t) {
-	let n = h(t);
-	return n ? g(e).filter((e) => e.moduleId === n).map((e) => ({
+function be(e, t) {
+	let n = m(t);
+	return n ? h(e).flatMap((e) => e.moduleId === n ? [{
 		pageId: e.pageId,
 		label: e.pageLabel,
 		path: e.path
-	})) : [];
+	}] : []) : [];
 }
-function _() {
-	let { tr: p } = ee(), { tourId: m } = pe(), h = fe(), g = e(), { basePath: _ = "/" } = g, v = me(), be = f("global"), { hasPermission: y } = r(), b = !m || m === "new", x = y(i.TOUR_CREATE), S = y(i.TOUR_UPDATE), xe = y(i.TOUR_TEMPLATE_CREATE), Se = b ? x : S, C = x && S, { tour: w, loadTour: T, createTour: Ce, updateTour: we, saving: E, validationErrors: D, error: O } = te(m), { saveAsTemplate: k } = n(), { data: A, loading: j } = t({
+function g() {
+	let { tr: f } = ee(), { tourId: p } = pe(), m = fe(), h = e(), { basePath: g = "/" } = h, _ = he(), xe = me("global"), { hasPermission: v, isLoading: y } = r(), b = !p || p === "new", x = v(i.TOUR_CREATE), S = v(i.TOUR_UPDATE), Se = v(i.TOUR_TEMPLATE_CREATE), C = b ? x : S, w = x && S, { tour: T, loadTour: E, createTour: Ce, updateTour: we, saving: D, validationErrors: O, error: k } = te(p), { saveAsTemplate: Te } = n(), { data: A, loading: j } = t({
 		variables: {
-			limit: he,
+			limit: ge,
 			offset: 0
 		},
-		fetchPolicy: "cache-and-network"
+		fetchPolicy: "cache-and-network",
+		skip: y || !C
 	}), [M, N] = c({
 		name: "",
 		description: "",
@@ -324,12 +325,17 @@ function _() {
 		displayOrder: 1,
 		startDate: "",
 		endDate: ""
-	}), [P, F] = c(!1), [I, L] = c(!1), [R, z] = c(!1), [B, V] = c(!1), [H, U] = c(null), [W, G] = c(null), K = ne(!1), q = s(() => [...A?.platformProducts.items ?? []].sort((e, t) => e.name.localeCompare(t.name)), [A]), J = s(() => new Set(q.map((e) => e.slug)), [q]), Y = s(() => ve(M.productId), [M.productId]), X = s(() => new Set(Y.map((e) => e.moduleId)), [Y]), Z = s(() => ye(M.productId, M.moduleId), [M.moduleId, M.productId]), Q = s(() => new Set(Z.map((e) => e.pageId)), [Z]);
+	}), [P, F] = c(!1), [I, L] = c(!1), [R, z] = c(!1), [B, V] = c(!1), [H, U] = c(null), [W, G] = c(null), K = ne(!1), q = s(() => [...A?.platformProducts.items ?? []].sort((e, t) => e.name.localeCompare(t.name)), [A]), J = s(() => new Set(q.map((e) => e.slug)), [q]), Y = s(() => ye(M.productId), [M.productId]), X = s(() => new Set(Y.map((e) => e.moduleId)), [Y]), Z = s(() => be(M.productId, M.moduleId), [M.moduleId, M.productId]), Q = s(() => new Set(Z.map((e) => e.pageId)), [Z]);
 	o(() => {
-		m && m !== "new" && (K.current = !1, T(m));
-	}, [m, T]), o(() => {
-		w && !K.current && (N(w), K.current = !0);
-	}, [w]), o(() => {
+		K.current || !y && C && p && p !== "new" && E(p);
+	}, [
+		C,
+		E,
+		y,
+		p
+	]), o(() => {
+		T && !K.current && (N(T), K.current = !0);
+	}, [T]), o(() => {
 		if (!M.productId || j) {
 			F(!1);
 			return;
@@ -363,75 +369,82 @@ function _() {
 		Q,
 		Z.length
 	]);
-	let Te = !!(M.productId && !P && !J.has(M.productId)), Ee = !!(M.moduleId && !I && !X.has(M.moduleId)), De = !!(M.pageId && !R && !Q.has(M.pageId)), Oe = async (e) => {
+	let Ee = !!(M.productId && !P && !J.has(M.productId)), De = !!(M.moduleId && !I && !X.has(M.moduleId)), Oe = !!(M.pageId && !R && !Q.has(M.pageId)), ke = async (e) => {
 		e.preventDefault();
 		try {
-			m && m !== "new" ? await we(m, M) : await Ce(M);
+			p && p !== "new" ? await we(p, M) : await Ce(M);
 		} catch {
-			a(v, "tour.save", g);
+			a(_, "tour.save", h);
 		}
-	}, ke = () => {
-		h(`${_}/list`);
+	}, Ae = () => {
+		m(`${g}/list`);
 	}, $ = (e) => {
 		if (!e) return "";
 		let t = new Date(e);
 		return Number.isNaN(t.getTime()) ? "" : (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
-	}, Ae = async () => {
-		if (!m || m === "new") return;
-		let e = `${M.name || w?.name || "Tour"} Template`, t = window.prompt("Template name", e);
+	}, je = async () => {
+		if (!p || p === "new") return;
+		let e = `${M.name || T?.name || "Tour"} Template`, t = window.prompt("Template name", e);
 		if (!t) return;
 		let n = window.prompt("Template category (ONBOARDING, FEATURE_ANNOUNCEMENT, HELP, CUSTOM)", "ONBOARDING") || "ONBOARDING";
 		try {
-			await k(m, {
+			await Te(p, {
 				name: t,
 				description: M.description,
 				category: n,
 				isPublic: !1
-			}), h(`${_}/templates`);
+			}), m(`${g}/templates`);
 		} catch {
-			a(v, "template.save", g);
+			a(_, "template.save", h);
 		}
-	}, je = async () => {
-		if (window.confirm(p("tourBuilder.seedVibeControls.confirm"))) {
+	}, Me = async () => {
+		if (window.confirm(f("tourBuilder.seedVibeControls.confirm"))) {
 			V(!0), U(null), G(null);
 			try {
-				let e = await be.mutate({ mutation: ge }), t = _e(e);
+				let e = await xe.mutate({ mutation: _e }), t = ve(e);
 				if (t) throw Error(t);
 				let n = e.data?.seedVibeControlsUserTours;
 				if (!n) throw Error("Seed mutation returned no result.");
 				U(n);
 			} catch (e) {
-				let t = e instanceof Error ? e.message : p("tourBuilder.seedVibeControls.error");
-				G(t), v.emit("tours.api.failed", {
+				let t = e instanceof Error ? e.message : f("tourBuilder.seedVibeControls.error");
+				G(t), _.emit("tours.api.failed", {
 					route: "/tours",
 					operation: "tour.seed_vibecontrols_user_tours",
 					errorMessage: t,
-					productId: g.productId,
-					workspaceId: g.workspaceId
+					productId: h.productId,
+					workspaceId: h.workspaceId
 				}, { component: "microfe-tours" });
 			} finally {
 				V(!1);
 			}
 		}
 	};
-	return /* @__PURE__ */ d("div", {
+	return y ? /* @__PURE__ */ u("div", {
+		className: "flex h-full items-center justify-center p-3 sm:p-6",
+		children: /* @__PURE__ */ u("p", {
+			className: "text-sm text-muted-foreground",
+			children: f("tourBuilder.loading")
+		})
+	}) : C ? /* @__PURE__ */ d("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6 max-w-4xl mx-auto",
 		children: [
 			/* @__PURE__ */ d("div", {
 				className: "flex items-center gap-4",
 				children: [/* @__PURE__ */ u("button", {
-					onClick: ke,
+					type: "button",
+					onClick: Ae,
 					className: "p-2 hover:bg-accent rounded-md",
-					"aria-label": p("tourBuilder.goBack"),
+					"aria-label": f("tourBuilder.goBack"),
 					children: /* @__PURE__ */ u(re, { size: 20 })
 				}), /* @__PURE__ */ d("div", {
 					className: "flex-1",
 					children: [/* @__PURE__ */ u("h1", {
 						className: "text-xl sm:text-2xl font-bold text-foreground",
-						children: p(m && m !== "new" ? "tourBuilder.titleEdit" : "tourBuilder.titleCreate")
+						children: f(p && p !== "new" ? "tourBuilder.titleEdit" : "tourBuilder.titleCreate")
 					}), /* @__PURE__ */ u("p", {
 						className: "text-sm text-muted-foreground",
-						children: p("tourBuilder.subtitle")
+						children: f("tourBuilder.subtitle")
 					})]
 				})]
 			}),
@@ -444,22 +457,22 @@ function _() {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ u("h2", {
 								className: "text-lg font-semibold text-foreground",
-								children: p("tourBuilder.seedVibeControls.title")
+								children: f("tourBuilder.seedVibeControls.title")
 							}), /* @__PURE__ */ u("p", {
 								className: "text-sm text-muted-foreground",
-								children: p("tourBuilder.seedVibeControls.description")
+								children: f("tourBuilder.seedVibeControls.description")
 							})]
 						}), /* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: () => void je(),
-							disabled: B || !C,
+							onClick: () => void Me(),
+							disabled: B || !w,
 							className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-md border border-border bg-secondary px-4 py-2 text-sm font-medium text-secondary-foreground hover:bg-secondary/80 disabled:cursor-not-allowed disabled:opacity-50",
-							children: [/* @__PURE__ */ u(ue, { size: 18 }), p(B ? "tourBuilder.seedVibeControls.loading" : "tourBuilder.seedVibeControls.button")]
+							children: [/* @__PURE__ */ u(ue, { size: 18 }), f(B ? "tourBuilder.seedVibeControls.loading" : "tourBuilder.seedVibeControls.button")]
 						})]
 					}),
-					C ? null : /* @__PURE__ */ u("p", {
+					w ? null : /* @__PURE__ */ u("p", {
 						className: "mt-3 text-sm text-muted-foreground",
-						children: p("tourBuilder.seedVibeControls.permissionHint")
+						children: f("tourBuilder.seedVibeControls.permissionHint")
 					}),
 					W ? /* @__PURE__ */ u("p", {
 						className: "mt-3 text-sm text-destructive",
@@ -467,7 +480,7 @@ function _() {
 					}) : null,
 					H ? /* @__PURE__ */ u("div", {
 						className: "mt-3 rounded-md border border-border bg-background p-3 text-sm text-muted-foreground",
-						children: p("tourBuilder.seedVibeControls.result", {
+						children: f("tourBuilder.seedVibeControls.result", {
 							totalCount: H.totalCount,
 							productId: H.productId,
 							workspaceId: H.workspaceId,
@@ -478,21 +491,21 @@ function _() {
 				]
 			}) : null,
 			/* @__PURE__ */ d("form", {
-				onSubmit: Oe,
+				onSubmit: ke,
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ d("div", {
 						className: "border border-border rounded-md p-4 sm:p-6 bg-card",
 						children: [/* @__PURE__ */ u("h2", {
 							className: "text-lg font-semibold mb-4",
-							children: p("tourBuilder.sectionBasicInfo")
+							children: f("tourBuilder.sectionBasicInfo")
 						}), /* @__PURE__ */ d("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "tour-name",
-									children: p("tourBuilder.labelName")
+									children: f("tourBuilder.labelName")
 								}), /* @__PURE__ */ u("input", {
 									id: "tour-name",
 									type: "text",
@@ -502,12 +515,13 @@ function _() {
 										name: e.target.value
 									}),
 									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
-									required: !0
+									required: !0,
+									"aria-label": f("tourBuilder.labelName")
 								})] }),
 								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "tour-description",
-									children: p("tourBuilder.labelDescription")
+									children: f("tourBuilder.labelDescription")
 								}), /* @__PURE__ */ u("textarea", {
 									id: "tour-description",
 									value: M.description || "",
@@ -516,13 +530,14 @@ function _() {
 										description: e.target.value
 									}),
 									rows: 3,
-									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
+									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+									"aria-label": f("tourBuilder.labelDescription")
 								})] }),
 								/* @__PURE__ */ d("div", { children: [
 									/* @__PURE__ */ u("label", {
 										className: "block text-sm font-medium mb-2",
 										htmlFor: "product-id",
-										children: p("tourBuilder.labelProductId")
+										children: f("tourBuilder.labelProductId")
 									}),
 									/* @__PURE__ */ d("select", {
 										id: "product-id",
@@ -546,6 +561,7 @@ function _() {
 										},
 										className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
 										required: !0,
+										"aria-label": f("tourBuilder.labelProductId"),
 										children: [
 											/* @__PURE__ */ u("option", {
 												value: "",
@@ -553,7 +569,7 @@ function _() {
 											}),
 											j ? /* @__PURE__ */ u("option", {
 												disabled: !0,
-												children: "Loading products..."
+												children: "Loading products…"
 											}) : null,
 											q.map((e) => /* @__PURE__ */ d("option", {
 												value: e.slug,
@@ -564,7 +580,7 @@ function _() {
 													")"
 												]
 											}, e.id)),
-											Te ? /* @__PURE__ */ d("option", {
+											Ee ? /* @__PURE__ */ d("option", {
 												value: M.productId,
 												children: ["Current: ", M.productId]
 											}) : null,
@@ -576,6 +592,7 @@ function _() {
 									}),
 									P ? /* @__PURE__ */ u("input", {
 										id: "product-id-custom",
+										"aria-label": "Custom product slug",
 										type: "text",
 										value: M.productId || "",
 										onChange: (e) => N({
@@ -617,6 +634,7 @@ function _() {
 											},
 											className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
 											disabled: !M.productId,
+											"aria-label": "Module ID",
 											children: [
 												/* @__PURE__ */ u("option", {
 													value: "",
@@ -631,7 +649,7 @@ function _() {
 														")"
 													]
 												}, e.moduleId)),
-												Ee ? /* @__PURE__ */ d("option", {
+												De ? /* @__PURE__ */ d("option", {
 													value: M.moduleId,
 													children: ["Current: ", M.moduleId]
 												}) : null,
@@ -643,6 +661,7 @@ function _() {
 										}),
 										I ? /* @__PURE__ */ u("input", {
 											id: "module-id-custom",
+											"aria-label": "Custom module ID",
 											type: "text",
 											value: M.moduleId || "",
 											onChange: (e) => N({
@@ -677,6 +696,7 @@ function _() {
 											},
 											className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
 											disabled: !M.productId,
+											"aria-label": "Page ID",
 											children: [
 												/* @__PURE__ */ u("option", {
 													value: "",
@@ -691,7 +711,7 @@ function _() {
 														")"
 													]
 												}, e.pageId)),
-												De ? /* @__PURE__ */ d("option", {
+												Oe ? /* @__PURE__ */ d("option", {
 													value: M.pageId,
 													children: ["Current: ", M.pageId]
 												}) : null,
@@ -703,6 +723,7 @@ function _() {
 										}),
 										R ? /* @__PURE__ */ u("input", {
 											id: "page-id-custom",
+											"aria-label": "Custom page ID",
 											type: "text",
 											value: M.pageId || "",
 											onChange: (e) => N({
@@ -723,7 +744,8 @@ function _() {
 											...M,
 											isActive: e.target.checked
 										}),
-										className: "w-4 h-4 rounded"
+										className: "size-4 rounded",
+										"aria-label": "Active"
 									}), /* @__PURE__ */ u("span", {
 										className: "text-sm font-medium",
 										children: "Active"
@@ -736,14 +758,14 @@ function _() {
 						className: "border border-border rounded-md p-4 sm:p-6 bg-card",
 						children: [/* @__PURE__ */ u("h2", {
 							className: "text-lg font-semibold mb-4",
-							children: p("tourBuilder.sectionTriggerSettings")
+							children: f("tourBuilder.sectionTriggerSettings")
 						}), /* @__PURE__ */ d("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "trigger-type",
-									children: p("tourBuilder.labelTriggerType")
+									children: f("tourBuilder.labelTriggerType")
 								}), /* @__PURE__ */ d("select", {
 									id: "trigger-type",
 									value: M.triggerType || "MANUAL",
@@ -752,33 +774,34 @@ function _() {
 										triggerType: e.target.value
 									}),
 									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+									"aria-label": f("tourBuilder.labelTriggerType"),
 									children: [
 										/* @__PURE__ */ u("option", {
 											value: "MANUAL",
-											children: p("tourBuilder.triggerManual")
+											children: f("tourBuilder.triggerManual")
 										}),
 										/* @__PURE__ */ u("option", {
 											value: "AUTO_FIRST_VISIT",
-											children: p("tourBuilder.triggerAutoFirstVisit")
+											children: f("tourBuilder.triggerAutoFirstVisit")
 										}),
 										/* @__PURE__ */ u("option", {
 											value: "AUTO_ALWAYS",
-											children: p("tourBuilder.triggerAutoAlways")
+											children: f("tourBuilder.triggerAutoAlways")
 										}),
 										/* @__PURE__ */ u("option", {
 											value: "ON_EVENT",
-											children: p("tourBuilder.triggerOnEvent")
+											children: f("tourBuilder.triggerOnEvent")
 										}),
 										/* @__PURE__ */ u("option", {
 											value: "SCHEDULED",
-											children: p("tourBuilder.triggerScheduled")
+											children: f("tourBuilder.triggerScheduled")
 										})
 									]
 								})] }),
 								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "priority",
-									children: p("tourBuilder.labelPriority")
+									children: f("tourBuilder.labelPriority")
 								}), /* @__PURE__ */ u("input", {
 									id: "priority",
 									type: "number",
@@ -792,7 +815,8 @@ function _() {
 											priority: t
 										});
 									},
-									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
+									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+									"aria-label": f("tourBuilder.labelPriority")
 								})] }),
 								/* @__PURE__ */ d("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
@@ -808,7 +832,8 @@ function _() {
 											...M,
 											startDate: e.target.value ? new Date(e.target.value).toISOString() : void 0
 										}),
-										className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
+										className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+										"aria-label": "Start Date"
 									})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 										className: "block text-sm font-medium mb-2",
 										htmlFor: "tour-end-date",
@@ -821,33 +846,34 @@ function _() {
 											...M,
 											endDate: e.target.value ? new Date(e.target.value).toISOString() : void 0
 										}),
-										className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
+										className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+										"aria-label": "End Date"
 									})] })]
 								})
 							]
 						})]
 					}),
-					O && /* @__PURE__ */ d("div", {
+					k && /* @__PURE__ */ d("div", {
 						className: "border border-destructive rounded-md p-4 bg-destructive/10",
 						children: [/* @__PURE__ */ u("h3", {
 							className: "font-semibold text-destructive mb-2",
-							children: p("tourBuilder.errorTitle")
+							children: f("tourBuilder.errorTitle")
 						}), /* @__PURE__ */ u("p", {
 							className: "text-sm text-destructive",
-							children: O.message
+							children: k.message
 						})]
 					}),
-					D.length > 0 && /* @__PURE__ */ d("div", {
+					O.length > 0 && /* @__PURE__ */ d("div", {
 						className: "border border-destructive rounded-md p-4 bg-destructive/10",
 						children: [/* @__PURE__ */ u("h3", {
 							className: "font-semibold text-destructive mb-2",
-							children: p("tourBuilder.validationErrorsTitle")
+							children: f("tourBuilder.validationErrorsTitle")
 						}), /* @__PURE__ */ u("ul", {
 							className: "list-disc list-inside space-y-1",
-							children: D.map((e, t) => /* @__PURE__ */ u("li", {
+							children: O.map((e) => /* @__PURE__ */ u("li", {
 								className: "text-sm text-destructive",
 								children: e.message
-							}, t))
+							}, e.message))
 						})]
 					}),
 					/* @__PURE__ */ d("div", {
@@ -856,39 +882,39 @@ function _() {
 							permission: b ? i.TOUR_CREATE : i.TOUR_UPDATE,
 							children: /* @__PURE__ */ d("button", {
 								type: "submit",
-								disabled: E || !Se,
+								disabled: D || !C,
 								className: "flex-1 min-w-[200px] px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 disabled:opacity-50 flex items-center justify-center gap-2",
-								children: [/* @__PURE__ */ u(le, { size: 20 }), p(E ? "tourBuilder.saving" : m && m !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
+								children: [/* @__PURE__ */ u(le, { size: 20 }), f(D ? "tourBuilder.saving" : p && p !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
 							})
-						}), m && m !== "new" && /* @__PURE__ */ d(de, { children: [
+						}), p && p !== "new" && /* @__PURE__ */ d(de, { children: [
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => h(`${_}/${m}/steps`),
+								onClick: () => m(`${g}/${p}/steps`),
 								className: "px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/80 flex items-center gap-2",
 								children: [
 									/* @__PURE__ */ u(ce, { size: 20 }),
-									p("tourBuilder.editSteps"),
-									w?.steps && w.steps.length > 0 && /* @__PURE__ */ u("span", {
+									f("tourBuilder.editSteps"),
+									T?.steps && T.steps.length > 0 && /* @__PURE__ */ u("span", {
 										className: "ml-1 px-2 py-0.5 text-xs bg-primary/20 rounded-full",
-										children: w.steps.length
+										children: T.steps.length
 									})
 								]
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => h(`${_}/${m}/preview`),
+								onClick: () => m(`${g}/${p}/preview`),
 								className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2",
-								children: [/* @__PURE__ */ u(oe, { size: 20 }), p("tourBuilder.preview")]
+								children: [/* @__PURE__ */ u(oe, { size: 20 }), f("tourBuilder.preview")]
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => h(`${_}/${m}/analytics`),
+								onClick: () => m(`${g}/${p}/analytics`),
 								className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2",
-								children: [/* @__PURE__ */ u(ie, { size: 20 }), p("tourBuilder.analytics")]
+								children: [/* @__PURE__ */ u(ie, { size: 20 }), f("tourBuilder.analytics")]
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => h(`${_}/${m}/schedule`),
+								onClick: () => m(`${g}/${p}/schedule`),
 								className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2",
 								children: [/* @__PURE__ */ u(ae, { size: 20 }), "Schedule"]
 							}),
@@ -896,8 +922,8 @@ function _() {
 								permission: i.TOUR_TEMPLATE_CREATE,
 								children: /* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: Ae,
-									disabled: !xe,
+									onClick: je,
+									disabled: !Se,
 									className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2 disabled:opacity-50",
 									children: [/* @__PURE__ */ u(se, { size: 20 }), "Save as Template"]
 								})
@@ -907,9 +933,26 @@ function _() {
 				]
 			})
 		]
+	}) : /* @__PURE__ */ u("div", {
+		className: "flex h-full items-center justify-center p-3 sm:p-6",
+		children: /* @__PURE__ */ d("div", {
+			className: "text-center space-y-4",
+			children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h2", {
+				className: "text-lg font-semibold text-foreground mb-2",
+				children: f("tourBuilder.accessDeniedTitle")
+			}), /* @__PURE__ */ u("p", {
+				className: "text-sm text-muted-foreground",
+				children: f(b ? "tourBuilder.createAccessDeniedMessage" : "tourBuilder.updateAccessDeniedMessage")
+			})] }), /* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: Ae,
+				className: "inline-flex items-center justify-center rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent",
+				children: f("tourBuilder.goBack")
+			})]
+		})
 	});
 }
 //#endregion
-export { _ as TourBuilderPage };
+export { g as TourBuilderPage };
 
 //# sourceMappingURL=TourBuilderPage.js.map