@burdenoff/microfe-tours 2026.513.2 → 2026.516.1

package/dist/tours/pages/TourBuilderPage.js

@@ -1,17 +1,206 @@
 import { useToursContext as e } from "../providers/ToursProvider.js";
-import { useTourLifecycle as t } from "../hooks/useTourLifecycle.js";
-import { useToursPermissionAccess as n } from "../hooks/useToursPermissionAccess.js";
-import { TOUR_PERMISSIONS as r } from "../../constants/permissions.js";
-import { useToursI18n as i } from "../i18n.js";
-import { useTourBuilder as a } from "../hooks/useTourBuilder.js";
-import { useEffect as o, useRef as s, useState as c } from "react";
-import { PermissionGate as l } from "@burdenoff/fe-libs/shared/components";
-import { ArrowLeft as u, BarChart3 as d, Calendar as f, Eye as p, LayoutTemplate as m, ListOrdered as h, Save as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useNavigate as b, useParams as x } from "react-router-dom";
+import { useGetPlatformProductsForToursQuery as t } from "../../generated/global-operations.js";
+import { useTourLifecycle as n } from "../hooks/useTourLifecycle.js";
+import { useToursPermissionAccess as r } from "../hooks/useToursPermissionAccess.js";
+import { TOUR_PERMISSIONS as i } from "../../constants/permissions.js";
+import { useToursI18n as a } from "../i18n.js";
+import { useTourBuilder as o } from "../hooks/useTourBuilder.js";
+import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { PermissionGate as d } from "@burdenoff/fe-libs/shared/components";
+import { ArrowLeft as f, BarChart3 as p, Calendar as ee, Eye as te, LayoutTemplate as ne, ListOrdered as m, Save as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useNavigate as re, useParams as ie } from "react-router-dom";
 //#region src/tours/pages/TourBuilderPage.tsx
