@burdenoff/microfe-tours 2026.626.2 → 2026.720.2

package/dist/tours/pages/TourBuilderPage.js

@@ -4,19 +4,20 @@ 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 ee } from "../i18n.js";
-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 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 { emitToursApiFailed as te } from "../telemetry.js";
+import { MarkdownEditor as ne } from "../components/MarkdownEditor.js";
+import { useTourBuilder as re } from "../hooks/useTourBuilder.js";
+import { useEffect as a, useMemo as o, useRef as ie, useState as s } from "react";
+import { PermissionGate as ae } from "@burdenoff/fe-libs/shared/components";
+import { ArrowLeft as oe, BarChart3 as c, Calendar as l, Eye as u, LayoutTemplate as se, ListOrdered as d, Save as ce, Sparkles as f } from "lucide-react";
+import { Fragment as le, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useNavigate as ue, useParams as de } from "react-router-dom";
+import { Button as fe, CTAOverflowMenu as pe, EmphasisPanel as me, GlassCard as he, NextSteps as ge, PagePurpose as _e } from "@burdenoff/fe-libs/ui";
+import { useGatewayClient as ve } from "@burdenoff/fe-libs/shared/graphql";
+import { useEventBus as ye } from "@burdenoff/fe-libs/shared/events";
 import { gql as h } from "@apollo/client/core";
 //#region src/tours/pages/TourBuilderPage.tsx
