@burdenoff/microfe-tours 2026.625.2 → 2026.626.1

package/dist/tours/pages/TourBuilderPage.js

@@ -8,15 +8,15 @@ import { emitToursApiFailed as a } from "../telemetry.js";
 import { useTourBuilder as te } from "../hooks/useTourBuilder.js";
 import { useEffect as o, useMemo as s, useRef as ne, useState as c } from "react";
 import { PermissionGate as re } from "@burdenoff/fe-libs/shared/components";
-import { ArrowLeft as ie, BarChart3 as ae, Calendar as oe, Eye as se, LayoutTemplate as ce, ListOrdered as le, Save as ue, Sparkles as de } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useNavigate as fe, useParams as pe } from "react-router-dom";
-import { Button as me, CTAOverflowMenu as he, EmphasisPanel as ge, GlassCard as d } from "@burdenoff/fe-libs/ui";
-import { useGatewayClient as _e } from "@burdenoff/fe-libs/shared/graphql";
-import { useEventBus as ve } from "@burdenoff/fe-libs/shared/events";
-import { gql as f } from "@apollo/client/core";
+import { ArrowLeft as ie, BarChart3 as l, Calendar as u, Eye as d, LayoutTemplate as ae, ListOrdered as f, Save as oe, Sparkles as se } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useNavigate as ce, useParams as le } from "react-router-dom";
+import { Button as ue, CTAOverflowMenu as de, EmphasisPanel as fe, GlassCard as pe, NextSteps as me, PagePurpose as he } from "@burdenoff/fe-libs/ui";
+import { useGatewayClient as ge } from "@burdenoff/fe-libs/shared/graphql";
+import { useEventBus as _e } from "@burdenoff/fe-libs/shared/events";
+import { gql as h } from "@apollo/client/core";
 //#region src/tours/pages/TourBuilderPage.tsx