-function S() {
-	let { tr: S } = i(), { tourId: C } = x(), w = b(), { basePath: T = "/" } = e(), { hasPermission: E } = n(), D = !C || C === "new", O = E(r.TOUR_CREATE), k = E(r.TOUR_UPDATE), A = E(r.TOUR_TEMPLATE_CREATE), j = D ? O : k, { tour: M, loadTour: N, createTour: P, updateTour: F, saving: I, validationErrors: L, error: R } = a(C), { saveAsTemplate: z } = t(), [B, V] = c({
+var y = 250, b = [
+	{
+		productId: "vibecontrols",
+		moduleId: "dashboard",
+		moduleLabel: "Dashboard",
+		pageId: "dashboard",
+		pageLabel: "Dashboard",
+		path: "/dashboard",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "home",
+		pageLabel: "Overview",
+		path: "/vibecontrols",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "agents",
+		pageLabel: "Targets & Agents",
+		path: "/vibecontrols/agents"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "vibes",
+		pageLabel: "Vibes",
+		path: "/vibecontrols/vibes"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "sessions",
+		pageLabel: "Sessions",
+		path: "/vibecontrols/sessions"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "ai",
+		pageLabel: "AI",
+		path: "/vibecontrols/ai"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "catalogs",
+		pageLabel: "Catalogs",
+		path: "/vibecontrols/catalogs"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "components",
+		pageLabel: "Components",
+		path: "/vibecontrols/components"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "templates",
+		pageLabel: "Templates",
+		path: "/vibecontrols/templates"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "actions",
+		pageLabel: "Actions",
+		path: "/vibecontrols/actions"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "vibedeck",
+		pageLabel: "Decks",
+		path: "/vibecontrols/vibedeck"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "calendar",
+		pageLabel: "Calendar",
+		path: "/vibecontrols/calendar"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "tunnels",
+		pageLabel: "Tunnels",
+		path: "/vibecontrols/tunnels"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "analytics",
+		pageLabel: "Analytics",
+		path: "/vibecontrols/analytics"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "audit",
+		pageLabel: "Audit Log",
+		path: "/vibecontrols/audit"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "health",
+		pageLabel: "Health",
+		path: "/vibecontrols/health"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "vibecontrols",
+		moduleLabel: "VibeControls",
+		pageId: "settings",
+		pageLabel: "Settings",
+		path: "/vibecontrols/settings"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "scheduler",
+		moduleLabel: "Scheduler",
+		pageId: "scheduler",
+		pageLabel: "Scheduler",
+		path: "/scheduler",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "sandbox",
+		moduleLabel: "Sandbox",
+		pageId: "sandbox",
+		pageLabel: "Sandbox",
+		path: "/sandbox",
+		isModuleHome: !0
+	}
+];
+function x(e) {
+	return e?.trim() || void 0;
+}
+function S(e) {
+	let t = x(e);
+	return t ? b.filter((e) => e.productId === t) : [];
+}
+function C(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of S(e)) (!t.get(n.moduleId) || n.isModuleHome) && t.set(n.moduleId, {
+		moduleId: n.moduleId,
+		label: n.moduleLabel,
+		path: n.path
+	});
+	return [...t.values()];
+}
+function w(e, t) {
+	let n = x(t);
+	return n ? S(e).filter((e) => e.moduleId === n).map((e) => ({
+		pageId: e.pageId,
+		label: e.pageLabel,
+		path: e.path
+	})) : [];
+}
+function T() {
+	let { tr: b } = a(), { tourId: x } = ie(), S = re(), { basePath: T = "/" } = e(), { hasPermission: E } = r(), D = !x || x === "new", O = E(i.TOUR_CREATE), ae = E(i.TOUR_UPDATE), oe = E(i.TOUR_TEMPLATE_CREATE), se = D ? O : ae, { tour: k, loadTour: A, createTour: ce, updateTour: j, saving: M, validationErrors: N, error: P } = o(x), { saveAsTemplate: F } = n(), { data: I, loading: L } = t({
+		variables: {
+			limit: y,
+			offset: 0
+		},
+		fetchPolicy: "cache-and-network"
+	}), [R, z] = u({
 		name: "",
 		description: "",
 		productId: "",
@@ -24,144 +213,326 @@ function S() {
 		displayOrder: 1,
 		startDate: "",
 		endDate: ""
-	}), H = s(!1);
-	o(() => {
-		C && C !== "new" && (H.current = !1, N(C));
-	}, [C, N]), o(() => {
-		M && !H.current && (V(M), H.current = !0);
-	}, [M]);
-	let U = async (e) => {
+	}), [B, V] = u(!1), [H, U] = u(!1), [W, G] = u(!1), K = l(!1), q = c(() => [...I?.platformProducts.items ?? []].sort((e, t) => e.name.localeCompare(t.name)), [I]), J = c(() => new Set(q.map((e) => e.slug)), [q]), Y = c(() => C(R.productId), [R.productId]), X = c(() => new Set(Y.map((e) => e.moduleId)), [Y]), Z = c(() => w(R.productId, R.moduleId), [R.moduleId, R.productId]), Q = c(() => new Set(Z.map((e) => e.pageId)), [Z]);
+	s(() => {
+		x && x !== "new" && (K.current = !1, A(x));
+	}, [x, A]), s(() => {
+		k && !K.current && (z(k), K.current = !0);
+	}, [k]), s(() => {
+		if (!R.productId || L) {
+			V(!1);
+			return;
+		}
+		V(q.length > 0 && !J.has(R.productId));
+	}, [
+		R.productId,
+		J,
+		q.length,
+		L
+	]), s(() => {
+		if (!R.productId || !R.moduleId) {
+			U(!1);
+			return;
+		}
+		U(Y.length === 0 || !X.has(R.moduleId));
+	}, [
+		R.moduleId,
+		R.productId,
+		X,
+		Y.length
+	]), s(() => {
+		if (!R.productId || !R.pageId) {
+			G(!1);
+			return;
+		}
+		G(Z.length === 0 || !Q.has(R.pageId));
+	}, [
+		R.pageId,
+		R.productId,
+		Q,
+		Z.length
+	]);
+	let le = !!(R.productId && !B && !J.has(R.productId)), ue = !!(R.moduleId && !H && !X.has(R.moduleId)), de = !!(R.pageId && !W && !Q.has(R.pageId)), fe = async (e) => {
 		e.preventDefault();
 		try {
-			C && C !== "new" ? await F(C, B) : await P(B);
+			x && x !== "new" ? await j(x, R) : await ce(R);
 		} catch (e) {
 			console.error("Failed to save tour:", e);
 		}
-	}, W = () => {
-		w(`${T}/list`);
-	}, G = (e) => {
+	}, pe = () => {
+		S(`${T}/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);
 	};
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6 max-w-4xl mx-auto",
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ v("button", {
-				onClick: W,
+			children: [/* @__PURE__ */ _("button", {
+				onClick: pe,
 				className: "p-2 hover:bg-accent rounded-md",
-				"aria-label": S("tourBuilder.goBack"),
-				children: /* @__PURE__ */ v(u, { size: 20 })
-			}), /* @__PURE__ */ y("div", {
+				"aria-label": b("tourBuilder.goBack"),
+				children: /* @__PURE__ */ _(f, { size: 20 })
+			}), /* @__PURE__ */ v("div", {
 				className: "flex-1",
-				children: [/* @__PURE__ */ v("h1", {
+				children: [/* @__PURE__ */ _("h1", {
 					className: "text-xl sm:text-2xl font-bold text-foreground",
-					children: S(C && C !== "new" ? "tourBuilder.titleEdit" : "tourBuilder.titleCreate")
-				}), /* @__PURE__ */ v("p", {
+					children: b(x && x !== "new" ? "tourBuilder.titleEdit" : "tourBuilder.titleCreate")
+				}), /* @__PURE__ */ _("p", {
 					className: "text-sm text-muted-foreground",
-					children: S("tourBuilder.subtitle")
+					children: b("tourBuilder.subtitle")
 				})]
 			})]
-		}), /* @__PURE__ */ y("form", {
-			onSubmit: U,
+		}), /* @__PURE__ */ v("form", {
+			onSubmit: fe,
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					className: "border border-border rounded-md p-4 sm:p-6 bg-card",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ _("h2", {
 						className: "text-lg font-semibold mb-4",
-						children: S("tourBuilder.sectionBasicInfo")
-					}), /* @__PURE__ */ y("div", {
+						children: b("tourBuilder.sectionBasicInfo")
+					}), /* @__PURE__ */ v("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 								className: "block text-sm font-medium mb-2",
 								htmlFor: "tour-name",
-								children: S("tourBuilder.labelName")
-							}), /* @__PURE__ */ v("input", {
+								children: b("tourBuilder.labelName")
+							}), /* @__PURE__ */ _("input", {
 								id: "tour-name",
 								type: "text",
-								value: B.name || "",
-								onChange: (e) => V({
-									...B,
+								value: R.name || "",
+								onChange: (e) => z({
+									...R,
 									name: e.target.value
 								}),
 								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
 								required: !0
 							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 								className: "block text-sm font-medium mb-2",
 								htmlFor: "tour-description",
-								children: S("tourBuilder.labelDescription")
-							}), /* @__PURE__ */ v("textarea", {
+								children: b("tourBuilder.labelDescription")
+							}), /* @__PURE__ */ _("textarea", {
 								id: "tour-description",
-								value: B.description || "",
-								onChange: (e) => V({
-									...B,
+								value: R.description || "",
+								onChange: (e) => z({
+									...R,
 									description: e.target.value
 								}),
 								rows: 3,
 								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
 							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-								className: "block text-sm font-medium mb-2",
-								htmlFor: "product-id",
-								children: S("tourBuilder.labelProductId")
-							}), /* @__PURE__ */ v("input", {
-								id: "product-id",
-								type: "text",
-								value: B.productId || "",
-								onChange: (e) => V({
-									...B,
-									productId: e.target.value
-								}),
-								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
-								required: !0
-							})] }),
-							/* @__PURE__ */ y("div", {
-								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-								children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							/* @__PURE__ */ v("div", { children: [
+								/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium mb-2",
-									htmlFor: "module-id",
-									children: "Module ID"
-								}), /* @__PURE__ */ v("input", {
-									id: "module-id",
-									type: "text",
-									value: B.moduleId || "",
-									onChange: (e) => V({
-										...B,
-										moduleId: e.target.value || void 0
-									}),
+									htmlFor: "product-id",
+									children: b("tourBuilder.labelProductId")
+								}),
+								/* @__PURE__ */ v("select", {
+									id: "product-id",
+									value: B ? "__custom__" : R.productId || "",
+									onChange: (e) => {
+										if (e.target.value === "__custom__") {
+											V(!0), z({
+												...R,
+												productId: "",
+												moduleId: void 0,
+												pageId: void 0
+											});
+											return;
+										}
+										V(!1), U(!1), G(!1), z({
+											...R,
+											productId: e.target.value,
+											moduleId: void 0,
+											pageId: void 0
+										});
+									},
 									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
-									placeholder: "vibecontrols"
-								})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-									className: "block text-sm font-medium mb-2",
-									htmlFor: "page-id",
-									children: "Page ID"
-								}), /* @__PURE__ */ v("input", {
-									id: "page-id",
+									required: !0,
+									children: [
+										/* @__PURE__ */ _("option", {
+											value: "",
+											children: "Select product"
+										}),
+										L ? /* @__PURE__ */ _("option", {
+											disabled: !0,
+											children: "Loading products..."
+										}) : null,
+										q.map((e) => /* @__PURE__ */ v("option", {
+											value: e.slug,
+											children: [
+												e.name,
+												" (",
+												e.slug,
+												")"
+											]
+										}, e.id)),
+										le ? /* @__PURE__ */ v("option", {
+											value: R.productId,
+											children: ["Current: ", R.productId]
+										}) : null,
+										/* @__PURE__ */ _("option", {
+											value: "__custom__",
+											children: "Custom product slug"
+										})
+									]
+								}),
+								B ? /* @__PURE__ */ _("input", {
+									id: "product-id-custom",
 									type: "text",
-									value: B.pageId || "",
-									onChange: (e) => V({
-										...B,
-										pageId: e.target.value || void 0
+									value: R.productId || "",
+									onChange: (e) => z({
+										...R,
+										productId: e.target.value,
+										moduleId: void 0,
+										pageId: void 0
 									}),
-									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
-									placeholder: "agents"
-								})] })]
+									className: "mt-2 w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+									placeholder: "vibecontrols",
+									required: !0
+								}) : null
+							] }),
+							/* @__PURE__ */ v("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ v("div", { children: [
+									/* @__PURE__ */ _("label", {
+										className: "block text-sm font-medium mb-2",
+										htmlFor: "module-id",
+										children: "Module ID"
+									}),
+									/* @__PURE__ */ v("select", {
+										id: "module-id",
+										value: H ? "__custom__" : R.moduleId || "",
+										onChange: (e) => {
+											if (e.target.value === "__custom__") {
+												U(!0), z({
+													...R,
+													moduleId: "",
+													pageId: void 0
+												});
+												return;
+											}
+											U(!1), G(!1), z({
+												...R,
+												moduleId: e.target.value || void 0,
+												pageId: void 0
+											});
+										},
+										className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+										disabled: !R.productId,
+										children: [
+											/* @__PURE__ */ _("option", {
+												value: "",
+												children: "All modules"
+											}),
+											Y.map((e) => /* @__PURE__ */ v("option", {
+												value: e.moduleId,
+												children: [
+													e.label,
+													" (",
+													e.moduleId,
+													")"
+												]
+											}, e.moduleId)),
+											ue ? /* @__PURE__ */ v("option", {
+												value: R.moduleId,
+												children: ["Current: ", R.moduleId]
+											}) : null,
+											/* @__PURE__ */ _("option", {
+												value: "__custom__",
+												children: "Custom module ID"
+											})
+										]
+									}),
+									H ? /* @__PURE__ */ _("input", {
+										id: "module-id-custom",
+										type: "text",
+										value: R.moduleId || "",
+										onChange: (e) => z({
+											...R,
+											moduleId: e.target.value || void 0,
+											pageId: void 0
+										}),
+										className: "mt-2 w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+										placeholder: "vibecontrols"
+									}) : null
+								] }), /* @__PURE__ */ v("div", { children: [
+									/* @__PURE__ */ _("label", {
+										className: "block text-sm font-medium mb-2",
+										htmlFor: "page-id",
+										children: "Page ID"
+									}),
+									/* @__PURE__ */ v("select", {
+										id: "page-id",
+										value: W ? "__custom__" : R.pageId || "",
+										onChange: (e) => {
+											if (e.target.value === "__custom__") {
+												G(!0), z({
+													...R,
+													pageId: ""
+												});
+												return;
+											}
+											G(!1), z({
+												...R,
+												pageId: e.target.value || void 0
+											});
+										},
+										className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+										disabled: !R.productId,
+										children: [
+											/* @__PURE__ */ _("option", {
+												value: "",
+												children: "All pages"
+											}),
+											Z.map((e) => /* @__PURE__ */ v("option", {
+												value: e.pageId,
+												children: [
+													e.label,
+													" (",
+													e.pageId,
+													")"
+												]
+											}, e.pageId)),
+											de ? /* @__PURE__ */ v("option", {
+												value: R.pageId,
+												children: ["Current: ", R.pageId]
+											}) : null,
+											/* @__PURE__ */ _("option", {
+												value: "__custom__",
+												children: "Custom page ID"
+											})
+										]
+									}),
+									W ? /* @__PURE__ */ _("input", {
+										id: "page-id-custom",
+										type: "text",
+										value: R.pageId || "",
+										onChange: (e) => z({
+											...R,
+											pageId: e.target.value || void 0
+										}),
+										className: "mt-2 w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
+										placeholder: "agents"
+									}) : null
+								] })]
 							}),
-							/* @__PURE__ */ y("label", {
+							/* @__PURE__ */ v("label", {
 								className: "flex items-center gap-3 cursor-pointer",
-								children: [/* @__PURE__ */ v("input", {
+								children: [/* @__PURE__ */ _("input", {
 									type: "checkbox",
-									checked: B.isActive ?? !0,
-									onChange: (e) => V({
-										...B,
+									checked: R.isActive ?? !0,
+									onChange: (e) => z({
+										...R,
 										isActive: e.target.checked
 									}),
 									className: "w-4 h-4 rounded"
-								}), /* @__PURE__ */ v("span", {
+								}), /* @__PURE__ */ _("span", {
 									className: "text-sm font-medium",
 									children: "Active"
 								})]
@@ -169,90 +540,93 @@ function S() {
 						]
 					})]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					className: "border border-border rounded-md p-4 sm:p-6 bg-card",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ _("h2", {
 						className: "text-lg font-semibold mb-4",
-						children: S("tourBuilder.sectionTriggerSettings")
-					}), /* @__PURE__ */ y("div", {
+						children: b("tourBuilder.sectionTriggerSettings")
+					}), /* @__PURE__ */ v("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 								className: "block text-sm font-medium mb-2",
 								htmlFor: "trigger-type",
-								children: S("tourBuilder.labelTriggerType")
-							}), /* @__PURE__ */ y("select", {
+								children: b("tourBuilder.labelTriggerType")
+							}), /* @__PURE__ */ v("select", {
 								id: "trigger-type",
-								value: B.triggerType || "MANUAL",
-								onChange: (e) => V({
-									...B,
+								value: R.triggerType || "MANUAL",
+								onChange: (e) => z({
+									...R,
 									triggerType: e.target.value
 								}),
 								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
 								children: [
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ _("option", {
 										value: "MANUAL",
-										children: S("tourBuilder.triggerManual")
+										children: b("tourBuilder.triggerManual")
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ _("option", {
 										value: "AUTO_FIRST_VISIT",
-										children: S("tourBuilder.triggerAutoFirstVisit")
+										children: b("tourBuilder.triggerAutoFirstVisit")
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ _("option", {
 										value: "AUTO_ALWAYS",
-										children: S("tourBuilder.triggerAutoAlways")
+										children: b("tourBuilder.triggerAutoAlways")
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ _("option", {
 										value: "ON_EVENT",
-										children: S("tourBuilder.triggerOnEvent")
+										children: b("tourBuilder.triggerOnEvent")
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ _("option", {
 										value: "SCHEDULED",
-										children: S("tourBuilder.triggerScheduled")
+										children: b("tourBuilder.triggerScheduled")
 									})
 								]
 							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 								className: "block text-sm font-medium mb-2",
 								htmlFor: "priority",
-								children: S("tourBuilder.labelPriority")
-							}), /* @__PURE__ */ v("input", {
+								children: b("tourBuilder.labelPriority")
+							}), /* @__PURE__ */ _("input", {
 								id: "priority",
 								type: "number",
 								min: "1",
 								max: "100",
-								value: B.priority || 50,
-								onChange: (e) => V({
-									...B,
-									priority: parseInt(e.target.value)
-								}),
+								value: R.priority || 50,
+								onChange: (e) => {
+									let t = Number.parseInt(e.target.value, 10) || 50;
+									z({
+										...R,
+										priority: t
+									});
+								},
 								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
 							})] }),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-								children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "tour-start-date",
 									children: "Start Date"
-								}), /* @__PURE__ */ v("input", {
+								}), /* @__PURE__ */ _("input", {
 									id: "tour-start-date",
 									type: "datetime-local",
-									value: G(B.startDate),
-									onChange: (e) => V({
-										...B,
+									value: $(R.startDate),
+									onChange: (e) => z({
+										...R,
 										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"
-								})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "tour-end-date",
 									children: "End Date"
-								}), /* @__PURE__ */ v("input", {
+								}), /* @__PURE__ */ _("input", {
 									id: "tour-end-date",
 									type: "datetime-local",
-									value: G(B.endDate),
-									onChange: (e) => V({
-										...B,
+									value: $(R.endDate),
+									onChange: (e) => z({
+										...R,
 										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"
@@ -261,94 +635,94 @@ function S() {
 						]
 					})]
 				}),
-				R && /* @__PURE__ */ y("div", {
+				P && /* @__PURE__ */ v("div", {
 					className: "border border-destructive rounded-md p-4 bg-destructive/10",
-					children: [/* @__PURE__ */ v("h3", {
+					children: [/* @__PURE__ */ _("h3", {
 						className: "font-semibold text-destructive mb-2",
-						children: S("tourBuilder.errorTitle")
-					}), /* @__PURE__ */ v("p", {
+						children: b("tourBuilder.errorTitle")
+					}), /* @__PURE__ */ _("p", {
 						className: "text-sm text-destructive",
-						children: R.message
+						children: P.message
 					})]
 				}),
-				L.length > 0 && /* @__PURE__ */ y("div", {
+				N.length > 0 && /* @__PURE__ */ v("div", {
 					className: "border border-destructive rounded-md p-4 bg-destructive/10",
-					children: [/* @__PURE__ */ v("h3", {
+					children: [/* @__PURE__ */ _("h3", {
 						className: "font-semibold text-destructive mb-2",
-						children: S("tourBuilder.validationErrorsTitle")
-					}), /* @__PURE__ */ v("ul", {
+						children: b("tourBuilder.validationErrorsTitle")
+					}), /* @__PURE__ */ _("ul", {
 						className: "list-disc list-inside space-y-1",
-						children: L.map((e, t) => /* @__PURE__ */ v("li", {
+						children: N.map((e, t) => /* @__PURE__ */ _("li", {
 							className: "text-sm text-destructive",
 							children: e.message
 						}, t))
 					})]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					className: "flex flex-wrap gap-3",
-					children: [/* @__PURE__ */ v(l, {
-						permission: D ? r.TOUR_CREATE : r.TOUR_UPDATE,
-						children: /* @__PURE__ */ y("button", {
+					children: [/* @__PURE__ */ _(d, {
+						permission: D ? i.TOUR_CREATE : i.TOUR_UPDATE,
+						children: /* @__PURE__ */ v("button", {
 							type: "submit",
-							disabled: I || !j,
+							disabled: M || !se,
 							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__ */ v(g, { size: 20 }), S(I ? "tourBuilder.saving" : C && C !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
+							children: [/* @__PURE__ */ _(h, { size: 20 }), b(M ? "tourBuilder.saving" : x && x !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
 						})
-					}), C && C !== "new" && /* @__PURE__ */ y(_, { children: [
-						/* @__PURE__ */ y("button", {
+					}), x && x !== "new" && /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => w(`${T}/${C}/steps`),
+							onClick: () => S(`${T}/${x}/steps`),
 							className: "px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/80 flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ v(h, { size: 20 }),
-								S("tourBuilder.editSteps"),
-								M?.steps && M.steps.length > 0 && /* @__PURE__ */ v("span", {
+								/* @__PURE__ */ _(m, { size: 20 }),
+								b("tourBuilder.editSteps"),
+								k?.steps && k.steps.length > 0 && /* @__PURE__ */ _("span", {
 									className: "ml-1 px-2 py-0.5 text-xs bg-primary/20 rounded-full",
-									children: M.steps.length
+									children: k.steps.length
 								})
 							]
 						}),
-						/* @__PURE__ */ y("button", {
+						/* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => w(`${T}/${C}/preview`),
+							onClick: () => S(`${T}/${x}/preview`),
 							className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2",
-							children: [/* @__PURE__ */ v(p, { size: 20 }), S("tourBuilder.preview")]
+							children: [/* @__PURE__ */ _(te, { size: 20 }), b("tourBuilder.preview")]
 						}),
-						/* @__PURE__ */ y("button", {
+						/* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => w(`${T}/${C}/analytics`),
+							onClick: () => S(`${T}/${x}/analytics`),
 							className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2",
-							children: [/* @__PURE__ */ v(d, { size: 20 }), S("tourBuilder.analytics")]
+							children: [/* @__PURE__ */ _(p, { size: 20 }), b("tourBuilder.analytics")]
 						}),
-						/* @__PURE__ */ y("button", {
+						/* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => w(`${T}/${C}/schedule`),
+							onClick: () => S(`${T}/${x}/schedule`),
 							className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2",
-							children: [/* @__PURE__ */ v(f, { size: 20 }), "Schedule"]
+							children: [/* @__PURE__ */ _(ee, { size: 20 }), "Schedule"]
 						}),
-						/* @__PURE__ */ v(l, {
-							permission: r.TOUR_TEMPLATE_CREATE,
-							children: /* @__PURE__ */ y("button", {
+						/* @__PURE__ */ _(d, {
+							permission: i.TOUR_TEMPLATE_CREATE,
+							children: /* @__PURE__ */ v("button", {
 								type: "button",
 								onClick: async () => {
-									if (!C || C === "new") return;
-									let e = `${B.name || M?.name || "Tour"} Template`, t = window.prompt("Template name", e);
+									if (!x || x === "new") return;
+									let e = `${R.name || k?.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 z(C, {
+										await F(x, {
 											name: t,
-											description: B.description,
+											description: R.description,
 											category: n,
 											isPublic: !1
-										}), w(`${T}/templates`);
+										}), S(`${T}/templates`);
 									} catch (e) {
 										console.error("Failed to save template:", e);
 									}
 								},
-								disabled: !A,
+								disabled: !oe,
 								className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2 disabled:opacity-50",
-								children: [/* @__PURE__ */ v(m, { size: 20 }), "Save as Template"]
+								children: [/* @__PURE__ */ _(ne, { size: 20 }), "Save as Template"]
 							})
 						})
 					] })]
@@ -358,6 +732,6 @@ function S() {
 	});
 }
 //#endregion
-export { S as TourBuilderPage };
+export { T as TourBuilderPage };
 
 //# sourceMappingURL=TourBuilderPage.js.map