-var ve = 250, ye = h`
+var be = 250, xe = h`
   mutation SeedVibeControlsUserTours {
     seedVibeControlsUserTours {
       productId
@@ -33,8 +34,25 @@ var ve = 250, ye = h`
       }
     }
   }
+`, Se = h`
+  mutation SeedBuildmyiqUserTours {
+    seedBuildmyiqUserTours {
+      productId
+      workspaceId
+      createdCount
+      updatedCount
+      totalCount
+      tours {
+        tourId
+        slug
+        name
+        action
+        stepCount
+      }
+    }
+  }
 `;
-function be(e) {
+function Ce(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e, n = t.error;
 	if (n instanceof Error) return n.message;
@@ -414,6 +432,231 @@ var g = [
 		pageLabel: "Search",
 		path: "/search",
 		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "dashboard",
+		moduleLabel: "Dashboard",
+		pageId: "dashboard",
+		pageLabel: "Dashboard",
+		path: "/dashboard",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "catalog",
+		moduleLabel: "Course Catalog",
+		pageId: "home",
+		pageLabel: "Catalog",
+		path: "/catalog",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "catalog",
+		moduleLabel: "Course Catalog",
+		pageId: "detail",
+		pageLabel: "Course Detail",
+		path: "/catalog/:courseId"
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "learning",
+		moduleLabel: "My Learning",
+		pageId: "home",
+		pageLabel: "My Learning",
+		path: "/learning",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "learning",
+		moduleLabel: "My Learning",
+		pageId: "player",
+		pageLabel: "Lesson Player",
+		path: "/learning/:enrollmentId"
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "paths",
+		moduleLabel: "Skill Journeys",
+		pageId: "home",
+		pageLabel: "Skill Journeys",
+		path: "/paths",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "authoring",
+		moduleLabel: "Authoring",
+		pageId: "home",
+		pageLabel: "Authoring",
+		path: "/authoring",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "authoring",
+		moduleLabel: "Authoring",
+		pageId: "builder",
+		pageLabel: "Course Builder",
+		path: "/authoring/:courseId"
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "assessments",
+		moduleLabel: "Assessments",
+		pageId: "home",
+		pageLabel: "Assessments",
+		path: "/assessments",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "assessments",
+		moduleLabel: "Assessments",
+		pageId: "detail",
+		pageLabel: "Assessment Detail",
+		path: "/assessments/:assessmentId"
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "assessments",
+		moduleLabel: "Assessments",
+		pageId: "take",
+		pageLabel: "Take Assessment",
+		path: "/assessments/:assessmentId/take"
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "insights",
+		moduleLabel: "Insights",
+		pageId: "home",
+		pageLabel: "Insights",
+		path: "/insights",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "submissions",
+		moduleLabel: "Submissions",
+		pageId: "home",
+		pageLabel: "Submissions",
+		path: "/submissions",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "cohorts",
+		moduleLabel: "Cohorts",
+		pageId: "home",
+		pageLabel: "Cohorts",
+		path: "/cohorts",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "skills",
+		moduleLabel: "Skills",
+		pageId: "home",
+		pageLabel: "Skills",
+		path: "/skills",
+		isModuleHome: !0
+	},
+	{
+		productId: "buildmyiq",
+		moduleId: "certificates",
+		moduleLabel: "Certificates",
+		pageId: "home",
+		pageLabel: "Certificates",
+		path: "/certificates",
+		isModuleHome: !0
+	},
+	{
+		productId: "collabkin",
+		moduleId: "dashboard",
+		moduleLabel: "Dashboard",
+		pageId: "dashboard",
+		pageLabel: "Dashboard",
+		path: "/collabkin",
+		isModuleHome: !0
+	},
+	{
+		productId: "collabkin",
+		moduleId: "trees",
+		moduleLabel: "Family Trees",
+		pageId: "home",
+		pageLabel: "Family Trees",
+		path: "/collabkin/trees",
+		isModuleHome: !0
+	},
+	{
+		productId: "collabkin",
+		moduleId: "trees",
+		moduleLabel: "Family Trees",
+		pageId: "detail",
+		pageLabel: "Tree Detail",
+		path: "/collabkin/trees/:treeId"
+	},
+	{
+		productId: "collabkin",
+		moduleId: "people",
+		moduleLabel: "People",
+		pageId: "home",
+		pageLabel: "People",
+		path: "/collabkin/people",
+		isModuleHome: !0
+	},
+	{
+		productId: "collabkin",
+		moduleId: "people",
+		moduleLabel: "People",
+		pageId: "detail",
+		pageLabel: "Person Detail",
+		path: "/collabkin/people/:personId"
+	},
+	{
+		productId: "collabkin",
+		moduleId: "memories",
+		moduleLabel: "Memories",
+		pageId: "home",
+		pageLabel: "Memories",
+		path: "/collabkin/memories",
+		isModuleHome: !0
+	},
+	{
+		productId: "collabkin",
+		moduleId: "memories",
+		moduleLabel: "Memories",
+		pageId: "detail",
+		pageLabel: "Memory Detail",
+		path: "/collabkin/memories/:memoryId"
+	},
+	{
+		productId: "collabkin",
+		moduleId: "stories",
+		moduleLabel: "Stories",
+		pageId: "home",
+		pageLabel: "Stories",
+		path: "/collabkin/stories",
+		isModuleHome: !0
+	},
+	{
+		productId: "collabkin",
+		moduleId: "stories",
+		moduleLabel: "Stories",
+		pageId: "detail",
+		pageLabel: "Story Detail",
+		path: "/collabkin/stories/:storyId"
+	},
+	{
+		productId: "collabkin",
+		moduleId: "timeline",
+		moduleLabel: "Timeline",
+		pageId: "home",
+		pageLabel: "Timeline",
+		path: "/collabkin/timeline",
+		isModuleHome: !0
 	}
 ];
 function _(e) {
@@ -423,7 +666,7 @@ function v(e) {
 	let t = _(e);
 	return t ? g.filter((e) => e.productId === t) : [];
 }
-function xe(e) {
+function we(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of v(e)) (!t.get(n.moduleId) || n.isModuleHome) && t.set(n.moduleId, {
 		moduleId: n.moduleId,
@@ -432,7 +675,7 @@ function xe(e) {
 	});
 	return [...t.values()];
 }
-function Se(e, t) {
+function Te(e, t) {
 	let n = _(t);
 	return n ? v(e).flatMap((e) => e.moduleId === n ? [{
 		pageId: e.pageId,
@@ -441,14 +684,14 @@ function Se(e, 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({
+	let { tr: h } = ee(), { tourId: g } = de(), _ = ue(), v = e(), { basePath: y = "/" } = v, b = ye(), x = ve("global"), { hasPermission: S, isLoading: C } = r(), w = !g || g === "new", T = S(i.TOUR_CREATE), E = S(i.TOUR_UPDATE), Ee = S(i.TOUR_TEMPLATE_CREATE), D = w ? T : E, O = T && E, k = T && E, { tour: A, loadTour: j, createTour: De, updateTour: Oe, saving: M, validationErrors: N, error: ke } = re(g), { saveAsTemplate: Ae } = n(), { data: je, loading: P } = t({
 		variables: {
-			limit: ve,
+			limit: be,
 			offset: 0
 		},
 		fetchPolicy: "cache-and-network",
-		skip: S || !E
-	}), [F, I] = c({
+		skip: C || !D
+	}), [F, I] = s({
 		name: "",
 		description: "",
 		productId: "",
@@ -461,90 +704,90 @@ function y() {
 		displayOrder: 1,
 		startDate: "",
 		endDate: ""
-	}), [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 || !S && E && g && g !== "new" && k(g);
+	}), [L, R] = s(!1), [z, B] = s(!1), [V, H] = s(!1), [Me, Ne] = s(!1), [U, Pe] = s(null), [Fe, Ie] = s(null), [Le, Re] = s(!1), [W, ze] = s(null), [Be, Ve] = s(null), G = ie(!1), K = o(() => [...je?.platformProducts.items ?? []].sort((e, t) => e.name.localeCompare(t.name)), [je]), q = o(() => new Set(K.map((e) => e.slug)), [K]), J = o(() => we(F.productId), [F.productId]), Y = o(() => new Set(J.map((e) => e.moduleId)), [J]), X = o(() => Te(F.productId, F.moduleId), [F.moduleId, F.productId]), Z = o(() => new Set(X.map((e) => e.pageId)), [X]);
+	a(() => {
+		G.current || !C && D && g && g !== "new" && j(g);
 	}, [
-		E,
-		k,
-		S,
+		D,
+		j,
+		C,
 		g
-	]), o(() => {
-		O && !K.current && (I(O), K.current = !0);
-	}, [O]), o(() => {
+	]), a(() => {
+		A && !G.current && (I(A), G.current = !0);
+	}, [A]), a(() => {
 		if (!F.productId || P) {
 			R(!1);
 			return;
 		}
-		R(q.length > 0 && !J.has(F.productId));
+		R(K.length > 0 && !q.has(F.productId));
 	}, [
 		F.productId,
-		J,
-		q.length,
+		q,
+		K.length,
 		P
-	]), o(() => {
+	]), a(() => {
 		if (!F.productId || !F.moduleId) {
 			B(!1);
 			return;
 		}
-		B(Y.length === 0 || !X.has(F.moduleId));
+		B(J.length === 0 || !Y.has(F.moduleId));
 	}, [
 		F.moduleId,
 		F.productId,
-		X,
-		Y.length
-	]), o(() => {
+		Y,
+		J.length
+	]), a(() => {
 		if (!F.productId || !F.pageId) {
 			H(!1);
 			return;
 		}
-		H(Z.length === 0 || !Q.has(F.pageId));
+		H(X.length === 0 || !Z.has(F.pageId));
 	}, [
 		F.pageId,
 		F.productId,
-		Q,
-		Z.length
+		Z,
+		X.length
 	]);
-	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) => {
+	let He = !!(F.productId && !L && !q.has(F.productId)), Ue = !!(F.moduleId && !z && !Y.has(F.moduleId)), We = !!(F.pageId && !V && !Z.has(F.pageId)), Ge = async (e) => {
 		e.preventDefault();
 		try {
-			g && g !== "new" ? await Ee(g, F) : await Te(F);
+			g && g !== "new" ? await Oe(g, F) : await De(F);
 		} catch {
-			a(b, "tour.save", v);
+			te(b, "tour.save", v);
 		}
-	}, Fe = () => {
+	}, Q = () => {
 		_(`${y}/list`);
-	}, Ie = (e) => {
+	}, Ke = (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);
-	}, Le = async () => {
+	}, qe = async () => {
 		if (!g || g === "new") return;
-		let e = `${F.name || O?.name || "Tour"} Template`, t = window.prompt("Template name", e);
+		let e = `${F.name || A?.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 De(g, {
+			await Ae(g, {
 				name: t,
 				description: F.description,
 				category: n,
 				isPublic: !1
 			}), _(`${y}/templates`);
 		} catch {
-			a(b, "template.save", v);
+			te(b, "template.save", v);
 		}
-	}, Re = async () => {
+	}, Je = async () => {
 		if (window.confirm(h("tourBuilder.seedVibeControls.confirm"))) {
-			W(!0), Oe(null), Ae(null);
+			Ne(!0), Pe(null), Ie(null);
 			try {
-				let e = await Ce.mutate({ mutation: ye }), t = be(e);
+				let e = await x.mutate({ mutation: xe }), t = Ce(e);
 				if (t) throw Error(t);
 				let n = e.data?.seedVibeControlsUserTours;
 				if (!n) throw Error("Seed mutation returned no result.");
-				Oe(n);
+				Pe(n);
 			} catch (e) {
 				let t = e instanceof Error ? e.message : h("tourBuilder.seedVibeControls.error");
-				Ae(t), b.emit("tours.api.failed", {
+				Ie(t), b.emit("tours.api.failed", {
 					route: "/tours",
 					operation: "tour.seed_vibecontrols_user_tours",
 					errorMessage: t,
@@ -552,82 +795,104 @@ function y() {
 					workspaceId: v.workspaceId
 				}, { component: "microfe-tours" });
 			} finally {
-				W(!1);
+				Ne(!1);
+			}
+		}
+	}, Ye = async () => {
+		if (window.confirm(h("tourBuilder.seedBuildmyiq.confirm"))) {
+			Re(!0), ze(null), Ve(null);
+			try {
+				let e = await x.mutate({ mutation: Se }), t = Ce(e);
+				if (t) throw Error(t);
+				let n = e.data?.seedBuildmyiqUserTours;
+				if (!n) throw Error("Seed mutation returned no result.");
+				ze(n);
+			} catch (e) {
+				let t = e instanceof Error ? e.message : h("tourBuilder.seedBuildmyiq.error");
+				Ve(t), b.emit("tours.api.failed", {
+					route: "/tours",
+					operation: "tour.seed_buildmyiq_user_tours",
+					errorMessage: t,
+					productId: v.productId,
+					workspaceId: v.workspaceId
+				}, { component: "microfe-tours" });
+			} finally {
+				Re(!1);
 			}
 		}
-	}, ze = g && g !== "new" ? [
+	}, Xe = g && g !== "new" ? [
 		{
-			label: O?.steps && O.steps.length > 0 ? `${h("tourBuilder.editSteps")} (${O.steps.length})` : h("tourBuilder.editSteps"),
+			label: A?.steps && A.steps.length > 0 ? `${h("tourBuilder.editSteps")} (${A.steps.length})` : h("tourBuilder.editSteps"),
 			onSelect: () => _(`${y}/${g}/steps`),
-			icon: /* @__PURE__ */ p(f, { size: 16 })
+			icon: /* @__PURE__ */ p(d, { size: 16 })
 		},
 		{
 			label: h("tourBuilder.preview"),
 			onSelect: () => _(`${y}/${g}/preview`),
-			icon: /* @__PURE__ */ p(d, { size: 16 })
+			icon: /* @__PURE__ */ p(u, { size: 16 })
 		},
 		{
 			label: h("tourBuilder.analytics"),
 			onSelect: () => _(`${y}/${g}/analytics`),
-			icon: /* @__PURE__ */ p(l, { size: 16 })
+			icon: /* @__PURE__ */ p(c, { size: 16 })
 		},
 		{
 			label: "Schedule",
 			onSelect: () => _(`${y}/${g}/schedule`),
-			icon: /* @__PURE__ */ p(u, { size: 16 })
+			icon: /* @__PURE__ */ p(l, { size: 16 })
 		},
-		...we ? [{
+		...Ee ? [{
 			label: "Save as Template",
-			onSelect: () => void Le(),
-			icon: /* @__PURE__ */ p(ae, { size: 16 })
+			onSelect: () => void qe(),
+			icon: /* @__PURE__ */ p(se, { size: 16 })
 		}] : []
-	] : [], $ = g && g !== "new" && T ? [
+	] : [], $ = g && g !== "new" && E ? [
 		{
 			id: "edit-steps",
 			label: h("tourBuilder.nextStepEditSteps"),
 			description: h("tourBuilder.nextStepEditStepsDesc"),
-			icon: /* @__PURE__ */ p(f, { size: 16 }),
+			icon: /* @__PURE__ */ p(d, { size: 16 }),
 			onClick: () => _(`${y}/${g}/steps`)
 		},
 		{
 			id: "preview",
 			label: h("tourBuilder.nextStepPreview"),
 			description: h("tourBuilder.nextStepPreviewDesc"),
-			icon: /* @__PURE__ */ p(d, { size: 16 }),
+			icon: /* @__PURE__ */ p(u, { size: 16 }),
 			onClick: () => _(`${y}/${g}/preview`)
 		},
 		{
 			id: "schedule",
 			label: h("tourBuilder.nextStepSchedule"),
 			description: h("tourBuilder.nextStepScheduleDesc"),
-			icon: /* @__PURE__ */ p(u, { size: 16 }),
+			icon: /* @__PURE__ */ p(l, { size: 16 }),
 			onClick: () => _(`${y}/${g}/schedule`)
 		},
 		{
 			id: "analytics",
 			label: h("tourBuilder.nextStepAnalytics"),
 			description: h("tourBuilder.nextStepAnalyticsDesc"),
-			icon: /* @__PURE__ */ p(l, { size: 16 }),
+			icon: /* @__PURE__ */ p(c, { size: 16 }),
 			onClick: () => _(`${y}/${g}/analytics`)
 		}
 	] : [];
-	return S ? /* @__PURE__ */ p("div", {
+	return C ? /* @__PURE__ */ p("div", {
 		className: "flex h-full items-center justify-center p-3 sm:p-6",
 		children: /* @__PURE__ */ p("p", {
 			className: "text-sm text-text-secondary",
 			children: h("tourBuilder.loading")
 		})
-	}) : E ? /* @__PURE__ */ m("div", {
+	}) : D ? /* @__PURE__ */ m("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6 max-w-4xl mx-auto",
 		children: [
 			/* @__PURE__ */ m("div", {
 				className: "flex items-center gap-4",
 				children: [/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: Fe,
+					onClick: Q,
 					className: "p-2 hover:bg-accent rounded-md",
 					"aria-label": h("tourBuilder.goBack"),
-					children: /* @__PURE__ */ p(ie, { size: 20 })
+					children: /* @__PURE__ */ p(oe, { size: 20 })
 				}), /* @__PURE__ */ m("div", {
 					className: "flex-1",
 					children: [/* @__PURE__ */ p("h1", {
@@ -639,13 +904,13 @@ function y() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ p(he, { children: h("tourBuilder.purpose") }),
-			$.length > 0 ? /* @__PURE__ */ p(me, {
+			/* @__PURE__ */ p(_e, { children: h("tourBuilder.purpose") }),
+			$.length > 0 ? /* @__PURE__ */ p(ge, {
 				storageKey: "tours-builder",
 				title: h("tourBuilder.nextStepsTitle"),
 				steps: $
 			}) : null,
-			C ? /* @__PURE__ */ m(fe, {
+			w ? /* @__PURE__ */ m(le, { children: [/* @__PURE__ */ m(me, {
 				className: "p-4 sm:p-6",
 				children: [
 					/* @__PURE__ */ m("div", {
@@ -661,37 +926,78 @@ function y() {
 							})]
 						}), /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: () => void Re(),
-							disabled: U || !D,
+							onClick: () => void Je(),
+							disabled: Me || !O,
 							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__ */ p(se, { size: 18 }), h(U ? "tourBuilder.seedVibeControls.loading" : "tourBuilder.seedVibeControls.button")]
+							children: [/* @__PURE__ */ p(f, { size: 18 }), h(Me ? "tourBuilder.seedVibeControls.loading" : "tourBuilder.seedVibeControls.button")]
 						})]
 					}),
-					D ? null : /* @__PURE__ */ p("p", {
+					O ? null : /* @__PURE__ */ p("p", {
 						className: "mt-3 text-sm text-text-secondary",
 						children: h("tourBuilder.seedVibeControls.permissionHint")
 					}),
-					ke ? /* @__PURE__ */ p("p", {
+					Fe ? /* @__PURE__ */ p("p", {
 						className: "mt-3 text-sm text-status-error-text",
-						children: ke
+						children: Fe
 					}) : null,
-					G ? /* @__PURE__ */ p("div", {
+					U ? /* @__PURE__ */ p("div", {
 						className: "mt-3 rounded-md border border-border-seam bg-bg-surface p-3 text-sm text-text-secondary",
 						children: h("tourBuilder.seedVibeControls.result", {
-							totalCount: G.totalCount,
-							productId: G.productId,
-							workspaceId: G.workspaceId,
-							createdCount: G.createdCount,
-							updatedCount: G.updatedCount
+							totalCount: U.totalCount,
+							productId: U.productId,
+							workspaceId: U.workspaceId,
+							createdCount: U.createdCount,
+							updatedCount: U.updatedCount
 						})
 					}) : null
 				]
-			}) : null,
+			}), /* @__PURE__ */ m(me, {
+				className: "p-4 sm:p-6",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+						children: [/* @__PURE__ */ m("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ p("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: h("tourBuilder.seedBuildmyiq.title")
+							}), /* @__PURE__ */ p("p", {
+								className: "text-sm text-text-secondary",
+								children: h("tourBuilder.seedBuildmyiq.description")
+							})]
+						}), /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => void Ye(),
+							disabled: Le || !k,
+							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__ */ p(f, { size: 18 }), h(Le ? "tourBuilder.seedBuildmyiq.loading" : "tourBuilder.seedBuildmyiq.button")]
+						})]
+					}),
+					k ? null : /* @__PURE__ */ p("p", {
+						className: "mt-3 text-sm text-text-secondary",
+						children: h("tourBuilder.seedBuildmyiq.permissionHint")
+					}),
+					Be ? /* @__PURE__ */ p("p", {
+						className: "mt-3 text-sm text-status-error-text",
+						children: Be
+					}) : null,
+					W ? /* @__PURE__ */ p("div", {
+						className: "mt-3 rounded-md border border-border-seam bg-bg-surface p-3 text-sm text-text-secondary",
+						children: h("tourBuilder.seedBuildmyiq.result", {
+							totalCount: W.totalCount,
+							productId: W.productId,
+							workspaceId: W.workspaceId,
+							createdCount: W.createdCount,
+							updatedCount: W.updatedCount
+						})
+					}) : null
+				]
+			})] }) : null,
 			/* @__PURE__ */ m("form", {
-				onSubmit: Pe,
+				onSubmit: Ge,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ m(pe, {
+					/* @__PURE__ */ m(he, {
 						treatment: "plain",
 						className: "p-4 sm:p-6 border-border-seam",
 						children: [/* @__PURE__ */ p("h2", {
@@ -716,21 +1022,17 @@ function y() {
 									required: !0,
 									"aria-label": h("tourBuilder.labelName")
 								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-									className: "block text-sm font-medium mb-2",
-									htmlFor: "tour-description",
-									children: h("tourBuilder.labelDescription")
-								}), /* @__PURE__ */ p("textarea", {
+								/* @__PURE__ */ p(ne, {
 									id: "tour-description",
+									label: h("tourBuilder.labelDescription"),
 									value: F.description || "",
 									onChange: (e) => I({
 										...F,
-										description: e.target.value
+										description: e
 									}),
-									rows: 3,
-									className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-text-primary",
+									rows: 4,
 									"aria-label": h("tourBuilder.labelDescription")
-								})] }),
+								}),
 								/* @__PURE__ */ m("div", { children: [
 									/* @__PURE__ */ p("label", {
 										className: "block text-sm font-medium mb-2",
@@ -769,7 +1071,7 @@ function y() {
 												disabled: !0,
 												children: "Loading products…"
 											}) : null,
-											q.map((e) => /* @__PURE__ */ m("option", {
+											K.map((e) => /* @__PURE__ */ m("option", {
 												value: e.slug,
 												children: [
 													e.name,
@@ -778,7 +1080,7 @@ function y() {
 													")"
 												]
 											}, e.id)),
-											je ? /* @__PURE__ */ m("option", {
+											He ? /* @__PURE__ */ m("option", {
 												value: F.productId,
 												children: ["Current: ", F.productId]
 											}) : null,
@@ -838,7 +1140,7 @@ function y() {
 													value: "",
 													children: "All modules"
 												}),
-												Y.map((e) => /* @__PURE__ */ m("option", {
+												J.map((e) => /* @__PURE__ */ m("option", {
 													value: e.moduleId,
 													children: [
 														e.label,
@@ -847,7 +1149,7 @@ function y() {
 														")"
 													]
 												}, e.moduleId)),
-												Me ? /* @__PURE__ */ m("option", {
+												Ue ? /* @__PURE__ */ m("option", {
 													value: F.moduleId,
 													children: ["Current: ", F.moduleId]
 												}) : null,
@@ -900,7 +1202,7 @@ function y() {
 													value: "",
 													children: "All pages"
 												}),
-												Z.map((e) => /* @__PURE__ */ m("option", {
+												X.map((e) => /* @__PURE__ */ m("option", {
 													value: e.pageId,
 													children: [
 														e.label,
@@ -909,7 +1211,7 @@ function y() {
 														")"
 													]
 												}, e.pageId)),
-												Ne ? /* @__PURE__ */ m("option", {
+												We ? /* @__PURE__ */ m("option", {
 													value: F.pageId,
 													children: ["Current: ", F.pageId]
 												}) : null,
@@ -952,7 +1254,7 @@ function y() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ m(pe, {
+					/* @__PURE__ */ m(he, {
 						treatment: "plain",
 						className: "p-4 sm:p-6 border-border-seam",
 						children: [/* @__PURE__ */ p("h2", {
@@ -1026,7 +1328,7 @@ function y() {
 									}), /* @__PURE__ */ p("input", {
 										id: "tour-start-date",
 										type: "datetime-local",
-										value: Ie(F.startDate),
+										value: Ke(F.startDate),
 										onChange: (e) => I({
 											...F,
 											startDate: e.target.value ? new Date(e.target.value).toISOString() : void 0
@@ -1040,7 +1342,7 @@ function y() {
 									}), /* @__PURE__ */ p("input", {
 										id: "tour-end-date",
 										type: "datetime-local",
-										value: Ie(F.endDate),
+										value: Ke(F.endDate),
 										onChange: (e) => I({
 											...F,
 											endDate: e.target.value ? new Date(e.target.value).toISOString() : void 0
@@ -1052,24 +1354,24 @@ function y() {
 							]
 						})]
 					}),
-					M && /* @__PURE__ */ m("div", {
+					ke && /* @__PURE__ */ m("div", {
 						className: "border border-status-error-border rounded-md p-4 bg-status-error-bg/10",
 						children: [/* @__PURE__ */ p("h3", {
 							className: "font-semibold text-status-error-text mb-2",
 							children: h("tourBuilder.errorTitle")
 						}), /* @__PURE__ */ p("p", {
 							className: "text-sm text-status-error-text",
-							children: M.message
+							children: ke.message
 						})]
 					}),
-					j.length > 0 && /* @__PURE__ */ m("div", {
+					N.length > 0 && /* @__PURE__ */ m("div", {
 						className: "border border-status-error-border rounded-md p-4 bg-status-error-bg/10",
 						children: [/* @__PURE__ */ p("h3", {
 							className: "font-semibold text-status-error-text mb-2",
 							children: h("tourBuilder.validationErrorsTitle")
 						}), /* @__PURE__ */ p("ul", {
 							className: "list-disc list-inside space-y-1",
-							children: j.map((e) => /* @__PURE__ */ p("li", {
+							children: N.map((e) => /* @__PURE__ */ p("li", {
 								className: "text-sm text-status-error-text",
 								children: e.message
 							}, e.message))
@@ -1077,15 +1379,15 @@ function y() {
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ p(re, {
-							permission: C ? i.TOUR_CREATE : i.TOUR_UPDATE,
-							children: /* @__PURE__ */ m(ue, {
+						children: [/* @__PURE__ */ p(ae, {
+							permission: w ? i.TOUR_CREATE : i.TOUR_UPDATE,
+							children: /* @__PURE__ */ m(fe, {
 								type: "submit",
-								disabled: A || !E,
+								disabled: M || !D,
 								className: "flex-1 min-w-[200px] min-h-[44px]",
-								children: [/* @__PURE__ */ p(oe, { size: 20 }), h(A ? "tourBuilder.saving" : g && g !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
+								children: [/* @__PURE__ */ p(ce, { size: 20 }), h(M ? "tourBuilder.saving" : g && g !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
 							})
-						}), g && g !== "new" && ze.length > 0 && /* @__PURE__ */ p(de, { actions: ze })]
+						}), g && g !== "new" && Xe.length > 0 && /* @__PURE__ */ p(pe, { actions: Xe })]
 					})
 				]
 			})
@@ -1099,10 +1401,10 @@ function y() {
 				children: h("tourBuilder.accessDeniedTitle")
 			}), /* @__PURE__ */ p("p", {
 				className: "text-sm text-text-secondary",
-				children: h(C ? "tourBuilder.createAccessDeniedMessage" : "tourBuilder.updateAccessDeniedMessage")
+				children: h(w ? "tourBuilder.createAccessDeniedMessage" : "tourBuilder.updateAccessDeniedMessage")
 			})] }), /* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: Fe,
+				onClick: Q,
 				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: h("tourBuilder.goBack")
 			})]