-var ye = 250, be = f`
+var ve = 250, ye = h`
   mutation SeedVibeControlsUserTours {
     seedVibeControlsUserTours {
       productId
@@ -34,7 +34,7 @@ var ye = 250, be = f`
     }
   }
 `;
-function xe(e) {
+function be(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e, n = t.error;
 	if (n instanceof Error) return n.message;
@@ -48,7 +48,7 @@ function xe(e) {
 	}).filter((e) => !!e);
 	return i.length > 0 ? i.join("; ") : "Seed mutation returned errors.";
 }
-var p = [
+var g = [
 	{
 		productId: "vibecontrols",
 		moduleId: "dashboard",
@@ -416,39 +416,39 @@ var p = [
 		isModuleHome: !0
 	}
 ];
-function m(e) {
+function _(e) {
 	return e?.trim() || void 0;
 }
-function h(e) {
-	let t = m(e);
-	return t ? p.filter((e) => e.productId === t) : [];
+function v(e) {
+	let t = _(e);
+	return t ? g.filter((e) => e.productId === t) : [];
 }
-function Se(e) {
+function xe(e) {
 	let t = /* @__PURE__ */ new Map();
-	for (let n of h(e)) (!t.get(n.moduleId) || n.isModuleHome) && t.set(n.moduleId, {
+	for (let n of v(e)) (!t.get(n.moduleId) || n.isModuleHome) && t.set(n.moduleId, {
 		moduleId: n.moduleId,
 		label: n.moduleLabel,
 		path: n.path
 	});
 	return [...t.values()];
 }
-function Ce(e, t) {
-	let n = m(t);
-	return n ? h(e).flatMap((e) => e.moduleId === n ? [{
+function Se(e, t) {
+	let n = _(t);
+	return n ? v(e).flatMap((e) => e.moduleId === n ? [{
 		pageId: e.pageId,
 		label: e.pageLabel,
 		path: e.path
 	}] : []) : [];
 }
-function g() {
-	let { tr: f } = ee(), { tourId: p } = pe(), m = fe(), h = e(), { basePath: g = "/" } = h, _ = ve(), we = _e("global"), { hasPermission: v, isLoading: y } = r(), b = !p || p === "new", x = v(i.TOUR_CREATE), S = v(i.TOUR_UPDATE), Te = v(i.TOUR_TEMPLATE_CREATE), C = b ? x : S, w = x && S, { tour: T, loadTour: E, createTour: Ee, updateTour: De, saving: D, validationErrors: O, error: k } = te(p), { saveAsTemplate: Oe } = n(), { data: A, loading: j } = t({
+function y() {
+	let { tr: h } = ee(), { tourId: g } = le(), _ = ce(), v = e(), { basePath: y = "/" } = v, b = _e(), Ce = ge("global"), { hasPermission: x, isLoading: S } = r(), C = !g || g === "new", w = x(i.TOUR_CREATE), T = x(i.TOUR_UPDATE), we = x(i.TOUR_TEMPLATE_CREATE), E = C ? w : T, D = w && T, { tour: O, loadTour: k, createTour: Te, updateTour: Ee, saving: A, validationErrors: j, error: M } = te(g), { saveAsTemplate: De } = n(), { data: N, loading: P } = t({
 		variables: {
-			limit: ye,
+			limit: ve,
 			offset: 0
 		},
 		fetchPolicy: "cache-and-network",
-		skip: y || !C
-	}), [M, N] = c({
+		skip: S || !E
+	}), [F, I] = c({
 		name: "",
 		description: "",
 		productId: "",
@@ -461,262 +461,297 @@ function g() {
 		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(() => Se(M.productId), [M.productId]), X = s(() => new Set(Y.map((e) => e.moduleId)), [Y]), Z = s(() => Ce(M.productId, M.moduleId), [M.moduleId, M.productId]), Q = s(() => new Set(Z.map((e) => e.pageId)), [Z]);
+	}), [L, R] = c(!1), [z, B] = c(!1), [V, H] = c(!1), [U, W] = c(!1), [G, Oe] = c(null), [ke, Ae] = c(null), K = ne(!1), q = s(() => [...N?.platformProducts.items ?? []].sort((e, t) => e.name.localeCompare(t.name)), [N]), J = s(() => new Set(q.map((e) => e.slug)), [q]), Y = s(() => xe(F.productId), [F.productId]), X = s(() => new Set(Y.map((e) => e.moduleId)), [Y]), Z = s(() => Se(F.productId, F.moduleId), [F.moduleId, F.productId]), Q = s(() => new Set(Z.map((e) => e.pageId)), [Z]);
 	o(() => {
-		K.current || !y && C && p && p !== "new" && E(p);
+		K.current || !S && E && g && g !== "new" && k(g);
 	}, [
-		C,
 		E,
-		y,
-		p
+		k,
+		S,
+		g
 	]), o(() => {
-		T && !K.current && (N(T), K.current = !0);
-	}, [T]), o(() => {
-		if (!M.productId || j) {
-			F(!1);
+		O && !K.current && (I(O), K.current = !0);
+	}, [O]), o(() => {
+		if (!F.productId || P) {
+			R(!1);
 			return;
 		}
-		F(q.length > 0 && !J.has(M.productId));
+		R(q.length > 0 && !J.has(F.productId));
 	}, [
-		M.productId,
+		F.productId,
 		J,
 		q.length,
-		j
+		P
 	]), o(() => {
-		if (!M.productId || !M.moduleId) {
-			L(!1);
+		if (!F.productId || !F.moduleId) {
+			B(!1);
 			return;
 		}
-		L(Y.length === 0 || !X.has(M.moduleId));
+		B(Y.length === 0 || !X.has(F.moduleId));
 	}, [
-		M.moduleId,
-		M.productId,
+		F.moduleId,
+		F.productId,
 		X,
 		Y.length
 	]), o(() => {
-		if (!M.productId || !M.pageId) {
-			z(!1);
+		if (!F.productId || !F.pageId) {
+			H(!1);
 			return;
 		}
-		z(Z.length === 0 || !Q.has(M.pageId));
+		H(Z.length === 0 || !Q.has(F.pageId));
 	}, [
-		M.pageId,
-		M.productId,
+		F.pageId,
+		F.productId,
 		Q,
 		Z.length
 	]);
-	let ke = !!(M.productId && !P && !J.has(M.productId)), Ae = !!(M.moduleId && !I && !X.has(M.moduleId)), je = !!(M.pageId && !R && !Q.has(M.pageId)), Me = async (e) => {
+	let je = !!(F.productId && !L && !J.has(F.productId)), Me = !!(F.moduleId && !z && !X.has(F.moduleId)), Ne = !!(F.pageId && !V && !Q.has(F.pageId)), Pe = async (e) => {
 		e.preventDefault();
 		try {
-			p && p !== "new" ? await De(p, M) : await Ee(M);
+			g && g !== "new" ? await Ee(g, F) : await Te(F);
 		} catch {
-			a(_, "tour.save", h);
+			a(b, "tour.save", v);
 		}
-	}, Ne = () => {
-		m(`${g}/list`);
-	}, Pe = (e) => {
+	}, Fe = () => {
+		_(`${y}/list`);
+	}, Ie = (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);
-	}, Fe = async () => {
-		if (!p || p === "new") return;
-		let e = `${M.name || T?.name || "Tour"} Template`, t = window.prompt("Template name", e);
+	}, Le = async () => {
+		if (!g || g === "new") return;
+		let e = `${F.name || O?.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 Oe(p, {
+			await De(g, {
 				name: t,
-				description: M.description,
+				description: F.description,
 				category: n,
 				isPublic: !1
-			}), m(`${g}/templates`);
+			}), _(`${y}/templates`);
 		} catch {
-			a(_, "template.save", h);
+			a(b, "template.save", v);
 		}
-	}, Ie = async () => {
-		if (window.confirm(f("tourBuilder.seedVibeControls.confirm"))) {
-			V(!0), U(null), G(null);
+	}, Re = async () => {
+		if (window.confirm(h("tourBuilder.seedVibeControls.confirm"))) {
+			W(!0), Oe(null), Ae(null);
 			try {
-				let e = await we.mutate({ mutation: be }), t = xe(e);
+				let e = await Ce.mutate({ mutation: ye }), t = be(e);
 				if (t) throw Error(t);
 				let n = e.data?.seedVibeControlsUserTours;
 				if (!n) throw Error("Seed mutation returned no result.");
-				U(n);
+				Oe(n);
 			} catch (e) {
-				let t = e instanceof Error ? e.message : f("tourBuilder.seedVibeControls.error");
-				G(t), _.emit("tours.api.failed", {
+				let t = e instanceof Error ? e.message : h("tourBuilder.seedVibeControls.error");
+				Ae(t), b.emit("tours.api.failed", {
 					route: "/tours",
 					operation: "tour.seed_vibecontrols_user_tours",
 					errorMessage: t,
-					productId: h.productId,
-					workspaceId: h.workspaceId
+					productId: v.productId,
+					workspaceId: v.workspaceId
 				}, { component: "microfe-tours" });
 			} finally {
-				V(!1);
+				W(!1);
 			}
 		}
-	}, $ = p && p !== "new" ? [
+	}, ze = g && g !== "new" ? [
 		{
-			label: T?.steps && T.steps.length > 0 ? `${f("tourBuilder.editSteps")} (${T.steps.length})` : f("tourBuilder.editSteps"),
-			onSelect: () => m(`${g}/${p}/steps`),
-			icon: /* @__PURE__ */ l(le, { size: 16 })
+			label: O?.steps && O.steps.length > 0 ? `${h("tourBuilder.editSteps")} (${O.steps.length})` : h("tourBuilder.editSteps"),
+			onSelect: () => _(`${y}/${g}/steps`),
+			icon: /* @__PURE__ */ p(f, { size: 16 })
 		},
 		{
-			label: f("tourBuilder.preview"),
-			onSelect: () => m(`${g}/${p}/preview`),
-			icon: /* @__PURE__ */ l(se, { size: 16 })
+			label: h("tourBuilder.preview"),
+			onSelect: () => _(`${y}/${g}/preview`),
+			icon: /* @__PURE__ */ p(d, { size: 16 })
 		},
 		{
-			label: f("tourBuilder.analytics"),
-			onSelect: () => m(`${g}/${p}/analytics`),
-			icon: /* @__PURE__ */ l(ae, { size: 16 })
+			label: h("tourBuilder.analytics"),
+			onSelect: () => _(`${y}/${g}/analytics`),
+			icon: /* @__PURE__ */ p(l, { size: 16 })
 		},
 		{
 			label: "Schedule",
-			onSelect: () => m(`${g}/${p}/schedule`),
-			icon: /* @__PURE__ */ l(oe, { size: 16 })
+			onSelect: () => _(`${y}/${g}/schedule`),
+			icon: /* @__PURE__ */ p(u, { size: 16 })
 		},
-		...Te ? [{
+		...we ? [{
 			label: "Save as Template",
-			onSelect: () => void Fe(),
-			icon: /* @__PURE__ */ l(ce, { size: 16 })
+			onSelect: () => void Le(),
+			icon: /* @__PURE__ */ p(ae, { size: 16 })
 		}] : []
+	] : [], $ = g && g !== "new" && T ? [
+		{
+			id: "edit-steps",
+			label: h("tourBuilder.nextStepEditSteps"),
+			description: h("tourBuilder.nextStepEditStepsDesc"),
+			icon: /* @__PURE__ */ p(f, { size: 16 }),
+			onClick: () => _(`${y}/${g}/steps`)
+		},
+		{
+			id: "preview",
+			label: h("tourBuilder.nextStepPreview"),
+			description: h("tourBuilder.nextStepPreviewDesc"),
+			icon: /* @__PURE__ */ p(d, { size: 16 }),
+			onClick: () => _(`${y}/${g}/preview`)
+		},
+		{
+			id: "schedule",
+			label: h("tourBuilder.nextStepSchedule"),
+			description: h("tourBuilder.nextStepScheduleDesc"),
+			icon: /* @__PURE__ */ p(u, { size: 16 }),
+			onClick: () => _(`${y}/${g}/schedule`)
+		},
+		{
+			id: "analytics",
+			label: h("tourBuilder.nextStepAnalytics"),
+			description: h("tourBuilder.nextStepAnalyticsDesc"),
+			icon: /* @__PURE__ */ p(l, { size: 16 }),
+			onClick: () => _(`${y}/${g}/analytics`)
+		}
 	] : [];
-	return y ? /* @__PURE__ */ l("div", {
+	return S ? /* @__PURE__ */ p("div", {
 		className: "flex h-full items-center justify-center p-3 sm:p-6",
-		children: /* @__PURE__ */ l("p", {
+		children: /* @__PURE__ */ p("p", {
 			className: "text-sm text-text-secondary",
-			children: f("tourBuilder.loading")
+			children: h("tourBuilder.loading")
 		})
-	}) : C ? /* @__PURE__ */ u("div", {
+	}) : E ? /* @__PURE__ */ m("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6 max-w-4xl mx-auto",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center gap-4",
-				children: [/* @__PURE__ */ l("button", {
+				children: [/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: Ne,
+					onClick: Fe,
 					className: "p-2 hover:bg-accent rounded-md",
-					"aria-label": f("tourBuilder.goBack"),
-					children: /* @__PURE__ */ l(ie, { size: 20 })
-				}), /* @__PURE__ */ u("div", {
+					"aria-label": h("tourBuilder.goBack"),
+					children: /* @__PURE__ */ p(ie, { size: 20 })
+				}), /* @__PURE__ */ m("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ l("h1", {
+					children: [/* @__PURE__ */ p("h1", {
 						className: "text-xl sm:text-2xl font-bold text-text-primary",
-						children: f(p && p !== "new" ? "tourBuilder.titleEdit" : "tourBuilder.titleCreate")
-					}), /* @__PURE__ */ l("p", {
+						children: h(g && g !== "new" ? "tourBuilder.titleEdit" : "tourBuilder.titleCreate")
+					}), /* @__PURE__ */ p("p", {
 						className: "text-sm text-text-secondary",
-						children: f("tourBuilder.subtitle")
+						children: h("tourBuilder.subtitle")
 					})]
 				})]
 			}),
-			b ? /* @__PURE__ */ u(ge, {
+			/* @__PURE__ */ p(he, { children: h("tourBuilder.purpose") }),
+			$.length > 0 ? /* @__PURE__ */ p(me, {
+				storageKey: "tours-builder",
+				title: h("tourBuilder.nextStepsTitle"),
+				steps: $
+			}) : null,
+			C ? /* @__PURE__ */ m(fe, {
 				className: "p-4 sm:p-6",
 				children: [
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ l("h2", {
+							children: [/* @__PURE__ */ p("h2", {
 								className: "text-lg font-semibold text-text-primary",
-								children: f("tourBuilder.seedVibeControls.title")
-							}), /* @__PURE__ */ l("p", {
+								children: h("tourBuilder.seedVibeControls.title")
+							}), /* @__PURE__ */ p("p", {
 								className: "text-sm text-text-secondary",
-								children: f("tourBuilder.seedVibeControls.description")
+								children: h("tourBuilder.seedVibeControls.description")
 							})]
-						}), /* @__PURE__ */ u("button", {
+						}), /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: () => void Ie(),
-							disabled: B || !w,
+							onClick: () => void Re(),
+							disabled: U || !D,
 							className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-md border border-border-subtle 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__ */ l(de, { size: 18 }), f(B ? "tourBuilder.seedVibeControls.loading" : "tourBuilder.seedVibeControls.button")]
+							children: [/* @__PURE__ */ p(se, { size: 18 }), h(U ? "tourBuilder.seedVibeControls.loading" : "tourBuilder.seedVibeControls.button")]
 						})]
 					}),
-					w ? null : /* @__PURE__ */ l("p", {
+					D ? null : /* @__PURE__ */ p("p", {
 						className: "mt-3 text-sm text-text-secondary",
-						children: f("tourBuilder.seedVibeControls.permissionHint")
+						children: h("tourBuilder.seedVibeControls.permissionHint")
 					}),
-					W ? /* @__PURE__ */ l("p", {
+					ke ? /* @__PURE__ */ p("p", {
 						className: "mt-3 text-sm text-status-error-text",
-						children: W
+						children: ke
 					}) : null,
-					H ? /* @__PURE__ */ l("div", {
+					G ? /* @__PURE__ */ p("div", {
 						className: "mt-3 rounded-md border border-border-seam bg-bg-surface p-3 text-sm text-text-secondary",
-						children: f("tourBuilder.seedVibeControls.result", {
-							totalCount: H.totalCount,
-							productId: H.productId,
-							workspaceId: H.workspaceId,
-							createdCount: H.createdCount,
-							updatedCount: H.updatedCount
+						children: h("tourBuilder.seedVibeControls.result", {
+							totalCount: G.totalCount,
+							productId: G.productId,
+							workspaceId: G.workspaceId,
+							createdCount: G.createdCount,
+							updatedCount: G.updatedCount
 						})
 					}) : null
 				]
 			}) : null,
-			/* @__PURE__ */ u("form", {
-				onSubmit: Me,
+			/* @__PURE__ */ m("form", {
+				onSubmit: Pe,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ u(d, {
+					/* @__PURE__ */ m(pe, {
 						treatment: "plain",
 						className: "p-4 sm:p-6 border-border-seam",
-						children: [/* @__PURE__ */ l("h2", {
+						children: [/* @__PURE__ */ p("h2", {
 							className: "text-lg font-semibold mb-4",
-							children: f("tourBuilder.sectionBasicInfo")
-						}), /* @__PURE__ */ u("div", {
+							children: h("tourBuilder.sectionBasicInfo")
+						}), /* @__PURE__ */ m("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "tour-name",
-									children: f("tourBuilder.labelName")
-								}), /* @__PURE__ */ l("input", {
+									children: h("tourBuilder.labelName")
+								}), /* @__PURE__ */ p("input", {
 									id: "tour-name",
 									type: "text",
-									value: M.name || "",
-									onChange: (e) => N({
-										...M,
+									value: F.name || "",
+									onChange: (e) => I({
+										...F,
 										name: e.target.value
 									}),
 									className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
 									required: !0,
-									"aria-label": f("tourBuilder.labelName")
+									"aria-label": h("tourBuilder.labelName")
 								})] }),
-								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "tour-description",
-									children: f("tourBuilder.labelDescription")
-								}), /* @__PURE__ */ l("textarea", {
+									children: h("tourBuilder.labelDescription")
+								}), /* @__PURE__ */ p("textarea", {
 									id: "tour-description",
-									value: M.description || "",
-									onChange: (e) => N({
-										...M,
+									value: F.description || "",
+									onChange: (e) => I({
+										...F,
 										description: e.target.value
 									}),
 									rows: 3,
 									className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
-									"aria-label": f("tourBuilder.labelDescription")
+									"aria-label": h("tourBuilder.labelDescription")
 								})] }),
-								/* @__PURE__ */ u("div", { children: [
-									/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ m("div", { children: [
+									/* @__PURE__ */ p("label", {
 										className: "block text-sm font-medium mb-2",
 										htmlFor: "product-id",
-										children: f("tourBuilder.labelProductId")
+										children: h("tourBuilder.labelProductId")
 									}),
-									/* @__PURE__ */ u("select", {
+									/* @__PURE__ */ m("select", {
 										id: "product-id",
-										value: P ? "__custom__" : M.productId || "",
+										value: L ? "__custom__" : F.productId || "",
 										onChange: (e) => {
 											if (e.target.value === "__custom__") {
-												F(!0), N({
-													...M,
+												R(!0), I({
+													...F,
 													productId: "",
 													moduleId: void 0,
 													pageId: void 0
 												});
 												return;
 											}
-											F(!1), L(!1), z(!1), N({
-												...M,
+											R(!1), B(!1), H(!1), I({
+												...F,
 												productId: e.target.value,
 												moduleId: void 0,
 												pageId: void 0
@@ -724,17 +759,17 @@ function g() {
 										},
 										className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
 										required: !0,
-										"aria-label": f("tourBuilder.labelProductId"),
+										"aria-label": h("tourBuilder.labelProductId"),
 										children: [
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ p("option", {
 												value: "",
 												children: "Select product"
 											}),
-											j ? /* @__PURE__ */ l("option", {
+											P ? /* @__PURE__ */ p("option", {
 												disabled: !0,
 												children: "Loading products…"
 											}) : null,
-											q.map((e) => /* @__PURE__ */ u("option", {
+											q.map((e) => /* @__PURE__ */ m("option", {
 												value: e.slug,
 												children: [
 													e.name,
@@ -743,23 +778,23 @@ function g() {
 													")"
 												]
 											}, e.id)),
-											ke ? /* @__PURE__ */ u("option", {
-												value: M.productId,
-												children: ["Current: ", M.productId]
+											je ? /* @__PURE__ */ m("option", {
+												value: F.productId,
+												children: ["Current: ", F.productId]
 											}) : null,
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ p("option", {
 												value: "__custom__",
 												children: "Custom product slug"
 											})
 										]
 									}),
-									P ? /* @__PURE__ */ l("input", {
+									L ? /* @__PURE__ */ p("input", {
 										id: "product-id-custom",
 										"aria-label": "Custom product slug",
 										type: "text",
-										value: M.productId || "",
-										onChange: (e) => N({
-											...M,
+										value: F.productId || "",
+										onChange: (e) => I({
+											...F,
 											productId: e.target.value,
 											moduleId: void 0,
 											pageId: void 0
@@ -769,41 +804,41 @@ function g() {
 										required: !0
 									}) : null
 								] }),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ m("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ u("div", { children: [
-										/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ m("div", { children: [
+										/* @__PURE__ */ p("label", {
 											className: "block text-sm font-medium mb-2",
 											htmlFor: "module-id",
 											children: "Module ID"
 										}),
-										/* @__PURE__ */ u("select", {
+										/* @__PURE__ */ m("select", {
 											id: "module-id",
-											value: I ? "__custom__" : M.moduleId || "",
+											value: z ? "__custom__" : F.moduleId || "",
 											onChange: (e) => {
 												if (e.target.value === "__custom__") {
-													L(!0), N({
-														...M,
+													B(!0), I({
+														...F,
 														moduleId: "",
 														pageId: void 0
 													});
 													return;
 												}
-												L(!1), z(!1), N({
-													...M,
+												B(!1), H(!1), I({
+													...F,
 													moduleId: e.target.value || void 0,
 													pageId: void 0
 												});
 											},
 											className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
-											disabled: !M.productId,
+											disabled: !F.productId,
 											"aria-label": "Module ID",
 											children: [
-												/* @__PURE__ */ l("option", {
+												/* @__PURE__ */ p("option", {
 													value: "",
 													children: "All modules"
 												}),
-												Y.map((e) => /* @__PURE__ */ u("option", {
+												Y.map((e) => /* @__PURE__ */ m("option", {
 													value: e.moduleId,
 													children: [
 														e.label,
@@ -812,60 +847,60 @@ function g() {
 														")"
 													]
 												}, e.moduleId)),
-												Ae ? /* @__PURE__ */ u("option", {
-													value: M.moduleId,
-													children: ["Current: ", M.moduleId]
+												Me ? /* @__PURE__ */ m("option", {
+													value: F.moduleId,
+													children: ["Current: ", F.moduleId]
 												}) : null,
-												/* @__PURE__ */ l("option", {
+												/* @__PURE__ */ p("option", {
 													value: "__custom__",
 													children: "Custom module ID"
 												})
 											]
 										}),
-										I ? /* @__PURE__ */ l("input", {
+										z ? /* @__PURE__ */ p("input", {
 											id: "module-id-custom",
 											"aria-label": "Custom module ID",
 											type: "text",
-											value: M.moduleId || "",
-											onChange: (e) => N({
-												...M,
+											value: F.moduleId || "",
+											onChange: (e) => I({
+												...F,
 												moduleId: e.target.value || void 0,
 												pageId: void 0
 											}),
 											className: "mt-2 w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
 											placeholder: "vibecontrols"
 										}) : null
-									] }), /* @__PURE__ */ u("div", { children: [
-										/* @__PURE__ */ l("label", {
+									] }), /* @__PURE__ */ m("div", { children: [
+										/* @__PURE__ */ p("label", {
 											className: "block text-sm font-medium mb-2",
 											htmlFor: "page-id",
 											children: "Page ID"
 										}),
-										/* @__PURE__ */ u("select", {
+										/* @__PURE__ */ m("select", {
 											id: "page-id",
-											value: R ? "__custom__" : M.pageId || "",
+											value: V ? "__custom__" : F.pageId || "",
 											onChange: (e) => {
 												if (e.target.value === "__custom__") {
-													z(!0), N({
-														...M,
+													H(!0), I({
+														...F,
 														pageId: ""
 													});
 													return;
 												}
-												z(!1), N({
-													...M,
+												H(!1), I({
+													...F,
 													pageId: e.target.value || void 0
 												});
 											},
 											className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
-											disabled: !M.productId,
+											disabled: !F.productId,
 											"aria-label": "Page ID",
 											children: [
-												/* @__PURE__ */ l("option", {
+												/* @__PURE__ */ p("option", {
 													value: "",
 													children: "All pages"
 												}),
-												Z.map((e) => /* @__PURE__ */ u("option", {
+												Z.map((e) => /* @__PURE__ */ m("option", {
 													value: e.pageId,
 													children: [
 														e.label,
@@ -874,23 +909,23 @@ function g() {
 														")"
 													]
 												}, e.pageId)),
-												je ? /* @__PURE__ */ u("option", {
-													value: M.pageId,
-													children: ["Current: ", M.pageId]
+												Ne ? /* @__PURE__ */ m("option", {
+													value: F.pageId,
+													children: ["Current: ", F.pageId]
 												}) : null,
-												/* @__PURE__ */ l("option", {
+												/* @__PURE__ */ p("option", {
 													value: "__custom__",
 													children: "Custom page ID"
 												})
 											]
 										}),
-										R ? /* @__PURE__ */ l("input", {
+										V ? /* @__PURE__ */ p("input", {
 											id: "page-id-custom",
 											"aria-label": "Custom page ID",
 											type: "text",
-											value: M.pageId || "",
-											onChange: (e) => N({
-												...M,
+											value: F.pageId || "",
+											onChange: (e) => I({
+												...F,
 												pageId: e.target.value || void 0
 											}),
 											className: "mt-2 w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
@@ -898,18 +933,18 @@ function g() {
 										}) : null
 									] })]
 								}),
-								/* @__PURE__ */ u("label", {
+								/* @__PURE__ */ m("label", {
 									className: "flex items-center gap-3 cursor-pointer",
-									children: [/* @__PURE__ */ l("input", {
+									children: [/* @__PURE__ */ p("input", {
 										type: "checkbox",
-										checked: M.isActive ?? !0,
-										onChange: (e) => N({
-											...M,
+										checked: F.isActive ?? !0,
+										onChange: (e) => I({
+											...F,
 											isActive: e.target.checked
 										}),
 										className: "size-4 rounded",
 										"aria-label": "Active"
-									}), /* @__PURE__ */ l("span", {
+									}), /* @__PURE__ */ p("span", {
 										className: "text-sm font-medium",
 										children: "Active"
 									})]
@@ -917,97 +952,97 @@ function g() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ u(d, {
+					/* @__PURE__ */ m(pe, {
 						treatment: "plain",
 						className: "p-4 sm:p-6 border-border-seam",
-						children: [/* @__PURE__ */ l("h2", {
+						children: [/* @__PURE__ */ p("h2", {
 							className: "text-lg font-semibold mb-4",
-							children: f("tourBuilder.sectionTriggerSettings")
-						}), /* @__PURE__ */ u("div", {
+							children: h("tourBuilder.sectionTriggerSettings")
+						}), /* @__PURE__ */ m("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "trigger-type",
-									children: f("tourBuilder.labelTriggerType")
-								}), /* @__PURE__ */ u("select", {
+									children: h("tourBuilder.labelTriggerType")
+								}), /* @__PURE__ */ m("select", {
 									id: "trigger-type",
-									value: M.triggerType || "MANUAL",
-									onChange: (e) => N({
-										...M,
+									value: F.triggerType || "MANUAL",
+									onChange: (e) => I({
+										...F,
 										triggerType: e.target.value
 									}),
 									className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
-									"aria-label": f("tourBuilder.labelTriggerType"),
+									"aria-label": h("tourBuilder.labelTriggerType"),
 									children: [
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "MANUAL",
-											children: f("tourBuilder.triggerManual")
+											children: h("tourBuilder.triggerManual")
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "AUTO_FIRST_VISIT",
-											children: f("tourBuilder.triggerAutoFirstVisit")
+											children: h("tourBuilder.triggerAutoFirstVisit")
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "AUTO_ALWAYS",
-											children: f("tourBuilder.triggerAutoAlways")
+											children: h("tourBuilder.triggerAutoAlways")
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "ON_EVENT",
-											children: f("tourBuilder.triggerOnEvent")
+											children: h("tourBuilder.triggerOnEvent")
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "SCHEDULED",
-											children: f("tourBuilder.triggerScheduled")
+											children: h("tourBuilder.triggerScheduled")
 										})
 									]
 								})] }),
-								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "priority",
-									children: f("tourBuilder.labelPriority")
-								}), /* @__PURE__ */ l("input", {
+									children: h("tourBuilder.labelPriority")
+								}), /* @__PURE__ */ p("input", {
 									id: "priority",
 									type: "number",
 									min: "1",
 									max: "100",
-									value: M.priority || 50,
+									value: F.priority || 50,
 									onChange: (e) => {
 										let t = Number.parseInt(e.target.value, 10) || 50;
-										N({
-											...M,
+										I({
+											...F,
 											priority: t
 										});
 									},
 									className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
-									"aria-label": f("tourBuilder.labelPriority")
+									"aria-label": h("tourBuilder.labelPriority")
 								})] }),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ m("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 										className: "block text-sm font-medium mb-2",
 										htmlFor: "tour-start-date",
 										children: "Start Date"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ p("input", {
 										id: "tour-start-date",
 										type: "datetime-local",
-										value: Pe(M.startDate),
-										onChange: (e) => N({
-											...M,
+										value: Ie(F.startDate),
+										onChange: (e) => I({
+											...F,
 											startDate: e.target.value ? new Date(e.target.value).toISOString() : void 0
 										}),
 										className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
 										"aria-label": "Start Date"
-									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 										className: "block text-sm font-medium mb-2",
 										htmlFor: "tour-end-date",
 										children: "End Date"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ p("input", {
 										id: "tour-end-date",
 										type: "datetime-local",
-										value: Pe(M.endDate),
-										onChange: (e) => N({
-											...M,
+										value: Ie(F.endDate),
+										onChange: (e) => I({
+											...F,
 											endDate: e.target.value ? new Date(e.target.value).toISOString() : void 0
 										}),
 										className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
@@ -1017,64 +1052,64 @@ function g() {
 							]
 						})]
 					}),
-					k && /* @__PURE__ */ u("div", {
+					M && /* @__PURE__ */ m("div", {
 						className: "border border-status-error-border rounded-md p-4 bg-status-error-bg/10",
-						children: [/* @__PURE__ */ l("h3", {
+						children: [/* @__PURE__ */ p("h3", {
 							className: "font-semibold text-status-error-text mb-2",
-							children: f("tourBuilder.errorTitle")
-						}), /* @__PURE__ */ l("p", {
+							children: h("tourBuilder.errorTitle")
+						}), /* @__PURE__ */ p("p", {
 							className: "text-sm text-status-error-text",
-							children: k.message
+							children: M.message
 						})]
 					}),
-					O.length > 0 && /* @__PURE__ */ u("div", {
+					j.length > 0 && /* @__PURE__ */ m("div", {
 						className: "border border-status-error-border rounded-md p-4 bg-status-error-bg/10",
-						children: [/* @__PURE__ */ l("h3", {
+						children: [/* @__PURE__ */ p("h3", {
 							className: "font-semibold text-status-error-text mb-2",
-							children: f("tourBuilder.validationErrorsTitle")
-						}), /* @__PURE__ */ l("ul", {
+							children: h("tourBuilder.validationErrorsTitle")
+						}), /* @__PURE__ */ p("ul", {
 							className: "list-disc list-inside space-y-1",
-							children: O.map((e) => /* @__PURE__ */ l("li", {
+							children: j.map((e) => /* @__PURE__ */ p("li", {
 								className: "text-sm text-status-error-text",
 								children: e.message
 							}, e.message))
 						})]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ l(re, {
-							permission: b ? i.TOUR_CREATE : i.TOUR_UPDATE,
-							children: /* @__PURE__ */ u(me, {
+						children: [/* @__PURE__ */ p(re, {
+							permission: C ? i.TOUR_CREATE : i.TOUR_UPDATE,
+							children: /* @__PURE__ */ m(ue, {
 								type: "submit",
-								disabled: D || !C,
+								disabled: A || !E,
 								className: "flex-1 min-w-[200px] min-h-[44px]",
-								children: [/* @__PURE__ */ l(ue, { size: 20 }), f(D ? "tourBuilder.saving" : p && p !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
+								children: [/* @__PURE__ */ p(oe, { size: 20 }), h(A ? "tourBuilder.saving" : g && g !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
 							})
-						}), p && p !== "new" && $.length > 0 && /* @__PURE__ */ l(he, { actions: $ })]
+						}), g && g !== "new" && ze.length > 0 && /* @__PURE__ */ p(de, { actions: ze })]
 					})
 				]
 			})
 		]
-	}) : /* @__PURE__ */ l("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: "flex h-full items-center justify-center p-3 sm:p-6",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center space-y-4",
-			children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
+			children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
 				className: "text-lg font-semibold text-text-primary mb-2",
-				children: f("tourBuilder.accessDeniedTitle")
-			}), /* @__PURE__ */ l("p", {
+				children: h("tourBuilder.accessDeniedTitle")
+			}), /* @__PURE__ */ p("p", {
 				className: "text-sm text-text-secondary",
-				children: f(b ? "tourBuilder.createAccessDeniedMessage" : "tourBuilder.updateAccessDeniedMessage")
-			})] }), /* @__PURE__ */ l("button", {
+				children: h(C ? "tourBuilder.createAccessDeniedMessage" : "tourBuilder.updateAccessDeniedMessage")
+			})] }), /* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: Ne,
+				onClick: Fe,
 				className: "inline-flex items-center justify-center rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent",
-				children: f("tourBuilder.goBack")
+				children: h("tourBuilder.goBack")
 			})]
 		})
 	});
 }
 //#endregion
-export { g as TourBuilderPage };
+export { y as TourBuilderPage };
 
 //# sourceMappingURL=TourBuilderPage.js.map